.regMask{width: 100%;height: 100%; position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,.7);z-index: 1000}
.regMask div,.regMask input,.regMask li{box-sizing: border-box;}
.reg{width: 988px;height: 524px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    padding-left: 525px;background: url("../images/regBg.png") no-repeat ;background-color: #fff;
}
.regList{width: 360px;}
.regList>h3{text-align: center;font-size: 20px;color: #222222;padding: 29px 0 36px;}
.loginChoice{width: 100%;height: 45px;margin: 97px 0 40px;}
.loginChoice>li{width: 50%;float:left;border-bottom: 2px solid #EAEAEA;line-height: 45px;text-align: center;font-size: 16px;
    color: #999999;cursor: pointer;}
.loginChoice>.loginChoicehecked{color: #222;border-color: #FC0E2F;}

.regItem{width: 100%; overflow: hidden;margin-bottom: 20px;}
.regItem>input{height: 46px;display: block;line-height: 46px;font-size: 14px;color: #222;}
.regItemInput{width: 302px;float: left;background-color: #F5F5F5;padding: 0 16px;}
.regItemCancel{width:58px;height: 46px; float: left; background-color: #F5F5F5;}
.regItemCancel>img{display: none;width: 18px;height: 18px;cursor: pointer;margin: 14px auto;}
.regItemWran{
    display: none;
    width: 100%;height: 46px;line-height: 46px;color: #999;overflow: hidden;margin-top: -20px;}
.regItemWran>img{width: 14px;height: 14px;margin: 16px 10px 0 0;float: left;}
.regItemWran>span{float: left;}
.regItemCode{float: left; width: 256px;overflow: hidden;}
.regItemCode>input{width: 198px;height: 46px; float: left;}
.regCode{width: 94px;height: 46px;float: right;position: relative;}
.regCode>div{width: 100%;height: 100%;text-align: center;line-height: 46px; color: #fff;font-size: 14px;position: absolute;left: 0;top: 0;}
.regGetCode{background: linear-gradient(to right,#e22839,#fd6570);cursor: pointer;}
.regBtn{width: 100%;height: 46px;text-align: center;line-height: 46px;background: linear-gradient(to right,#e22839,#fd6570);cursor: pointer;
    font-size: 18px;color: #fff;
}
.maskClose{width: 14px;height: 14px;display: block;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.loginTips{width: 100%;overflow: hidden;font-size: 14px;color: #666666;padding-top: 16px;}
.loginTips>li:nth-of-type(1){float: left;}
.loginTips>li:nth-of-type(2){float: right;}
.loginTips span{cursor: pointer;}
.loginTypes{display: none;}
.regTips{font-size: 12px;color: #555555;padding: 17px 0 14px;}
.regTips span{text-decoration: underline;cursor: pointer;}
.regLoginTips{font-size: 14px;color: #666666;}
.regLoginTips span{text-decoration: underline;cursor: pointer;}
.maskClose{width: 14px;height: 14px;display: block;position: absolute;right: 20px;top: 20px;cursor: pointer;}