input[type=checkbox]{ margin-right:10px; cursor: pointer;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
.checkbox{ height:14px; background: url("/xcskin/images/user/checkbox.jpg") left center no-repeat; background-size:14px 14px; cursor:pointer;}
.checkbox-checked{ background: url("/xcskin/images/user/checkbox-checked.png") left center no-repeat; background-size:14px 14px}
input[type=text]:focus,input[type=password]:focus{ border: 1px solid #059fff; }

/*注册*/
.user-register{ background: #f5f8fa; padding: 40px 0; min-width:1220px; overflow: hidden; }
.user-register .register-box{ width: 1000px; margin: 0 auto; padding: 25px 0 65px; background: #fff;}
.signup-title{ padding:0 35px 0 320px; height: 30px; overflow: hidden;}
.signup-title h2{ width: 360px; float: left; text-align: center; line-height: 30px; font-size: 20px;}
.signup-title p{ float: right; text-align: right; line-height: 30px; color: #888888; }
.signup-title p a{ color: #059fff; }
.signup-info{ padding: 20px 35px 0 320px; overflow: hidden;}
.signup-info ul{ width: 360px; height: 50px; margin: 0 0 20px; background: url("/xcskin/images/user/signup-title.png") center no-repeat;}
.signup-info ul li{ width: 160px; float: left; font-size: 18px; text-align: center; color: #666666; line-height: 47px; border-bottom: 3px solid transparent; cursor: pointer;}
.signup-info ul li:last-child{ float: right; }
.signup-info ul i{ display: inline-block; width: 22px; height:24px; vertical-align: text-top; background: url("/xcskin/images/user/icons.png") no-repeat; }
.signup-info ul .per{ margin-right: 5px; background-position: 2px 2px; }
.signup-info ul .com{ margin-right: 10px; background-position: -24px 2px; }
.signup-info ul .active{ color: #059fff; border-bottom: 3px solid #059fff;}
.signup-info ul .active .per{background-position:-48px 2px;}
.signup-info ul .active .com{background-position:-72px 2px;}

.signup-info dl{ clear:both; width:360px; position: relative;}
.signup-info dt{ width: 69px; padding-left: 10px; color: #999999; border-right: 1px solid #ddd; height: 43px; line-height: 43px; position: absolute; left: 0; top: 1px; }
.signup-info dd input{ border:1px solid #ddd; padding: 0 15px 0 95px;margin: 0 0 20px; width:248px; font-family:"Microsoft Yahei"; height: 43px;}
.signup-info input[type=submit]{ width: 360px; height: 45px; border: 0; background: #059fff; color: #fff; font-size: 18px; text-align: center; cursor: pointer; margin: 40px 0 0; }
.signup-info .code input[type=text]{ width:138px; padding: 0 125px 0 95px;}
.signup-info .code button{ position:absolute; right:5px; top:7px; border: 0; padding: 0; margin: 0;width: 100px; height: 30px; background: #059fff; text-align: center; color: #fff; cursor: pointer; }
.signup-info .signup-agreement a{ color: #059fff; }
.signup-info .input-group{ position: relative;}
.signup-info .tip-box{border: 1px solid #dddddd; line-height: 24px; width: 238px; padding: 10px 10px 9px; color: #666666; position: absolute; left: 380px; top: 0;-moz-box-shadow: 0px 0px 8px rgba(214,214,214,0.52);-webkit-box-shadow: 0px 0px 8px rgba(214,214,214,0.52);box-shadow: 0px 0px 8px rgba(214,214,214,0.52);}
.signup-info .tip-box:before{ content:""; display: block; width: 20px; height: 16px; background: url("/xcskin/images/user/coner.png") right center no-repeat; position: absolute; left: -20px; top:12px; }
.signup-info .tip-box{ display:none; padding-left: 30px; min-height:23px;  background: url("/xcskin/images/user/success.png") 10px 14px no-repeat;}
.signup-info .input-group:hover .tip-box{ display:block;}
.signup-info .tipinfo{ border: 1px solid #059fff;-moz-box-shadow: 0px 0px 3px rgba(5,159,255,0.52);-webkit-box-shadow: 0px 0px 3px rgba(5,159,255,0.52);box-shadow: 0px 0px 3px rgba(5,159,255,0.52);}

.signup-info .Validform_checktip{position: absolute; left: 365px; top: 0;}
.signup-info .Validform_right{ top:15px;}
.signup-info .validform-tip{border: 1px solid #dddddd; line-height: 24px; width: 238px; padding: 10px 10px 9px; color: #666666; position: absolute; left: 380px; top: 0;-moz-box-shadow: 0px 0px 8px rgba(214,214,214,0.52);-webkit-box-shadow: 0px 0px 8px rgba(214,214,214,0.52);box-shadow: 0px 0px 8px rgba(214,214,214,0.52);}
.signup-info .validform-tip:before{ content:""; display: block; width: 20px; height: 16px; background: url("/xcskin/images/user/coner.png") right center no-repeat; position: absolute; left: -20px; top:12px; }
.signup-info .validform-tip{ padding-left: 30px; min-height:23px;  background: url("/xcskin/images/user/success.png") 10px 14px no-repeat;}
.signup-info .Validform_error{ border: 1px solid #ff7676;-moz-box-shadow: 0px 0px 3px rgba(255,118,118,0.52);-webkit-box-shadow: 0px 0px 3px rgba(255,118,118,0.52);box-shadow: 0px 0px 3px rgba(255,118,118,0.52);}
.signup-info .Validform_wrong{border: 1px solid #dddddd; line-height: 24px; width: 238px; padding: 10px; color: #666666; -moz-box-shadow: 0px 0px 8px rgba(214,214,214,0.52);-webkit-box-shadow: 0px 0px 8px rgba(214,214,214,0.52);box-shadow: 0px 0px 8px rgba(214,214,214,0.52);}
.signup-info .Validform_wrong:before{ content:""; display: block; width: 20px; height: 16px; background: url("/xcskin/images/user/coner.png") right center no-repeat; position: absolute; left: -20px; top:12px; }
.signup-info .Validform_wrong{ padding-left: 30px; min-height:23px;  background: url("/xcskin/images/user/error.png") 10px  14px no-repeat;}
.signup-info .Validform_loading{color: #888; line-height: 43px; padding-left:24px; background:url("/xcskin/images/user/Validform_loading.gif") left center no-repeat;}

/*登录*/
.user-body{background: url("/xcskin/images/user/login-bg.jpg") center top #2c2c2c  no-repeat}
.user-login{ padding:120px 0 100px; overflow:hidden; min-width:1220px;}
.user-login .left-info{ float: left; width: 800px; color:#fff; padding-top:45px;}
.user-login .left-info h1{margin-bottom: 40px; font-size: 28px;}
.user-login .left-info p { height: 25px;line-height: 25px; font-size:16px; margin-bottom: 20px;}

.user-login .right-form{ float:right; width: 350px; margin-right: 60px; height: 500px;}
.user-login .login-stype{ height: 43px; line-height: 43px; margin: 0 0 25px; font-size: 18px; color: #333;}
.user-login .login-stype i{ display: block; height: 43px; width: 43px; float: right;cursor: pointer;}
.login-footer{ background: #2c2c2c;min-width:1220px;overflow: hidden;}

.login-account{ background: #fff; padding: 20px 30px; overflow: hidden;}
.login-account .login-stype i{background: url("/xcskin/images/user/switch-ewm.png") right top no-repeat;}
.login-account form p{ margin: 0 0 20px; position:relative; }
.login-account form p:before{ content: "";  position:absolute; left:10px; top:12px; width: 13px; height: 18px; vertical-align: sub; background: url("/xcskin/images/user/icons.png") no-repeat;}
.login-account form p input{height: 41px; width:255px; font-size:15px; padding-left:33px; border: 1px solid #dddddd;}
.login-account form .name:before{ background-position: -100px 0;}
.login-account form .name:hover:before{ background-position: -203px 1px;}
.login-account form .pwd:before{ background-position: -119px 0;}
.login-account form .pwd:hover:before{ background-position: -223px 1px;}
.login-account form .code:before{ background-position: -1px -22px;}
.login-account form .code:hover:before{ background-position: -243px 1px;}
.login-account form .code input{ width:100px;}
.login-account form .code img{ display:inline-block; margin-left:9px; vertical-align:middle; width:140px; height:40px;}
.pop-login input[type=submit]{ width:350px; height:50px; margin:0 auto; cursor:pointer; font-size:18px; background:#059fff; text-align:center; color:#fff; border:0;}
.login-account .tip{ color: #888888;}
.login-account .tip a{ float: right; color: #059fff; }
.login-account input[type=submit]{ width: 290px; height: 43px; margin:30px auto 18px; border: 0; background: #059fff; font-size: 18px; color: #fff; text-align: center; cursor:pointer; }
.login-account .go-reg{ color: #888888;}
.login-account .go-reg a{ color: #059fff; }
.login-account .other{ padding: 30px 0 20px; color: #666666; overflow: hidden; }
.login-account .other a{ display: inline-block; width: 19px; height:20px; margin-right:8px; vertical-align: text-top; background: url("/xcskin/images/user/icons.png") no-repeat;}
.login-account .other .qq{ background-position: -160px 0; }
.login-account .other .weixin{ background-position: -139px 0; }

.login-ewm{ background: #fff; padding: 20px 30px 10px;overflow: hidden;}
.login-ewm .login-stype{ margin:0;}
.login-ewm .login-stype i{background: url("/xcskin/images/user/switch-pwd.png") right top no-repeat;}
.login-ewm .ewm{ text-align: center; color: #777777; font-size: 16px;}
.impowerBox .qrcode{ display: block; width:200px; height:200px; margin: 0 auto 10px; }
.login-ewm p{ text-align: right;}
.login-ewm p a{ display:block; color: #999999;}
.login-ewm p a:hover{color: #059fff;}

/*找回密码*/
.user-repwd{ background:#fafafa; padding:30px 0; min-width:1220px; overflow:hidden;}
.user-repwd .container{ background:#fff; padding:0 0 50px;}

.user-repwd .ld-form{ margin:0 40px; overflow:hidden;}
.user-repwd .ld-form dl{ position:relative; margin-left:380px; color:#999999; overflow:hidden;}
.user-repwd .ld-form dt{ width:90px; text-align:center; border-right: 1px solid #ddd; height: 43px; line-height: 43px; position: absolute; left: 0; top: 1px;}
.user-repwd .ld-form dd input[type=password]{ border: 1px solid #ddd; padding: 0 15px 0 105px; color:#999; margin: 0 0 20px; width: 248px; height: 43px; }
.user-repwd .ld-form dd input[type=text]{ border: 1px solid #ddd; padding: 0 15px 0 105px; color:#999; margin: 0 0 20px; width: 248px; height: 43px; }
.user-repwd .ld-form .code input[type=text]{ width:100px;}
.user-repwd .ld-form .code img{ display:inline-block; vertical-align:middle; width:120px; height:45px; margin-left:10px;}
.user-repwd .ld-form .code button{ width:138px; cursor:pointer; margin-left:10px; border:0; color:#fff;height:45px; line-height:43px; background:#059fff;}
.user-repwd .ld-form input[type=submit]{ width:370px; height: 45px; border: 0; background: #059fff; color: #fff; font-size: 18px; text-align: center; cursor: pointer; margin: 20px 0 30px 380px;}

.repwd-select{ margin:0 200px; overflow:hidden;}
.repwd-select li{ border:1px solid #ddd; margin:0 0 20px; position:relative; padding:15px 160px 20px 100px; min-height:35px; overflow:hidden;}
.repwd-select li a{ height:30px; line-height:30px; width:115px; text-align:center; color:#fff;background:#059fff; position:absolute; right:20px; top:28px;}
.repwd-select li i{ display:block; width:60px; height:60px; position:absolute; left:20px; top:12px; }
.repwd-select li h4{ font-size:16px; font-weight:bold; line-height:30px; font-size:15px;}
.repwd-select li p{ color:#666;}
.repwd-select li p span{ color:#059fff; margin:0 5px;}
.repwd-select li .email{background:url("/xcskin/images/user/email.png") no-repeat; background-size:contain}
.repwd-select li .mobile{background:url("/xcskin/images/user/mobile.png") no-repeat; background-size:contain}

.password-tip{ font-size:14px; color:#999; margin:0 40px 30px;}
.password-tip span{ color:#059fff; margin:0 5px;}
.password-title{ margin:20px 40px; height:80px; line-height:80px; border-bottom:1px solid #ddd;}
.password-title h1{ font-size:24px; float:left; background:url("/xcskin/images/user/ico1.png") left center no-repeat; padding-left:35px;}
.password-title ul{ float:right; overflow:hidden;}
.password-title ul li{ display:inline-block; color:#999; height:24px; line-height:24px;}
.password-title ul li:after{ content:">"; width:8px; height:24px; display:inline-block; color:#999; margin:0 5px; font-weight:bold}
.password-title ul li:last-child:after{content:""; width:0; height:0;}
.password-title ul li:before{ content:""; width:24px; height:24px; margin-right:10px; text-align:center;display:inline-block; border-radius:100%; background:#aaaaaa; color:#fff;font-weight:bold}
.password-title ul .step1:before{ content:"1"}
.password-title ul .step2:before{ content:"2"}
.password-title ul .step3:before{ content:"3"}
.password-title ul .step4:before{ content:"4"}
.password-title ul .active{ color:#059fff;}
.password-title ul .active:before{ background:#059fff; color:#fff;}
.password-title ul .active:after{color:#059fff;}











