.mask,.mask2 {
    width: 100%;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 99
}

.popUp {
    width: 420px;
    height: 360px;
    background: #fff;
    position: fixed;
    top: 230px;
    left: 50%;
    margin-left: -210px;
    z-index: 100
}

.popUp .p-tit {
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #505050
}

.popUp ul li {
    padding-left: 35px;
    margin-bottom: 15px;
    line-height: 40px
}

.popUp ul li span {
    width: 42px;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 10px
}

.popUp ul li input {
    width: 245px;
    height: 40px;
    padding-left: 10px;
    float: left
}

.popUp ul li .code {
    width: 123px
}

.popUp ul li .code-wap {
    width: 110px;
    height: 40px;
    margin-left: 12px
}

.popUp ul li .checkbox {
    width: 14px;
    height: 14px;
    margin-top: 13px;
    margin-right: 5px
}

.popUp ul li.check {
    width: 245px;
    margin: -20px auto 0 auto;
    padding-left: 0
}

.popUp ul li.check span {
    width: 56px;
    float: left
}

.popUp ul li.check .miss {
    float: right
}

.popUp ul li.check .m-check {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    margin-top: 14px;
    background: url('../../../publicPc/images/checked.png') no-repeat;
    background-position: 0 0;
    background-size: cover
}

.popUp ul li.check .remember {
    cursor: pointer
}

.popUp ul li.check .m-check-pos {
    background-position: 0 -91px
}

.popUp .btn {
    width: 245px;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    background: #fa466e;
    color: #fff;
    font-size: 18px;
    line-height: 40px
}

.popUp .btn:hover {
    background: #f36282;
    cursor: pointer
}

.m-msg {
    width: 460px;
    height: 450px;
    background: #fff;
    position: fixed;
    top: 230px;
    left: 50%;
    margin-left: -230px;
    z-index: 100
}

.m-msg .m-tit {
    width: 100%;
    height: 70px;
    line-height: 80px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #505050
}

.m-msg ul li {
    padding-left: 40px;
    margin-bottom: 15px;
    line-height: 40px
}

.m-msg ul li span {
    width: 56px;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 10px
}

.m-msg ul li input {
    width: 245px;
    height: 40px;
    padding-left: 10px;
    float: left
}

.m-msg ul li .code {
    width: 123px
}

.m-msg ul li .code-wap {
    width: 110px;
    height: 40px;
    margin-left: 12px;
    background: #fc0;
    text-align: center
}

.m-msg ul li .checkbox {
    width: 14px;
    height: 14px;
    margin-top: 13px;
    margin-right: 5px
}

.m-msg ul li .tap {
    float: left
}

.m-msg ul li .tap .people {
    cursor: pointer
}

.m-msg ul li .tap .men {
    float: left;
    margin-right: 14px;
    margin-left: 4px
}

.m-msg ul li .tap .women {
    float: left
}

.m-msg ul li .tap .quan {
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    background: #eee;
    float: left;
    margin-top: 13px;
    margin-right: 3px;
    border-radius: 50%
}

.m-msg ul li .tap .change {
    border: 3px solid #f36282;
    background: #fff
}

.m-msg ul li .tap .peop {
    float: left
}

.m-msg ul li .color {
    color: #f36282
}

.m-msg ul li .passname {
    width: 135px;
    float: left
}

.m-msg ul li.check {
    width: 245px;
    margin: -20px auto 0 auto;
    padding-left: 0
}

.m-msg ul li.check span {
    width: 56px;
    float: left
}

.m-msg ul li.check .miss {
    float: right
}

.m-msg .btn {
    width: 245px;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    background: #fa466e;
    color: #fff;
    font-size: 18px;
    line-height: 40px
}

.m-msg .btn:hover {
    background: #f36282;
    cursor: pointer
}

.m-reg,.m-reg2 {
    width: 460px;
    height: 440px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -230px;
    margin-top: -220px;
    z-index: 100
}

.m-reg .m-tit,.m-reg2 .m-tit2  {
    width: 100%;
    height: 70px;
    line-height: 80px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #505050
}

.m-reg ul li,.m-reg2 ul li {
    padding-left: 40px;
    margin-bottom: 15px;
    line-height: 40px
}

.m-reg ul li span,.m-reg2 ul li span {
    width: 56px;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 10px
}

.m-reg ul li span.radio-box{
    width:20px;
    height:20px;
    background:url(../../../publicPc/images/rar.jpg) no-repeat;
    margin-top:13px;
    margin-right: 2px;
}
.m-reg ul li span.radio-box.sel{
    background:url(../../../publicPc/images/dio.jpg) no-repeat;
}

