@charset "utf-8";

/* body bg */
.bg{
    width: 100%;
    height: 100%;
    /*position: fixed;*/
    background: url(../images/bodybg.jpg) top center no-repeat;
}

/* 登录和注册 */
.logc {
    width:1000px;
    margin: 56px auto 0;
    min-height:755px;
    overflow:hidden;
}
.logc .code {
    float:left;
    padding:0;
    width:268px;
    height:481px;
    background:url(../images/ipone.png) no-repeat center top;
    margin:90px 0 0 160px;
}
.logc .codecont {
    width:188px;
    overflow:hidden;
    color:#fff;
    text-align:center;
    margin:137px auto 0;
}
.logc .codecont p {
    width:133px;
    height:134px;
    padding:11px 0;
    margin:0 auto;
    background:url(../images/codebg.png) no-repeat center 0;
}
.logc .codecont p img {
    width:100px;
    height:100px;
    margin:0 auto;
    display:block;
    background:#fff;
    padding:5px;
}

.login {
    float:right;
    width:420px;
    margin-right: 5px;
    background:#fff;
    display:inline;
    margin-top: 140px;
    -moz-box-shadow:0 0 10px #77bafa;
    -webkit-box-shadow:0 0 10px #77bafa;
    box-shadow:0 0 10px #77bafa;
}

.register{
    margin-top: 100px;
}

/* 切换标题 */
.login .logintit {
    border-bottom:1px solid #f1f0eb;
}
.login .logintit ul {
    overflow:hidden;
    font-size:18px;
    display: flex;
    justify-content: center;
}
.login .logintit ul li {
    text-align:center;
    width:33.333333%;
    line-height:60px;
    border-bottom: 3px solid #fff;
    color:#888;
    font-size: 18px;
    cursor:pointer;
}
.login .logintit ul li.on {
    border-color:#3a507a;
    color:#3a507a;
    font-weight:bold;
}
/* 注册 */
.login .regtit ul li{
    width: 100%;
    color: #3a507a;
    font-weight: bold;
}

.login .logincont {
    padding: 0 9.5% 40px;
}
.login .log_c1 {
    padding: 30px 0 0;
    overflow:hidden;
    zoom:1;
}
.login .log_c1 ul{
    position: relative;
}
.login .log_c1 li {
    border:1px solid #d4d4d4;
    height:38px;
    line-height:38px;
    overflow:hidden;
    margin:0 0 10px;
    position: relative;
}
.login .log_c1 li i,
.login .log_c1 li span {
    display:inline-block;
    vertical-align:middle;
    height:38px;
    width:40px;
    float:left;
    background:url(../images/log_icon.png) no-repeat;
}
.login .log_c1 li span{
    position: absolute;
    right: 4px;
    top: 0;
    float: none;
    z-index: 10;
}
.login .log_c1 li .loginput {
    padding: 0 40px 0 0;
    box-sizing: border-box;
}
.login .log_c1 li.logicon01 i {
    background-position:10px -101px;
}
.login .log_c1 li.logicon02 i {
    background-position:10px -46px;
}
.login .log_c1 li.logicon03 i {
    background-position:10px -46px;
}
.login .log_c1 li.logicon04 i {
    background-position:10px 5px;
}
.login .log_c1 li.logicon05 i {
    background-position:10px -151px;
}
.login .log_c1 li.logicon06 i {
    background-position:10px -202px;
}
.login .log_c1 li.logicon07 i {
    background-position:11px -250px;
}
.login .log_c1 li.logicon02 span,
.login .log_c1 li.logicon03 span {
    background-position:10px -295px;
}
.login .log_c1 li.logicon02 span.on,
.login .log_c1 li.logicon03 span.on{
    background-position:10px -342px;
}
.login .log_c1 li .loginput,.login .logsel {
    height:38px;
    line-height:38px;
    float:right;
    vertical-align:middle;
    width:82%;
    border:0;
    outline:0 none;
    font-family:"Microsoft YaHei";
}

.login .logsel {
    color:#999;
    width:83%;
}
.login .log_c1 li.logicon07 {
    position:relative;
    width: 58%;
}
.login .log_c1 li.logicon07 .loginput {
    width: 66%;
}

