@CHARSET "UTF-8"; 
/*登录*/
body{margin: 0;
padding: 0;}
.wop-login_l{width: 99.9%; height:525px; }
.wop-login_l_shop{width: 99.9%; height:475px;}
.wop-login_r{margin-top:3%; margin-right: 4%; padding:30px 20px 30px 50px !important; float:right; border:1px solid #eeeeee; background: white;box-shadow: 0 0 30px 5px rgba(0,0,0,.4);}
.wop-login-u{margin: 0 auto; width:120px; height:36px; display: block; font-size: 22px;  } 
input.wop-login-input-1{margin: 1px;float: left; padding:2px; padding-left:5px; font-size: 15px; outline: none; width:269px; height:36px;border:0;}
input.wop-login-input{padding:0px; padding-left:5px; font-size: 15px; outline: none; width:300px; height:36px;  border:1px solid #eee;}
input.wop-regist-input{float: left; padding:2px; padding-left:5px; font-size: 15px; outline: none; width:269px; height:36px;border:1px solid #eee;}
input.wop-regist-input{width:400px; margin:0 0 10px 20px;}
.wop-login-input:focus,.wop-login-input-1:focus,.wop-regist-input:focus,.wop-login-codein-1:focus,.wop-login-codein:focus,.wop-regist-codein:focus,.wop-regist-codemo:focus{ border:1px solid #eb654a; }
.wop-table{margin-top:20px; color: #333333;font: 12px/150% "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
.wop-login-tr{height:50px;margin:20px auto;}
.wop-login-code-1{
	position:relative;
	display:flex;
	align-items:center;
}
.wop-login-code-1,.wop-regist-code{height:36px;  } input.wop-login-codein-1,input.wop-regist-codein{padding:0px; padding-left:5px; width:150px; height:36px; position:absolute;left: 38px; font-size: 15px; outline: none; border:0; }
.wop-login-codeim-1{margin-left:148px; }
.wop-login-ch{border:1px solid #eb654a; }
.wop-login-but{display: block; position: relative; background:#ff5858; color: #ffffff; text-align: center; font-family: 'Ubuntu', sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; border-radius: 3px; overflow: hidden; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.wop-login-but:hover {background: #ff5858; }
.wop-login-but:before {content: ' '; position: absolute; background: #ffffff; width: 25px; height: 50px; top: 0; left: -45px; opacity: 0.3; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.wop-login-but:hover:before {width: 45px; left: 205px; }
.wop-login-three{height: 30px; display: block; margin-top: 15px; } /*注册*/ .wop-regist{padding:100px 20px 60px 20px; }
/* .wop-regist-b{background:url(../image/regiter_bg.gif); background-size: cover; margin-top:3px; border-top: 2px solid #eee;border-bottom: 2px solid #eee;} */

.wop-regist-b{background-size: cover; margin-top:3px; border-top: 2px solid #eee;border-bottom: 2px solid #eee;
	background: -moz-linear-gradient(to top, #1d2089 30%, #ff5858 100%);
    background: -webkit-gradient(linear,right,left, color-stop(30%,#1d2089), color-stop(100%,#ff5858));
    background: -webkit-linear-gradient(to top, #1d20891 30%,#ff5858 100%);
    background: -o-linear-gradient(to top, #1d2089 30%,#ff5858 100%);
    background: -ms-linear-gradient(to top, #1d2089 30%,#ff5858 100%);
    background: linear-gradient(to top, #1d2089 30%,#ff5858 100%);}

.wop-regist-c{width: 760px; margin: 0 auto; padding:20px; border-radius:5px; background:rgba(0,0,0,.5) }
.wop-regist-head{font-size:26px; font-family:"微软雅黑"; color:#ffffff; text-align:center;margin:30px auto;}
.wop-regist-td{text-align:right; width: 150px; font-size: 15px; }
.wop-regist-td span{color:#ffffff;}
.wop-regist-code-1{margin-left:20px; } input.wop-regist-codein{width:150px;}
.wop-regist-codeim{margin-left:288px; } input.wop-regist-codemo{padding:0px; margin-left: 20px; padding-left:5px; font-size: 15px; outline: none; width:260px; height:36px;  border:1px solid #eee; }
.wop-regist-obtain{width:136px; background:#ffffff; border-radius: 3px; border: 1px solid #eeeeee; padding:9px 0px; cursor:pointer;}
.wop-regist-but{outline: none; background:#ff5858; border:1px solid #ff5858;color: #ffffff; border-radius:3px; cursor:pointer;font-size:20px;}
.wop-regist-but:hover{background: #eeeeee;color:#ff5858; }
.wop-regist-but:not(.disabled):not(:disabled):active, .wop-regist-but.active{background: #ff5858; background-clip: padding-box; } /*找回密码*/
.steptitle{width:auto;margin:60px auto;text-align: center; font-size:28px; }
.stepflex{width: 640px;margin:40px auto;border-top: 5px solid #ccc; text-align: center;  }
.stepflex dl{border-top: 5px solid #ccc; float: left; position: relative; top: -5px; width: 160px; } dl.doing{border-top-color: #ff5858; }
.doing .s-num{background-position: -23px 0; }
.s-num,.s-num1{color: #fff; font-weight: 700; height: 23px; line-height: 23px; margin: -15px auto 0; position: relative; width: 23px; border-radius:25px; }
.s-num{background: #ff5858; }
.s-num1{background: #ccc; }
.s-text{line-height:30px; }
.forget-pwd{width:750px; margin:50px auto; padding:40px 0px;background:#f5f5f5;min-height:300px;}
 input.wop-forget-input{padding: 0px; margin-left:20px; padding-left:5px; font-size: 15px; outline: none; width:300px; height:36px; border-radius:3px; border:1px solid #eee; }
.wop-forget-code,.wop-forget-code2{float:left; width:300px; height:36px; border-radius:3px; margin-left:20px; border:1px solid #eee; } input.wop-forget-codein,input.wop-forget-codein2{padding: 0px; padding-left:5px; width:180px; height:36px; position:absolute; font-size: 15px; outline: none; border:0; border-radius:6px; }
.wop-forget-input:focus,.wop-forget-codein:focus,.wop-forget-codein2:focus{border-radius:3px; border:1px solid #eb654a; }
.wop-forget-codeim,.wop-forget-codeim2{width:116px; border-top-right-radius:6px; border-bottom-right-radius:6px; margin-left:183px; }
.wop-forget-code2{width:230px; } input.wop-forget-codein2{width:120px; }
.wop-forget-codeim2{width:112px; margin-left:118px; }
.email-verify{display:none; }
.wop-forget-td{text-align:right; width: 260px; font-size: 15px; color:#626262; }
.wop-forget-te{margin-left:20px; font-size: 15px; }
.wop-forget-select{margin-left:20px; font-size: 15px; outline: none; width:230px; height:36px; border-radius:3px; border:1px solid #eee; }
.wop-forget-obtain{width:134px; height: 36px; background:#f0f2f5; border-radius: 3px; border: 1px solid #eeeeee; padding:10px 0px; cursor:pointer; color: #111111; }
.wop-forget-c{text-align:center; }
.wop-forget-ct{font-size: 16px; color:#2d2727; }
.wop-icon-banner{width: 1200px;margin:0 auto;}
.wop-icon{width: 120px;height: 30px; display: inline-block;float: right;}
.wop-icon li{float:left;}
.wop-icon .wop-remind{color:#ff5858;font-size: 12px;padding-left: 10px;height: 30px;line-height: 30px;}
.wop-img-icon{width: 23px;height: 23px; background: url(../image/icon_login02.png) no-repeat;background-size: contain;margin-top: 3px;}
.wop-login-banner{width:100%;height: 160px; }
.wop-login-banner .img-banner{height:130px; margin: 10px 10px 10px 100px; float: left;padding-top:40px;}
.wop-login-banner .img-banner img{height: 45px;}
.wop-login-banner .wop-stript{width: 2px;height: 110px;margin-top: 25px;margin-left: 20px; background: #eee;float: left;}
.wop-login-banner .wop-login-action{width:630px;height: 130px; float: right; margin: 10px 10px 10px 10px;}
.wop-login-action .wop-left{width: 200px;height: 130px; float: left;text-align: center;line-height: 130px;font-family:微软雅黑;font-weight: bold;font-size: 25px;}
.wop-login-action .wop-right-action{width: 200px;height: 130px;float: right;}
.wop-login-action .action-box{padding-top: 50px; line-height: 27px;}
.action-box .wop-location{height: 25px;float: right;line-height: 25px;font-size: 12px;margin-right: 40px;padding:0 20px;}
.wop-login-middle{height: 527px; background: rgba(255,76,76,0.78);}
.wop-login-middle-shop{height: 477px;}
.wop-color{background: white;}
.wop-login-banner-regist{width: 99.9%;height: 100px; }
.wop-login-banner-regist .img-banner{height:90px; margin: 10px 10px 10px 100px; float: left;padding-top:20px;}
.wop-login-banner-regist .img-banner img{width: auto;max-height:40px;}
.wop-login-banner-regist .wop-login-action{width:400px;height: 80px; float: right; margin: 10px 10px 10px 10px;}
.wop-item{position: relative;margin-bottom: 20px;}
.wop-item-box{border: 1px solid #eee;height: 38px;width: 310px;}
.wop-item-box .login-img{ position: relative;z-index: 3;top: 0;left: 0; width: 28px;height: 28px;margin-top: 5px; margin-left: 4px;margin-right: 2px; border-right: 1px solid #eee;background: url(../image/icon_name.png) 1px no-repeat;background-size: 85%;float: left;}
.password-img{position: relative;z-index: 3;top: 0;left: 0; width: 28px;height: 28px;margin-top: 5px;margin-left: 4px; margin-right: 2px; border-right: 1px solid #eee;float: left;background: url(../image/icon_passard.png) 1px no-repeat;background-size: 85%;}
.yanzheng-img{position: relative;z-index: 3;top: 0;left: 0; width: 28px;height: 28px;margin-top: 5px; margin-left: 4px;margin-right: 2px; border-right: 1px solid #eee;float: left;background: url(../image/icon_yanzhengma.png) 1px no-repeat;background-size: 85%;}
.bottom-stript{width: 100%;height: 20px;border:1px solid #ff5858;}
.regist-border{border:1px solid #eee;}
.wop-footer-hp-ck3 a{margin-left:5px;}
.wop-login-code,.wop-regist-code{height:36px; border:1px solid #eee; }
.wop-login-codeim{margin-left:188px; }
input.wop-login-codein{padding:0px; padding-left:5px; width:180px; height:36px; position:absolute; font-size: 15px; outline: none;border:0; }