body {
    background-color: #F02217;
    padding-bottom: 1rem;
}
.bannerWrap {
    width: 100%;
    position: relative;
}
.bannerWrap img {
    width: 100%;
}
.goBtn {
    position: absolute;
    bottom: 2rem;
    right: 0.5rem;
    width: 3.3rem;
    height: 1.8rem;
    z-index: 5;
}
.goBtn1 {
    position: absolute;
    bottom: 0rem;
    right: 0.5rem;
    width: 3.3rem;
    height: 1.8rem;
    z-index: 5;
}
.ruleWrap {
    background-color: rgba(000, 000, 000, 0.6);
    position: absolute;
    right: 0rem;
    top: 0.2rem;
    z-index: 6;
    padding: 0.1rem 0.2rem;
    color: #fff;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.infoWrap {
    padding: 0.22rem 0.2rem;
    background-image: url("../images/index/bg.jpg");
    background-size: 100% 100%;
    width: 100%;
    box-sizing: border-box;
}
.infoItem {
    justify-content: space-around;
    align-items: center;
    padding: 0.16rem 0.4rem;
}
.infoIcon {
    width: 0.58rem;
    height: 0.58rem;
    margin-right: 0.24rem;
}
.infoIcon img {
    width: 100%;
    height: 100%;
}
.infoReg {
    color: #000000;
    font-size: 0.2rem;
}
.infoMx {
    font-size: 0.26rem;
    color: #000000;
}
.infoMx span {
    color: #D93232;
    font-size: 0.36rem;
}
.infoRight {
    width: 2.2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 0.28rem;
}
.infoRight.off {
    background-image: url("../images/index/btnOff.png"); 
    height: 0.7rem;
    line-height: 0.7rem;
}
.infoRight.on {
    background-image: url("../images/index/btnOn.png"); 
}
.infoRight.onR {
    background-image: url("../images/index/btnROn.png"); 
}

.listWrap {
    margin-top: 0.2rem;
    padding: 0rem 0.2rem;
}
.listTitle {
    background-image: url("../images/index/list1.jpg");
    background-size: 100% 100%;
    padding: 0.3rem;
    position: relative;
}
.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 {
    overflow: hidden;
    /* overflow-y: scroll; */
}
.listScr li {
    color: #000000;
    font-size: 0.24rem;
    line-height: 0.6rem;
    text-align: center;
}
.ruleAlertWrap {
    display: none;
}
.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;
    line-height: 0.4rem;
}
.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%);
    /* box-shadow: 1px 2px 3px 0px rgba(136, 7, 0, 0.39), 2px 2px 3px 0px #FFFFFF, -1px -3px 3px 0px #ECA568; */
    border-radius: 0.98rem;
    line-height: 0.8rem;
}
.infoMargin {
    margin-top: 0.2rem;
}
.InfoTips {
    text-align: center;
    font-size: 0.2rem;
    color: #000000;
    opacity: 0.4;
}
.moreAct {
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 0.3rem;
}
.ruleBtn {
    position: absolute;
    right: 0.48rem;
    top: 0.5rem;
    z-index: 6;
    color: #262626;
    font-size: 0.26rem;
}
.goBtn2 {
    position: absolute;
    bottom: 4rem;
    right: 0.5rem;
    width: 1.6rem;
    height: 0.5rem;
    z-index: 5;
}
.wxShareWrap {
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.wxBody img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 21;
}
.wxIKnow {
    width: 3rem;
    height: 1rem;
    position: absolute;
    top: 3.6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 22;
}
.closeAlert {
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    color: #fff;
    font-size: 0.4rem;
    transform: translateX(-50%);
}