/* =Reset
-----------------------------------------------------------------------------*/
html{color:#000;background:#FFF;font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {min-width: 950px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-size:medium;font-style:normal;font-weight:normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

/* =General
-----------------------------------------------------------------------------*/
/*** Fonts ***/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh15em{line-height:1.5em;}
.lh18em{line-height:1.8em;}
.lh20em {line-height:2em;}
.unl{text-decoration:underline;}
.no_nul{text-decoration:none;}
/*** Location ***/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin:0 auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
/* Class for clearing floats */
.clearfix:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}
.clearfix {display:inline-block;}
* html .clear {height:1%;}
.clearfix {display:block;}
/* End clearing floats */
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}

a:link, a:visited{ text-decoration: none;}
a:focus { outline: 0; }

.login-btn,
.register-btn{
    display: block;
    width: 43%;
    height: 40px;
    float: left;
    color: white;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}

.login-btn{
    background-color: #eb6c59;
    border: 1px solid #8c2819;
}
.login-btn:hover{
    background-color: #d35340;
    border-color: #8c2819;
}
.register-btn{
    margin-left: 10%;
    background-color: #2eb0ec;
    border: 1px solid #005d89;
}
.register-btn:hover{
    background-color: #1e95cc;
    border-color: #005d89;
}

.fn-left{
    float: left;
}

.fn-right{
    float: right;
}

.sidebar-business{
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    position:fixed;
    right:0;
    top:50%;
    margin-top: -200px;
    background: white;
    color: #1a8fda;
    width: 180px;
}
.sidebar-business.close{
    right: -180px;
}

