.login-content{min-height:740px;position:relative;overflow-x:hidden;background:#AAE4FD url("../images/login_bg.jpg") 0 bottom repeat-x}.login-content .login_btm{width:100%;height:105px;position:absolute;bottom:0;left:0;background:url("../images/cloud_btm.png") repeat-x}.login-content .cloud1{width:540px;height:67px;position:absolute;left:8%;top:25%;opacity:0.5;filter:alpha(opacity=50);background:url("../images/login_cloud.png") 0 0 no-repeat;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);background:url("../images/login_cloud.png") 0 -70px no-repeat;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%}}@-webkit-keyframes lefts-rights{0%{left:8%}50%{left:48%}100%{left:75%}}@-moz-keyframes lefts-rights{0%{left:8%}50%{left:48%}100%{left:75%}}@-o-keyframes lefts-rights{0%{left:8%}50%{left:48%}100%{left:75%}}@-ms-keyframes lefts-rights{0%{left:8%}50%{left:48%}100%{left:75%}}@keyframes rights-lefts{0%{right:5%}50%{right:45%}100%{right:75%}}@-webkit-keyframes rights-lefts{0%{right:5%}50%{right:45%}100%{right:75%}}@-moz-keyframes rights-lefts{0%{right:5%}50%{right:45%}100%{right:75%}}@-o-keyframes rights-lefts{0%{right:5%}50%{right:45%}100%{right:75%}}@-ms-keyframes rights-lefts{0%{right:5%}50%{right:45%}100%{right:75%}}.login-content .wrap1200{width:1200px;height:755px;background:url("../images/kjhs_login_left.png") 0 38% no-repeat;margin:0 auto}.login-area{width:384px;position:relative;z-index:2;margin-top:175px;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: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-bt a.cur{background:#fff;color:#333}.tab-content{padding:7%}.tab-content p{margin:6px 0 4px 0}.tab-content .input{border:0;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("../images/lgcode.png") -75px -5px no-repeat;cursor:pointer}.tab-content .pc{background-position:-75px -75px}.tab-content .code:hover{background-position:-5px -5px}.tab-content .pc:hover{background-position:-5px -75px}.tab-content .tips{position:absolute;bottom:14px;right:56px;padding:0 3px;background:#FFFADD;border:1px solid #FFE3BC;color:#FFAB36;border-radius:2px;-webkit-border-radius:2px}.tab-content .other{text-align:center;margin-top:30px;padding-bottom:25px}.tab-content .reg{color:#5BAEFE}.tab-content .get-code{margin-left:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.tab-content .sub-btn{display:block;width:100%;margin-top:20px}.reg-content{height:755px;background:#399EFF url("../images/register_bg.png") center bottom repeat-x}.reg-content .wrap700{width:40%;min-width:700px;padding-top:80px;margin:0 auto}.reg-content .ball-l{width:62px;height:102px;position:absolute;left:-20%;top:20%;background:url("../images/ball.png") 0 -82px no-repeat;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%;background:url("../images/ball.png") 0 0 no-repeat;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%}}@-webkit-keyframes up-down-l{0%{top:20%}50%{top:30%}100%{top:20%}}@-moz-keyframes up-down-l{0%{top:20%}50%{top:30%}100%{top:20%}}@-o-keyframes up-down-l{0%{top:20%}50%{top:30%}100%{top:20%}}@-ms-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%}}@-webkit-keyframes up-down-r{0%{top:50%}50%{top:40%}100%{top:50%}}@-moz-keyframes up-down-r{0%{top:50%}50%{top:40%}100%{top:50%}}@-o-keyframes up-down-r{0%{top:50%}50%{top:40%}100%{top:50%}}@-ms-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-area .bindselect{width:310px;margin:0 auto 30px auto;text-align:center;padding:30px 0}.reg-area .bindselect .user-img{width:66px;height:66px;border-radius:50%}.reg-area .bindselect p{margin:12px 0}.reg-area .bindselect .sbtn{display:inline-block;width:310px;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}.reg-form{padding:3% 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 .key-item2{height:40px;margin-bottom:22px;padding:0 2%;font-size:14px;line-height:40px;color:#666;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 .key-item.error{border-color:#F97373;background:#fff2f2}.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 input::-webkit-input-placeholder{color:#999}.reg-form input:-moz-input-placeholder{color:#999}.reg-form input::-moz-input-placeholder{color:#999}.reg-form input::-ms-input-placeholder{color:#999}.reg-form .placeholder{position:absolute;left:90px;top:0;color:#999}.reg-form .code-txt{letter-spacing:3px}.reg-form .get-code{position:absolute;right:-135px;top:0}.reg-form .sub-btn{margin-top:40px}.reg-form .other{text-align:center;margin-top:30px}.key-item i{top:11px}.pwdhid{background:url(../images/pwd.png) 0 -16px no-repeat;width:40px;height:28px;display:inline-block;position:absolute;right:-12px;top:10px}.pwddis{background:url(../images/pwd.png) 0 0px no-repeat;width:40px;height:20px;display:inline-block;position:absolute;right:-12px;top:7px}.pwdinfo{margin-bottom:10px;margin-top:-20px;text-align:right;color:#fb8383;}.ml{margin-left:54px}