.login .log_c1 li.logicon07 img{
    position:absolute;
    width:80px;
    height:38px;
    right:10px;
    top:0;
    display:block;
}
.login .log_c1 li.logiconW {
    position:relative;
    width: 100%;
    -webki-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.login .log_c1 li.logiconW .loginput {
    width: 82%;
}

.login .log_c1 ul a{
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 37%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #b90b13;
    color: #fff;
}
.login .log_c1 ul a:hover{
    background: #ee1a24;
}
.login .logbut {
    display:block;
    height:40px;
    line-height:40px;
    vertical-align:middle;
    font-size:16px;
    background: #dcdcdc;
    /* background:#b90b13; 填写完下一步按钮数值 */
    color:#fff;
    border:0;
    width:100%;
    margin:20px 0 0;
    cursor:pointer;
    font-family:"Microsoft YaHei";
    letter-spacing:2px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.login .logbut:hover {
    background:#ee1a24;
}
.login .logsm {
    padding:15px 0 0;
    font-size:12px;
    color:#888;
}
.login .logsm a {
    color:#b90b13;
}
.login .logsm a:hover {
    text-decoration:underline;
}
.login .log li {
    margin-bottom:20px;
}
.login .log .logbut {
    margin-top: 20px;
}

/* 注册&密码 快捷 */
.lnkbox{ 
    margin-top: 20px;
    overflow: hidden;
}
.lnkbox a{
    display: block;
    float: left;
}
.lnkbox a.forgetbtn{
    float: right;
}

/* 扫码登录 */
.scan-code{
    text-align: center;
}
.scan-code .codebox{
    width: 114px;
    height: 114px;
    background: #f1f0eb;
    padding: 10px;
    margin: 0 auto;
}
.scan-code img{
    display: block;
    background: #fff;
    width: 100px;
    height: 100px;
    border: 6px solid #fff;
}
.scan-code div{
    width: 94px;
    margin: 30px auto 0;
    padding-left: 40px;
    background: url(../images/scan-icon.png) no-repeat 10px center;
}
.scan-code div p{
    color: #888;
}
.scan-code div em{
    font-style: normal;
    font-weight: bold;
    color: #b90b13;
}

/* 忘记密码 */
.forget{
    margin-top: 125px;
}
.forgetstep{
    margin-top: 30px;
}
.forgetstep ul{
    position: relative;
    overflow: hidden;
}
.forgetstep ul li{
    float: left;
    text-align: center;
    color: #e8e7e7;
    font-weight: bold;
}
.forgetstep ul li i{
    position: relative;
    display: block;
    margin: 0 auto 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-style: normal;
    background: #e8e7e7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}
.forgetstep ul li.current{
    color: #3a507a;
}
.forgetstep ul li.current i{
    background: #3a507a;
}
.forgetstep ul li.step02{
    position: absolute;
    left: 50%;
    margin-left: -20px;
}
.forgetstep ul li.step02:after {
    content: '';
    display: block;
    width: 111px;
    height: 1px;
    background: #f1f0eb;
    position: absolute;
    top: 50%;
    right: 49px;
    margin-top: -18px;
    z-index: 0;
}
.forgetstep ul li.step02:before {
    content: '';
    display: block;
    width: 111px;
    height: 1px;
    background: #f1f0eb;
    position: absolute;
    top: 50%;
    left: 46px;
    margin-top: -18px;
    z-index: 0;
}
.forgetstep ul li.step03{
    float: right;
}
.forget .log li{
    margin-bottom: 30px;
}
/* 重置密码完成 */
.complete img{
    display: block;
    width: 42px;
    height: 42px;
    margin: 5px auto 30px;
}
.complete p{
    color: #888;
    text-align: center;
}
.complete p em{
    font-style: normal;
    color: #b90b13;
    font-weight: bold;
}

/* screen */
@media (max-width:1366px){
.logc{ margin: 0;}
}

@media (max-width:800px){
body{ min-width:100%;}
.bg{ position: static;}
.logc{ width:auto; margin-top: 20px;}
.loginpage{ background-position:80% 0;}
.login{ float:none; display:block; margin:12% auto 0;}
.logc{ padding-bottom:10%; min-height: 100%;}
.logc .code{ float:none; padding:13% 0 0; margin: 0 auto; background: none; height: auto;}
.logc .codecont{ margin:0 auto;}
.logc .codecont{ background-color:#59aaf9; padding:20px 0 0; border:1px solid #4195ef;}
.logc .codecont span{ color:#fff; background:#227dd5; padding:10px 5px; display:block;}
.login .log li{ margin-bottom: 10px;}

.forgetstep ul li.step02:after, .forgetstep ul li.step02:before{ width: 68px;}
}

@media (max-width:640px){
.login{ width:320px;}
.logc .codecont{ width:170px;}
}

@media (max-width:320px){
.login{ width:280px;}
.login .log_c1 li .loginput, .login .logsel{ width: 78%;}
}


.login .log_c1 li.logicon07 img{
    z-index: 1;
}
.login .log_c1 li.logiconW .loginput{
    width: 50%;
    position: absolute;
    top: 0;
    left: 45px;
    z-index: 1;
}
.usepassword input{
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 2px 0 0;
}
.login .log_c1 li.logiconW p{
    position: absolute;
    z-index: 1;
    right: 10px;
    color: #999;
}
.login .log_c1 li.logiconW p b{
    font-weight: normal;
}
#quickLogin.noclick{
    pointer-events: none;
}
.login .log_c1 li .loginput, .login .logsel{
   font-size: 14px;
}