@charset "utf-8";@import "public.css";
body{background: #fff;}
#wrapper{ height: 100%; width: 100%;}

.headlogo{ height: 60px;}
.headlogo a{ display: block; margin-left: 10px; text-indent: -999em; overflow: hidden; margin-top: 10px; float: left; width: 98px; height: 40px;background:url(../images/rg_log.png) no-repeat center 0}
.topBox{position:relative;width:100%;height:100%;background:#14cb6b;}
.headBg{width:100%;height:100%;background:url(../images/login_foot.png) repeat-x left bottom; background-size:100% auto; position: relative; overflow: hidden; z-index: 4}
.headBg:before{ content: ""; width: 70%; height: 70%; position: absolute; right: 0; top: 0; display: block; background: url(../images/login_bg.png) no-repeat right top; background-size:contain; z-index: 3;}
.headBg:after{ content: ""; width: 22%; height: 115px; position: absolute; right: 50%; margin-right:220px;top: 50%; margin-top: -57px; display: block; background: url(../images/login_logo.png) no-repeat left top; background-size:contain; z-index: 4;}
.topBox:after{ content: ""; width: 70%; height: 100%; position: absolute; right: 0; top: 0; display: block; background:linear-gradient(-145deg,#127e66 200px, #14cb6b 480px); z-index: 2;}

.registerlayer{width:695px;text-align:left;min-height:350px;background:#fff; border:1px solid #e5e5e5;position:absolute;left:50%;margin-left:-140px;top:50%; margin-top:-175px;padding:30px; z-index: 8}
/*.registerlayer.mycen{ margin-left: -390px;}
@media only screen and (max-width: 1439px) {
    .registerlayer{ margin-left: -390px;}
}*/
.linkgroup{margin-top:24px}
.linkgroup a.btnb{width:100px;display:inline-block}
.form{width:400px; padding-right: 20px;border-right:1px dashed #ececec;}
.registerlayer .title{font-size:20px;font-weight:700;color:#333;text-align:left;line-height:30px;height:30px}
.registerlayer .title span.error{color:#ef777d;font-size:12px;font-weight:400;padding-left:10px}
.registerlayer .title a{float:right;padding-left:27px;color:#14cb6b;background:url(../images/reg_ico.png) no-repeat 0 6px}
.registerlayer .title a.mail_link{background-position:0 -34px}
.registerlayer .sidelink{width:260px;padding:50px 20px 40px;text-align:center;position:absolute;right:0;top:50%; margin-top: -80px;}
.registerlayer .sidelink a.logo{ text-indent: -99em;display: block; width: 114px; height: 40px; background: url(../images/logo3.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -57px; top: 0px;}
.registerlayer .sidelink .title{border-bottom:1px solid #ececec;text-align:center;font-weight:400;font-size:16px;line-height:22px}
.registerlayer .sidelink .title span{display:inline-block;padding:3px 10px;background:#fff;position:relative;bottom:-13px}
.input_box{margin-top:20px;position:relative}
.input_box i{position:absolute;left:13px;top:11px;width:26px;height:26px;display:block;background:url(../images/reg_input_ico.png) no-repeat 0 0}
.input_box i.imail{background-position:0 0}
.input_box i.iphone{background-position:0 -26px}
.input_box i.iaccount{background:url(../images/reg_input_ico2.png) no-repeat 0 0}
.input_box i.ipass,.input_box i.ipassAgain{background-position:0 -52px}
.input_box i.imark{background-position:0 -78px}
.input_box input{width:100%;border:1px solid #ececec;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background:#fff;color:#666;padding:13px 10px 13px 54px;height:50px;line-height:24px;outline:0}
.input_box input.error{animation:errborder 1s;-moz-animation:errborder 1s;-webkit-animation:errborder 1s;-o-animation:errborder 1s;border-color:#fbae22;color:#fbae22}
.input_box input.yes{animation:myborder 1s;-moz-animation:myborder 1s;-webkit-animation:myborder 1s;-o-animation:myborder 1s;border-color:#ececec;color:#333}
.input_box div.error{ margin-left: 0;}
/*
.input_box input:focus{border:1px solid #14cb6b;background:#f0fff7}*/
.input_box input.mark{padding-right:120px}
img.mark_img{position:absolute;right:10px;top:7px;cursor:pointer;width:100px;height:34px}
/*.input_box input.error{background-color:#fff8f6;border:1px solid #ef777d;background-image:url(../images/require_f.png);background-repeat:no-repeat;background-position:360px 15px}
.input_box span.tips{color:#ef777d;font-size:12px;padding-left:10px;text-align:left;display:block;line-height:24px}
*/
.input_box input.ok{background-image:url(../images/require_f.png);background-repeat:no-repeat;background-position:360px -35px}
.regisbtn{margin-top:30px}
.regisbtn input{border:0;width:100%;height:47px;line-height:47px;text-align:center;color:#fff;background:#14cb6b;-webkit-box-shadow:0 3px 0 #03ab53;-moz-box-shadow:0 3px 0 #03ab53;-ms-box-shadow:0 3px 0 #03ab53;-o-box-shadow:0 3px 0 #03ab53;box-shadow:0 3px 0 #03ab53}
.regisbtn input:hover{background:#0abf60;cursor:pointer}
.agree{text-align:left;margin-top:20px}
.agree a{border-bottom:1px solid #999;color:#666}
footer{width:100%; margin: 0; z-index: 999;}
footer .center{width:100%}
.validBox{width:460px;margin:0 auto;text-align:left;padding-top:5px}
.validBox .notic{font-size:16px;line-height:24px;margin-top:35px}
.validBox .notic a{font-size:14px;color:#14cb6b}
.validBox .enterlink{margin-top:40px}
.validBox .enterlink a{display:block;width:100%;height:47px;line-height:47px;text-align:center;color:#fff;background:#14cb6b;-webkit-box-shadow:0 3px 0 #03ab53;-moz-box-shadow:0 3px 0 #03ab53;-ms-box-shadow:0 3px 0 #03ab53;-o-box-shadow:0 3px 0 #03ab53;box-shadow:0 3px 0 #03ab53;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;font-size:16px}
.validBox .enterlink a:hover{background:#0abf60;cursor:pointer}
.validBox ul{color:#999;line-height:26px;margin-top:60px}
.validBox ul.phoneUl{width:500px;margin-left:-20px;text-align:center}
.validBox ul span a{color:#14cb6b}
.validBox ul span a.grey{color:#999}
.validBox ul li{list-style-type:square;margin-left:16px;font-size:12px}
.validBox ul li span{font-size:14px;color:#999}
.validBox ul p a{color:#14cb6b;border-bottom:1px solid #14cb6b}
.phonecode{height:50px;position:relative;margin-top:15px}
.phonecode .error{ margin-left: 0; display: block;}
.phonecode #code{height:50px;line-height:30px;padding:10px 20px;outline:0;border:1px solid #ececec;font-size:16px;color:#999;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;width:330px}
.phonecode #getcodeBtn{height:50px;line-height:50px;width:120px;outline:0;border:1px solid #ececec;padding:0;font-size:16px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background:#14cb6b;color:#fff;text-align:center;position:absolute;right:0;top:0;cursor:pointer}
.phonecode #getcodeBtn:disabled{background:#ccc;cursor:default}
.phonecode input.err{}
.phonecode input#code.err{
    animation: errborder 1s;
    -moz-animation: errborder 1s;
    -webkit-animation: errborder 1s;
    -o-animation: errborder 1s;
    border-color:#fbae22;
    color: #fbae22;
}
.phonecode input#code.yes{
    animation: myborder 1s;
    -moz-animation: myborder 1s;
    -webkit-animation: myborder 1s;
    -o-animation: myborder 1s;
    border-color:#e0e0e0;
    color:#333;
}
.validBox .suclead{text-align:center;color:#333;margin-top:46px;padding-bottom:15px;font-size:24px}
.validBox .suclead span{width:74px;height:74px;display:inline-block;background:url(../images/suc2.png) no-repeat 0 0;margin-right:30px;vertical-align:middle;position:relative;top:-2px}
.valitype{font-size:0;margin-top:90px}
.valitype .type{width:226px;padding:0 50px;display:inline-block;text-align:center}
.valitype .type i{background:url(../images/renzheng.png) no-repeat 0 0;width:90px;height:90px;display:block;margin:0 auto}
.valitype .type i.shiming{background-position:-1px 0}
.valitype .type i.shouji{background-position:-226px 0}
.valitype .type i.youxiang{background-position:-451px 0}
.valitype .type .type_ti{color:#333;font-size:16px;line-height:28px;margin-top:12px}
.valitype .type .type_ti a{color:#14cb6b}
.valitype .type .type_ti span{color:#999;text-align:center;display:block;font-size:14px;line-height:20px}
.autolog{position:relative;font-size:14px;text-align:left;margin-top:18px}
.autolog span{padding-left:22px;color:#666;position:relative;cursor:pointer}
.autolog span i{width:12px;height:12px;display:block;position:absolute;left:0;top:4px;background:url(../images/checkbox.png) no-repeat 0 0}
.autolog span.current i{background-position:0 -12px}
.autolog a{position:absolute;right:0;top:0;color:#14cb6b}