.m-reg ul li .radio-box>input,.m-reg2 ul li .radio-box>input{
    opacity: 0;
}

.m-reg ul li input,.m-reg2 ul li input {
    width: 245px;
    height: 40px;
    padding-left: 10px;
    float: left
}

.m-reg ul li .code,.m-reg2 ul li .code2 {
    width: 123px
}

.m-reg ul li .code-wap,.m-reg2 ul li .code-wap2 {
    width: 110px;
    height: 40px;
    margin-left: 12px;
    background: #fc0;
    text-align: center;
    cursor: pointer;
}

.m-reg ul li .checkbox {
    width: 14px;
    height: 14px;
    margin-top: 13px;
    margin-right: 5px
}

.m-reg ul li .tap {
    float: left
}

.m-reg ul li .tap .men {
    float: left;
    margin-right: 14px;
    margin-left: 4px
}

.m-reg ul li .tap .women {
    float: left
}

.m-reg ul li .tap .quan {
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    background: #eee;
    float: left;
    margin-top: 13px;
    margin-right: 3px;
    border-radius: 50%
}

.m-reg ul li .tap .change {
    border: 3px solid #f36282;
    background: #fff
}

.m-reg ul li .tap .peop {
    float: left
}

.m-reg ul li .color {
    color: #f36282
}

.m-reg ul li .passname {
    width: 135px;
    float: left
}

.m-reg ul li.check {
    width: 245px;
    margin: -20px auto 0 auto;
    padding-left: 0
}

.m-reg ul li.check span {
    width: 56px;
    float: left
}

.m-reg ul li.check .miss {
    float: right
}

.m-reg .btn,.m-reg .js-reg {
    width: 245px;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    background: #fa466e;
    color: #fff;
    font-size: 18px;
    line-height: 40px
}

.m-reg .btn:hover,.m-reg .js-reg:hover {
    background: #f36282;
    cursor: pointer
}
.m-close,.m-close2 {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 14px;
    height: 14px;
    background: url('../../../publicPc/images/close.png') no-repeat;
    cursor: pointer;
}
.m-getPassword {
    width: 460px;
    height: 330px;
    display: none;
    background: #fff;
    position: fixed;
    top: 230px;
    left: 50%;
    margin-left: -230px;
    z-index: 100
}

.m-getPassword .m-t it {
    width: 100%;
    height: 70px;
    line-height: 80px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #505050
}

.m-getPassword ul li {
    padding-left: 36px;
    margin-bottom: 15px;
    line-height: 40px
}

.m-getPassword ul li span {
    width: 63px;
    display: inline-block;
    float: left;
    text-align: right;
    margin-right: 10px
}

.m-getPassword ul li input {
    width: 245px;
    height: 40px;
    padding-left: 10px;
    float: left
}

.m-getPassword ul li .code {
    width: 123px
}

.m-getPassword ul li .code-wap {
    width: 110px;
    height: 40px;
    margin-left: 12px;
    background: #fc0;
    text-align: center
}

.m-getPassword ul li .checkbox {
    width: 14px;
    height: 14px;
    margin-top: 13px;
    margin-right: 5px
}

.m-getPassword ul li .tap {
    float: left
}

.m-getPassword ul li .tap .men {
    float: left;
    margin-right: 14px;
    margin-left: 4px
}

.m-getPassword ul li .tap .people {
    cursor: pointer
}

.m-getPassword ul li .tap .women {
    float: left
}

.m-getPassword ul li .tap .quan {
    width: 15px;
    height: 15px;
    border: 1px solid #666;
    background: #eee;
    float: left;
    margin-top: 13px;
    margin-right: 3px;
    border-radius: 50%
}

.m-getPassword ul li .tap .change {
    border: 3px solid #f36282;
    background: #fff
}

.m-getPassword ul li .tap .peop {
    float: left
}

.m-getPassword ul li .color {
    color: #f36282
}

.m-getPassword ul li .passname {
    width: 135px;
    float: left
}

.m-getPassword ul li.check {
    width: 245px;
    margin: -20px auto 0 auto;
    padding-left: 0
}

.m-getPassword ul li.check span {
    width: 56px;
    float: left
}

.m-getPassword ul li.check .miss {
    float: right
}

.m-getPassword .btn {
    width: 245px;
    margin: 0 auto;
    height: 40px;
    text-align: center;
    background: #fa466e;
    color: #fff;
    font-size: 18px;
    line-height: 40px
}

.m-getPassword .btn:hover {
    background: #f36282;
    cursor: pointer;
}