﻿html,
body {margin: 0;padding: 0;}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}
a{text-decoration: none;}
ul{margin:0;padding: 0;}
li{list-style: none;}
.header{
    width:100%;
height:100px;
background:rgba(255,255,255,1);
box-shadow:0px 3px 4px 0px rgba(228,228,228,0.57);
}
.header .hdmain{width: 1160px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}
.header .hdmain .fl{height: 100%;display: flex;justify-content: space-between;align-items: center;width: 288px;}
.header .hdmain .fl .text{font-size: 26px;color: #555;width: 120px;height: 34px;line-height: 34px;border-left: 1px solid #ABABABFF;text-align: right;font-weight: 400;}
.header .hdmain .fr{font-size: 16px;color: #999999FF;}
.header .hdmain .fr a{color: #1ABC9CFF;}
/*用户注册*/
.resMain{width: 584px;margin: 90px auto 0;}
.resMain ul{padding-bottom: 12px;}
.resMain li{margin-bottom: 18px;display: flex;align-items: center;justify-content: space-between;position: relative;}
.resMain li .tt{width: 134px;text-align: right;font-size: 16px;color: #333;}
.resMain li .tt span{color: red;font-size: 20px;font-weight: 400;padding-right: 8px;vertical-align: middle;}
.resMain input{width:410px;height:40px;border:1px solid #CCCCCCFF;margin: 0;padding: 0;font-size: 16px;box-sizing: border-box;padding-left: 10px;}
.resMain .getCode{display: block;height: 40px;width: 95px;background: #1ABC9CFF;border:none;color: #fff;font-size: 16px;text-align: center;line-height: 40px;position: absolute;right: 0;top: 0;border-left: 1px solid #CCCCCCFF;cursor: pointer;}
.resMain .getCode.active{background: #999;}
.resMain input.bdred{border-color: red;}
.resMain .sendBtn{width: 410px;height: 56px;background: #1ABC9CFF;line-height: 56px;text-align: center;color: #fff;font-size: 20px;display: block;cursor: pointer;margin-left: 174px;}
.resMain li .tips{position: absolute;left: 100%;color: red;width: 200px;font-size: 14px;padding-left: 10px;}
.resMain li .tips span.x{font-size: 18px;vertical-align: middle;padding-right: 8px;}
.resMain .otherLogin{width: 410px;margin-top: 70px;border-top: 1px solid #E6E6E6FF;margin-left: 174px;position: relative;padding-top: 38px;}
.resMain .otherLogin .otnm{display: block;font-size: 16px;color: #666;position: absolute;background: #fff;width: 176px;height: 20px;top: -10px;line-height: 20px;left: 0;right: 0;margin: 0 auto;text-align: center;}
.resMain .otherLogin .otlink{text-align: center;}
.resMain .otherLogin .otlink a{display: inline-block;margin: 0 20px;font-size: 0;}

/*找回密码*/
.hdtips{text-align: center;padding: 50px 0;}
.hdtips h4{font-size: 24px;color: #1ABC9CFF;font-weight: 400;}
.hdtips span{padding-left: 30px;font-size: 16px;color: #333;background: url(../../img/login/tips.png) no-repeat left center;}
.forgetPswd{width: 622px;margin: 0 auto;}
.stepbox{width: 100%;display: flex;justify-content: space-between;height: 160px;position: relative;}
.stepbox:after{background: #DCDCDCFF;height: 2px;display: block;content: '';clear: both;position: absolute;left: 80px;right: 80px;top: 40px;z-index: -1;}

.stepbox li{display: block;width: 100px;position: relative;}
.stepbox li:after{background: #009483;height: 2px;display: block;content: '';clear: both;position: absolute;left: -174px;top: 40px;z-index: 1;width: 0;transition: all .3s;}
.stepbox li:first-child:after{display: none;}
.stepbox li span{display: flex;background: #dcdcdc;width: 74px;height: 74px;border-radius: 50%;margin: 0 auto;transition: all .3s;font-size: 0;justify-content: center;align-items: center;}
.stepbox li p{text-align: center;font-size: 18px;color: #B8B8B8FF;transition: all .3s;}
.stepbox li.active span{background: #009483;}
.stepbox li.active p{color: #333;}
.stepbox li.active:after{width:187px;}

.ForgPswd_ok{text-align: center;color: #333;margin: 0;width: 100%;padding: 0;}
.ForgPswd_ok h4{font-size: 22px;}
.ForgPswd_ok p{font-size: 18px;}
.ForgPswd_ok a{color: #1ABC9CFF;cursor: pointer;}
.ForgetPSWD{margin: 0 auto;width: 540px;}
.ForgetPSWD .sendBtn{margin: 0;float: right;}
