body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#333;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#eb4e4e;}
input {vertical-align:middle;outline:none}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
/*****浮动和清除浮动******/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
/*****对齐方式******/
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}

:-webkit-autofill{ background:#fff;} 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-webkit-input-placeholder {color:#ccc;}
input::-moz-input-placeholder {color:#ccc;}
input::-ms-input-placeholder {color:#ccc;}

.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:'.';font-size:0;line-height:0}
.fl{float:left}
.fr{float:right}
*,:after{box-sizing:border-box}
.tran{transition:all .2s linear}
.hide{display:none!important}
.show{display:block!important}
.w1200 { width:1200px; margin:0 auto;}
.nav_more { position:relative; display:inline-block}
.nav-list-more { position: absolute; left:0; top: 60px; width:128px; text-align: center; max-height: 0; overflow: hidden;-webkit-transition: max-height .1s ease-in-out; transition: max-height .1s ease-in-out; z-index:200; background:#000}
.nav_more:hover .nav-list-more {max-height:60px;}

.search-top { width:150px; height:32px; margin:15px 10px 0; float:right; position:relative;}
.search-top .search-top-in { width:0; height:32px; background:#4a4a4a; line-height:32px; padding:0 10px; border:0; border-radius:3px;opacity:0; color:#fff; transition: width .1s;}
.search-top:hover .search-top-in { opacity:1; width:150px;}
.search-top .icon-search { font-size:20px!important; color:#fff; display:inline-block; position:absolute; right:5px; top: 3px;}
.nav-func_item:hover .nav-more-list { max-height:500px }
.icon-ellipsis { font-size:24px!important; color:#fff!important;}
.icon-tongzhi { font-size:20px!important; margin:5px 15px 5px; position:relative; color:#fff; vertical-align:middle}
.icon-tongzhi:after { content:""; border-radius:50%; width:6px; height:6px; background:#eb4e4e; display:inline-block; position:absolute; right:3px; top:0;}
.head_nav .login_box { float:right; color:#fff; padding:0 0 0 20px; height:28px; line-height:28px; margin:16px 0 0;} 
.head_nav .login_box a { color:#fff; margin:0 8px;}
.head_nav .login_box a:hover { color:#eb4e4e;}
.login_after{ float:right; color:#fff; padding:15px 0; position:relative;} 
.headportrait { border-radius:50px; width:30px; height:30px;}

.login_cnt { width:300px; padding:0 0 30px; position:absolute; background:#fff; box-shadow:0 0 10px #bbb; left:-96px; top:55px; position:absolute; -webkit-transition: all .3s ease-in-out .1s; -moz-transition: all .3s ease-in-out .1s; transition: all .3s ease-in-out .1s; opacity: 0; visibility: hidden; z-index: 101; color:#333;}
.login_after:hover .login_cnt { opacity:1; visibility:visible; top:58px;}
.login_cnt:before { content:""; width:0; height:0; border-bottom:8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;display: inline-block; margin: 0 6px; position:absolute; top:-8px; left:50%;}
.login_cnt .login_cnt_head {background:#f5f5f5; padding:20px 25px 12px; overflow:hidden}
.login_cnt .login_cnt_head h3 { font-size:16px; font-weight:700; margin:5px 0 10px;} 
.login_cnt .login_cnt_head p { color:#999}
.login_cnt .login_cnt_head .headportrait { width:65px!important; height:65px!important; float:left; margin:0 20px 0 0}
.login_cnt .login_cnt_number { overflow:hidden; margin:0 25px 20px; border-bottom:1px solid #e4e4e4; padding:10px 0; overflow:hidden}
.login_cnt .login_cnt_number dl { width:33%; float:left; text-align:center; padding:10px 0;} 
.login_cnt .login_cnt_number dl:hover { color:#eb4e4e; background:#f5f5f5}
.login_cnt .login_cnt_number dl dt { font-size:16px; margin-bottom:5px; font-weight:400}
.login_cnt .login_cnt_number dl dd { color:#999}
.login_cnt_sign { font-size:14px; padding:0 20px; overflow:hidden} 
.login_cnt_sign .login_cnt_sign_upload { float:right} 
.login_cnt_sign a{ margin:0 5px; color:#1349aa}  .login_cnt_sign a:hover{ color:#eb4e4e}
.login_cnt_sign a:hover{ color:#eb4e4e}
.icon-tuichu1 { font-size:14px!important; margin:0 5px 0 0; color:#666}
.login_cnt .login_cnt_tips { padding: 0 20px 15px 20px;background: #f5f5f5; }
.login_cnt .login_cnt_tips span a{ cursor: default; }
.login_cnt .login_cnt_tips a{ color:#1349aa; }
.icon-assessed-badge,.icon-account-fill,.icon-bussiness-man,.icon-Microphonemaikefeng { border-radius:50%; background:#efefef; padding:10px 20px; font-size:50px; color:#eb4e4e; display:inline-block; margin-bottom:20px;}

.head_nav { height:40px; background:#000;}
.head_nav_l { float:left; line-height:40px; height:40px;} 
.head_nav_l a { color:#ccc; font-size:13px; display:inline-block; padding:0 16px;}
.head_nav_l a.icon-home-fill { font-size:18px;vertical-align: top;}
.head_nav_l a:hover { color:#fff; background:#444; }
.head_nav_l .nav_more .nav-list-more{ top:40px;}
.head_nav .search-top { margin:6px 5px 0; height:28px;} 
.head_nav .search-top .search-top-in { height:28px; line-height:28px;}
.head_nav .login_after { padding:7px 0 5px}
.head_nav .login_box { margin:6px 5px 0}
.head_nav .login_after .headportrait { width:25px; height:25px;}
.head_nav .icon-tongzhi { font-size:18px!important;}
.head_nav .login_after:hover .login_cnt { opacity:1; visibility:visible; top:40px;}

.icon-viewlarger:before { margin:5px 0 0; display:inline-block}
.icon-browse:before { font-size:22px; position:absolute; top:20px; right:0; color:#999!important}
.icon-mobile-phone:before { font-size:22px; vertical-align:middle; color:#999!important}
.icon-seleted{ font-size:42px; width:100px; height:100px; display:inline-block; border:1px solid #eb4e4e; color:#eb4e4e; font-weight:700; border-radius:50%; vertical-align:middle; padding:30px; margin:20px 0}
.login_banner { background:url(../images/login_bg.jpg); height:225px; text-align:center} 
.login_banner h2 { font-size:46px; color:#fff; padding:80px 0 0; font-weight:300; margin:0 auto; display:inline-block;}
.login_box { width:500px; margin:0 auto; padding:50px 0;}
.login_text_box { border-bottom:1px solid #999; padding:10px 0; position:relative;}
.login_text_name,.login_text_passd,.login_text_yzm { width:500px; height:40px; line-height:40px; font-size:18px; color:#000; border:0; background:#fff;}
.boxs-typex{ padding:30px 0; overflow:hidden; position:relative; color:#999; line-height:30px;}
.boxs-typex a{ color:#34488c}
.boxs-typex a:hover{ color:#eb4e4e; text-decoration:underline}
.ml15 { margin-left:15px;}
.succcess_checked{line-height: 40px;}
.login_box_success{display: none;}

.login-btn { font-size:24px; width:500px; height:50px; border-radius:3px; background:#eb4e4e; font-weight:400; color:#fff; border:0; cursor:pointer}
.box-btn-code { width:120px; height:30px; border-radius:3px; border:1px solid #ccc; position:absolute; right:0;top:14px; background:#f9f9f9;}
.tpos { text-align:center; padding:50px 0 0} .tpos p { color:#bbb}
.tpos_list { margin:30px auto; text-align:center; overflow:hidden}
.tpos_list li { margin:0 10px; display:inline-block}
.icon-weixin,.icon-weibo,.icon-bianzu { border-radius:50%; border:1px solid #cdcdcd; font-size:18px; width:36px; height:36px; line-height:34px; display:block}
.icon-weixin { color:#559753} .icon-weixin:hover { background:#83c681; color:#fff;}
.icon-weibo{ color:#bf3a3a} .icon-weibo:hover { background:#cc5a5a; color:#fff;}
.icon-bianzu{ color:#327293} .icon-bianzu:hover { background:#79b0cc; color:#fff;}
.register_ok { padding:50px 0; margin:0 auto; text-align:center} 
.register_ok h2 { font-size:18px; color:#333; margin:20px 0 70px; font-weight:400}
.register_btn { border:1px solid #d4d4d4; color:#333; padding:10px 20px; background:#fff; border-radius:2px; display:inline-block}
.register_ok p { overflow:hidden; padding:10px 0}
.reg_step h2 { text-align:center; margin:80px 0 70px; font-size:16px; color:#666; font-weight:400}
.step_list { margin:0 auto 80px; width:880px;}
.step_list li { width:160px;float:left; margin:0 30px; text-align:center;}
.step_list li h3 { font-size:18px; font-weight:400}
.step_list li p { line-height:20px; height:60px; color:#666; margin:30px 0 40px; text-align:justify; overflow:hidden; font-size:12px;}
.btn_step,.btn_step_on { width:148px; height:34px; line-height:32px; border:1px solid #d4d4d4; border-radius:4px; display:inline-block; text-align:center; margin:0 5px; background:#fff; color:#333; vertical-align:middle;}
.btn_step:hover,.btn_step_on {background:#eb4e4e; color:#fff; border:1px solid #eb4e4e;}
.icon-changjiadaili,.icon-jingxiaoshang,.icon-zhuanjia,.icon-maikefeng { border-radius:50%; background:#efefef; padding:20px; font-size:50px; color:#eb4e4e; display:inline-block; margin-bottom:20px; width:120px; height:120px;}

.login_text_pass .error { right:30px;}
.login_text_yz .error { right:130px;}
.boxs-typex .error {  right:inherit;top:inherit; left:0; bottom:0;}
.checkbox{ content:""; border:1px solid #d4d4d4; border-radius:2px; width:18px; height:18px; vertical-align:middle; display:inline-block}
.reg_tab { width:700px; margin:0 auto; padding:0 0 50px;}
.reg_tab th { font-size:14px; text-align:right; color:#666; vertical-align: top; padding:20px 20px 0 0}
.reg_tab th span { color:#eb4e4e; font-weight:700}
.reg_tab td { padding:10px 0; position:relative} 
.reg_tab td .error { right:40px; top:20px;}
.reg_tab td .boxs-typex .error { top:60px }
.reg_tab td .number { position:absolute; top:92px; right:40px; font-size:12px; color:#999}
.reg_tab td p { color:#999; font-size:12px; line-height:20px; padding:3px 0} .reg_tab td p a { color:#34488c} .reg_tab td p a:hover { color:#2268e8; text-decoration:underline}
.reg_text { border:1px solid #dcdcdc; padding:0 5px; height:34px; line-height:34px; border-radius:4px; width:528px; color:#666}
.reg_text_d { width:300px;} .reg_textarea { width:528px; border:1px solid #dcdcdc; padding:5px; height:105px; line-height:22px; border-radius:4px; color:#666}
/* .icon-pic { float:left; margin:0 20px 0 0; border:1px solid #dcdcdc; padding:30px; border-radius:4px; font-size:40px; color:#666; cursor:pointer} */
.reg_t_p { margin:80px 20px 0!important; float:left; height:40px;}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px)}100%{opacity:1;-ms-transform:translateY(0)}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}

.error { position:absolute; right:0; top:25px; color:#f00; font-size:12px;}
.footer { border-top:1px solid #e5e5e5; padding:20px 0; width:1200px; margin:0 auto; overflow:hidden}
.footer .footer_l { float:left; color:#777}
.footer .footer_l a { color:#777;}
.footer .footer_l span { color:#999; margin:0 15px;}
.footer .footer_r { float:right; color:#bbbbbb;}

#verifyCheck table .layui-upload-file{display: none;}
/* .login_box_success{display: none;} */
/* .updownloading{ width: 120px;height: 120px;border: 1px solid #ccc;} */
.fl_p{float: left;}
.updownloading{z-index: 5;}
.icon_pic_fa{width: 122px;height: 122px;border: 1px solid #ccc;position: relative;float: left;}
.icon-pic{position: absolute;font-size: 60px;left: 30px;top: 17px;z-index: 2;}
.icon-pic-copy {background-color:#fff; float:left; margin:0 20px 0 0; border-radius:4px; font-size:40px; color:#666; cursor:pointer;width: 120px;height: 120px;z-index: 10;}
.retrieve { padding:50px 0; width:440px; margin:0 auto}
.retrieve h3 { font-size:16px; font-weight:700; text-align:center; margin:0 0 30px; color:#666}
.retrieve_input h4 { font-size:14px; color:#666; margin:0 0 15px; font-weight:700}
.retrieve_input p { color:#aaa; padding:10px 0 0}
.retrieve_input { padding:30px 0;}
.search_con{ position:relative;z-index:2;float:left;width:110px;height:40px;line-height:40px; cursor:pointer; border:1px solid #ccc; border-radius:3px; font-size:14px; color:#666; background:#fff; margin:0 10px;}
.search_con .search_type { padding:0 15px; font-weight:700}
.search_con .icon-arrow-down { position:inherit; float:right}
.search_type_icon{position:absolute;right:10px;top:15px;width:7px;height:4px;background:url(/statics/images/user/user-icon.png) -105px -102px;}
.search_info{float:left}
.search_list{display:none;position:absolute;top:39px;left:-1px;z-index:2;width:110px; border:1px solid #ccc; border-top:0; background:#fff; padding:5px 0}
.search_list li{ height:30px;line-height:30px; text-indent:18px; font-weight:700} 
.search_list li:hover { color:#eb4e4e; background:#f1f1f1;}
.input_ret { width:300px; height:40px; line-height:40px; border-radius:3px; font-size:14px; color:#666; padding:0 10px; border:1px solid #ccc}
.btn_ret { width:80px; height:40px; display:inline-block; background:#eb4e4e; border-radius:3px; border:0; cursor:pointer; font-size:14px; font-weight:700; color:#fff; margin:0 10px;}
.btn_ret_w { width:420px; height:40px; display:inline-block; background:#eb4e4e; border-radius:3px; border:0; cursor:pointer; font-size:14px; font-weight:700; color:#fff; margin:0 10px;}
.retrieve_text { text-align:center;} 
.retrieve_text p { padding:10px 0; color:#666; font-size:14px;}
.retrieve_email { overflow:hidden; padding:30px 0}
.retrieve_email .icon-seleted { font-size:40px; width:50px; height:50px; padding:5px; font-weight:400; line-height:40px; float:left; margin:0 20px;}
.retrieve_email h5 { font-size:16px; color:#333; margin:0 0 10px;} 
.retrieve_email p { color:#999}
.retrieve_input_cnt_lab { position:relative}
.retrieve_input_cnt_lab .error { right:20px; top:12px;}

.agreement_text { padding:50px 0; text-align:justify;}
.agreement_text h3 { font-size:16px; font-weight:700; color:#333; margin:20px 0;}
.agreement_text p { color:#666; font-size:14px; line-height:28px;}
.agreement_text h4 { font-size:14px;color:#666; line-height:28px; padding:0 0 0 22px; margin:0 0 5px;}
.agreement_text h5 { font-size:14px; color:#999;padding:0 0 0 22px; line-height:28px; margin:0 0 5px;}

.privacy_text { padding:50px 0; text-align:justify;}
.privacy_text h2 { font-size:16px; font-weight:700; color:#000; margin:20px 0;}
.privacy_text h3 { font-size:14px; font-weight:700; color:#333; margin:20px 0;}
.privacy_text p { color:#666; font-size:14px; line-height:28px; margin:5px 0;}
.privacy_text h4 { font-size:14px;color:#666; line-height:28px; padding:0 0 0 22px; margin:5px 0;}
.privacy_text h5 { font-size:14px; color:#999;padding:0 0 0 22px; line-height:28px; margin:5px 0;}

 @media screen and (max-width: 750px) {
    .head_nav{ width:100%; overflow:hidden} .head_nav .w1200{ width:100%; overflow:hidden}
    .head_nav .w1200 .search-top { display:none}
    .head_nav_l a { padding:0 8px;}
    .login_banner { background:url(../images/login_bg.jpg) no-repeat top center; background-size:cover; height:130px; text-align:center} 
    .login_banner h2 { font-size:26px; color:#fff; padding:50px 0 0; font-weight:300; margin:0 auto; display:inline-block;}
    .login_box { width:auto; padding:20px 15px 0;}
    .boxs-typex { font-size:12px; padding:20px 0}
    .login_text_box { padding:5px 0}
    .box-btn-code { top:10px;}
    .retrieve { width:auto; padding:40px 0;}
    .search_con,.search_list { width:80px; margin:0 10px 0 0}
    .input_ret { width:70%;}
    .retrieve_input { padding:20px 0; text-align:center}
    .login_text_name, .login_text_passd, .login_text_yzm { width:100%; font-size:14px;}
    .error { right:0; top:16px;}
    .login-btn,.btn_ret_w { width:100%; font-size:20px; height:40px; margin:0;}
    .footer { width:auto; text-align:center; font-size:12px;}
    .footer .footer_l,.footer .footer_r { float:none; padding:3px 0}
}