aspv6_index

<!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">更多新闻&gt;</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">更多公告&gt;</a></p>

        </div>

        <!-- stock_cont -->


        <!-- /stock_cont -->

    </div>

</div>



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

<!--

http://dplus.cnzz.com/

-->

</body>

</html>


你可能感兴趣的:(asp)