<!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="base.css"/>
<script type="text/javascript" src="http://pscript1.4xx.com/app_js/paui/1.0.1/build/pa.ui.min.js"></script>
<style>
body{min-width: 1260px;}
a:hover{text-decoration: none}
.top-bar-warp{width: 100%; height: 30px; line-height: 30px; background-color: #333; font-size: 12px;}
.wide{width: 1200px; 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_p_w_picpaths/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); -webkit-transition: all .3s;}
.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_p_w_picpaths/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;}
/*0322*/
.logined{position: relative;}
.logined .user-name{display: block;color: #dbdbdb; line-height: 30px; padding:0 18px 0 10px;}
.logined .user-link-hover{color: #f60;background-color: #f0f0f0;height: 30px;}
.user-msg {display: inline;margin-left: 5px;background: #f90;border-radius: 5px;padding: 0 9px;color: #fff;cursor: default;}
.user-name b {position: absolute;right: 5px;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;-webkit-transition: all .3s;}
.user-name:hover b,.logined .user-link-hover b{border-color: #f60 transparent transparent;color: #f60;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); -webkit-transition: all .3s;}
.user-info{position: absolute;left: -1px; top: 30px; width: 138px;height: auto;background: #efefef;padding-top: 6px;padding-bottom: 5px;text-align: center; border: 1px solid #666;border-top: none; color: #333; text-align: left; display: none;}
.user-info dt{height: 54px;}
.user-info dt p{margin-left: 60px; line-height: 18px;}
.user-info dt p span{margin: 0 8px;}
.user-img{padding: 10px 0 0 10px;}
.user-amount{color: #333; padding-top: 10px;}
.user-info dd a{display: block;padding: 0 10px;}
.user-info dd a:hover{background-color: #f60; color: #fff;}
.user-info dd label{display: block; padding: 0 10px; border-bottom: 1px dashed #ccc;}
</style>
</head>
<body>
<div class="top-bar-warp">
<div class="wide top-bar">
<div class="fl top-bar-left">
<div id="J_logined" class="logined">
<a href="javascript:void(0);" class="user-name" target="_blank">tade323202<span class="user-msg">0</span><b></b></a>
<div id="J_userInfo" class="user-info">
<dt>
<a class="fl user-img" href=""><img src="" width="38" height="38"></a>
<p class="user-amount">￥0.00</p>
<p><a target="_blank" href="">充值</a><span>|</span><a target="_blank" href="">充值</a></p>
</dt>
<dd><label>的的的的：的的的的</label></dd>
<dd><a href="" target="_blank">管理个人资料</a></dd>
<dd><a href="" target="_blank">问题反馈</a></dd>
<dd><a href="" target="_blank">退出</a></dd>
</div>
</div>
</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_p_w_picpaths/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>
<script>
$(function(){
$J_logined = $("#J_logined");
$J_logined.hover(
function() {
var useWidth = parseInt($(".user-name").css("width"));
if(useWidth > 140){
$("#J_userInfo").css("width", useWidth + 35);
}
$(this).find("#J_userInfo").show();
$(this).find(".user-name").addClass('user-link-hover');
},function(){
$(this).find("#J_userInfo").hide();
$(this).find(".user-name").removeClass('user-link-hover');
}
);
});
</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js" charset="utf-8"></script>
<!--
http://dplus.cnzz.com/
-->
</body>
</html>
