@charset "UTF-8";
/*document css*/
body,html{
    height:100%;
    font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
}
body{
    width:100%;
    height:100%; 
    overflow-x:hidden;
}
.loginMain{
    width:100%;
    max-width: calc(100% - 20px);
    height:100%;
    padding:0 10px;
    margin:0 auto; 
    position:relative;
}  
.logoBox{
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 40px;
    position: relative;
    z-index: 2;
}
.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{
    width:940px;
    height:460px;
    margin:0 auto;
    margin-top: 6%;
    z-index: 2;
    position: relative;
}
.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:68%;
    height:100%;
    float: left;
    background:#4865eb;
    background: -o-linear-gradient(left, #4865eb ,#5792f4);
    background: -ms-linear-gradient(left, #4865eb ,#5792f4);
    background: -moz-linear-gradient(left, #4865eb ,#5792f4);
    background: -webkit-linear-gradient(left, #4865eb ,#5792f4);
    background: linear-gradient(to right, #4865eb ,#5792f4);
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
} 
.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 .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:40px;
}
.foot p{
    font-size: 12px;
    line-height: 20px;
    color:rgba(255,255,255,.6);
    text-align:center;
}
.foot p span{
    padding:0 12px;
}

.loginList .hd{
    border-bottom: 1px solid #ececec;
    text-align:center;	
    overflow: hidden;
}
.loginList .hd li{
	display:inline-block;
    width:50%;  
    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 .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 .qrcode img{
    width:auto;
    height:100%;
}
.codeUrl p{
	font-size:14px;
	color:#666;
	line-height:18px;
	padding-top:10px;
}

.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;}
 
/*20210218 add*/
.loginBanner{
    width:100%;
    height:100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
}
.loginBanner .wrapper-swiper{
    width:100%;
    height:100%;
}
.loginBanner .swiper-slide {
    width:100%;
    height:100%;
    text-align: center;
    font-size: 18px;
    background: #fff; 
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.loginBanner .swiper-button-prev{
    width:42px;
    height:42px;
    top: initial;
    left:50%;
    bottom:36px;
    background:url(/res/images/show/prevIcon.png) center no-repeat;
    margin-left: -54px;
}
.loginBanner .swiper-button-next{
    width:42px;
    height:42px;
    top: initial;
    left:initial;
    left:50%;
    bottom:36px;
    background:url(/res/images/show/nextIcon.png) center no-repeat;
    margin-left: 18px;
}
.logoBox .rightLangage{
    float: right;
    width:160px;
    height:48px;
    line-height: 48px;
    background:rgba(0,0,0,.3);
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
}
.logoBox .rightLangage span{
    display:block;
    width:50%;
    float: left;
    text-align: center;
    font-size: 14px;
    color:#fff;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
}
.logoBox .rightLangage span.on{
    background:#013fb1;
} 
.codeBox{
    width:32%;
    height:100%; 
    background:#4d74ee; 
    -moz-border-radius: 0 15px 15px 0;
    -webkit-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    overflow: hidden;
}
.codeIcon{
    padding:10px;
    text-align: right;
    overflow: hidden;
    position: relative;
}
.codeIcon .sCodeImg{
    width:36px;
    height:auto;
    float: right;
    cursor: pointer;
}
.codeIcon .codeTips{
    width:142px;
    height:36px;
    line-height: 14px;
    text-align: center;
    padding:0 8px 0 4px;
    float: right;
    font-size: 12px;
    color:rgba(255,255,255,.6);
    background:url(/res/images/show/codeTips.png) center/cover no-repeat;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-moz-box;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 5px;
}
.codeIcon .codeTips span{
    display:block;
    width:100%;
    text-align-last: justify;
}
.codeIcon .codeTips em{
    font-style: normal; 
}
.codeIcon .sCodeImg{
    height:36px;
    background: url(/res/images/show/sCodeImg.png) right center no-repeat;
    overflow: hidden;
} 
.codeIcon .sCodeImg.on{
    background: url(/res/images/show/sCodeImg.png) right center no-repeat;
}
.codeBox .codeList{
    width:100%;
    height:auto;
    text-align: center;
    margin-top: 80px;
    position: relative;
    -moz-animation: bottom .5s ease;
    -webkit-animation: bottom .5s ease;
    animation: bottom .5s ease;
}
.codeLoadDown{
    display:none;
}
.codeBox .codeList .codeImg{
    display:inline-block;
    vertical-align: top;
    width:160px;
    height:160px;
    background:#fff;
}
.codeBox .codeImg img{
    width:auto;
    height:100%;
}
.codeBox .codeList p{
    width:100%;
    font-size: 18px;
    color:#fff;
    line-height: 24px;
    margin-top: 24px;
    text-align: center;
    letter-spacing: 1px; 
}
.loginList{
    padding:0 16%;
}
.loginList .hd{
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.loginList li h3{
    color:#fff;
    padding: 34px 0 20px;
}
.loginList .hd li.on h3 { 
    color: #fff;
    border-bottom: 1px solid #fff;
}
.loginList .bd{
    padding:0 0;
}
.loginList .item{
    min-height: 40px;
    margin-top: 36px;
}
.loginList .item input{
    padding-left: 42px; 
    height:40px;
    border:0 none;
} 
.loginList .loginBtn input{
    width:100%;
    height:48px;
    line-height: 48px;
    background:#02e4fe;
    font-size: 16px;
    color:#fff;
    border:0 none;
    text-align:center; 
    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, 0.1);
} 
.loginList .item input.cardInput{
    background:url(/res/images/show/iconCard.png) 12px center no-repeat #fff;
}
.loginList .item input.pswInput{
    background:url(/res/images/show/iconPassword.png) 12px center no-repeat #fff;
}
.loginList .item input.codeInput{
    background:url(/res/images/show/codeicon_login.png) 12px center no-repeat #fff;
} 
.loginList .rememberBtn{
    height:20px;
    min-height: 20px;
    line-height: 20px;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 0;
}
.loginList .rememberBtn span{
    display:inline-block;
    vertical-align: top;
    padding-left: 40px;
    background:url(/res/images/show/check.png) 16px center no-repeat;
    font-size: 14px;
    color:rgba(255,255,255,.6);
    cursor:pointer;
}
.loginList .rememberBtn span.on{
    background:url(/res/images/show/check_on.png) 16px center no-repeat;
} 
.helpBox{ 
    padding-top: 6px;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
}
.helpBox a{ 
    display:block;
    float: left;
    padding:0 16px;
    color:rgba(255,255,255,.6);
    line-height: 20px; 
}
.helpBox a:hover{ 
    color:rgba(255,255,255,1);
}
.helpBox .lineH{
    display:block;
    float: left;
    width:1px;
    height:14px;
    background:rgba(255,255,255,.6);
    margin-top: 3px;
} 
.loginList .item input.codeInput{
    width:calc(100% - 100px);
    margin-right: 10px;
    float: left;
}
.loginList .item .verifityCode{
    display:block;
    width:90px;
    height:40px;
    line-height: 40px;
    float: right;
    background:#fff;
    border:0 none;
    font-size: 12px;
    border-radius: 4px;
    color:#333;
    text-align: center;
    cursor:pointer;
}
.loginList .bd{
    height:310px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.loginList .bd .bdList{
    width:100%;
}
.phoneTips{
    width:100%;
    font-size: 14px;
    color:red;
    line-height: 20px; 
    text-align: center; 
    position: absolute;
    left: 0;
    top: 4px;
}
/*20210222 add*/
.changePswCon{
    margin-left: 16%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}
.changePswCon .bd{
    height: calc(100% - 104px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.changePswCon .changePswTit{
    padding:10px 12.5% 0;
    text-align: left;
}
.changePswCon .changePswTit h3{
    font-size: 18px;
    font-weight: normal;
    color:#fff;
    line-height: 26px;
    padding:15px 0;
    font-family: PingFang SC, "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
.changePswCon .changePswTit ul{
    overflow: hidden;
}
.changePswCon .changePswTit li{
    width:calc(33.33% - 10px);
    float:left;
    height:38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;  
    color:#fff; 
    padding-left: 25px;
    background:#ccc;
    background:-o-linear-gradient(left, #ededed, #ccc);
    background:-ms-linear-gradient(left, #ededed, #ccc);
    background:-moz-linear-gradient(left, #ededed, #ccc);
    background:-webkit-linear-gradient(left, #ededed, #ccc);
    background:linear-gradient(to right, #ededed, #ccc); 
    position: relative;
    white-space: nowrap;
}
.changePswCon .changePswTit li:first-of-type{
    padding-left: 10px;
}
.changePswCon .changePswTit li::before{
    display:block;
    content: '';
    width:0;
    height:0;
    border-top: 22px solid rgba(255,255,255,0);
    border-bottom: 22px solid rgba(255,255,255,0);
    border-left: 21px solid #fff; 
    position: absolute;
    top: -3px;
    right:-21px;
    z-index: 1;
}
.changePswCon .changePswTit li::after{
    display:block;
    content: '';
    width:0;
    height:0;
    border-top: 19px solid rgba(255,255,255,0);
    border-bottom: 19px solid rgba(255,255,255,0);
    border-left: 18px solid #ccc; 
    position: absolute;
    top: 0;
    right:-18px;
    z-index: 2;
}
.changePswCon .changePswTit li.on{
    background:#dfc3fd;
    background:-o-linear-gradient(-38deg, #87c5fc 25%, #dfc3fd 75%);
    background:-ms-linear-gradient(-38deg, #87c5fc 25%, #dfc3fd 75%);
    background:-moz-linear-gradient(-38deg, #87c5fc 25%, #dfc3fd 75%);
    background:-webkit-linear-gradient(-38deg, #87c5fc 25%, #dfc3fd 75%);
    background:linear-gradient(-45deg, #dfc3fd 25%, #87c5fc 75%);
}
.changePswCon .changePswTit li.on::after{
    border-left: 18px solid #dfc3fd; 
}
.changePswCon .changePswTit li.completed{
    background:#dfc3fd;
    background:-o-linear-gradient(-38deg, #8ddde5 25%, #7cf3ad 75%);
    background:-ms-linear-gradient(-38deg, #8ddde5 25%, #7cf3ad 75%);
    background:-moz-linear-gradient(-38deg, #8ddde5 25%, #7cf3ad 75%);
    background:-webkit-linear-gradient(-38deg, #8ddde5 25%, #7cf3ad 75%);
    background:linear-gradient(-45deg, #7cf3ad 25%, #8ddde5 75%);
}
.changePswCon .changePswTit li.completed::after{
    border-left: 18px solid #7cf3ad; 
}
.loginList .item button {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 20px;
    padding: 10px 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}
.loginList .item .codeBtn {
    width: 80px;
    background: #02e4fe;
    color: #fff;
    font-size: 12px;
    border: 0 none;
    float: right;
    cursor: pointer;
}
.loginList{
    position: relative;
}
.errMsg {
    display: block;
    width: 100%;
    color: #f00;
    text-align: center!important;
    margin: 0!important;
    position: absolute;
    left: 0;
    top: 2px;
}
.identityList,.changeList,.completeList{
    width:100%;
    padding: 0 12.5%;
}
.loginBox .item dl dt{
    font-size: 14px;
    color:#f0f0f0;
    line-height: 24px;
}
.loginBox .item dl dd{
    display:inline-block;
    vertical-align: top;
    font-size: 12px;
    color:#f0f0f0;
    line-height: 24px;
    overflow: hidden;
}
.loginBox .item dl dd.condition2{
    float:right;
}
.loginBox .item dl dd i{
    display:block; 
    float:left;
    width:14px;
    height:14px;
    background:url(/res/images/show/yuan.png) center no-repeat;
    margin-right: 6px;
    margin-top: 5px; 
}
.loginBox .item dl dd i.right{
    background:url(/res/images/show/right.png) center no-repeat;
}
.loginBox .item dl dd i.wrong{
    background:url(/res/images/show/wrong.png) center no-repeat;
}
.loginBox .conditionItem{
    height:auto;
    padding-bottom: 0;
    text-align: left;
    margin-top: -6px;
    margin-bottom: -10px;
    overflow: hidden;
}
.loginBox .item .level{
    font-size: 14px;
    color:#f0f0f0;
    line-height: 20px; 
    overflow: hidden;
}
.loginBox .item .level label{
    display:inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.loginBox .item .level em{
    display:inline-block;
    vertical-align: middle;
    width: calc(33.33% - 32px);
    height:8px;
    background:#ececec;
    margin-right: 4px;
}
.loginBox .item .level strong{
    float:right; 
    font-weight: normal;
    font-size: 12px;
}
.loginBox .item .pw-weak em:nth-of-type(1){
    background:#ffe4c9;
}
.loginBox .item .pw-medium em:nth-of-type(1){
    background:#ffe4c9;
}
.loginBox .item .pw-medium em:nth-of-type(2){
    background:#feb362;
}
.loginBox .item .pw-strong em:nth-of-type(1){
    background:#ffe4c9;
}
.loginBox .item .pw-strong em:nth-of-type(2){
    background:#feb362;
}
.loginBox .item .pw-strong em:nth-of-type(3){
    background:#ec3341;
}
.loginBox .item .pw-weak strong{
    color:#ffe4c9;
}
.loginBox .item .pw-medium strong{
    color:#feb362;
}
.loginBox .item .pw-strong strong{
    color:#ec3341;
}
.loginBox .success{
    padding-top: 10px;
    text-align: center;
    overflow: hidden;
    position: relative; 
}
.loginBox .success .successImg{
    vertical-align: top;
    width:auto;
    height:auto;
}
.loginBox .success p{
    font-size: 14px;
    color:#fff;
    line-height: 20px;
    padding-top: 14px;
}
.loginBox .success .backLoginBtn{
    display:inline-block;
    vertical-align: top;
    width:60%;
    line-height: 42px;
    float: none;
    background: url(/res/images/show/btn02.png) center no-repeat;
    background: #02e4fe;
    border: 0 none;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
}
.loginBox .success .backLoginBtn:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.loginList .item .changeA{
    font-size: 12px;
    line-height: 20px;
    color:#07a;
    padding-bottom: 10px;
} 
.loginList .item{
    position: relative;
}
.loginList .item .arrowBt{
    display:block;
    width:40px;
    height:40px; 
    background:url(/res/images/show/arrowbt.png) right 10px center no-repeat; 
    position: absolute;
    right:0;
    top: 0;
    z-index: 2;
}
.accountList .codeInputItem .codeBtn{
    background:none;
    position: relative;
}
.loginList .codeInputItem .codeBtn img{
    max-width:100%;
    max-height:100%;
    position: absolute;
    left: 50%;
    top: 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%);
}
.accountCon{
    margin-left: 16%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
} 
.accountCon .bd .changePswTit{
    margin-bottom: -10px;  
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.accountCon .bd h3{
    padding:25px 0 0;
    text-align: center;
    color:#fff;
    font-size: 18px; 
    font-weight: normal;
    width: 50%;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
} 
.accountCon .errMsg{
    top: 0;
}
.accountCon .loginList {
    padding:0 12.5%; 
    height: auto;
    width:100%;
} 
.centerY{
    height:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.centerCon{
    width:100%;
} 
.loginList .item:nth-of-type(5) {
    -moz-animation: bottom 2.5s ease;
    -webkit-animation: bottom 2.5s ease;
    animation: bottom 2.5s ease;
} 
.accountList .selectItem{
    z-index: 9;
    overflow: visible;
}
.loginList .item .selectBtn{
    text-align: left;
    cursor:pointer;
}
.selectList{
    width:100%;
    height:auto;
    text-align: left;
    padding:10px 0;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 9;
}
.selectList li{
    padding:10px 42px;
    line-height: 20px;
    color:#333;
    cursor:pointer;
}
.selectList li:hover,.selectList li.on{
    color:#013fb1;
}
.accountCon .changePswTit li{
    width: calc(25% - 6px);
} 
.loginBox .completeList .success span{
    display:block;
    font-size: 12px;
    color:rgba(255,255,255,1);
    line-height: 20px;
    padding-top: 15px;
}
.loginBox .completeList .success .backLoginBtn{
    margin-top: 0;
}
.loginBox .completeList .success span em{
    font-style: normal;
    color:#fff;
    padding-right: 2px;
}
.completeList .loginBtn{
    margin-top: 15px;
}
.accountActiveCon{
    height:500px;
    margin-top: 6%;
} 
.changePswCon .changePswTit h3 a{
    float: right;
    font-size: 14px;
    color:rgba(255,255,255,.64);
    text-decoration: underline;
    font-weight: normal;
    font-family: microsoft yahei,"微软雅黑";
}
.changePswCon .changePswTit h3 a:hover{
    color:#fff;
}
.codeBox .codeList .codeImg iframe{
	-o-transform: scale(.73);
	-ms-transform: scale(.73);
	-moz-transform: scale(.73);
	-webkit-transform: scale(.73);
	transform: scale(.73);
    -moz-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    margin-bottom:-37%;
}

@media screen and (max-width:1366px) {
.logoBox{
    padding:20px 0; 
} 
.foot{
    bottom:25px;
}    
}  
@media screen and (max-width:1023px) {
html,body{
    height:auto;
    overflow-x: hidden;
}  
 .loginMain{
    padding:0 .2rem;
    max-width: 100%;
    min-height: calc(100vh - 1.5rem);  
 }
.foot{
    position: relative;
    z-index: 2;
    width: 100%;
    padding: .2rem .2rem; 
    bottom: inherit;
 }
.foot p{
    font-size: .24rem;
    line-height: .3rem;
}
.foot p span{
    padding:0 .1rem;
}
 .logoBox{
    padding:.44rem 8%;
    padding:.88rem 8%;
    text-align:center;
 }
 .logoBox img{
    display:block;
    height:auto;
    max-height: 100%;
    width: 100%;
 } 
.logoBox strong{
    padding-left: .1rem;
    font-size: .36rem; 
    font-weight:bold;
    line-height: .4rem; 
    margin-left: .1rem; 
    margin-top: .2rem; 
    border-left:0 none; 
    letter-spacing: 14px;
    text-shadow: 0 1px 0px rgba(0,0,0,.3);
}
.logoBox .rightLangage{
    width:1.6rem;
    height:.48rem;
    line-height: .48rem;
    -moz-border-radius: .24rem;
    -webkit-border-radius: .24rem;
    border-radius: .24rem;
    position: absolute;
    right: 0;
    top: .2rem;
}
.logoBox .rightLangage span{
    font-size: .24rem;
    -moz-border-radius: .24rem;
    -webkit-border-radius: .24rem;
    border-radius: .24rem;
}
 .loginCon{
    width:auto;
    height:auto;
    padding:0 6%;
    padding-bottom: .4rem;
    margin-top: 0;
 } 
 .codeBox{
    display:none;
 } 
 .loginBox{
    width:100%;
    height:auto;
    float: none; 
    padding-bottom: .4rem;
    -moz-border-radius: .15rem;
    -webkit-border-radius: .15rem;
    border-radius: .15rem;  
 }
 .loginBox .bd{
    min-height: 4.5rem;
 }
 .loginList{
    padding: 0 4%;
 } 
.loginList li h3{
    font-size: .36rem; 
    line-height: .4rem;
    padding:.4rem 0;
} 
.loginList .bd{
    height:auto;
    padding-top: .3rem;
}
.loginList .item{
    height:.8rem;
    line-height: .8rem;
    margin-top: .3rem;
    margin-bottom: 0;
}
.loginList .rememberBtn{
    margin-bottom: -.2rem;
}
.loginList .rememberBtn span{
    padding-left: .36rem;
    -webkit-background-position: .12rem center!important;
    background-position: .12rem center!important;
    -webkit-background-size: .2rem auto!important;
    background-size: .2rem auto!important;
}
.loginList .item input{
    width:100%; 
    font-size: .28rem;
    height:.8rem;
    line-height: .4rem;
    padding:.2rem .12rem .2rem .46rem;
    -moz-border-radius: .06rem;
    -webkit-border-radius: .06rem;
    border-radius: .06rem;
} 
.loginList .item .inputTxt{
    -webkit-background-position: .16rem center!important;
    background-position: .16rem center!important;
    -webkit-background-size:.24rem auto!important;
    background-size:.24rem auto!important;
}
.loginList .item input.cardInput{
    -webkit-background-position: .16rem center!important;
    background-position: .16rem center!important;
    -webkit-background-size:.24rem auto!important;
    background-size:.24rem auto!important;
}
.loginList .item input.codeInput{
    -webkit-background-position: .16rem center!important;
    background-position: .16rem center!important;
    -webkit-background-size:.24rem auto!important;
    background-size:.24rem auto!important;
}
.loginList .item .pswInput{
    -webkit-background-position: .16rem center!important;
    background-position: .16rem center!important;
    -webkit-background-size:.24rem auto!important;
    background-size:.24rem auto!important;
} 
.loginList .loginBtn input{
    height:.76rem;
    line-height: .76rem;
    padding:0 ;
    font-size: .32rem;
    letter-spacing: 3px;
    padding-left: 3px;
    -moz-border-radius: .76rem;
    -webkit-border-radius: 76rem;
    border-radius: 76rem;
} 
.loginList .item span{
    font-size: .26rem;
} 
.loginList .item .verifityCode{
    font-size: .24rem;
    width:1.4rem;
    height: .8rem;
    line-height: .4rem;
    padding: .2rem 0;
    -moz-border-radius: .06rem;
    -webkit-border-radius: .06rem;
    border-radius: .06rem;
}
.loginList .item input.codeInput{
    width: calc(100% - 1.5rem);
    margin-right: .1rem;
}
.helpBox{
    padding-top: .3rem;
}
.helpBox a{
    font-size: .28rem;
    padding:0 .1rem;
    line-height: .3rem;
} 
.helpBox .lineH{
    height:.24rem;
    margin-top: .02rem;
}
.phoneTips{
    font-size: .24rem;
} 
.changePswCon{
    margin-left: 0;
}
.changePswCon .changePswTit{
    padding: .1rem 4% 0;
}
.changePswCon .changePswTit h3{
    font-size: .36rem;
    padding:.3rem 0;
    line-height: .4rem;
}
.changePswCon .changePswTit li{
    width: calc(33.33% - .11rem);
    font-size: .28rem;
    line-height: .6rem;
    height:.6rem;
    padding-left: .3rem;
}
.changePswCon .changePswTit li span{
    position: relative;
    z-index: 3;
    padding-left: .1rem;
}
.changePswCon .changePswTit li::after{
    border-top-width: .3rem;
    border-bottom-width: .3rem;
    border-left-width:.3rem;
    top: 0;
    right: -.3rem;
}
.changePswCon .changePswTit li::before{
    border-top-width: .34rem;
    border-bottom-width: .34rem;
    border-left-width:.34rem;
    top: -.03rem;
    right: -.34rem;
}
.changePswCon .changePswTit li.on::after{
    border-left-width:.3rem;
} 
.changePswCon .changePswTit li.completed::after{
    border-left-width:.3rem;
}
.changePswCon .changePswTit li:first-of-type{
    padding-left: .1rem;
}
.changePswCon .loginList{
    padding:.3rem 4% 0;
}
.loginList .item .codeBtn{
    width:1.4rem;
    height:.8rem;
    line-height: .4rem;
    padding:.2rem .1rem;
    font-size: .24rem;
    white-space: nowrap;
}
.loginBox .conditionItem{
    height:auto;
}
.loginBox .item dl dt{
    font-size: .24rem;
    line-height: .36rem;
}
.loginBox .item dl dd{
    display:block;
    font-size: .24rem;
    line-height: 20px;
}
.loginBox .item dl dd.condition2{
    float: none;
}
.loginBox .item dl dd i{
    margin-top: 3px;
    margin-right: .1rem;
}
.loginBox .item .level{
    font-size: .24rem;
    line-height: .3rem;
}
.loginBox .item .level label{
    margin-right: .1rem;
}
.loginBox .item .level em{
    height:.1rem;
}
.loginBox .item .level strong{
    font-size: .24rem;
}
.loginBox .success p{
    font-size: .28rem;
    line-height: .36rem;
}
.loginBox .success .successImg{
    max-height: .72rem;
}
.loginBox .completeList .success span{
    font-size: .24rem;
    line-height: .3rem;
    padding-top: .3rem;
}
.loginBox .success .backLoginBtn{
    height:.76rem;
    line-height: .76rem;
    font-size: .32rem;
    -moz-border-radius: .76rem;
    -webkit-border-radius: 76rem;
    border-radius: 76rem;
}
.accountActiveCon{
    padding: 0 3%;
}
.accountCon .changePswTit li{ 
    width: calc(25% - .09rem);
}
.accountCon .bd{
    min-height: 5.8rem;
}
.changePswCon .changePswTit h3 a{
    font-size: .28rem;
}
.completeList .loginBtn{
    margin-top: .3rem;
}  
}