@CHARSET "UTF-8";
.form-unit .anim-blue-all:hover .icon-upload:before,.form-unit .anim-blue:hover .icon-upload:before,.form-unit .anim-grey:hover .icon-upload:before{opacity:1}.member p,.yourself .email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bind .phone-country .span-edit:focus,.form-unit .btn:focus,.signup .phone-country .span-edit:focus{outline:0}

.form-field{margin-bottom:15px}
.copyright a{color:#B2B2B2;-webkit-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms}
.copyright a:hover{color:#03a9f4}.copyright .copyright-line{padding:0 8px}
body,html{height:100%;background-color:#fff;
    margin: 0;
    padding: 0;}

a>img{display:none}
.content>h1{height:1px;text-indent:-9999px}@media (max-width:580px){.production-list{display:none}
body,html{width:100%;overflow-x:hidden}}
 .third-auth .btn{position:relative;border:1px solid;background-color:#fff;text-align:left;padding-left:90px} .third-auth .btn, .third-auth .btn .icon, .third-auth .btn .text{-webkit-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms} .third-auth .btn .icon{position:absolute;left:50px;font-size:18px} .third-auth .btn:hover .text{opacity:0;filter:alpha(opacity=0)} .third-auth .btn:hover .icon{color:#fff;left:50%;margin-left:-12px} .third-auth .wps{border-color:#FB4D43;color:#FB4D43} .third-auth .wps:hover{background-color:#FB4D43} .third-auth .wechat{border-color:#4EAF46;color:#4EAF46} .third-auth .wechat:hover{background-color:#4EAF46} .third-auth .github{border-color:#383838;color:#383838} .third-auth .evernote, .third-auth .evernote_international{border-color:#54c447;color:#54c447} .third-auth .github:hover{background-color:#383838} .third-auth .evernote:hover, .third-auth .evernote_international:hover{background-color:#54c447} .third-auth .weibo{border-color:#f5a623;color:#f5a623} .third-auth .weibo:hover{background-color:#f5a623} .third-auth .elemeyg{border-color:#3397e4;color:#3397e4} .third-auth .elemeyg:hover{background-color:#3397e4} .third-auth .netease{border-color:#d90000;color:#d90000} .third-auth .netease:hover{background-color:#d90000} .third-auth .xiaomi{border-color:#ff4a00;color:#ff4a00} .third-auth .xiaomi:hover{background-color:#ff4a00} .third-auth .facebook{border-color:#3B559F;color:#3B559F} .third-auth .facebook:hover{background-color:#3B559F} .third-auth .google{border-color:#DD4B39;color:#DD4B39} .third-auth .google:hover{background-color:#DD4B39}@media (max-width:767px){ .third-auth .wechat{display:none}} .third-accounts-login{margin-top:20px;color:#aaa} .third-accounts-login a{text-indent:-10000px;display:inline-block;background:url(../img/third-accounts.a472a5e4.png);background-size:22px 176px;margin-right:10px;height:22px;width:22px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ .third-accounts-login a{background:url(../img/third-accounts@2x.130ce59d.png)}} .third-accounts-login a.evernote{background-position:0 -22px} .third-accounts-login a.github{background-position:0 -66px} .third-accounts-login a.weibo{background-position:0 -110px} .third-accounts-login a.elemeyg{background-position:0 -154px} .third-accounts-login a.evernote:hover{background-position:0 0} .third-accounts-login a.github:hover{background-position:0 -44px} .third-accounts-login a.weibo:hover{background-position:0 -88px} .third-accounts-login a.elemeyg:hover{background-position:0 -132px} .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%} .modal .overlay{width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000} .modal .modal-form{background:#fff;left:50%;max-width:380px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px;position:absolute;width:100%;z-index:10001} .modal .modal-form .form-header{height:32px;text-align:center} .modal .modal-form .form-header .close{cursor:pointer;font-size:12px;font-weight:400;line-height:1.6;opacity:.5} .modal .modal-form .form-header:after{background:#ccc;content:'';display:block;height:1px;margin-top:10px;width:100%} .modal .modal-form .account-form{margin-top:20px;padding:0 16px 10px} .modal .modal-form .account-form .form-field input{height:auto} .modal .modal-form .account-form .btn-ok{width:180px}
.content>h1{height:1px;text-indent:-9999px}
.form-unit{width:100%;max-width:450px;margin:0px auto;
background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.08), inset 0 0 3px #fff;
    padding:20px 28px;padding-bottom:10px;
    border-radius: 4px;
    margin-top:20px;
    }
.form-unit [type=password]{display:inline;}
.form-unit>.error-block{width:100%;text-align:center}.form-unit>h3{text-align:center;color:#555;font-size:18px;font-weight:400;margin:30px 0}
.form-unit.info{width:500px;margin-top:100px;text-align:left}.authorize-unit .tac,.form-unit .send-sms,.form-unit .timer,.form-unit .tips h4,.production-list ul,.topbanner .desc,.topbanner .poswrap{text-align:center}.form-unit.info .info-content{float:left;width:400px}.form-unit .info-content h1{margin-top:20px;font-size:34px;color:#66819d;font-weight:400}.form-unit .info-content h2{margin-bottom:20px;font-size:18px;font-weight:400;font-family:Helvetica;color:#a7b5c4}.form-unit .btn{margin-bottom:20px;padding:12px;line-height:20px;font-size:16px;width:100%;display:inline-block;outline:0;border:none;border-radius:3px}.form-unit .button-wrapper .btn{display:inline-block;width:160px;margin-right:10px;color:#66819d}.form-unit .button-wrapper .btn-primary{color:#fff;text-shadow:0 1px #111}.form-unit .bind-validation,.form-unit .error-block,.form-unit .validation{position:relative;display:inline-block;padding:5px 7px;margin-bottom:20px;color:#d58a8a;border:1px solid #d58a8a;border-radius:3px;background-color:#fff4f4}.form-unit .bind-validation,.form-unit .validation,.form-unit .verification{display:none}


.topbanner .desc,.topbanner .poswrap{text-align:center}
.topbanner{width:100%;height:150px;position:relative}
.topbanner .poswrap{position:absolute;width:100%;bottom:15px}
.topbanner .brand{display:block;height:65px;margin:0 auto 0px;background-position:center bottom;background-repeat:no-repeat}
.topbanner .brand h1{text-indent:-9999px;margin-top:0}
.topbanner .brand{width:267px;background-image:url(../img/xgkp/logo.png);background-size:216px 65px}
.topbanner .desc{color:#fff;font-size:18px;-moz-text-shadow:0 1px 1px rgba(0,0,0,.5);-webkit-text-shadow:0 1px 1px rgba(0,0,0,.5);text-shadow:0 1px 1px rgba(0,0,0,.5)}

.content {
	    height: 100%;
    min-height: 100%;
    width: 100%;
	display: block;
    overflow-y: auto;
    background-image: url(../img/signup-bg.png);
    background-size: cover;
    background-position: left center;
}
.card-header {
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 13px;margin-bottom: 15px;
    position: relative;
    font-size: 22px;
    color: #4d5250;
    letter-spacing: 2px;
    padding-left: 10px;
}
.input {
    padding: 10px 15px;
    height: 44px;background-color:#fff !important;
    font-size: 16px;border: 1px solid #eee;
    border-radius: 3px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input:focus, .input:hover {
    border-color: #22d7bb;background-color:#fff !important;
}
.btn {
    border-radius: 4px;
}
.btn-primary:hover {
    box-shadow: 0 2px 5px 1px rgba(24,191,164,.45);
}
.btn-primary, .btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #22d7bb;
    border-color: #22d7bb;
}
.tb-auth .btn-lg {
    padding: 8px 34px;
    font-size: 16px;
    line-height: 1.42857143;
}
.tb-auth .xry{
	background-color: #fff;
    color: #9e74fc;
    border:#9e74fc 1px solid;padding: 9px;
}
.form-unit{
	position: relative;
}
.content .yuandan{
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 450px;
    height: 82px;
    background: url(../img/festival/cj.png) center no-repeat;
    background-size: cover;
}
.horizontal-line {
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
    margin-bottom: 25px;
}