/*登录*/
.login-content {
    min-height: 800px;
    position: relative;
    overflow-x: hidden;
    background: #2070a5
}

.login-content .login_btm {
    width: 100%;
    height: 105px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.login-content .public-btn-blue:active{
    background: #0085fe;
}

.login-content .cloud1 {
    width: 540px;
    height: 67px;
    position: absolute;
    left: 8%;
    top: 25%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    animation: lefts-rights 20s linear infinite alternate;
    -webkit-animation: lefts-rights 20s linear infinite alternate;
    -moz-animation: lefts-rights 20s linear infinite alternate;
    -o-animation: lefts-rights 20s linear infinite alternate;
    -ms-animation: lefts-rights 20s linear infinite alternate
}

.login-content .cloud2 {
    width: 540px;
    height: 44px;
    position: absolute;
    right: 5%;
    top: 4%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    animation: rights-lefts 20s linear-gradientlinear infinite alternate;
    -webkit-animation: rights-lefts linear 20s infinite alternate;
    -moz-animation: rights-lefts 20s linear infinite alternate;
    -o-animation: rights-lefts 20s linear infinite alternate;
    -ms-animation: rights-lefts 20s linear infinite alternate
}

/*.sliderimg{height:40px;width:100%;margin-top:10px;}.error_msg,.error_msg2{color:red;height:25px;}*/
@keyframes lefts-rights {
    0% {
        left: 8%
    }

    50% {
        left: 48%
    }

    100% {
        left: 75%
    }
}

@keyframes rights-lefts {
    0% {
        right: 5%
    }

    50% {
        right: 45%
    }

    100% {
        right: 75%
    }
}

.login-content .w1200 {
    width: 1200px;
    height: 800px;
    margin: 0 auto;
}

.login-area {
    width: 384px;
    position: relative;
    z-index: 2;
    margin-top: 145px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.tab-bt a {
    display: inline-block;
    width: 50%;
    text-align: center;
    line-height: 300%;
    font-size: 16px;
    background: #ECF0F6;
    color: #888
}

.tab-bt a.cur {
    background: #fff;
    color: #333
}

.tab-bt a:nth-child(1) {
    border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0
}

.tab-bt a:nth-child(2) {
    border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0
}

.tab-content {
    padding: 7%
}

.tab-content .input {
    border: 1px solid #eee;
    width: 96%;
    height: 40px;
    vertical-align: middle;
    padding: 0 2%;
    font-size: 16px;
    line-height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);
    -webkit-background: linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);
    transition: box-shadow 0.3s
}

.tab-content .input:focus {
    box-shadow: 0 0 4px 2px #399EFF
}

/*.login-area .tab-content #phone_div .input{border-radius:5px;-webkit-border-radius:5px;border:1px solid #dee3e8}
.login-area .tab-content #account_div >p+p+p+p,
.login-area .tab-content #account_div >p+p{border:1px solid #dee3e8;background:linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);-webkit-background:linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);border-radius:5px;-webkit-border-radius:5px;position:relative;}
.login-area .tab-content #account_div>p+p+p{border:0;}
.login-area .tab-content #account_div i{top:13px;}
.tab-content input.error{border:1px solid #F97373;background:#fff2f2}
.tab-content .code-img{margin-top:20px}
.tab-content .code,.tab-content .pc{position:absolute;right:5px;bottom:5px;width:54px;height:54px;background:url("/content/images/lgcode.png") -75px -5px no-repeat;cursor:pointer}*/
.tab-content .chk {
    vertical-align: -2px
}

/*注册*/
.reg-content {
    min-height: 755px;
    background-size: 100%
}

.reg-content .wrap700 {
    width: 40%;
    min-width: 700px;
    padding: 100px 0;
    margin: 0 auto
}

.reg-content .ball-l {
    width: 62px;
    height: 102px;
    position: absolute;
    left: -20%;
    top: 20%;
    animation: up-down-l 18s infinite alternate;
    -webkit-animation: up-down-l 18s infinite alternate;
    -moz-animation: up-down-l 18s infinite alternate;
    -o-animation: up-down-l 18s infinite alternate;
    -ms-animation: up-down-l 18s infinite alternate
}

.reg-content .ball-r {
    width: 47px;
    height: 77px;
    position: absolute;
    right: -21%;
    top: 50%;
    animation: up-down-r 16s infinite alternate;
    -webkit-animation: up-down-r 16s infinite alternate;
    -moz-animation: up-down-r 16s infinite alternate;
    -o-animation: up-down-r 16s infinite alternate;
    -ms-animation: up-down-r 16s infinite alternate
}

@keyframes up-down-l {
    0% {
        top: 20%
    }

    50% {
        top: 30%
    }

    100% {
        top: 20%
    }
}

@keyframes up-down-r {
    0% {
        top: 50%
    }

    50% {
        top: 40%
    }

    100% {
        top: 50%
    }
}

