@charset "utf-8";
/* CSS Document */

/*登录 样式 start*/
.login_main{ background:#198ede; min-height:700px; position:relative;}
.login_main_bg{  max-width: 1920px;width: 100%; position: absolute;bottom: 0;left: -.5%; -webkit-animation: anim-run 2.5s ease-in-out infinite alternate;}
@-webkit-keyframes anim-run{
from {left:-1%;}
to {left:0;}
}
.login_main_bg img{ width:103%;}
.login_main_m{ width:1000px; min-height:404px; background:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); overflow:hidden; margin-top: 38px;}
.login_main_m_l{ width:662px;}
.login_main_m_l_m{ width:560px; margin:0 auto;}
.login_main_m_l_m ul{ margin-bottom:75px;}
.login_main_m_l_m h4{ color:#43465a; font-size:25px; line-height:25px; padding:35px 0 45px 0}
.login_main_m_l_m li{ line-height:26px; border-bottom:1px solid #d9dade; width:100%; margin-bottom:20px;}
.login_main_m_l_m li span{ display:block; width:23px; height:26px; background:url(../images/mem_1.png) no-repeat; float:left; background-position:0 7px;}
.login_main_m_l_m li.li_t span{background-position:1px -36px;}
.login_main_m_l_m li .inp{ float:left; height:26px; line-height:26px; color:#43465a; font-size:14px; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; width:225px; }
.login_main_m_l_m li .msg{ float:left; margin-left:10px; color:#f14700; font-size:12px; width:230px; overflow:hidden;}
.login_main_m_l_m li .fotmm{ color:#198ede; font-size:14px; line-height:26px; float:right}
.login_main_m_l_m li .fotmm:hover{ text-decoration:underline;}
.login_main_m_l_m li.li_s{ border-bottom:0; margin-bottom:0; line-height:32px;}
.login_main_m_l_m li .li_s_l input{ vertical-align:-2px; margin-right:5px;}
.login_main_m_l_m li .li_s_r a{ width:176px; height:32px; line-height:32px; display:block; background:#369ff2; text-align:center; color:#fff; font-size:15px; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
.login_main_m_l_m li .li_s_r a:hover{ background:#198ede;}
.login_main_m_l_m_b{ height:40px;}
.login_main_m_l_m_b a{ width:180px; height:40px; line-height:40px; display:block; float:left; background:#93d418; text-align:center; color:#fff; font-size:14px; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; margin-right:10px;}
.login_main_m_l_m_b a span{ background:url(../images/mem_1.png) no-repeat; background-position:0 -96px; padding-left:20px;}
.login_main_m_l_m_b a.a_t{ background:#d15446;}
.login_main_m_l_m_b a.a_t span{background-position:-177px -96px; padding-left:26px;}
.login_main_m_l_m_b a.a_s{ margin-right:0; background:#fe9625;}
.login_main_m_l_m_b a.a_s span{background-position:-360px -96px; padding-left:26px;}
.login_main_m_l_m_b a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.login_main_m_r{ width:338px; height:404px; background:url(../images/mem_2.jpg) no-repeat #292929;}
.login_main_m_r_m { width:230px; margin:0 auto; }
.login_main_m_r_m p{ color:#fff; font-size:14px; line-height:30px; padding:50px 0 108px 0;}
.login_main_m_r_m p span{ font-size:17px; line-height:17px; display:block; padding-bottom:10px; color: #5eb8ff}
.login_main_m_r_m a{ width:175px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:14px; margin:0 auto; border:2px solid #fff; display:block}
.login_main_m_r_m a:hover{ border-color:#369ff2; background:#369ff2;}


.loginForm{ width: 662px; }
.loginForm-box{ padding-top: 70px; color: #606170;}
.loginForm h4{ text-align: center; font-size: 20px; line-height: 1; color: #198EDE;}
.loginForm-wrapper{ margin-top: 35px;}
.loginForm-wrapper ul{ display: flex; justify-content: center;}
.loginForm-wrapper li{ margin: 0 12px;}
.loginForm-wrapper li a{ font-size: 16px; display: block; width: 138px; height: 118px; background-color: #198EDE; border-radius: 20px; display: flex; justify-content: center; align-items: center; text-align: center;}
.loginForm-wrapper li dt{ font-size: 20px;}
.loginForm-wrapper li dd{ margin-top: 10px;}
.loginForm-wrapper li a:hover{ color: #fff; opacity: .9;}
.loginForm-findPwd{ text-align: center; margin-top: 70px;}
.loginForm-findPwd a{ color: #707070;}

.loginForm-con{ margin-top: 20px;}
.loginForm-group{ position: relative; border-bottom: 1px solid #D6D6D6;}
.loginForm-inp{ width: 200px; padding: 10px 165px 10px 35px; border: 0; background-color: #fff; font-size: 14px; color: #606170; line-height: 30px; height: 30px;}
.loginForm-group .icon{ position: absolute; left: 0; top: 0; width: 35px; height: 50px; line-height: 50px; text-align: center; color: #606170; font-size: 16px;}
.loginForm-group .msg{ color: #f14700; font-size: 12px; position: absolute; left: 245px; right: 0; top: 50%; line-height: 18px; transform: translateY(-50%);}
.loginForm-group .code{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
.loginForm-group .code img{ width: 40px; height: 20px;}
.loginForm-btn{ margin-top: 25px;}
.loginForm-btn a{ display: flex; justify-content: center; align-items: center; line-height: 40px; text-align: center; color: #fff; background-color: #198EDE; border-radius: 4px;;}
.loginForm-btn a:hover{ background-color: #369ff2;}
.loginForm-btn a img{ height: 24px; width: 24px; margin-left: 10px;}
.loginForm-btn p{ text-align: center; font-size: 12px; color:#f14700; line-height: 18px; margin-bottom: 5px;}
.loginForm-bot{ margin-top: 25px;}
.loginForm-bot a{ color: #606170; line-height: 20px;}
.loginForm-bot a:hover{ color: #198EDE;}
.loginForm-bot p{ line-height: 20px;}
.loginForm-share a{ font-size: 20px; margin-right: 10px; vertical-align: top;}


.zhmm_bg{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:10; display:none;}
.zhmm_tc{ width:1000px; min-height:404px; position:absolute; left:50%; margin-left:-500px; top:-10%; margin-top:-202px; z-index:11; background:url(../images/mem_3.png) no-repeat; text-align:center; opacity:0; display:none;}
.zhmm_tc h4{ color:#43465a; font-size:25px; line-height:25px; padding:60px 0 100px 0;}
.zhmm_tc p{ color:#43465a; font-size:16px;}
.zhmm_tc_m{ width:473px; color:#43465a; font-size:16px; margin:25px auto auto auto; line-height:35px; height:95px; text-align:left;}
.zhmm_tc_m input{color:#43465a; font-size:14px; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; width:225px; border:1px solid #b1b1b1; height:35px; line-height:35px; width:408px; margin-left:15px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; text-indent:10px;}
.zhmm_tc_m i{ text-align:left; font-size:12px; color:#f14700; padding-left:60px;}
.zhmm_tc a{ width:176px; height:32px; line-height:32px; text-align:center; background:#369ff2; color:#fff; font-size:15px; display:inline-block; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; }
.zhmm_tc a:hover{ background:#198ede;}
.zhmm_tc b{ width:35px; height:35px; display:block; position:absolute; top:-30px; right:-32px; background:url(../images/mem_1.png) no-repeat right 0; cursor:pointer; -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.zhmm_tc b:hover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}

.zhmm_tc.zhmm_tco{top:55%;opacity:1; display:block;}
.zhmm_tc.zhmm_tco h4{ padding-bottom:65px;}
.zhmm_tc.zhmm_tco .zhmm_tc_m{ height:auto; width:auto; margin-left:200px;}
.zhmm_tc.zhmm_tco .zhmm_tc_m_m{ margin-bottom:10px;}
.zhmm_tc.zhmm_tco .zhmm_tc_m_m span{ width:90px; text-align:right;}
.zhmm_tc.zhmm_tco a{ margin-top:23px;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i{ padding-left:22px; margin-left:10px; display:inline-block; color:#838383}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i1{background:url(../images/mem_4.gif) no-repeat left center;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i2{background:url(../images/mem_5.gif) no-repeat left center;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i3{background:url(../images/mem_6.gif) no-repeat left center;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i4{background:url(../images/mem_6.gif) no-repeat left center; line-height:18px; width:240px;}
.zhmm_tc.zhmm_tco .zhmm_tc_m input.on{ border-color:#369ff2}

.bdyx_a a{ margin:0 45px;}
.zhmm_tc .bdyx_a_back{ background:#959595}
.zhmm_tc .bdyx_a_back:hover{ background:#868686}
/*登录 样式 end*/

/* body{ font-size: 16px;} */
.registrationWrap{ font-size: 14px; min-height: 100vh; background-color: #F4F4F4;}
.fontSize-sm{ font-size: 14px !important;}
.fontSize-md{ font-size: 16px !important;}
.regHead{ height: 64px;}
.regHead h1 a{ display: block; width: 178px; height: 18px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 100%;}
.regMain .tit .btn{ font-size: 14px; background-color: #FF6600 !important; cursor: inherit;}
.regMenu{ border-bottom: 1px solid #F0F0F0;}
.regMenu a{ position: relative; color: #999;}
.regMenu a:hover{ color: #FF6600;}
.regMenu a::after{ content: ''; display: none; height: 3px; background-color: #FF6600; position: absolute; left: 0; right: 0; bottom: -3px;}
.regMenu a.active{  font-weight: bold; color: #000;}
.regMenu a.active::after{ display: block;}
.regForm>.pane{ max-width: 440px; margin: 0 auto; display: none;}
.regForm>.active{ display: block;}
.regForm .form-control-lg{ height: 52px; border-color: #E6E6E6;}
.regForm .input-group-text,.regForm .sendVerBtn{ border-color: #E6E6E6;}
.regForm .paneTab{ background-color: #f2f2f2; border-radius: 12px;}
.regForm .paneTab .btn{ color: #666; min-width: 120px;}
.regForm .paneTab .btn.cur{ border-radius: 8px; color: #198EDE; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.16);}
.regForm .lineTit{ position: relative;}
.regForm .lineTit::before,.regForm .lineTit::after{ content: ''; display: block; width: 160px; height: 1px; background-color: #E6E6E6; position: absolute; top: 50%; margin-top: -.5px;}
.regForm .lineTit::before{ left: 0;}
.regForm .lineTit::after{ right: 0;}
.regFoot p{ color: #999; font-size: 13px; line-height: 24px; }
/* 
@media screen and (max-height:800px){
  .login_main_m,.zhmm_tc{ margin-top:-170px;}
} */


@media (min-width: 768px) { 
  .regHead h1 a{ width: 256px; height: 26px;}
}


@media (min-width: 992px) { 
 
}

@media (min-width: 1200px) { 
  .registrationWrap{ font-size: 16px; }
}