@charset "utf-8";



.login_main{ background:#198ede; 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%; margin-left:-500px; top:55%; margin-top:-202px; overflow:hidden;}
.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(../image/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(../image/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(../image/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;}

.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(../image/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(../image/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:none;}
.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(../image/mem_4.gif) no-repeat left center;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i2{background:url(../image/mem_5.gif) no-repeat left center;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i3{background:url(../image/mem_6.gif) no-repeat left center;}
.zhmm_tc.zhmm_tco .zhmm_tc_m i.i4{background:url(../image/mem_6.gif) no-repeat left center; line-height:18px; width:240px;}
.zhmm_tc.zhmm_tco .zhmm_tc_m input.on{ border-color:#369ff2}




.reg_m{ width:1000px; min-height:618px; background:#fff; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; position:absolute; left:50%; margin-left:-500px; top:54%; margin-top:-309px; overflow:hidden;}
.reg_m_l{ width:720px;}
.reg_m_l h4{ line-height:73px; border-bottom:1px solid #e3e3e3; color:#43465a; font-size:25px; text-indent:50px;}
.reg_m_l ul{ padding:58px 0 18px 0;}
.reg_m_l li{height:74px; line-height:32px;}
.reg_m_l li span{ display:block; float:left; color:#43465a; font-size:14px; width:111px; text-align:right;}
.reg_m_l li .inp{ line-height:32px; height:32px; border:1px solid #e3e3e3; width:255px; font-size:13px; color:#43465a; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; text-indent:10px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:5px; float:left; margin:0 12px}
.reg_m_l li .inp.on{ border-color:#369ff2}
.reg_m_l li p{ color:#838383; font-size:13px; float:left; padding-left:22px;}
.reg_m_l li p.p1{background:url(../image/mem_4.gif) no-repeat left center; display:none;}
.reg_m_l li p.p2{background:url(../image/mem_5.gif) no-repeat left center; display:none;}
.reg_m_l li p.p3{background:url(../image/mem_6.gif) no-repeat left center; display:none;}
.reg_m_l li p.p4{background:url(../image/mem_6.gif) no-repeat left center; line-height:18px; width:290px; display
                 :none
                 ;}
 .reg_m_l .p5{ text-align:center; color:#f14700; font-size:13px;}
.reg_m_l 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; margin:0 auto;}
.reg_m_l a:hover{ background:#198ede;}
.reg_m_r{ width:280px; background:#494949; min-height:618px;}
.reg_m_r_m{ width:238px; margin:0 auto; padding-top:24px;}
.reg_m_r_m p{ color:#fff; font-size:14px; line-height:30px; padding:50px 0 234px 0;}
.reg_m_r_m p span{ font-size:17px; line-height:17px; display:block; padding-bottom:10px; color:#5eb8ff}
.reg_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}
.reg_m_r_m a:hover{ border-color:#369ff2; background:#369ff2;}

.reg_m.suc_m{ min-height:535px; top:48%; margin-top:-217.5px;}
.suc_m .reg_m_l{ background:url(../image/mem_7.jpg) no-repeat left bottom; min-height:535px;}
.suc_m .reg_m_l h5{ font-size:25px; color:#43465a; line-height:30px; padding:80px 0 25px 65px;}
.suc_m .reg_m_l h5 span{ color:#f66617;}
.suc_m .reg_m_l p{ font-size:13px; color:#43465a; line-height:25px; padding:0 0 70px 65px;}
.suc_m .reg_m_l p span{ color:#838383;}
.suc_m .reg_m_l p a{ width:inherit; height:inherit; line-height:25px; display:inline-block; background:inherit; text-align:inherit; color:#369ff2; font-size:13px; -moz-border-radius:0;-webkit-border-radius:0; border-radius:0; margin:0;}
.suc_m .reg_m_r{ min-height:535px; text-align:center; color:#fff;}
.suc_m .reg_m_r img{ padding-top:70px;}
.suc_m .reg_m_r .p1{ color:#369ff2; font-size:14px; padding:5px 0 30px 0}


.bdyx_a a{ margin:0 45px;}
.zhmm_tc .bdyx_a_back{ background:#959595}
.zhmm_tc .bdyx_a_back:hover{ background:#868686}
	
.alertwords{
background-color: #f9f9f9;
    color: #999;
    font-size: 12px;
    height: auto;
    line-height: 25px;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: 562px;
}

@media screen and (max-height:800px){
  .login_main_m,.zhmm_tc{ margin-top:-170px;}
}