@charset "utf-8";
/* CSS reset */
*{ margin:0;padding:0;font-family: "微软雅黑",Arial;font-size: 14px;  }

table{ border-collapse:collapse;  border-spacing:0;margin:0 auto;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,en,strong,th,var{ font-style:normal; font-weight:normal}
ol,ul{ list-style:none}
caption,th{ text-align:left}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
h1{font-size: 30px;}
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 16px;}
q:before,q:after{ content:''}   /*去p标签前后的""号*/
abbr,acronym{ border:0}
a{text-decoration: none;}
/*文字排版*/
.f12{ font-size:12px}
.f13{font-size:13px;}
.f14{ font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.fb{ font-weight:bold;}
.fn{ font-weight:normal}
.fw400{font-weight: 400;}

.fi{  font-style: italic;}
.t2{ text-indent:2em}
.lh150{ line-height:150%}
.lh180{ line-height:180%}
.lh200{ line-height:200%}
.unl{ text-decoration:underline}
.no_unl{ text-decoration:none}
/*定位*/
.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.bc{ margin-left:auto; margin-right:auto;}
.fl{ float:left; display:inline}
.fr{ float:right; display:inline}
.cb{ clear:both}
.cl{ clear:left}
.cr{ clear:right}
/*清除浮动*/
.clearfix:after {
    /* visibility: hidden; */
    /*font-size: 0; */
    display: block;
    content: "\200B";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
* html .clearfix {zoom:1; } /*Hides from IE-mac */
.clearfix { display: block; }  /*End hide from IE-mac */
.vm{ vertical-align:middle}
.pr{ position:relative}
.pa{ position:absolute}
.abs-right{ position:absolute; right:0}
.zoom{ zoom:1}
.hidden{ visibility:hidden}
.none{ display:none}

/*长度高度*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w{ width:100%}
.h50{ height:50px}
.h80{ height:80px}
.h100{height:100px}
.h200{ height:200px}
.h{ height:100%}

/*边距*/
.ma{margin: auto}
.m10{ margin:10px}
.m15{ margin:15px}
.m30{ margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{ margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb50{ margin-bottom:50px}
.mb100{ margin-bottom:100px}
.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}
.ml30{ margin-left:30px}
.ml50{ margin-left:50px}
.ml100{ margin-left:100px}
.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr30{ margin-right:30px}
.mr50{ margin-right:50px}
.mr100{ margin-right:100px}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pc20{width:25%}

/*英文顶部用户登录后显示*/
.account{ background: url("../../images/cppc/icon_select.png") no-repeat scroll right center transparent;    display: inline-block;  width: 89px;cursor:pointer;position: relative}
.tag-top *{font-size: 13px}
.tag-top{   z-index: 100; overflow: hidden;margin: 20px;  padding: 5px;  width: 278px;  height: 139px;  border: 2px solid #ccc;  position: absolute;  right: -31%;  top: 69%;  background-color: #FFF;  cursor: auto;  }
.tag-top:before,.tag-top:after{
    content:"";
    display:block;
    border-width:15px;
    position:absolute;
    top:-30px;
    right: 15px;
    border-style:solid dashed dashed solid;
    border-color:transparent  transparent #ccc transparent;
    font-size:0;
    line-height:0;
}
.tag-top:after{  top:-27px;  border-color: transparent transparent #FFF transparent;  }
.tag-top .tag-top-acount{text-align: center;height: 68px;}
.tag-top-acount .fn-left_2{float: left;  width: 51px;  height: 51px;  margin: 19px 15px 17px 32px;margin-top: 0px;}
.tag-top-acount p{line-height: 30px;overflow: hidden;width: 140px}
.tag-top-acount p.login_info{margin-top: 19px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden }
/*.tag-top-acount p.login_info:hover{text-overflow:inherit;  overflow:visible;}*/
.tag-top-acount p a{font-weight: bold;  color: black;  margin-right: 5px;  }
.tag-top hr{border: 1px dashed #DAE2ED;margin: 0 25px}
.tag-top-notice{line-height: 50px;  margin-left: 32px;  position: relative;}
.tag-top-notice span{    position: absolute;  top: -4px;  left: 30px; font-weight: bold;}