/*
login
yanggang
*/
body{background-color: #ef2216;}
.login-wrap{ position: relative; top: -1.7rem; width: 100%; max-width: 750px; margin: 0 auto; padding: .6rem .4rem 0 .4rem; box-sizing: border-box;  left: 0rem;padding-top: 0rem;}
.login-wrap h2{ height: 1rem; line-height: 1rem; font-size: .6rem; color: #333;}
.login-m-a{ padding: .2rem 0; position: relative; }
.login-btn-a{background: linear-gradient(0deg, #FFD9BA 0%, #FEF9F5 100%);
    border-radius: 49px; margin-top: 0.2rem; display: block; width: 100%; height: 1rem; line-height: 1rem;  text-align: center; font-size: .32rem; color: #C60D0B; border-radius: 1rem; }
.login-agree{ width: 100%; color: #999999; font-size: .24rem; margin: .4rem auto; text-align: center; }
.login-agree a{ color: #ff4070; }
.login-btn-a.ash{ background: #FF4070; }
.login-btn-a.hide{ display: none; }
.login-inpt-a,
.login-inpt-b{ box-sizing: border-box; border-radius: 0.6rem; overflow: hidden; width: 100%; height: .96rem; line-height: .6rem; padding: .2rem 0; border-bottom: 1px solid #eee; color: #333; font-size: .32rem;padding-left: 0.54rem; }
.login-clear-a{ display: block; width: .4rem; height: .4rem; line-height: .4rem; border-radius: .4rem; background: #ccc; text-align: center;font-size: .36rem; color: #fff; position: absolute; z-index: 11; top: 0.5rem; right: 0.2rem;}
.loginIsAgreement{ padding: .2rem 0; text-align: center; font-size: .24rem; color: #FFB9B5; }
.loginIsAgreement a{ color: #FFFFFF; }
.login-m-b{ position: relative; background-color: #fff;border-radius: 0.6rem;}
.login-m-b p{ padding: .2rem 0 .3rem 0; font-size: .24rem; color: #666; }
.loginPushCodes{ width: 30%;
    text-align: center;
    font-size: .3rem;
    position: absolute;
    right: 1%;
    z-index: 11;
    cursor: pointer;
    box-sizing: border-box;
    color: #000;
    opacity: 0.6;
    line-height: 0.96rem;
}
.loginPushCodes.actives{ color: #000; }
.login-msc-p{ width: 100%; height: .8rem; line-height: .8rem; }

.login-ms-inpta{ display: inline-block; width: 50%; padding: .1rem; line-height: .6rem; font-size: .3rem; color: #333; box-sizing: border-box;text-align: left; }
.login-im-code{ display: inline-block; width: 36%; height: .8rem; line-height: .8rem; padding-left: 3%; text-align: center; }
.login-im-code img{ width: 100%; height: 100%; }
.login-msc-p i {font-size: 0.5rem;margin-right: 0.3rem;}
.shopset-msc-p{ width: 100%; height: .8rem; line-height: .8rem; box-sizing: border-box; padding: 0 .1rem; }
.shopset-msc-p .name-input{ width: 100%; height: 100%; display: block; padding: 0 .2rem; box-sizing: border-box; border: .01rem solid #ccc; border-radius: .1rem; }
.hide{ display: none; }
.bannerWrap {
    width: 100%;
}
.bannerWrap img {
    width: 100%;
}
.login-inpt-a::-webkit-input-placeholder {
    color: #C0B9B8;
}
.login-inpt-b::-webkit-input-placeholder {
    color: #C0B9B8;
}
.login-inpt-b { 
    width: 70%;
}
.listWrap {
    margin-top: 0.2rem;
    padding: 0rem 0.2rem;
    position: relative;
    margin-top: -1.7rem;
}
.listTitle {
    background-image: url("../images/index/list1.jpg");
    background-size: 100% 100%;
    padding: 0.3rem;
}
.title {
    color: #000000;
    font-size: 0.3rem;
    font-weight: bold;
}
.titleTime {
    color: #000000;
    font-size: 0.2rem;
    margin-top: 0.1rem;
}
.listBody {
    background-image: url("../images/index/list2.jpg");
    background-size: 100% 100%;
    padding: 0.2rem;
    overflow: hidden;
    height: 3rem;
    
}
.listScr {
    /* padding-left: 0.8rem; */
    overflow: hidden;
    /* overflow-y: scroll; */
}
.listScr li {
    color: #000000;
    font-size: 0.24rem;
    line-height: 0.6rem;
    text-align: center;
}
.alertWrap {
    display: none;
}
.bgWrap {
    position: fixed;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background-color: rgba(000, 000, 000, 0.6);
    z-index: 10;
}
.alertBody {
    background-image: url("../images/index/alertBg.png");
    background-size: 100% 100%;
    width: 5rem;
    height: 7.21rem;
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    margin-left: -2.5rem;
    transform: translateY(-50%);
    padding: 0.8rem 0.3rem;
    box-sizing: border-box;
    padding-top: 2.29rem;
}
.ruleBody {
    background-image: url("../images/index/rulebg.png");
    background-size: 100% 100%;
    width: 5.53rem;
    height: 7.21rem;
    position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    margin-left: -2.76rem;
    transform: translateY(-50%);
    padding: 0.8rem 0.5rem;
    box-sizing: border-box;
}
.ruleTitle {
    font-size: 0.36rem;
    text-align: center;
    color: #fff;
}
.ruleFont {
    color: #fff;
    font-size: 0.22rem;
    overflow: hidden;
    line-height: 0.3rem;
    height: 4.8rem;
    overflow-y: scroll;
}
.ruleClose {
    position:absolute;
    bottom: 0.2rem;
    left: 43%;
    color: #fff;
    font-size: 0.5rem;
    padding: 0rem 0.2rem;
}
.alertFont {
    margin-top: 0.68rem;
}
.alertFont p {
    font-size: 0.3rem;
    color: #fff;
    text-align: center;
}
.alertBtn {
    position: absolute;
    z-index: 11;
    bottom: 1rem;
    left: 50%;
    width: 4rem;
    margin-left: -2rem;
    height: 0.8rem;
    text-align: center;
    font-size: 0.34rem;
    color: #C60D0B;
    background: linear-gradient(0deg, #FFD9BA 0%, #FEF9F5 100%);
    border-radius: 0.98rem;
    line-height: 0.8rem;
}
.ruleBtn {
    position: absolute;
    right: 0.48rem;
    top: 0.3rem;
    z-index: 6;
    color: #262626;
    font-size: 0.26rem;
}
.moreAct {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 0.3rem;
}