@charset "utf-8";


.text,textarea{font-size:14px;font-weight:bold;color:#333;border:1px solid;border-color:#CECECF;border-radius:0;background:white;box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.1);-webkit-appearance:none;}
.text:focus,textarea:focus{outline:none;border-color:#92AFED;box-shadow:0 0 5px #92AFEC,inset 1px 1px 2px rgba(0, 0, 0, 0.1);}

input.err,input.err:focus{color:#900;border-color:#E06341;background:#FFEFEC;box-shadow:0 0 5px #E06341;}
textarea{width:270px;height:100px;padding:5px 9px;line-height:1.7;font-size:14px;overflow:auto;resize:none;}

.xbutton{display:inline-block;height:40px;padding:0 15px;line-height:40px;text-align:center;font-size:18px;font-family:'Heiti SC','\5fae\8f6f\96c5\9ed1','\9ed1\4f53';color:white;border:0 none;background-color:#167efb;background-repeat:repeat-x;background-position:0 0;cursor:pointer;
width:100%;
}
.xbutton:hover{text-decoration:none;background-color:#1672e3;}
.xbutton:active{background-color:#3482e1;}
.xbutton .icon{position:relative;top:11px;vertical-align:top;font-weight:normal;}
.xbutton span{position:relative;top:11px;display:inline-block;height:16px;line-height:16px;vertical-align:top;padding-left:8px;}
.xbutton em{display:none;}

.btn-gray{color:#666;background-color:#eee;}
.btn-gray:hover{background-color:#ddd;}
.btn-gray:active{background-color:#e7e7e7;}

.xbtn-green{height:50px;line-height:50px;background-color:#E46B10;}
.xbtn-green:hover{background-color: #d26810;}
.xbtn-green:active{background-color: #d26810;}

.btn-disabled,.btn-disabled:hover,.btn-disabled:active{background-color:#e7e7e7;color:#A1A1A1;cursor:not-allowed;}
button.xbutton{height:40px;padding:0 10px;line-height:normal;}

/* wrap */
.wrapreg{position:relative;z-index:0;height:680px;}
.banner-show{position:absolute;top:0;left:0;z-index:0;width:100%;min-width:980px;height:680px;overflow:hidden;}
.banner-show .cell{position:absolute;top:0;left:0;width:100%;overflow:hidden;background-repeat:repeat-x;background-position:center top;}
.banner-show .cell .con{position:relative;height:680px;background-repeat:no-repeat;background-position:center top;}





.banner-link{position:absolute;top:100px;left:50%;width:400px;height:400px;margin-left:-430px;}
.banner-link i{display:none;}
.banner-control{position:absolute;top:0;left:50%;width:980px;margin-left:-490px;}
.banner-control a{position:absolute;top:258px;width:30px;height:30px;line-height:10;overflow:hidden;background-image:url(/static/images/icon_control.png?v=201406241538);background-repeat:no-repeat;background-repeat:no-repeat;}
.banner-control a.left{left:-55px;background-position:0 0;}
.banner-control a.left:hover{background-position:0 -30px;}
.banner-control a.right{right:-55px;background-position:-30px 0;}
.banner-control a.right:hover{background-position:-30px -30px;}
.containerreg{position:relative;top:600px;z-index:2;width:980px;height:0;margin:auto;}

.register-box{position:absolute;top:-550px;right:0;width:396px;height:476px;background:white;border-radius:3px;background:rgba(255, 255, 255, 0.95);}
.reg-tab{position:relative;width:396px;height:57px;zoom:1;overflow:hidden;border-radius:3px 3px 0 0;}
.reg-tab span{float:left;width:198px;height:57px;margin-left:-1px;line-height:57px;text-align:center;font-size:24px;color:#444;border-left:1px solid #d2d3d4;background:url(../images/bg_tab_x.png?v=201406241538) repeat-x 0 0;cursor:pointer;}
.reg-tab span:first-child{border-top-left-radius:3px;}
.reg-tab span:last-child{border-top-right-radius:3px;}
.reg-tab span.current{background:none;cursor:default;}
.reg-slogan{height:50px;line-height:50px;text-align:center;font-size:16px;}
.reg-form{width:328px;height:280px;margin:auto;}
.reg-form .cell{position:relative;height:40px;margin-bottom:22px;zoom:1;}

.reg-form .cell label{position:absolute;top:0;left:0;z-index:1;padding:0 12px;line-height:40px;font-size:16px;color:#999;font-weight:bold;cursor:text;}
.reg-form .val label{left:-9999px;opacity:0!important;filter:alpha(opacity="0")!important;}
.reg-form .cell input{position:absolute;top:0;left:0;width:304px;padding:7px 11px;font-size:16px;background:none;}
.reg-form .cell .icon-form{top:11px;right:10px;}

.reg-form .vcode input{width:110px;}
.reg-form .vcode .xbutton{position:absolute;top:0;left:144px;width:182px;padding:0;font-size:14px;}
.reg-form .vcode img{position:absolute;top:0;left:144px;width:110px;height:40px;}
.reg-form .vcode span{position:absolute;top:0;left:264px;line-height:40px;font-size:14px;}
.reg-form .vcode .icon-form{right:204px;}
.reg-form .vcode .login-popup-hint{right:194px;}
.reg-form .user-agreement{height:16px;margin-top:-22px;padding:18px 0;line-height:16px;}
.reg-form .user-agreement input{float:left;width:14px;height:14px;margin:1px 5px 0 0;}
.reg-form .bottom{height:40px;}
.reg-form .bottom .xbutton{display:block;border-radius:3px;}



.reg-form .cell2{position:relative;height:20px;margin-bottom:12px;zoom:1;}



.tac, .text-center{text-align: center;}

.xs-member-bg{background-color: #f1faff;}
.xs-member-wp{ min-height:400px; background: url(/uploadfile/banner/bg.png) no-repeat 6% center;}




.xs-member input[type=checkbox]{margin-top: 3px;}
.xs-member.xs-member-wp{padding: 0px 39px 13px; width: 360px; background: white; border: 1px solid #d9e1e5; border-radius: 3px; box-shadow: 1px 1px 1px #d9e1e5;}
.xs-member .hd h2{line-height: 46px; font-size: 18px; border-bottom: 1px solid #d9e1e5;}
.xs-member .tab-hd{margin: 0 auto; width: 100%;}
.xs-member .tab-hd li{float: left; width: 50%;}
.xs-member .tab-hd a{display: inline-block; padding-top: 18px; padding-bottom: 18px; width: 100%; line-height: 20px; text-align: center; border-bottom: 1px solid #d9e1e5; font-size: 18px; color: #424451;}
.xs-member .tab-hd a:hover{color: #016672;}
.xs-member .tab-hd .xs-active a{padding-bottom: 16px; border-bottom: 3px solid #016672; color: #016672; cursor: default;}
.xs-member .xs-member-form .btn-success, .xs-member .xs-member-form .btn-primary{padding: 0; width: 100%; line-height: 48px; text-align: center; border: none; font-size: 18px;}
.xs-member .xs-member-form .pl8{padding-left: 8px;}
.xs-member .form-group{position: relative;margin-bottom: 0px;}

.xs-member .form-group label{position: absolute; left: 9px; top: 10px; font-size: 18px; color: #d9e1e5;}
.xs-member .form-group input{padding: 9px 9px 9px 34px; *padding: 11px 9px 11px 36px; width: 275px; line-height: 20px; border: 1px solid #d9e1e5; border-radius: 3px; outline: none;}
.xs-member .form-group input.input-focus{ border-color:#999;}
.xs-member .form-group input.input-code,.xs-member .form-group input#code{width: 152px;}
.xs-member .form-group .verify-code-img{width: 110px; height: 40px; cursor: pointer;}
.xs-member .form-group input::-webkit-input-placeholder{color: #bec7d9;}
.xs-member .form-group input:-moz-placeholder{color: #bec7d9;}
.xs-member .form-group input:-moz-placeholder{color: #bec7d9;}
.xs-member .form-group input:-ms-input-placeholder{color: #bec7d9;}
.xs-member .form-group .help-block{text-indent: 10px; min-height: 24px; line-height: 24px; font-size: 12px;}
.xs-member .form-group .onShow,.xs-member .form-group .onError,.xs-member .form-group .onFocus,.xs-member .form-group .onCorrect{ color:#016672; font-size: 12px; line-height: 24px; text-indent: 10px; min-height: 24px;}
.xs-member .form-group .onCorrect{ color:#090;}
.xs-member .form-group .onFocus{ color:#F60;}
.xs-member .form-group .onError{ color:#F00;}
.xs-member .form-group .icon-id{width: 18px; height: 18px; line-height: 18px; border-radius: 5px; background-color: #d9e1e5; color: white; font-size: 10px;}
.xs-member .form-group.has-error label, .xs-member .form-group.has-error .help-block{color: #db8a83;}
.xs-member .form-group.has-error input{background: #fae5e5; border-color: #db8a83; color: #db8a83;}
.xs-member .form-group.has-error input::-webkit-input-placeholder{color: #db8a83;}
.xs-member .form-group.has-error input:-moz-placeholder{color: #db8a83;}
.xs-member .form-group.has-error input:-moz-placeholder{color: #db8a83;}
.xs-member .form-group.has-error input:-ms-input-placeholder{color: #db8a83;}
.xs-member .oauth-wp{padding-top: 12px; border-top: 1px solid #d9e1e5;}
.xs-member .oauth-wp a{display: inline-block; margin-right: 8px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; background-image: url('../images/bind.png'); background-size:25px auto; background-repeat:no-repeat; vertical-align:middle;}
.xs-member .oauth-wp a.icon-qq{background-position: 2px -6px;}
.xs-member .oauth-wp a.icon-wx{background-position: 3px -92px;}
.xs-member .oauth-wp a.icon-wb{background-position: 2px -49px;}
.xs-member .oauth-wp a.icon-qq:hover, .xs-member .oauth-wp a.icon-wx:hover, .xs-member .oauth-wp a.icon-wb:hover{ opacity:0.7;filter:alpha(opacity=70);}
.xs-member .oauth-wp  span.social{ vertical-align:middle;}

#hd .wp, #bd .wp, #ft .wp, .nav-fixed .wp{position:relative;margin-left: auto; margin-right: auto; width: 1000px; *zoom: 1;z-index:2;}
#hd .wp:after, #bd .wp:after, #ft .wp:after, .nav-fixed .wp:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; font-size: 0;}