/*top*/
.top{ background-color: #f6f6f6; height: 30px; line-height: 30px;font-size: 12px;}
.top_l a,.top_l span{margin-right:12px; color: #898989;}
.top_r a,.top_r span{ margin-right: 12px;}
.top_r .wb,.top_r .qq,.top_r .wx{ background: url("../../images/new_version_2017/images/spr.png") -50px -200px no-repeat; display: inline-block; width:24px; height: 22px; vertical-align: top; position: relative; top: 4px;}
.top_r .qq{ background: url("../../images/new_version_2017/images/spr.png") 0 -200px no-repeat;}
.top_r .wx{ background: url("../../images/new_version_2017/images/spr.png") -50px -200px no-repeat;}


body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,form,input,p,span,b,em{ padding: 0; margin: 0;}
input,button{border: 0; outline: none;}
img{border: 0; display: block;}
ul{list-style: none;}
em{font-weight: normal;font-style: normal;}
h1, h2, h3, h4{font-weight: normal; font-size: 100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;zoom:1;}
.tex_l{ text-align:left;}
.tex_c{ text-align:center;}
.tex_r{ text-align:right;}
.fl{ float:left;}

.p_r{ position:relative;}
.p_a{ position:absolute;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.overflow{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.zoom{ overflow:hidden; *zoom:1;}
.f_bold{ font-weight: bold;}
.m_auto{margin-left: auto; margin-right: auto;}


/*??*/
.m_auto{ margin-left: auto; margin-right: auto;}
.highlight{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000;opacity:.5;filter:alpha(opacity=50); z-index: 997; display: none }
.pop{ width: 500px; height: 470px; border-top: 3px solid #d43c34; position: fixed; left: 50%; top: 50%; margin-left: -250px; margin-top: -235px; background-color: #fff; z-index: 998; display: none;}
.pop h2{ color: #d43434; line-height: 75px;}
.pop h2 b{ display: block; background: url("../../images/new_version_2017/images/spr.png") no-repeat -50px 0; width: 16px; height: 16px; right: 20px; top: 16px; cursor: pointer}
.pop .login_list{ height: 80px; width: 352px;}
.login_list input{ width: 350px; height: 48px; line-height: 48px; border: 1px solid #ddd; background-color: #f4f4f4; border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;text-indent: 1em;}
.login_list input.red{ border: 1px solid #d43c34;}
.login_list .error  i{ background: url("../../images/new_version_2017/images/spr_reg.png") no-repeat 0 -120px; width: 14px; height: 14px; display: inline-block; margin-right: 5px; vertical-align: middle; position: relative; top: -2px; }
.login_des{ width: 350px;}
.login_des em input{ margin-right: 10px; position: relative; top: 2px;}
.pop  button{ display: block; width: 350px; height: 50px; line-height: 50px; background-color: #d43c34;border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; color: #fff; cursor: pointer;}
.pop .tosign{ width: 350px; line-height: 30px;}
.pop .tosign a{ color: #d43c34;}
.other_sign{ width: 350px;}
.other_sign .line{display: block; height:1px; background-color: #ddd; top: 50%; left: 0; width: 350px; overflow: hidden; line-height: 1px; padding: 0; margin: 0; z-index: 998;}
.other_sign span{ display: block; color: #999; background-color: #fff; width:110px; position: relative; z-index: 999; }
.login_li{ text-align: center;}
.login_li li{ width: 56px; height: 56px; display: inline-block;margin: 10px 32px 0;}
.login_li li a{ display: block; width: 56px; height: 56px; }
.qqlogin{ background: url("../../images/new_version_2017/images/spr.png") 0 -240px no-repeat;}
.weixinlogin{ background: url("../../images/new_version_2017/images/spr.png") -200px -240px no-repeat;}
.sinalogin{ background: url("../../images/new_version_2017/images/spr.png") -100px -240px no-repeat;}
.bds_sqq{background: url("../../images/new_version_2017/images/spr.png") -95px -318px no-repeat !important;}
.bds_tsina{background: url("../../images/new_version_2017/images/spr.png") -153px -318px no-repeat !important;}
.bds_weixin{background: url("../../images/new_version_2017/images/spr.png") -200px -318px no-repeat !important;}
.bdsharebuttonbox a{padding-left: 25px !important;}
.clearfix a{color:black;}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.enlarged-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
}