@charset 'utf-8';
/* 注意：由于桌面端chrome不支持12px以下字体大小，切页面很不方便，因此给html设置字体为20px,即所有元素的1rem即是20px。 */
html, body{width:100%; background-color: #f8f8f8; -webkit-tap-highlight-color: transparent;}
html{ min-width:320px; font-size: 20px; }
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ol,ul, li,th,td, input, button, footer, video{margin:0; padding:0;}
h2,h3{font-weight:normal;}
body{ font: 0.8rem/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica, STHeiTi, sans-serif;}
ul li {list-style: none;}
a{color:#666;text-decoration: none;}
/* 清浮动 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.orange {color: #fda428;}
.grey {color: #666;}
.hl {color: #fda428 !important;}

.flexbox{display: -webkit-box; display: -ms-flexbox;-ms-box-orient: horizontal;/*IE10中显不一行，类似于flex-direction:row功能*/display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;}
.flex1{-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display: block !important;}

.fl{float:left;display: inline;}
.fr{float:right;display: inline;}

.mt10{margin-top:0.5rem;}
.mt20{margin-top:1rem;}

.m_textbox { border: solid 1px #bbb; font-size: 0.8rem; height: 2.1rem; outline: none; border-radius: 0.15rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 100%; padding: 0rem 0.5rem; -webkit-appearance: none; }
.m_button { font-size: 0.9rem; height: 2.1rem; outline: none; border-radius: 0.15rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align: center; display: inline-block; background-color: #fda428; color: white; text-decoration: none; line-height: 2.1rem; padding: 0rem 0.5rem;}
.m_button .extraIcon { display: none;}
.m_button_white {background: #fff; color: #333; border: 1px solid #ddd;}
.m_button_disabled { background-color: #a0a0a0; }

.m_link { text-decoration: none; outline: none; color: #fda428; }

.m_xTextbox { position: relative; display: inline-block; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: solid 1px #bbb; border-radius: 0.15rem; padding-right: 1.5rem; background-color: white; height: 2.1rem; }
.m_xTextbox .m_textbox { border-width: 0px; background-color: transparent; display: block; }
.m_xTextbox em { position: absolute; right: 0.55rem; top: 0.55rem; background-image: url(../images/icon_x2_2x.png); background-size: 0.9rem 0.9rem; height: 0.9rem; width: 0.9rem; display: none; z-index: 1000; }

/*.phd h1 { margin: 0rem 0.5rem; font-size: 0.9rem; padding-top: 0.5rem; font-weight: bold; }*/
.pbd { }

/* 安全认证开始 */
.m_secureVerify .verifyMethod .no_vcode {position: absolute;left:0; bottom:-1.85rem; color:#666; display: none;}
.m_secureVerify .verify_text { line-height: 1.8; margin:0.8rem 0; color:#333;}
.m_secureVerify .verify_err { color: #ff5104; font-size: 0.8rem; min-height:1.2rem; line-height: 1.2rem; margin-top:0.5rem; margin-bottom:0.2rem; }
.m_secureVerify .verify_err .notice { color: #999999; }
.m_secureVerify .verify_err .m_link {color:#52a3e2;}
.m_secureVerify .opra .m_button {width: 100%; }
.m_secureVerify .verify_tit {position:relative; display:none; height: 2.8rem; line-height: 2.8rem; color:#666; background:#fff; padding-left:2rem;  border-bottom: 1px solid #ddd;}
.m_secureVerify .verify_tit::before{display: block; content:"";position: absolute;left:0.6rem; top: 0.95rem; width:0.95rem;height:0.95rem;background: url(../images/aq_sec_tit.png); background-size: 100% 100%;}
.m_secureVerify .verifyMethod {position: relative; display: none; margin:0 0.5rem; }

.m_secureVerify .verify_tip em {display: none; color: #ff5104; font-style: normal;}
.m_secureVerify .verify_tip a {display: none; color: #ff5104;}

.m_secureVerify .verifyMethod .xEmailBox {border-radius: 0.15rem; border:1px solid #bbb; background:#fff;}
.m_secureVerify .verifyMethod .xEmailBox .subfix{display: block; padding-right:0.6rem; height: 2.0rem; line-height: 2.0rem;}
.m_secureVerify .verifyMethod .xEmailBox .xEmail{border:none; background:none; height: 2.0rem; line-height: 2.0rem; display: block;}
.m_secureVerify .verifyMethod .verify_message, .m_secureVerify .verifyMethod .verify_gateway{font-size:0.9rem; background: #fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:1rem 0.5rem;}
.m_secureVerify .verifyMethod .verify_gateway {border-top:none;}
.m_secureVerify .verifyMethod .verify_tip {margin-top:0.5rem; color:#999;}
.m_secureVerify .verifyMethod .verify_step { display: none; }
.m_secureVerify .verifyMethod .verify_stepCurrent { display: block; }
.m_secureVerify .verifyMethodCurrent { display: block; }
.m_secureVerify .verify_notice { margin: 0.3rem 0rem 0rem; color: #999999; }
/*.m_secureVerify .verifyMethod .verify_email {position: relative;}*/
.m_secureVerify .verify_vcode .m_xTextbox { width: 60%; vertical-align: top; }
.m_secureVerify .verify_vcode .m_button { width: 38%; font-size: 0.8rem; margin-left: 2%; padding:0 0.3rem; vertical-align: top; background:#3d3d3d; color:#fff;}
.m_secureVerify .verify_vcode .m_button_disabled{background: #a0a0a0;}
.m_secureVerify .verify_vcode img { margin-left: 2%; vertical-align: top; width: 38%; height: 2.1rem; }

.m_secureVerify .m_showList{text-align: right; width:150px; float:right; margin:0 0.5rem;text-decoration: none; color:#666; padding-top:0.7rem;}

.m_secureVerify .selectMethod {}
.m_secureVerify .selectMethod p{color:#333;border-bottom: 1px solid #ddd; height:2.8rem;padding-left:0.6rem; line-height:2.8rem; font-size:0.8rem;}
.m_secureVerify .selectMethod .select_tip{line-height:2.8rem; height:2.8rem;padding-left:0.6rem;  font-size:0.8rem; }
.m_secureVerify .selectMethod .select_tip { color: #fda428; }

.m_secureVerify .selectMethod .opra {display: none;}
.m_secureVerify .selectMethod .opra a{position: relative;display: block; background:#fff; padding-left:0.6rem; text-decoration: none; color:#333;border-bottom: 1px solid #ddd; height:2.6rem; line-height:2.6rem; font-size:0.9rem;}
.m_secureVerify .selectMethod .opra a::after{display: block; content:"";position: absolute;right:0.8rem; top: 1rem; width:0.45rem;height:0.75rem;background: url(../images/mb_sec_sel_icon.png); background-size: 100% 100%;}

.m_secureVerify .verifyBakmobileDLogin .no_vcode{}

.m_secureVerify .verifyMobileU {margin:0;}
.m_secureVerify .verifyMobileU .verify_text, .m_secureVerify .verifyMobileU .verify_tip, .m_secureVerify .verifyMobileU .verify_err, .m_secureVerify .verifyMobileU .opra{margin-left:0.5rem; margin-right:0.5rem;}

.m_secureVerify .verifyEmailPlusMbu, .m_secureVerify .verifyEmailLoginPlusMbu{margin:0;}
.m_secureVerify .verifyEmailPlusMbu .vcodeForm, .m_secureVerify .verifyEmailPlusMbu .mainForm, .m_secureVerify .verifyEmailLoginPlusMbu .vcodeForm{margin-left:0.5rem; margin-right:0.5rem;}
.m_secureVerify .verifyEmailPlusMbu .mobileUForm .verify_text, .m_secureVerify .verifyEmailPlusMbu .mobileUForm .verify_tip, .m_secureVerify .verifyEmailPlusMbu .mobileUForm .opra, .m_secureVerify .verifyEmailLoginPlusMbu .mobileUForm .verify_text, .m_secureVerify .verifyEmailLoginPlusMbu .mobileUForm .verify_tip, .m_secureVerify .verifyEmailLoginPlusMbu .mobileUForm .opra{margin-left:0.5rem; margin-right:0.5rem;}

.m_secureVerify .verifyPasswd .verify_vcode { margin-top: 0.5rem; }

/*.m_secureVerify .verifyEmail .mainForm .xEmail, .m_secureVerify .verifyEmailPlusMbu .mainForm .xEmail{ width: 60%; }*/
.m_secureVerify .verifyMobileUnmask, .m_secureVerify .verifyEmail, .m_secureVerify .verifyEmailPlusMbu, .m_secureVerify .verifyMobileD{margin-top: 1rem;}


/* 安全认证结束 */

.m_form { display: none; margin:0 0.5rem; }
.m_formCurrent { display: block; }
.m_form .form_tit { line-height: 1.5rem; margin:0.8rem 0; color:#333; }
.m_form .opra .m_button {  width: 100%; }
.m_form .form_err { color: #ff5104; font-size: 0.8rem; min-height:1.2rem; line-height: 1.2rem; margin-top:0.5rem; margin-bottom:0.2rem;}
.m_form .form_err .notice { color: #666; }
.m_form .form_err .m_link {color:#52a3e2;}
.m_form .form_notice { margin: 0.3rem 0rem 0rem; color: #666; }
.m_form .form_notice li {line-height: 1.8;}
.m_form .form_vcode { margin-top: 0.5rem; }
.m_form .form_vcode .m_xTextbox { width: 60%; vertical-align: middle;}
.m_form .form_vcode .m_button { width: 38%; margin-left: 2%;font-size: 0.8rem; vertical-align: middle;}
.m_form .form_vcode { margin-top: 0.5rem; }
.m_form .form_vcode img { height: 2.1rem; vertical-align: top; width: 38%; margin-left: 2%; }
.m_success h2 { font-size: 1rem; text-align: center; color:#fda428; margin-top: 1rem; }
.m_success .success_icon {display: block;margin:2rem auto 0; width:80px; height: 80px; background-image: url(../images/mb_succ_icon.png); background-size: 100% 100%;}
.m_success p { text-align: center; }

.m_mainForm {margin:0;}
.m_mainForm .form_status {padding:25px 0; background: #fff;}
.m_mainForm .form_status p{font-size:18px; padding:25px 10px 0; text-align:center; color:#666; line-height: 1.5;}
.m_mainForm .form_status .rn_status_des {display: block; padding:15px 10px; text-align: center; color:#999; line-height: 1.5;}

.m_bindMobile .bindMobileConfirm {display: none;}
.m_bindMobile .bindMobileConfirm .opra{margin-top:2.5rem;}
.m_bindMobile .bindMobileConfirm .form_text{line-height: 1.8;}



.m_bindMobile .form_text { font-size: 0.75rem; padding-bottom: 0.3rem; }
.m_bindMobile .form_vcode { margin-top: 1rem; }
/*手机号对应国家地区*/
.form_mobile .m_xTextbox{width:68%; border-radius:0 0.15rem  0.15rem 0;border-left: none; display: block;}
/*mobile_country 1.9rem border-box border 占用了2px */
.mobile_country {width:32%; text-align: center; color:#fda428; position:relative; border:solid 1px #bbb;background: #fff; cursor:pointer; padding-right:1rem; font-size: 0.8rem; height: 2.1rem;line-height: 2rem; outline: none; border-radius: 0.15rem 0 0 0.15rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding: 0rem 0.5rem;}

@media screen and (max-width:360px){
    .mobile_country {width:38%;}
    .form_mobile .m_xTextbox{width:62%; }
}
@media screen and (min-width:400px){
    .mobile_country {width:30%;}
    .form_mobile .m_xTextbox{width:70%; }
}
.country_search {margin-top:-0.2rem;}
.country_search .form_item{width:100%; padding:0 0.5rem; margin-left:-0.5rem; background: #fff;}
.country_search .form_search{border-bottom:1px solid #e8e7e7; background: #f9f9f9;padding:0.5rem;}
.form_search .search_wrap{height:2rem; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem;}
.form_search .search_wrap input{height:0.8em; padding:14px 12px 14px 0; outline:none; font-size: 16px; border:none; background:none; color:#666;}
.form_search .search_wrap span{display:block; width:18px; height:18px;margin:11px 12px 0; cursor: pointer; background:url("../images/mb_country_btn.png") 0 0 no-repeat;background-size:100% 100%;}

.country_search .form_result dl{margin-top:1px;}
.country_search .form_result dl dt,.country_search .form_result dl dd{width:100%;padding:0rem 0.5rem;margin-left:-0.5rem;position:relative;}
.country_search .form_result dl dt{height:2.4rem;margin-top:-1px;z-index:10; line-height:2.4rem;background:#f9f9f9; border-bottom:1px solid #e8e7e7;}
.country_search .form_result dl dd{height:2.6rem;line-height:2.6rem;font-size:0.8rem;background:#fff;border-bottom:1px solid #ddd;}
.country_search .form_result dl dd:active{background:#f2f2f2;}
.country_search .form_result dl dd em{font-style: normal;}
.country_search .form_result dl dd span{position:absolute; top:0; right:10px;}

.m_bindMobileUVerify {margin: 0;}
.m_bindMobileUVerify .form_text, .m_bindMobileUVerify .form_tip, .m_bindMobileUVerify .form_err, .m_bindMobileUVerify .opra{padding: 0 10px;}
.m_bindMobileUVerify .form_message, .m_bindMobileUVerify .form_gateway{font-size: 18px; background: #fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:16px 10px;}
.m_bindMobileUVerify .form_gateway {border-top: none;}
.m_bindMobileUVerify .form_tip em {display: none; color: #ff5104; font-style: normal;}
.m_bindMobileUVerify .form_tip a {display: none; color: #ff5104;}

/*弹出层样式*/
.overlay,
.overlay.active,
.modal .modal_ft{display: -webkit-box;}
.overlay.active { display: block !important; }
.overlay{display: none; position: absolute; right: 0; bottom: 0; height: 100%; left: 0; z-index: -1; background-color: rgba(0, 0, 0, 0.5); -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.overlay.active{z-index: 9999;}
.modal{-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.modal{background-color: rgba(255, 255, 255, 0.97); border-radius: 5px; margin: 0 auto; width: 270px; overflow: hidden; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0.815); transform: translate3d(0, 0, 0) scale(0.815); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity;}
.modal.modal_in{opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);position: relative;top:32%;}
.modal .modal_hd{text-align: center; line-height: 40px; background-color: #0078e7; color: #fff;}
.modal .modal_bd{text-align: center; padding: 36px 20px; font-size: 13px; color: #000;}
.modal .modal_bd .pop_title{font-size: 17px; margin-bottom: 5px; color: rgba(0, 0, 0, 0.87);}
.modal .modal_ft{display: -webkit-box; font-size: 17px; position: relative; overflow: hidden; border-radius: 5px;}
.modal .modal_ft .btn_modal{display: block; -webkit-box-flex: 1; background-color: #fcfcfc; text-align: center; line-height: 43px;}
.modal .modal_ft .confirm{color: #ff8900;}
.modal .modal_ft .btn_modal:first-child{position: relative; top: 1px;}
.modal .modal_ft .btn_modal:last-child{border-right: none;top: 1px;}
.modal .modal_ft .btn_modal:hover, .modal .modal_ft .btn_modal:active{background-color: #d9d9d9;}
.toast_pop{background: none;}
.toast_pop .modal{background-color: rgba(0, 0, 0, 0.87); width: 200px;}
.toast_pop .modal .modal_bd{padding: 0; height: 43px; line-height: 43px; font-size: 16px; color: #fff;}
.modal .modal_ft:before{content: ""; position: absolute; top: 0px; left: 0px; right: 0px; border-top: 1px solid rgba(0, 0, 0, 0.12); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;}
.modal .modal_ft .btn_modal:first-child:after{content: ""; position: absolute; top: 0px; bottom: 0; right: 0px; border-right: 1px solid rgba(0, 0, 0, 0.12); -webkit-transform: scaleX(0.5); -webkit-transform-origin: 0 0;}
.modal .modal_hd:before, .tab_pane:after{content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;}