html,body{width: 100%;height: 100%;margin: 0px;position: relative;}
body.skin1{background:url(../image/bg_skin1.png);background-size:100%;}

/*新版登录页样式*/
.page-content {
    width: 902px;
    height: 530px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    overflow: hidden;
}

.pic-swiper {
    float: left;
    width: 450px;
    height: 530px;
    display: inline-block;
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
    border: 2px solid white;
    border-right: 0px;
    transform: translate(0);
}
.pic-item,.pic-item>img{width: 100%;height: 100%;}
img.logo-img{margin: 40px auto 0px;display: block;}
body{font-family:Microsoft Yahei;background:url(/static/image/login-bg.png) center center;background-size: cover;}
div.login-frame{transform: translate(0);;float: right;width: 450px;height: 530px;background-color: white;vertical-align: top;display: inline-block;}
div.login-info{width: 350px;margin: 50px auto 0px;position: relative;}
div.login-info>div.text-forms{width: 100%;margin: 0 auto;position: relative;margin-bottom: 30px;height: 40px;border-radius: 6px;}
span.create-option{width: 100%;height: 41px;line-height: 41px;font-size: 14px;position: absolute;top: 0;left: 35px;color: #9fa8ad;display: inline-block;}
input.input-text{outline: none;height: 41px;font-size: 14px;border: 1px solid #01b99d;width: 100%;color: #686e72;position: relative;z-index: 20;padding: 0 35px;background: transparent;border-radius: 6px;box-sizing: border-box;}
input.input-text.skin1{border: 1px solid #00aba5;}
input#login-user{background: url(../image/luser.png) 6px center no-repeat;}
input#login-password{background: url(../image/lpassword.png) 6px center no-repeat;}
#login-btn{width: 100%;height: 100%;background-color: #01b99d; cursor: pointer;border: 0px;color: white;text-align: center;border-radius: 6px;font-size: 18px;}
#login-btn.skin1{background-color: #00aba5;}
div.login-keep{margin:auto;margin-top: 18px;width: 100%;}
span.login-keep-none{cursor: pointer;width: 25px;height: 25px;display: block;background: url(/static/image/lkuang.png) no-repeat;float: right;}
span.login-keeping{background: url(/static/image/lkuang1.png) no-repeat;}
span.login-keep-text{font-size: 16px;color: #6f767a;display: block;float: right;margin-left: 5px;}
span.user-type{width: 25px;height: 25px;background: url(/static/image/lkuang.png) no-repeat;display: block;float: left;cursor: pointer;}
span.user-type-text{display: block;float: left;color: #9fa8ad;font-size: 16px;height: 16px;line-height: 16px;margin: 3px 5px;}
span.user-type-choose{background: url(/static/image/lkuang1.png) no-repeat;}
span.user-type:not(:first-child){margin-left: 25px;}
span.pswd-eyes {width: 30px;height: 30px;display: block;position: absolute;cursor: pointer;right: 10px;top: 5px;z-index: 30;}
span.pswd-eyes.p-open{background: url(../image/open_eyes.png) center center no-repeat;}
span.pswd-eyes.p-close{background: url(../image/close_eyes.png) center center no-repeat;}
.officialWebsite{
    width: 90px;
    position: relative;
    margin: 0 auto;
    margin-top: 114px;
    color: #0777bb;
    cursor: pointer;
    font-size: 16px;
}
.copyright-msg {
    position: fixed;
    bottom: 10px;
    color: #999999;
    font-size: 14px;
    left: 0;
    width: 100%;
    text-align: center;
}
.swiper-slide>img{
    width: 90%;
    height: 90%;
    display: block;
    margin: 10px auto;
}