.reg-area {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.reg-area .title {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #EAEFF4
}

.reg-area .title h5 {
    font-size: 24px;
    line-height: 180%
}

.reg-area .title a,a.agree {
    color: #399EFF
}

.reg-form {
    padding: 6% 18%
}

.reg-form .key-item {
    height: 40px;
    margin-bottom: 22px;
    padding: 0 2%;
    font-size: 14px;
    line-height: 40px;
    color: #666;
    border: 1px solid #dee3e8;
    background: linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);
    -webkit-background: linear-gradient(0deg,rgba(250,250,250,1) 0%,rgba(254,254,254,1) 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: border 0.3s
}

.reg-form .input {
    width: 76%;
    padding-left: 10px;
    margin-left: 15px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border-left: 1px solid #d7d7d7;
    background: none
}

.reg-form .code-txt {
    letter-spacing: 5px
}

.reg-form .code-btn {
    position: absolute;
    right: -135px;
    top: 0
}

.reg-form .chk {
    width: 16px;
    height: 16px;
    vertical-align: -2px
}

.pwdeye {
    width: 22px;
    height: 16px;
    display: block;
    position: absolute;
    right: 16px;
    top: 12px;
    background: url(../img/pwd.png) 0 -16px no-repeat
}

.pwdeye.show {
    background-position: 0 0
}

/*三方登录绑定账号选择*/
.reg-area .bindselect {
    width: 300px;
    margin: 0 auto 30px auto;
    padding: 30px 0;
    text-align: center
}

.reg-area .bindselect .user-img {
    width: 66px;
    height: 66px;
    border-radius: 50%
}

.reg-area .bindselect p {
    margin: 12px 0
}

.reg-area .bindselect .sbtn {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #f7a79f;
    background: #f16d60;
    text-align: center;
    color: #fff;
    border-radius: 4px
}

.reg-area .bindselect .sbtn.default {
    background: #fff;
    color: #f16d60
}

.reg-area .bindselect a.color999 {
    color: #999
}
/* footer */
.footer1{
    padding: 30px 0;
    border-top: 2px solid #0085fe;
    background-color: #fff;
}
    /* footer-primary */
	.footer-primary .container{ 
        position: relative;
        overflow: hidden; 
        height: 190px;
        border-bottom: 1px solid #f0f0f0; 
    }
	.footer-primary dl{ height: 155px; overflow: hidden; line-height: 24px; }
    .footer-primary .footer-help   { width: 300px; position: absolute; top: 0; left: 20px; }
    .footer-primary .footer-service{ position: relative; margin: 0 300px 0 300px; padding-left: 50px; border-left: 1px dotted #e5e5e5; border-right: 1px dotted #e5e5e5;}
    .footer-primary .footer-qrcode { position: absolute; top: 0; right: 20px; padding-left: 10px; }
    .footer-primary dt{font-size: 18px;color: #333; margin-bottom: 15px;}

    .footer-help li{ float: left; width: 50%; }
    .footer-service .call{ line-height: 40px; margin-top: -8px; }
    .footer-service .call strong{ font-size: 30px; vertical-align: middle; font-weight: 400; }
    .footer-service .call small { font-size: 14px; color: #999; }
    .footer-service .time{ font-size: 14px; color: #808080; }
    .footer-service .online{ padding: 10px 0;}
    .footer-service .online .btn{ padding: 8px 30px 8px 20px; font-size: 16px; }
    .footer-service .online .btn .iconfont{ font-size: 24px; vertical-align: -4px; margin-right: 7px; }
    .footer-service .tips{ position: absolute; bottom: 0; right: 42px; width: 200px; }
    .footer-service .tips .alert{ font-size: 14px; padding: 15px 20px; margin: 0; border-radius: 6px;} 
    .footer-service .tips .alert h4{ font-size: 16px; white-space: nowrap; }
    .footer-service .tips .alert s{
        position: absolute;
        left: -6px;
        top: 50%;
        margin-top: -7px;
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        vertical-align: middle;
        border-right: 6px dashed;
        border-right: 6px solid \9;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
    }
    .footer-qrcode li{ float: left; text-align: center; padding: 10px 0 0 40px; }
    .footer-qrcode li h5{ font-size: 14px; color: #808080; padding-top: 5px;}
    .footer-qrcode li img{ width: 111px; display: block; }

	/* copyright */
    .copyright{ padding: 15px 0 0 0; text-align: center; color: #808080; font-size: 14px; }
    .copyright a{ color: #808080; }
    .copyright a:hover{ color:#007dfe; }

    /* authentication */
    .authentication{ text-align: center; margin-top: 30px;}
    .authentication li{ display: inline-block; padding: 0 5px;}
    .authentication li a{
        display: block;
        height: 50px;
        padding: 5px 15px 5px 10px;
        font-size: 12px;
        overflow: hidden;
        text-align: left;
        line-height: 16px;
        color: #808080;
        border: 1px solid #eee;
        border-radius: 6px;
    }
        .authentication li a:hover{ color: #808080; }
        .authentication li a .iconimg{ width: 40px; height: 40px; cursor: pointer; }
        .authentication li a .iconimg-wenhua { background-position: -80px -220px; }
        .authentication li a .iconimg-beian  { background-position: -40px -180px; }
        .authentication li a .iconimg-weifa  { background-position: -80px -180px; }
        .authentication li a .iconimg-buliang{ background-position: -40px -220px; }
        .authentication li a .iconimg-gzaic  { background-position: 0 -180px; }
        .authentication li a .iconimg-360    { background-position: 0 -220px; }
        .authentication li a span{
            display: inline-block;
            height: 40px;
            padding: 4px 0 0 5px;
            vertical-align: middle;
            cursor: pointer;
        }
/* footer-sm */
.footer1-sm{ padding: 20px 0; font-size: 13px; line-height: 24px; color: #888; }
.footer1-sm a{ color: #888;}
.footer1-sm a:hover{ color: #007dfe;}
.footer1-sm p.line{
	margin-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 15px 18px 15px;
}
.text-center {
    text-align: center;
}
.sep{ padding: 0 10px; font-family: simsun; opacity: .5; filter: alpha(opacity=50); font-size: 85%; }