.login_bg{width:100%;height:100%;background:#524e4f url(/static/home/images/bg-logo.jpg) no-repeat center top;background-size:cover;}
.main{
        width: 1200px;
        margin:0 auto;
        position: relative;
        height: 500px;
        margin-top: 150px;
} 
.unit{
        width:1100px;height:420px;position:absolute;z-index:2; top: 50%;left: 50%;
        margin-left:-550px;margin-top: -210px;
/*background-color: red;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);*/ 
}
.loginForm h4.title{text-align:center;margin-bottom:30px;padding-bottom:12px;position: relative;color: #df5151;font-size:18px;}
.loginForm h4.title:before{content:"";width: 30px;height: 2px;background-color: #df5151;border-radius: 1px;position:absolute;left:50%;margin-left:-15px;bottom:0px;}
.fl_div{margin-top:53px;width:471px;height:364px;background: url(/static/home/images/fl_div_bg.png);background-size: cover;padding-top:30px;padding-left:28px;color:#fff;}
.fl_div .line{margin-top:22px;margin-bottom:20px;width: 40px;height: 2px;background-color: #ffffff;}
.fl_div .text{font-size:16px;}
.fl_div .tel{font-size:24px;margin-top:13px;margin-bottom:107px;}
.fl_div ul li{display:inline-block;}
.fl_div ul li a{display: block;height:26px;line-height:26px;padding-left:31px;padding-right:31px;font-size:14px;color:#fff;position:relative;}
.fl_div ul li a:after{content:"";position: absolute;right:0px;top:0px;width:1px;height:100%;background-color: #ffffff;opacity: 0.8;}
.fl_div ul li:first-child a{padding-left:0;}
.fl_div ul li:last-child a:after{background-color:transparent;}
.loginForm{width:410px;height:100%;background-color: #c5e4fe;border-radius: 5px;position:absolute;right:0;top:50%;margin-top:-236px;padding:40px 35px;}
.inputBox{position: relative;}
.inputBox input{padding-left:14px;padding-right:14px; width:100%;height: 48px;line-height:48px;border-radius: 8px;border: solid 1px #eef7ff;margin-bottom:15px;}
.yanzCode input{width:170px;}
.yanzCode a{display:flex;width:157px;height:48px;border-radius: 8px;border: solid 1px #eef7ff;position:absolute;right:0;top:0;justify-content: center;align-items: center;background-color:#F3FBFE;}
.verifCode input{padding-right:105px;}
.verifCode a{width:105px;height:48px;line-height:48px;text-align:center;font-size:14px;color:#666;position:absolute;right:0;top:0;}
.privacy{display: flex;justify-content: flex-start;padding-left:20px;position: relative;color:#999;font-size:12px;margin-bottom:15px;}
.privacy input[type=checkbox]{display: none;}
.privacy label{cursor: pointer;}
.privacy label:before{content:"";display:inline-block;width:14px;height:14px;background:url(/static/index/images/checked_no.png);background-size:cover;position:absolute;left:0;top:2px;}
.privacy input[type=checkbox]:checked+label:before{content:"";display:inline-block;width:14px;height:14px;background:url(/static/index/images/login/checked.png);background-size:cover;position:absolute;left:0;top:2px;}
.privacy a{color:#666;}
.errorTip{padding-bottom:12px;}
.tips{display:flex;align-items:center;justify-content:flex-start;font-size:12px;color: #e45547;}
.tips img{margin-right:10px;}
a.submit{display: block;width:100%;height: 46px;line-height:46px;text-align:center;border-radius: 8px;color:#fff;font-size:18px;margin-bottom:16px;
        background-color: #49c1fe;
        background-image: linear-gradient(#4bc7ff, #3270f3);
}
.bottom{display: flex;}
.bottom .fll{flex:1;display:flex;justify-content: flex-start;font-size:14px;}
.bottom .fll:nth-of-type(2){justify-content: flex-end;}
.bottom .fll:nth-of-type(1) a{color:#199fff;}
.bottom .fll span{color:#999}
.bottom .fll:nth-of-type(2) a{color: #666666;}
.loginForm .titleUnit{width:100%;height:30px;margin-bottom:40px;}
.titleUnit .unite{width:100%;height:30px;position:relative;float:left;cursor: pointer;}


/*.titleUnit .unite:nth-of-type(1):after{content:"";width: 1px;height: 20px;background-color: #cbcbcb;position:absolute;top:0px;right:0px;}*/
       
.titleUnit .unite h3.title{text-align:center;color: #999;font-size:18px;}
.titleUnit .unite.current h3.title{color: #199fff;}
.titleUnit .unite.current:before {
        content:"";
        width:30px;
        height:2px;
        background-color:#199fff;
        border-radius:1px;
        position:absolute;
        left:50%;
        margin-left:-15px;
        bottom:0px;
}


.login-title{
        font-size: 32px;color: #fff;text-align: center;padding-top: 90px;
}
.login-input-box{
        background: #fff;border:1px solid #eef7ff;
        border-radius: 8px;
        overflow: hidden;height: 48px;
        padding:0 15px;
        margin-bottom: 15px;
}
.login-input-box .MemberName-icon,
.login-input-box .password-icon{
        display: inline-block;
        background: url(../images/reg_04.png) no-repeat left center;
        width: 22px;
        height: 22px;
        background-size: 22px;
        line-height: 48px;
        margin-top: 12px;
}
.login-input-box .password-icon{
        background-image: url(../images/reg_02.png);
}
.login-input-box input{
        border:0;
        float: right;
        width: 270px;
        margin-bottom: 0;
        padding:0;
}
input:focus,
button{
        outline: 0
}
.login-logo{
        position: absolute;
        top:112px;
        left:200px;
        width: 162px;
        max-height: 72px;
}
.login-logo-text{
    color: #fff;
    font-size: 54px;
    top:94px;
    overflow: hidden;
    white-space: nowrap;
}
@media screen and (max-width: 640px){
 .main{
        width: 100%;
        }  
        .unit{
                width: 100%; 
                left: 2%;
                margin-left: 0;    
        }   
        .fl_div{
                display: none;
        }
        .loginForm{
                width: 96%;
                right: auto;
        }
        .yanzCode input{
                width: 48%;
        }
        .yanzCode a{
                width: 48%;
        }
	.login-input-box input{width:85%;}
        .login-logo{
                display: none;
        }
}
@media screen and (min-width: 1200px) and (max-width: 1366px){
       .main{
        margin-top: 100px;
        }  
        .login-logo{ 
        width: 152px;
        top:150px;
        left: 218px;
        }
        .login-logo-text{
            font-size: 50px;
            top:134px;
        }
}
@media screen and (min-width: 1920px){
       .main{
        margin-top: 200px;
        }  
        .login-logo{ 
        top:168px;
        left:90px;
        width: 200px;
        }
        .login-logo-text{
            font-size: 66px;
            top:150px;
        }
}