@charset "UTF-8";
/*document css*/
body,html{
    height:100%;
}
body{
    width:100%;
    height:100%;
    background:url(/res/images/show/loginbg.jpg) center top no-repeat;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    overflow-x:hidden;
}
.loginMain{
    width:100%;
    max-width:1100px;
    height:100%;
    padding:0 10px;
    margin:0 auto; 
    position:relative;
}
.logoBox{
    padding:10% 0 11%;
    overflow: hidden; 
}
.logoBox img{
	display:inline-block;
	vertical-align:middle;
    max-height: 54px;
}
.logoBox strong{
	display:inline-block;
	vertical-align:middle;
	padding-left:15px;
	border-left:1px solid #fff;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	line-height:48px;
	margin-top:3px;
	margin-left:15px;
}
.loginCon{
    height:382px;
    position: relative;
}
.loginCon::before{
    display:block;
    content: '';
    width:399px;
    height:124px;
    background:url(/res/images/show/shadowfl.png) center no-repeat;
    position:absolute;
    left: -36px;
    bottom: -46px;
    z-index: -1;
}
.loginCon::after{
    display:block;
    content: '';
    width:399px;
    height:129px;
    background:url(/res/images/show/shadowfr.png) center no-repeat;
    position:absolute;
    right: -36px;
    bottom: -46px;
    z-index: -1;
}
.imgBox{
    width:63.64%;
    float: left;
    height:100%;
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
    overflow: hidden;
}
.imgBox .topImg{
    display: block;
    width:100%;
    height:100%;
    background:url(/res/images/show/loginimg.png) center no-repeat;
}
.loginBox{
    width:36.36%;
    height:100%;
    float: left;
    background:#fff;
    -moz-border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}
.loginList{
    padding:0 12.5%;
    text-align:center;
    overflow: hidden;
}
.loginList h3{
    font-size: 24px;
    color: #000;
    line-height: 30px;
    padding:50px 0 40px;
}
.loginList .item{
    margin-bottom: 18px;
    line-height: 32px;
    position:relative;
}
@-webkit-keyframes bottom {
    0%{
        top: 100vh; 
    }
    100%{
        top: 0; 
    }
}
@keyframes bottom {
    0%{
        top: 100vh; 
    }
    100%{
        top: 0; 
    }
}
.loginList .item:nth-of-type(1){
    -moz-animation: bottom .5s ease;
    -webkit-animation: bottom .5s ease;
    animation: bottom .5s ease;
}
.loginList .item:nth-of-type(2){
    -moz-animation: bottom 1s ease;
    -webkit-animation: bottom 1s ease;
    animation: bottom 1s ease;
}
.loginList .item:nth-of-type(3){
    -moz-animation: bottom 1.5s ease;
    -webkit-animation: bottom 1.5s ease;
    animation: bottom 1.5s ease;
}
.loginList .item:nth-of-type(4){
    -moz-animation: bottom 2s ease;
    -webkit-animation: bottom 2s ease;
    animation: bottom 2s ease;
}
.loginList .item input{
    width:100%;
    height:44px;
    padding:6px 15px;
    font-size: 14px;
    color:#333;
    border:1px solid #e1e1e1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.loginList .remember{
    margin-bottom: 5px;
} 
.loginList .loginBtn input{
    width:60%;
    background:url(/res/images/show/btn02.png) center no-repeat;
    height:42px;
    line-height: 42px;
    border:0 none;
    text-align:center;
    font-size: 16px;
    color:#fff;
    padding:0;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    cursor: pointer;
}
.loginList .loginBtn input:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.loginList .item .check{
    width:14px;
    height:14px;
    display:inline-block;
    vertical-align: middle;
    background:url(/res/images/show/check.png) center no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size:100% auto;
    margin-right: 6px;
    cursor: pointer;
}
.loginList .item .check.on{
    background:url(/res/images/show/check_on.png) center no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size:100% auto;
}
.loginList .item span{
    font-size: 14px;
    color:#666;
    vertical-align: middle;
}
.foot{  
    width:100%;
    overflow: hidden;
    position: absolute; 
    bottom:45px;
}
.foot p{
    font-size: 14px;
    line-height: 20px;
    color:rgba(255,255,255,.4);
    text-align:center;
}
@media screen and (max-width:1600px) {
.logoBox{
    padding:6% 0 7%; 
}    
}
@media screen and (max-width:1366px) {
.logoBox{
    padding:2.5% 0 3%; 
} 
.foot{
    bottom:25px;
}   
} 

/*20200706 add 新生登录入口*/
.loginList .hd{
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}
.loginList .hd li{
    width:50%;
    float:left; 
    text-align: center;
}
.loginList li h3{
    display:inline-block;
    vertical-align: top;
    color:#333;
    font-size: 18px;
    padding-bottom: 20px;
    position: relative;
    cursor:pointer;
}
.loginList .hd li.on h3::after {
    display:block;
    content: '';
    width:56px;
    height:1px;
    background:#333;
    position: absolute;
    left: 50%;
    bottom:0;
    margin-left: -28px;
}
.loginList .hd li.on h3{
    color:#013fb1;
}
.loginList .bd{
    padding: 20px 20px;
    overflow: hidden;
}
.loginList .remember{
    margin-bottom: -25px;
}

.loginList .loginBtn{
    margin-top: 30px;
}
.codeUrl{
	padding:10px;
	text-align:center;
	overflow:hidden;
}
.codeUrl .qrcode{
	width:auto;
	height:172px;
}
.codeUrl p{
	font-size:14px;
	color:#666;
	line-height:18px;
	padding-top:10px;
}



@media screen and (max-width:1600px) {
.logoBox{
    padding:6% 0 7%; 
}    
}
@media screen and (max-width:1366px) {
.logoBox{
    padding:2.5% 0 3%; 
} 
.foot{
    bottom:25px;
}   
}

/*20201207 add css*/
.codeUrl{position:relative;}
.ewmDisable{width:100%;height:192px;position:absolute;left:0;top:0;background:rgba(255,255,255,0.9);z-index:3;display:none;}
.ewmDisable p{width:100%;text-align:center;font-size:18px;color:#181e33;margin-top:25%;}
.ewmDisable a{display:block; text-decoration: none;width:94px;height:34px;background: #FFFFFF;border: 1px solid #3A8BFF;border-radius: 18px;margin:0 auto;text-align:center;line-height:34px;font-size: 14px;color: #3A8BFF;margin-top:10px;}