您的位置：首页 > 编程语言 > ASP

aspv6_index

2016-02-26 15:41 645 查看

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>testtd</title>
<meta name="Keywords" content="test"/>
<meta name="Description" content="test"/>

<link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/base.css"/>
<script type="text/javascript" src="http://pscript1.4008000000.com/app_js/paui/1.0.1/build/pa.ui.min.js"></script>
<style>
body{min-width: 1060px;}
a:hover{text-decoration: none}

.top-bar-warp{width: 100%; height: 30px; line-height: 30px; background-color: #333; font-size: 12px;}
.wide{width: 1000px; margin: 0 auto; color: #dbdbdb;}

.top-bar-right ul li{float: left; display: inline-block; height: 30px; margin-left: 15px;}
.top-bar-right ul li a{ color: #dbdbdb;}
.top-bar-right ul li a:hover{ color: #f60;}
.top-bar-right .mobile{position: relative;}
.top-bar-right .mobile a{display: block; padding: 0 20px; height: 30px; position: relative;}
.top-bar-right .mobile a:hover{background-color: #fff; color: red}
.top-bar-right .mobile i{background: url(http://img2.pingan.com/app_images/pingan/pa_v4/index_z.png) -477px -31px no-repeat; width: 10px; height: 17px; position: absolute; top: 7px; left: 5px;}
.top-bar-right .mobile b {position: absolute;right: 8px;top: 15px;width: 0;height: 0;font-size: 0;line-height: 0;border-width: 4px;border-style: solid;border-color: #fff transparent transparent;color: #fff; font-weight: 400; font-style: normal;}
.top-bar-right .mobile a:hover b{border-color: #f60 transparent transparent;color: #f60;}
.top-bar-right .mobile .m-code{position: absolute;left: -1px; top: 27px; width: 118px;height: auto;background: #efefef;padding-top: 6px;margin: 3px auto 0;text-align: center; border: 1px solid #666;border-top: none; display: none;}
.top-bar-right .mobile .m-desc{display: block; line-height: 22px; padding-bottom: 5px; text-align: center; color: #333;}
.top-bar-right .mobile a.mobile-link-hover{color: #f60;background-color: #f0f0f0;height: 30px;}
.top-bar-right .mobile .mobile-link-hover b {border-color: #f60 transparent transparent;-moz-transform:rotate(180deg); -moz-transform-origin:50% 20%; -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 20%;-o-transform:rotate(180deg); -o-transform-origin:50% 20%; transform:rotate(180deg); transform-origin:50% 20%; -ms-transform:rotate(180deg); -ms-transform-origin:50% 20%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

.top-bar-right .share{}
.top-bar-right .share span{display: inline-block;float: left;}
.top-bar-right .share a{display: inline-block;float: left;width: 26px;height: 30px;margin-left:3px; text-indent: -9999px;background: url("http://img2.pingan.com/app_images/pingan/pa_v4/index_z.png") no-repeat;}
.top-bar-right .share a.weixin{background-position: -445px -24px;}
.top-bar-right .share a.weixin:hover{background-position: -424px -53px;}
.top-bar-right .share a.sina{background-position: -498px -24px}
.top-bar-right .share a.sina:hover{background-position: -354px -53px}
/*info-module*/
.info-module{width: 100%;background: #f4f4f4;}
.info-module .info{padding-bottom: 30px;}
.info-module .info h2 {width: 1000px;color: #535353;height: 70px;line-height: 70px;text-align: center;color: #999;font-size: 24px;letter-spacing: 0.8em;font-weight: normal;border-bottom: 1px solid #e4e4e4;letter-spacing: 0.5em; margin-bottom: 20px;}
.info-module .info h3 {font-size: 20px;font-weight: normal;line-height: 100%;padding-bottom: 22px;color: #999999;}
.news-cont{float: left; display: inline-block; width: 380px; padding-right: 20px;}
.news-cont .list li{ font-size: 14px;line-height: 100%; padding-bottom: 18px;color: #535353;}
.news-cont .list li span{ float: right;padding-right: 10px;}
.news-cont .more a {color: #f60;text-decoration: none;}
</style>

</head>
<body>
<div class="top-bar-warp">
<div class="wide top-bar">
<div class="fl top-bar-left">sdfsdfs</div>
<div class="fr top-bar-right">
<ul>
<li class="mobile">
<a href="#" class="mobile-link" otitle="首页-顶部通栏-手机版" target="_blank"><i></i>手机版本<b></b></a>
<div class="m-code"><img src="http://img2.pingan.com/app_images/pingan/pa_v4/weixin.jpg" alt="中国平安微信"><strong class="m-desc">中国平安微信</strong></div>
</li>
<li class="favorite">
<a href="javascript:void(0);" otitle="首页-顶部通栏-收藏本站">收藏本站</a>
</li>
<li class="share"> <span>分享至：</span> <a class="jiathis_button_weixin weixin" title="分享至微信" ></a> <a class="jiathis_button_tsina sina" title="分享至新浪微博" ></a></li>

</ul>
</div>
</div>
</div>

<script>
$(function(){
$mobile = $(".mobile");
$mobile.hover(
function() {
$(this).find(".m-code").show();
$(this).find(".mobile-link").addClass('mobile-link-hover');
},function(){
$(this).find(".m-code").hide();
$(this).find(".mobile-link").removeClass('mobile-link-hover');
}
);
});
</script>

<div class="info-module">
<div class="wide c info">
<h2>今日平安</h2>
<div class="news-cont">
<h3>新闻</h3>
<ul class="list">
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
</ul>
<p class="more"><a href="" otitle="首页-平安新闻" target="_blank">更多新闻></a></p>
</div>
<div class="news-cont">
<h3>公告</h3>
<ul class="list">
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
<li><span>02-24</span><a href="" target="_blank">平安好房推出全国首个“农民工购房节”</a></li>
</ul>
<p class="more"><a href="" otitle="首页-平安新闻" target="_blank">更多公告></a></p>
</div>



</div>
</div>

<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航