body{padding:0;margin:0;background: url(../image/loginBg.jpg) no-repeat center top #e8f4ff;}
h1,h2,h3,dl,dt,dd,ul,li,p{margin:0;padding:0;font-weight:normal;list-style:none;}
.fl{float:left;}
.fr{float:right;}
.header{height: 40px;background:#fff;padding: 26px 0;}
.header .fl a{width: 120px;height: 41px;display:block;float:left;background-image: url(../image/logo120x40.png);background-image: url(../image/logo.svg),none;background-size:120px 41px;}
.header h1{font-size: 18px;color:#1f1f1f;line-height: 18px;border-left:1px solid #323232;padding-left: 55px;margin: 11px 0 0 55px;float:left;height:18px;}
.w1000{width:1000px;margin:0 auto;}
.header .fr{line-height:40px;font-size:12px;color:#656565;}
.header .fr a{color:#FD5555;text-decoration:none;}
.loginBox{background:#fff;padding:0;overflow:hidden;position:relative;border-radius:4px;box-shadow:0 5px 30px #cad8fe;}
.regBox .regLeft{width:340px;padding:35px;position:absolute;left:0;bottom:0;top:0;}
.loginLeft dl{line-height:40px;font-size:30px;color:#1F1F1F;padding:92px 0 0 48px;}
.loginLeft dt{font-weight:bold;margin-bottom:24px;}
.loginLeft dl b{ color:#FD5555;}
.loginRig{width:330px;float:left;padding:30px 30px 30px 75px;background-color:white;}
.loginRig h2{font-size:18px;color:#1F1F1F;line-height:24px;}
.drag{position:relative;background-color:#ececec;width:328px;height:40px;line-height:40px;text-align:center;border:1px solid #d5d5d5;}
.drag .handler{position:absolute;top:-1px;left:-1px;width:40px;height:40px;cursor:move;border:1px solid #d5d5d5;}
.handlerBg{background:url(../image/icon.png) no-repeat 14px -86px #fff;}
.drag.sucMsg .handlerBg{background:url(../image/icon.png) no-repeat 12px -126px #fff;left:287px;border:1px solid #d5d5d5;top:-1px;}
.drag .dragBg{background-color:#49C165;height:38px;width:0px;}
.drag .dragText{position:absolute;top:0px;width:328px;-moz-user-select:none;-webkit-user-select:none;user-select:none;-o-user-select:none;-ms-user-select:none;font-size:14px;color:#989898;}
.drag.sucMsg{border:1px solid #8cc758;}
.drag.sucMsg .dragText{background-color:#8cc758;color:#fff;left:-1px;top:-1px;height:42px;}
.loginRig li{padding-bottom:30px;position:relative;}
.loginRig li input.w280{width:266px;height:48px;text-indent:1em;padding:0;color:#1f1f1f;border-radius:2px;border:0;float:left;outline:none;box-shadow: 0 0 0 1000px white inset;line-height: 48px;font-size: 14px;}
.loginRig li h3{font-size:14px;color:#313131;line-height:48px;float:left;width:47px;padding-left:15px;text-indent:0;}
.loginRig li button{height:38px;}
.loginRig li .code{position:relative;height:40px;}
.loginRig li .code button{border:none;border-left:1px solid #dedede;width:95px;text-align:center;top:1px;right:1px;height:38px;position:absolute;background:#fff;color:#FF9A38;cursor:pointer;font-size:12px;}
.wrong{position:absolute;bottom:0;padding:0 0 0 18px;margin:8px 0 8px 8px;line-height:14px;font-size:12px;color:#fc982c;background:url(../image/icon.png) no-repeat 0 -60px;display:none;}
.btn{padding-top:12px;}
.btn button{background:#3f84f5;border-radius:2px;width:100%;height:42px;border:0;font-size:16px;color:#fff;cursor:pointer;}
.agreement{font-size:12px;color:#989898;padding:20px 0 0 0;line-height:14px;}
.agreement a{color:#1f1f1f;text-decoration:none;}
.agreement a:hover{color:#FD5555;}
.agreement label{ padding-left:18px;cursor:pointer;background:url("https://styles.#/images/my/images/regist/login-2020/sele.svg") no-repeat 0 1px;background-size:14px 14px;}
.agreement label.cur{background:url("https://styles.#/images/my/images/regist/login-2020/seleCur.svg") no-repeat 0 1px;background-size:14px 14px;}
.copyTxt{ text-align:center;padding:25px 0;font-size:12px;color:#989898;letter-spacing:0;text-align:center;line-height:24px;}
.copyTxt a{ margin-left:15px;color:#989898;text-decoration:none;}
.copyTxt a:hover{color:#FD5555;}
.copyTxt .copy{padding-top:5px;}
.loginRig li input.w280::-webkit-input-placeholder {color:#989898;} 
.loginRig li input.w280:-moz-placeholder {color:#989898;} 
.loginRig li input.w280::-moz-placeholder {color:#989898;} 
.loginRig li input.w280:-ms-input-placeholder {color:#989898;}
.step2{ padding:20px 20px 40px;}
.step2 .tit em{display:block;width:144px;height:97px;background:url(https://styles.#/images/my/images/regist/login-2020/step2Icon.png);margin:0 auto;}
.step2 .tit p{text-align:center;font-size:20px;color:#fd5555;line-height:28px;}
.step2 li{overflow:hidden;}
.step2 li input{width:418px;height:38px;text-indent:1em;border:1px solid #dedede;padding:0;color:#1f1f1f;border-radius:2px;box-shadow: 0 0 0 1000px white inset;}
.step2 li h3{font-size:14px;color:#1F1F1F;line-height:38px;}
.step2 li button{height:38px;}
.step2 li .code{position:relative;height:40px;}
.step2 li .code button{border:none;border-left:1px solid #dedede;width:95px;text-align:center;top:1px;right:1px;height:38px;position:absolute;background:#fff;color:#FF9A38;cursor:pointer;font-size:12px;}
.step2 .con{width:420px;margin:0 auto;padding-top:20px;}
.step2 li.status{padding-top:12px;}
.step2 li.status h3{float:left;}
.step2 li.status label{float:left;padding-left:21px;margin:0 10px;line-height:38px;font-size:14px;color:#656565;cursor:pointer;background:url(https://styles.#/images/my/images/regist/login-2020/sele2.svg) no-repeat 0 11px;background-size:16px 16px;}
.step2 li.status label.cur{background:url(https://styles.#/images/my/images/regist/login-2020/sele2Cur.svg) no-repeat 0 11px;background-size:16px 16px;}
.inputCon{width:328px;height:48px;text-indent:1em;border:1px solid #d5d5d5;}
.headerBot{padding:20px 0;height:20px;line-height:20px;margin-bottom:10px;}
.headerBot p,.headerBot a{ float:right;margin-left:25px;font-size:14px;color:#313131;text-decoration:none;padding-left:25px;background:url(../image/icon.png) no-repeat;}
.headerBot a:hover{color:#ee2e2c;}
.headerBot p{background-position:0 0;}
.headerBot a{background-position:0 -30px;}
.w900{width:900px;margin:0 auto;height:500px;}
.loginBox .loginLeft{background:url(../image/loginLeftImg.jpg) no-repeat;width:350px;height:500px;}
.loginLeft{color:#1c1c1c;}
.loginLeft dt{ line-height:34px;}
.loginLeft h2{ font-size:22px;font-weight:bold;padding-left:32px;}
.loginLeft p{ font-size:18px;;}
.loginRig .tit{overflow:hidden;padding: 27px 0 40px 0;line-height:24px;text-align:center;width:241px;margin:0 auto;}
.loginRig .tit h3{font-size:20px;color:#8e8e8e;width:120px;float:left;cursor:pointer;}
.loginRig .tit span{float:left;background:#4c4c4c;display:block;width:1px;height:14px;margin-top:5px;}
.loginRig .tit h3.cur{color: #1c1c1c;font-weight: bold;}
.regBtn{padding-top:20px;overflow:hidden;}
.regBtn a{font-size:14px;color:#313131;text-align:right;display:block;float:right;line-height:14px;text-decoration:none;padding-right: 0;margin-left: 20px;}
.copyTxt{text-align:center;color:#aaa;font-size:12px;}
.copyTxt a{color:#aaa;margin:0;}
.regBtn a:hover,.copyTxt a:hover{color:#ee2e2c;}
.regBtn a:hover{background-position:62px -203px;}
.copyTxt span{padding-right:15px;}
li .inputCon button{border:none;border-left:1px solid #dedede;width: 105px;text-align:center;top:1px;right:1px;height:48px;position:absolute;background:#fff;color:#3f84f5;cursor:pointer;font-size:14px;outline:none;white-space: nowrap;padding: 0;}
.loginRig li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.loginRig li{*+height:1%;}
.wrong a{color:#3f84f5;margin: 0 2px;text-decoration: none;}
.wrong a:hover{color:#FD5555;}
li .inputCon button:hover,.btn button:hover,.loginRig .tit h3:hover{opacity:0.9;}
.btn button.grayBtn{background: #ddd;color: #aaa;cursor: default;}
*{outline:none;font-family: Source Han Sans CN,Hiragino Sans GB,microsoft yahei,arial,sans-serif;}
.loginRig li input.w280::-ms-clear{display: none;}
.loginRig li input.w280::-ms-reveal{display: none;}