.sidebar-business.fx{
    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.sidebar-business .inner{
    position: relative;
    padding-bottom: 35px;
    box-shadow: 0 0 10px #1a8fda;
}
.sidebar-business section{

}

.sidebar-business h3{
    background: #1a8fda;
    color: white;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    padding: 0 .5em;
}

.sidebar-business ul{

}

.sidebar-business ul li{
    border-bottom: 1px solid #efefef;
}

.sidebar-business ul li .name{
    height: 26px;
    line-height: 26px;
    display:inline-block;
    padding: 7px;
}

.sidebar-business ul li a{
    display: inline-block;
    padding: 7px 0;
    vertical-align: middle;
}
.sidebar-business .phone-contact{
    width:180px;
}

.sidebar-business .phone-contact h4{
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    font-family: Arial;
}

.sidebar-business .phone-contact .time{
    font-size:12px;
    line-height: 18px;
}


.aside-header .top,
.aside-header .bottom,
.aside-header .headphone,
.aside-footer,
.phone-contact .icon-call{
    background: url(images/aside-bg.png) no-repeat transparent;
}

.aside-header {
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
}

.aside-header .top,
.aside-header .bottom,
.aside-header .headphone{
    display: block;
    width: 30px;
    height: 20px;
}
.aside-header a{
    display: block;
    background-color: #1a8fda;
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
}
.aside-header .top{
    background-color: transparent;
}
.aside-header .bottom{
    background-position: 0 -20px;
}
.aside-header .headphone{
    background-position: 0 -40px;
    margin: 7px 0;
}

.aside-header .state{
    background-color: rgba(0,0,0,0.3);
    width: 20px;
    height: 20px;
    margin: auto;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px;
    font-family: monospace;
    color: rgba(255,255,255,0.5);
    text-align: center;
}

.state .st-close{
    display:none;
}
.state .st-open{
    display:inline;
}

.sidebar-business.close .state .st-close{
    display: inline;
}
.sidebar-business.close .state .st-open{
    display: none;
}

.aside-footer{
    height: 48px;
    background-position: -30px 0;
    background-color: transparent;
    padding-left: 64px;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.aside-footer a{
    line-height: 48px;
    background-color: #1a8fda;
    display: inline-block;
    width: 117px;
    color: white;
    padding-left: 10px;
}

.phone-contact .icon-call{
    width: 32px;
    height: 32px;
    display: inline-block;
    background-position: 0 -64px;
    margin: 10px 15px;
}
.phone-contact .phone-content{
    width:118px;
}
/*3.0 header*/
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;
}

.main{ margin-top: 100px; _margin-top:0px; position: relative;}

.mixheader{ width: 100%; background: #304051; height: 30px; line-height: 30px; position: fixed; top: 0px; left: 0; z-index: 301; font-family: "Microsoft Yahei";
border-bottom: 1px solid #e5e5e5;}
.mixheader .container{ width: 950px; min-width: 950px; margin: 0 auto; position: relative; overflow: visible; display: table; z-index: 300;}
.mixheader .changyan,.mixheader .kuaizhan{opacity: 0.5; filter:alpha(opacity=50); font-size: 12px; color: #fff; float: left; position: relative;}
.mixheader .kuaizhan{margin: 0 20px 0 10px;}
.mixheader .cur{opacity: 0.8; filter:alpha(opacity=80);}
.mixheader .cur:before{ content: "."; color: #fff; position: absolute; left: 10px;  bottom: 6px; line-height: 1px; height: 1px;}

.top-nav-register,.top-nav-login{ float: right; text-align: center; position: relative; z-index: 300;}
.top-nav-register .btn-register,.top-nav-login .btn-login{ display: block; color: #ffffff;}
.top-nav-register .btn-register{ width: 90px; font-size: 12px; opacity: 0.8; filter:alpha(opacity=80); background: #34a2e9; }
.top-nav-register .btn-register:hover{opacity: 1; filter:alpha(opacity=100);}
.top-nav-login .btn-login{ width: 60px; font-size: 12px; opacity: 0.8; filter:alpha(opacity=80);}
.top-nav-login .btn-login:hover{opacity: 1; filter:alpha(opacity=100);}


.header{ width: 100%; background: #ffffff; padding: 15px 0; position: fixed; top: 30px; left: 0; z-index: 300; font-family: "Microsoft Yahei";
border-bottom: 1px solid #e5e5e5; box-shadow: 0 3px 4px rgba(0,0,0,0.05); }
.header .container{ width: 950px; min-width: 950px; margin: 0 auto; position: relative; overflow: visible; display: table; z-index: 300;}
.logo{ float: left; width: 150px; height: 40px; margin-right: 24px; margin-left: 10px; background: url(images/logo_2.png) no-repeat; }
.header ul{ float: right; line-height: 40px; margin-right: 14px;}
.header ul li{ float: left; margin-right: 24px; display: inline;}
.header ul li:last-child{ margin-right: 0;}
.header ul li a{ color: #606060; font-size: 16px; font-family: "Microsoft Yahei";}
.header ul li a:hover,.header ul li a.cur{ color: #158cd5;}

/*login-box*/
.login-box{ position: absolute; top: 24px; left: -253px; display: none; z-index: 300;}
.login-arrow{ position: absolute; width: 16px; height: 6px; top: 1px; right: 40px; background: url(images/arrow_a.png) no-repeat;}
.login-box-wrp{  margin-top: 6px; padding: 30px; background: #ffffff; border: 1px solid #e5e5e5; }
.login-box-wrp .input{ width: 220px; height: 16px; padding: 10px 0; border-radius: 3px; border: 1px solid #eae9e9;
 outline: none; font-size: 14px; text-indent: 10px; font-family: 'Microsoft Yahei';}
.login-box .tips{ display: inline; color: #b20000; font-size: 12px; height: 20px; line-height: 20px; float: left; margin-left: 43px;}

.login-dl{ width: 270px; position: relative;}
.login-dl .label,.login-dl .input{ float: left; line-height: 16px;}
.login-dl .label{ line-height: 38px; font-size: 14px; color: #606060;}
.login-dl .rememberPwd{ font-size: 12px; color: #606060; margin-left: 42px; float: left; height: 17px; line-height: 17px;}
.login-dl .rememberPwd input{vertical-align: -2px;}
.login-dl .rememberPwd-text{ font-size: 12px; color: #606060; line-height: 17px; margin-left: 2px;}
.login-dl .forgetPwd{ font-size: 12px; color: #606060; float: right; margin-right: 8px; line-height: 17px;}
.login-dl .login-btn{ margin:20px 0px 0px 42px; float: none; width: 114px; height: 40px; border-radius: 5px; background: #32aef8; border: 0px;}
.validata-dl label{margin-left: -13px;}
.login-box-wrp .validata-dl input{ width: 114px;}
.login-box-wrp .validata-dl .validate-img{ width: 100px; float: right; margin-right: 5px;}

/*footer*/
.footer{border-bottom: 1px solid #f2f2f2;}
.footer .container{ width: 930px; min-width: 930px; border-top: 1px solid #f2f2f2; padding: 32px 10px 31px 10px; margin: 0 auto; position: relative; zoom:1;}
.footer .container .block{ float: left; margin-right: 75px;}
.footer .container .block.last{margin-right:0;}
.footer .container .block .weibo{ width: 32px; height: 32px; margin-right: 2px; vertical-align: middle; background: url(images/icon_weibo.png) no-repeat; display: inline-block;}
.footer .container .block .sohu{ width: 32px; height: 32px; margin-left: 6px; margin-right: 2px; vertical-align: middle; background: url(images/icon_tqq.png) no-repeat; display: inline-block;}
.footer .container .downApp{ float: right;*width: 95px;}
.footer .container .zhimei_app{ width: 93px; height: 93px; float: right; margin-top: 7px; background: url(images/qrcode_app.png) no-repeat;}
.footer .block h3{margin-bottom: 21px; font-family: "Microsoft Yahei";}
.footer .block p{font-size: 12px; color: #73879c; font-family: "Microsoft Yahei"; line-height: 24px;}
.footer .block a{font-size: 12px; color: #73879c; font-family: "Microsoft Yahei"; line-height: 24px;}

.footer .copyright{}
.copyright .container{ width: 930px; min-width: 930px; margin: 0 auto;  height: 20px; line-height: 20px; padding: 10px;
    text-align: center;  font-size: 12px; color: #7c7c7c; font-family: "Microsoft Yahei"; position: relative; zoom:1;}

.footer-gray{ background: #304051; border:none;}
.footer-gray .container{ border: none; color: white}
.footer-gray .container h3{color: #fff;}
.footer-gray .container .kuaizhan_app{ background: url(images/2_code_footer.png) no-repeat;}

/*帮助中心*/
.help-center{ display: block; position: fixed; z-index: 300; right: 10px; bottom: 172px; width: 70px; height: 80px; border-right: 0px; background-color: rgba(0,0,0,.6); background-color: none\9\0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); border-radius: 4px 4px 0px 0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-100);}
.help-center .img{ background: url(images/icon_index_help_center.png) no-repeat; width: 40px; height: 40px; margin: 0px auto; margin-top: 8px;}
.help-center .text{ color: #fff; text-align: center; margin-top: 8px; font-size: 12px;}

/*联系客服*/
.customer{ position: fixed; z-index: 300; right: 10px; bottom: 91px; width: 70px; height: 80px; border-right: 0px; background-color: rgba(0,0,0,.6); background-color: none\9\0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); border-radius: 0px 0px 0px 0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-100);}
.customer .img{ background: url(images/icon_index_kefu.png) no-repeat; width: 40px; height: 40px; margin: 0px auto; margin-top: 8px;}
.customer .text{ color: #fff; text-align: center; margin-top: 8px; font-size: 12px;}

.wenxin-hover{ position: fixed; z-index: 300; right: 10px; bottom: 10px; width: 70px; height: 80px; border-right: 0px; background-color: rgba(0,0,0,.6); background-color: none\9\0; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); border-radius: 0px 0px 4px 4px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-100);}
.wenxin-hover .img{ background: url(images/icon_index_2weima.png) no-repeat; width: 40px; height: 40px; margin: 0px auto; margin-top: 8px;}
.wenxin-hover .text{ color: #fff; text-align: center; margin-top: 8px; font-size: 12px;}
/*.customer-anchor{ float: left; height: 296px; width: 38px;  background: #57bcfd;}
.customer-anchor-icon{width: 11px; height: 20px; background: url(images/jiantou180.png) no-repeat; margin: 0 auto; margin-top: 115px;}
.c-active .customer-anchor-icon{ background: url(images/jiantou.png) no-repeat !important;}
.customer-anchor p{ color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; width: 14px; margin: 0 auto; margin-top: 11px; line-height: 18px;}*/
.customer-box{ position: absolute; width:228px; background: #fff; left: -238px; top: -86px; overflow: hidden; box-shadow: 0 3px 4px rgba(0,0,0,0.3); display: none;}
.customer-box-wrp{margin: 22px 0px 22px 14px; width: 214px;}
.customer-box-wrp .icon-phone{ width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(images/icon_tel.png) no-repeat; }
.customer-box-wrp .icon-phone:before {content: "";}
.customer-box-wrp .icon-qq{ width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(images/icon_qq.png) no-repeat;}
.customer-box-wrp .icon-onlineservice{ width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(images/icon_onlineservice.png) no-repeat;}
.customer-box-wrp .icon_join{ width: 24px; height: 24px; display: inline-block; vertical-align: top; background: url(images/icon_join.png) no-repeat;}
.customer-box-wrp span{ font-family: "Microsoft YaHei"; font-size: 14px; display: inline-block; height: 24px; line-height: 24px;}
.customer-box-wrp .f12{font-size: 12px; margin-left: 28px; color: #8a8a8a; height: 12px; line-height: 12px;}
.customer-box-wrp .link_join{ text-decoration: none; font-size: 14px; font-family: "Microsoft YaHei"; color:#199ae6; display: inline-block; height: 24px; line-height: 24px;}

.customer-box-wrp .helpcenter,.customer-box-wrp .onlineservice {text-decoration: none;font-family: "Microsoft YaHei";font-size: 14px;display: inline-block;height: 24px;line-height: 24px;color: #000;}
.wenxin-hover .wenxin-box{ padding: 10px; position: absolute; left: -180px; top: -92px; overflow: hidden; box-shadow: 0 3px 4px rgba(0,0,0,0.3); display: none; background: #fff;}
.wenxin-hover .wenxin-box-wrp{ width: 150px; height: 150px; background: url(images/2code_index_big.png) no-repeat;}
/*common*/
.fontSmoothing{font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif;-webkit-font-smoothing: antialiased;}






/*活动 比武招新*/
.active-hot{ position: relative;}
.hot-icon{ width: 25px; height: 14px; background: url(images/activity/icons.png) 0 -409px no-repeat; position: absolute; top: -12px; right: -23px; }



/*zhanhide*/
.zhan-hide{
    display: none !important;
}

.container .site-logout{
    float: right;
    display: inline;
    padding-right: 8px;
    font-size: 12px;
}

.container .site-logout span{
    display: inline-block;
    line-height: 17px;
    padding: 6px 0 7px 21px;
    color: #fff;
}

.container .site-logout span.logout-name{
    opacity: 0.8;
}

.container .site-logout span a{
    color: #fff;
    opacity: 0.8;
}