@charset "utf-8";
/* CSS Document */
.main{
    width: 100%;
    margin: 0 auto;
}
.main .item {
    /* position: relative;
    margin-left: 27px;
    margin-right: 38px;
    height: 55px;
    margin-top: 15px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(240,240,240,1); */
    border-bottom: 1px solid rgba(240,240,240,1);
}
.main .item-btns, .main .item-wx, .main .item-fpwd {
    border: none;
}
.main .item .err-msg {
    font-size: 13px;
    color: #f25454;
}
.main .item .txt-input {
    line-height: 0.4rem;
    /* padding: 10px; */
    border: none;
    /* background: #fff; */
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: 500;
    color: rgba(153,153,153,1);
    height: 1.27rem;
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
}
.main .item .txt-username{ float:right ;width:80%}
.main .item .txt-password{float:right ;width:80%}
.main .item .txt-birthday{float: right;width: 80%;}
.main .item-username{margin-bottom: 10px;}
.main .item i
{
    position:absolute; 
    width: 12%; 
    height: 1.27rem;
    line-height:1.27rem;  
    font-size:15px; 
    z-index:2;    
    color: rgba(26,26,26,1); 
    }
.main .item-fpwd    
{
    /* margin-bottom: 20px; */
    padding: 0.2rem 0 0.4rem 0;
    text-align: right;
    /* margin-top: 15px; */
}
.main .item-fpwd .fpwd{font-size:14px; color:#808080;}
.main .item-btns .btn-login{
    display:inline-block;
}
.main .other-login-split {
    margin-top: 2.5rem;
    padding: 0 0.62rem;
}
.main .other-login-split .other-login-line {
    display: inline-block;
    height: 1px;
    width: 28%;
    border-bottom: 1px solid #dedede;
}
.main .item-btns .norml-login{float:right;}
.main .item:after { display: block; content:""; clear:both;}
.main .item .txt-wx{border-radius:5px; display:block;}
.main .item-wx i{color:#57c539; font-size:36px;}
.main .item .labq{color:#515151; font-size:17px;}
.main .item-wx i.jt{color:#c5c5c5; right:10px; left:auto; font-size:18px; }
.regMain {padding: 0 0.62rem; background-color: #fff;}
.regMain .item{margin-bottom:1px;}
.regMain .item-tips{margin-bottom:10px;}
.regMain .item .txt-username{border-radius:0px;}
.regMain .item .txt-password{border-radius:0px;}
.main .item-verifyCode {margin-bottom:80px;}
.main .item-btns .btn-login-m48{width:48%;}
/*.main .item-verifyCode .txt-input{padding-right:125px;}*/
.main .item-verifyCode .vrfBtn{position:absolute; right:0.62rem; top:0; height:1.27rem; font-size:14px;  line-height:1.27rem; color:rgba(245,65,82,1); border-radius: 40px;}
.main .item-verifyCode .vrfBtn.disabled{background:#a6a6a6;}
.main .item-wxbdSuccess{margin-bottom:0px;}
.main .item-wxbdSuccess .txt-input{height:160px;}
.wxbdMain{padding-top:0px;}
.wxbdMain .item-verifyCode{margin-bottom:10px;}
.wxbdMain .item-tips{margin-bottom:20px;}
.wxbdMain .item-btns{
    position: relative;
    margin-top: 0.12rem;
    vertical-align: middle;
    text-align: center;
}
.main .item-wxzh{margin-bottom:1px;}
.main .item-wxzh .labq{margin-left:0px;}
.main .item-wxzh .ml12{margin-left:12px;}
.main .item-wxzh .color808080{color:#808080;}
.main .item-wxzh .colora80c20{color:#f63a5b;}
.main .wxbdTips{font-size:18px; line-height:44px; text-align:center; color:#808080;}
.main .wxbdIcon{ height:100px; text-align:center; line-height:100px; color:#f63a5b; font-size:60px;}

.radioIcon {
    position: absolute;
    height: 60px;
    line-height: 40px;
        float: left;
        width: 25%;
    }
.check{
    position: absolute;
    right: -30px;
    top: 5px;
    background: url(../image/my/sexcheck.png) no-repeat;
    display: block;
    height: 30px;
    width: 30px;
    background-size: 60% !important;
    z-index: 10;
}
.content-wraper{
    background:rgba(255,255,255,1);
    padding-bottom: 0.5rem;
}
.header-back{
    padding:0.5rem 0.28rem;
    font-size:0.34rem;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
    border-bottom: 0.02rem solid #ccc;
    background:rgba(255,255,255,1);
}
.register-item{
    width: 6.15rem;
    margin: 0 auto;
    height: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 0.02rem solid #ccc;
}
.register-item:last-child{
    border: none;
}
.init{
    font-size:0.28rem;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(26,26,26,1);
    padding: 0 0.2rem;
    width: 0.6rem;
}
.register-item input{
    height: 1rem;
    border: none;
    background: none;
    padding: 0.1rem;
    width: 2.5rem;
    font-size:0.28rem;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(153,153,153,1);
    }
    .register-item .inputText{
       width: 3.5rem; 
    }
.register-item .btn{
    font-size:0.26rem;
    font-family:PingFang SC;
    font-weight:500;
    color:rgba(51,51,51,1); 
    border: none;
    background: none;
}
.register-item .sex-icon-container{
    width: 3rem;
    display: flex;
    justify-content: space-around;
}
.register-item .sex-icon{
    width: 0.98rem;
    height: 0.98rem;
    position: relative;
}
.register-item .checked{
    display: none;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    right: 0;
    top: 0;
}
.register-item .checked img{
    width: 100%;
    height: 100%;
}
.register-item .sex-icon img{
    width: 100%;
    height: 100%;
}
.item-btns{
    /* width: 5.8rem; */
    /* height: 0.76rem; */
    /*margin-top: 0.99rem;*/
    padding: 0 0.62rem;
}
.submit-btn{
    width:5.8rem;
    height:0.76rem;
    background:linear-gradient(-83deg,rgba(253,104,71,1),rgba(245,65,82,1));
    border-radius:0.38rem;
    text-align: center;
    color:rgba(255,255,255,1);
    line-height: 0.76rem;
    margin: 1rem auto 0;
}
.login-main {
    padding: 0 0.62rem;
    background-color: #fff;
    margin-bottom: 0.99rem;
}
.item-btns .btn-login.fl {
    background: transparent;
    border: 1px solid rgba(245,65,82,1);
    color: rgba(245,65,82,1);
}
.main .reg-item-btns {
    padding: 0;
}
.main .item-wx {
    margin-top: 0.35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main .noticediv{
    font-size: 15px;
    /*margin-top: 0.99rem;*/
    /*justify-content: center;*/
        padding-left: 5%;
            padding-bottom: 0.5rem;
}
.main .coupon-inner-div {
    width: 0.4rem;
    height: 0.4rem;
    background-color: white;
    border-radius: 50%;
    margin-right: 0.2rem;
    border: 0.5px solid;
    border-color: #948e8e;
}

.main .coupon-select-div {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin-right: 0.12rem;
    justify-content: space-between;
}
.main .coupon-select-div img {
    width: 0.2rem;
    height: 0.2rem;
}
.main  .coupon-select-divno {
    background: linear-gradient(90deg,rgba(253, 111, 104, 1),rgba(253, 52, 58, 1));
    border: none;
}
.main #shownotice{
    font-size: 15px;
    color: blue;
}
.main .shade-style {
        width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
.main .link-c-s-pop {
            width: 90%;
    /* left: 5%; */
    height: 8.4rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.2rem 0.2rem 0px 0px;
    left: 5%;
    bottom: 2rem;
    position: absolute;
    z-index: 15;
    border-radius: 0.1rem;
}
.main  #noticeinfo {
    width: 100%;
    height: 7.4rem;
    overflow: auto;
    border-radius: 0.1rem;
    padding: 0.15rem;
}
.main  .vip-card-ok-button {
           width: 6.72rem;
    height: 0.8rem;
    /* background: linear-gradient(
 -83deg,
 rgba(253, 104, 71, 1),
 rgba(245, 65, 82, 1)
 ); */
    /* border-radius: 0.4rem; */
    font-size: 0.3rem;
    font-family: PingFang SC;
    font-weight: 500;
    /* color: rgba(255, 255, 255, 1); */
    text-align: center;
    line-height: 0.8rem;
    margin: 0.1rem;
    cursor: pointer;
    /* margin-left: 0.1rem; */
    margin-left: -3.37rem;
    /* border-bottom: 1px solid; */
    border-top: 1px solid;
    border-top-color: #f0e5e5;
    color: rgba(245, 65, 82, 1);
}
.main  .flex-style-1 {
    justify-content: flex-start;
    /* display: flex; */
    /* width: 95%; */
    display: -webkit-inline-box;
}
.main  .flex-style-2 {
        width: 4rem;
}