/* Login pop
/* ----------- */
/* .fadeIn #sign{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#sign,#sign a{font-size:12px !important;line-height:1.5;display: block;}
#sign{  position:fixed;z-index:9999;top:130px;left:50%;width:400px;margin-left:-200px;opacity:0;-webkit-transform:translate3d(0,-600px,0);-moz-transform:translate3d(0,-600px,0);-o-transform:translate3d(0,-600px,0);transform:translate3d(0,-600px,0);min-height:200px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px}
#sign .part{position:absolute;width:100%;left:0;top:0;background-color:#FFF;padding:50px 50px 40px 50px;box-sizing:border-box;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;display:none}
#sign.sign .part.loginPart{  background-color: white;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign.sign .part.registerPart{background-color: white;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);z-index:0;display:block}
#sign.register .part.loginPart{background-color: white;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);z-index:0;display:block}
#sign.register .part.registerPart{background-color: white;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);z-index:1;display:block}
#sign form h3{font-size:18px;margin-bottom:20px;color: #cc8f00;}
#sign form h3 p{font-size:12px;color:#999;margin:0 0 0 10px;display:inline-block}
#sign form .status .error{color:#ea4c89}
#sign form .status .success{color:#00c3b6}
#sign form p{margin:10px auto;position:relative}
#sign form label.error{
    color: #FFF;
    background-color: #7656E8;
    padding: 3px 4px;
    position: absolute;
    z-index: 5;
    right: 50px;
    top: 82px;
    width: 114px;
    }
#sign form label.icon{position:absolute;right: 60px;margin-top: 14px;color:#999;font-size:20px;color:rgba(0,0,0,.3)}
#sign form label.icon i{width:20px;text-align:center}
#sign form input{border:1px solid #ddd;padding: 10px;width:100%;box-sizing:border-box}
#sign ::-webkit-input-placeholder{color:#999}
#sign form input:focus{border:1px solid #7656E8;}
#sign input:-moz-placeholder{color:#999}
#sign input.input-control{padding-right:35px; margin: 10px 0px;}
#sign form .submit{cursor:pointer;background-color: #fbb81a;color:#FFF;border:0 none;font-size:14px;margin-top: 24px;}
#sign form .submit:hover{background-color: #f3a707;}
#sign form .submit:focus{border:0 none}
#sign form .safe{color:#999;margin-top:20px}
#sign form .rememberme{width:inherit;margin-right:3px;padding: 6px; border-radius:50%;}
#sign form .lost{float:right}
.close{position:absolute;right: 7px;top: 5px;width: 50px;height:50px;border-radius:0 0 50px 50px;text-align:center;line-height:50px;background-color:#444;font-size:16px;color:#FFF;}
.close i{-webkit-transition:all ease-out .3s;-moz-transition:all ease-out .3s;-o-transition:all ease-out .3s;transition:all ease-out .3s;display: block;}
.close:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#sign .other-sign{border-top:1px solid rgba(0,0,0,.1);margin:30px -50px auto -50px;padding:0 50px}
#sign .other-sign p{margin:20px auto 10px auto}
#sign .other-sign a{display:inline-block;padding:6px 10px;border-radius: 3px;}
#sign .other-sign a i{margin-right:5px}
#sign .other-sign .qqlogin{background-color:#4a9cf8;color:#FFF;}
#sign .other-sign .weibologin {background-color: #e14d4c;color: #FFF;}
#sign .other-sign div{width:150px;text-align:center;float:left;}
#sign .switch{color:#999;cursor:pointer;margin:15px auto;display:inline-block;     margin-top: 0px;}
#sign .switch i{margin-right:5px;color: #080808;}
.overlay {background: #000;opacity: .8;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9998;}
.nav-wrap #login-reg{float: right;margin-left: 5px;font-size: 12px;padding: 14px 0;height: 60px;}
.nav-wrap #login-reg span{display: block;background-color: #757575;background-color: rgba(255,255,255,.2);color: rgba(255,255,255,.8);height: 32px;padding: 0 15px;line-height: 32px;overflow: hidden;display:inline-block;cursor:pointer;float:left;}
#user-login{border-radius: 4px 0 0 4px;}
#user-reg{margin-left: 17px;border: 1px solid #f1ad0d;border-radius: 6px;padding: 5px 17px;}
#sign form label.user_pass2 {
    margin-top: -44px;
}

.dialog-btn-close{
        background-image: url(../img/CLOSE.png);
        background-repeat: no-repeat;
        background-size: cover;
}

.dialog-btn-close {
    top: 11px;
    right: 8px;
    width: 23px;
    height: 23px;
}
.cp {
    cursor: pointer;
}

.pa {
    position: absolute;
    z-index: 999;
} */

    body.login {
    background-color: #ffffff;
    /* background: url(http://desk.fd.zol-img.com.cn/t_s960x600c5/g5/M00/0F/05/ChMkJlbrrSiIMJpcADDX7qUB0ikAAN8IwGtSSgAMNgG402.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
}

.login .loginform {
    max-width: 327px;
    margin: 0 auto;
}

@media (max-width: 767px){
    .logincontainer {
    margin: 10px;
    width: auto;
    position: static;
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}
}

@media (max-width: 767px){
    .logincontainer {
    width: 100%;
}
}

@media (max-width: 600px){
    .logincontainer {
    margin: 0;
}
}

.logincontainer {
    margin: calc((100vh - 677px)/2) 0;
    padding: 20px 10px 0;
}

.regcontainer {
    margin: calc((100vh - 770px)/2) 0;
    padding: 20px 10px 0;
}

.login .navbar-brand {
    text-align: center;
    line-height: 42px;
    color: #000000;
    float: none;
    height: auto;
    display: block;
    padding: 5px 0;
    margin-bottom: 20px;
    font-size: 34px;
    font-family: Raleway,Verdana,Tahoma,sans-serif;
    font-weight: 800;
}

 .login-content {
    position: relative;
    padding-bottom: 20px;
    padding-top: 30px;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.06);
    transition: all 0.2s linear;
    box-shadow: 0px 15px 55px #ededed;
}


.login-content .form-group {
    padding: 0 30px;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: #8c98a9;
    box-shadow: none;
    color: rgb(45, 45, 45);
}

.form-control {
    /* border-color: #DFE3E8; */
    box-shadow: none;
    color: rgba(20, 20, 20, 0.8);
    transition: none;
    background: #efefef;
    border: none;
}

.logincontainer .login-content .btn-success {
    height: 36px;
    background-color: #000000;
}

 .login-content .foot {
    padding: 20px;
    /* border-top: 1px solid #E7E9EC; */
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
}
.text-center {
    text-align: center;
}

 .login-content .foot a {
    color: #7f8ea3;
}
 .nav {
    color: #FFF;
    opacity: .5;
    padding: 20px;

}
 #back {
        margin: 13px;
        display: block;
}
 .nav a {
    color: #000;
    opacity: 1;
}



.logincontainer .nav .register {
    float: right;
}
.logincontainer .login-content .form-group label {
    color: #7f8fa4;
}

    p.register {

    }
    .login-content  img {
    width: 100%;
}


.navbar-brand img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;

}

.btn-reg {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-reg:hover{
    color:white;
}