/* CSS Document */
body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul,button{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{display:inline-block;border:none}li{list-style:none}

body {
    background-color:#FFF!important;
    background-size: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font: 12px/1 "Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}

.mobile_Body{
    background:url(../img/login.JPG) top center no-repeat #FFF;
}

.logo{text-align:center;/*width:300px;*/ height:80px; margin:8% auto 30px auto; }
.logo img{}
.logo .softname{ font-size:32px; color:#333}.logo .softname i{ font-size:12px; font-style:normal}
.logo:after{content: ""; display:inline-block; clear:both}

.loginbar{width:90%;max-width:320px;min-height:110px;  padding:40px 30px 30px 30px; margin:3% auto; z-index:9999;background:rgba(255, 255, 255, 0.9);/*border: 1px solid #ddd;border-top: 2px solid #005bac;-webkit-box-shadow:5px 5px 5px rgba(104, 59, 90, 0.19);-moz-box-shadow:5px 5px 5px rgba(104, 59, 90, 0.19);box-shadow: 0px 10px 10px rgba(104, 59, 90, 0.29);*//* border-radius:2%; */}
.login-title{line-height: 34px;height: 34px;text-align: center;color:#333;padding:10px 20px;}
.loginbar ul:before{}
.loginbar ul:after{content: ""; display:inline-block; clear:both}
.loginbar ul li{position: relative;margin-bottom:10px;z-index: 1;height:38px; width:100%;}
.loginbar .login-label{position:absolute;z-index:3;top: 0; left:0; width:38px; height:38px;background:url(../img/pwd-icons-new.png) 0 -96px no-repeat #005bac;}
.loginbar .pwd-label {background-position: -48px -96px;}
.loginbar .Code-label {background-position:0px -175px;}
.loginbar .itxt{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);line-height:36px;height:36px;border:1px solid transparent; border-left:0;padding: 0 0 0 20%;width:80%;float: none;overflow: hidden;font-size:14px;color:#333;top:0!important; left:0!important;}

.loginbar .login-btn{display:block; padding:0 12px; width:100%;  font-size:16px;line-height:40px; text-align:center;cursor: pointer;border: 1px solid #337ab7;border-radius:20px;color:#c1c8d1;background-color:#005bac;border-color: #2e6da4; overflow:hidden;outline:none}
.loginbar .login-btn:hover{border: 1px solid #337ab7;color: #fff;background-color:#337ab7;border-color:#2e6da4;}

.error{ position: absolute; top:0; left:0; display:block; width:255px; max-width:100%; background: #FFF; color: #005bac !important;border:1px solid #005bac !important;font-size: 14px;line-height: 36px;height: 36px; padding: 0 0 0 20%;}
.zhaohui{ color:#888; text-align:center; margin:10px; font-size:12px;}

.Code:after{content: ""; display:inline-block; clear:both;}
.Code .itxt{ float:left; width:35%;}
.Code .code-img{ float:right; width:40%;}

/*--新界面PC登陆样式开始--*/
.copy-tops{text-align:center;color:#555; line-height:48px; width:100%;background-color:#fff;}
.copy-rights{ clear:both; padding:14px 0;text-align:center;color:#555; line-height:18px; width:100%;  background-color:#fff;}
.copy-rights a{color:#555;margin:0 10px;display:inline-block; text-decoration:none}
.copy-rights a:hover{color:#333}
.topTitle {width: 100%;height: 100px;position: relative;}
.topTitle .topdw{width: 1000px;height: 100px;position: absolute;top: 0;left: 50%;margin-left: -500px;display: flex;}
.topTitle .logo{/*width: 135px;*/height: 50px;margin: auto 0;}
.topTitle .titleName{margin: auto 10px;display:inline-block;font-size: 26px;line-height: 50px;border-left: 1px solid #eee;padding-left: 10px;font-weight: 700;}
.banner{width:100%; height:450px; padding:80px 0; background:url(../img/login.JPG) top center no-repeat #FFF;}
 .loadingBox{ width:1000px; margin:0 auto;}
.boxLeft{ float:left; width:400px;font-size:50px;line-height:60px;color:#fff;padding:20px}
.boxRight{float:right;width:340px;height:380px;background-color:#fff;border-radius:5px}
.boxRight .itxt{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);line-height:48px;height:48px;border:0;overflow: hidden;font-size:14px;color:#333;}
.boxRight .title{font-size:18px;text-align:center;line-height:90px;}
.title2{line-height:70px;font-weight:700;font-size: 26px;color: #f3d060;text-align: left;}
.titleColoe{color:#69a7f3}
.inputBox{background-color:#f9f9f9;border-radius:24px;width:250px;height:48px;margin:0 auto;margin-bottom:20px}
.inputBox2 {margin:0 auto;margin-bottom:20px;padding:0 65px;}
.login .btn{width:250px;display:block;margin:0 auto;border-radius:50px;height:48px; line-height:48px; font-size:16px;cursor: pointer;border:0;color:#fff;}
.boxRight .icon{margin:auto 10px;margin-left:25px}

.boxRight .layui-form-checkbox[lay-skin=primary] i{ border-radius: 20px;}
.boxRight .layui-form-checkbox[lay-skin=primary] span{color:#888}
/*--新界面PC登陆样式结束--*/

.mobile_Loginbar > ul > li {
    margin-bottom: 15px;
}

.li_tab{
    margin-bottom:10px !important;
}

.li_tab>span{
    display:inline-block;
    width:45%;
    text-align:center;
    font-weight:bold;
    height:30px;
    line-height:30px;
    font-size:15px;
}   

.selected_tab{
    color:#E4393C;
}    
                                                                            
.mobile_Loginbar{
    width:70%;
}

@media only screen and (max-width:320px) {
    /*.loginbar{width: 240px;}*/
	.loginbar .itxt{ width:190px}
	.logo{ width:230px; height:50px; margin:30% auto 30px auto}
	.logo img{ height:50px;}
	.logo .softname{ font-size:21px}
	.copy-rights{ width:auto; padding:0 23%; bottom:10px}
}

.mobile_Logo>img{
    height:50px;
}

/*@media only screen and (max-width:460px) {
    .loginbar {
        background: none;
        box-shadow: none; border:0;
    }
}*/

@media only screen and (min-height:300px){
    .mobile_Logo{
        margin:0 auto 10px auto;
    }
}

@media only screen and (min-height:350px){
    .mobile_Logo{
        margin:0% auto 20px auto;
    }
}

@media only screen and (min-height:480px){
    .mobile_Logo{
        margin:15% auto 50px auto;
    }
}

@media only screen and (max-height:420px){
    .copy-rights{
        display:none;
    }
}