* {
    margin: 0 auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

*::-webkit-scrollbar {
    display: none;
}

body {

    scrollbar-width: none;
    background-image: url(../img/bg/bgbig.jpg);
    background-repeat: no-repeat;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    background-size: cover;
    width: 100%;
}

.b {

    margin: 0;
    padding: 0;
}

.bg {
    background: url(../img/bg/head.jpg) no-repeat;
    background-size: 100% auto;
    height: 56.5rem;
}

.bg2 {

    /* background-repeat: no-repeat; */
    background-size: contain;
    width: 100%;
    /* height: 100%; */
    text-align: center;
    margin-bottom: 1rem;

}

.logo a img {
    width: 9rem;
    height: 4.625rem;
}

.Login {
    min-width: 100%;
    height: 4.625rem;
    line-height: 4.625rem;
    text-align: right;
    color: #630000;
    font-size: 1rem;

}

.Login a {
    color: #630000;
    font-size: 1rem;
}

.title {
    padding: 2rem 0 0;
    text-align: center;
    position: absolute;
    top: -4.1rem;
    left: 30%;
}

.title img,
.title1 img {
    width: 26.375rem;
    height: 7.125rem;
}

.act {
    width: 75rem;
    margin: 0 auto;
}


.actText {
    color: #692e00;
    font-size: 1rem;
    margin-top: 1.5rem;
}

.actTextb {
    margin-top: 3rem;
    color: #fff4cb;
    font-size: 1rem;
}
.bb{
    margin: 1.5rem 0 !important ;
}
.text2 {
    color: rgb(255, 123, 0);
}

.red {
    color: #fc7100;
}

.color1 {
    color: #920000;
}

.fontSize {
    font-size: 1.5rem;
}

.act1 {
    box-sizing: border-box;
    background: url(../img/bg/bg1.png) no-repeat;
    background-size: 100% 100%;
    width: 68.0625rem;
    min-height: 60.3125rem;
    padding: 5rem 6rem;
    position: relative;


}

.act2 {
    box-sizing: border-box;
    background: url(../img/bg/bg2.png) no-repeat;
    background-size: 100% 100%;
    width: 68.0625rem;
    min-height: 60.3125rem;
    padding: 5rem 6.25rem;
    position: relative;


}

.act1btn {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.num1 {
    color: #fcac00;
}



.actbtn {
    margin-top: 1rem;
    position: relative;
}

.actbtn img,
.act1btn img {
    width: 14.0625rem;
    height: auto;
}


.bj2-1 {
    background-image: url(../img/zp/zhuanpanBg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 46.44rem;
    height: 32.9375rem;
    margin: 0 auto;
}

.boder {
    width: 43.375rem;
    height: 100%;
    margin: 1.5rem auto;
    text-align: center;

}

.boder1 {
    width: 43.375rem;
    height: 22.9375rem;
    margin: 0 auto;
    text-align: center;
    padding-top: 4.5rem;
}

.start1 {
    width: 10.625rem;
    min-height: 4.1rem;
    margin: 1rem auto;
    cursor: pointer;
    transition: all 0.1s;
}

.start1:hover {
    opacity: 0.9;
}

.start1 img {
    width: 10.625rem;
    height: 4.1rem;
}

.bonus1 {
    box-sizing: content-box;
    background-color: rgba(248, 248, 248, 0.5);
    background: url(../img/zp1/chjbg.png);
    background-size: 100% 100%;
    width: 13.8rem;
    height: 7.9375rem;
    margin: 0.3rem;
    padding-top: 1rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bolder;
}

.bonus {
    box-sizing: content-box;
    width: 8.125rem;
    height: 6.75rem;
    z-index: 176;
    background-image: url(../img/zp/zhuanpanItems.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    font-size: 1.5rem;
    font-weight: bolder;
    padding-top: 1rem;
}

.bonus_red {
    color: #871f0b;
    transition: color 0.5s ease;
}

.boder1 .bonus_grey {
    color: red;
    background-image: url(../img/zp/zhuanpanActive.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 10.5rem;
    height: 6.75rem;
}

.dj {
    background-image: url(../img/zp/kscj.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 8.5rem;
    width: 17.6875rem;
    color: #f50303;
    font-size: 4rem;
    line-height: 8.563rem;
    cursor: pointer;
    margin: 0 auto;
    transition: all 0.1;
}

.dj:hover {
    opacity: 0.7;
}

.top {
    margin: 1rem 0;
    display: flex;
    align-items: center;
}

.num2 {
    color: #fff4cb;
}

.div1 {
    height: 4rem;
}

.div2 {
    height: 15rem;
}

.jstext {
    margin: 4rem auto 8rem;
    font-size: 1rem;
    color: #d3a500;
}

.title1 {
    position: absolute;
    top: -1rem;
    left: 30%;
}

.boder .bonus_grey {
    background: url(../img/zp1/zdbg.png) no-repeat;
    background-size: 100% 100%;
    width: 13.8rem;
    height: 7.9375rem;

}

.boder .bonus_grey .num1 {
    color: rgb(255, 244, 215);
}

.boder .bonus_grey .num2 {
    color: #ffd374;
}

.glcxbox {
    /* position: relative; */
    cursor: pointer;
}

.glcxtext {
    display: none;
    padding: 10px;
    /* border: 1px solid rgb(255, 231, 163); */
    background-color: #ca8b02;
    color: #ffffff;
    position: absolute;
    top: -3.5rem;
    left: 6%;
    z-index: 1;
    border-radius: 5px;
    font-size: 1rem;
}

.glcxtext1::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: #ca8b02;
    bottom: -0.5rem;
    left: 48%;
    transform: rotate(45deg);
}
.glcxtext2::after {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1rem;
    background-color: #ca8b02;
    bottom: -0.5rem;
    left: 65%;
    transform: rotate(45deg);
}

.glcxbox:hover .glcxtext {
    display: block;
}

.duiLayer {
    width: 400px;
    background: #fff;


}

.duiLayer .duiTitle {
    box-sizing: border-box;
    position: relative;
    width: 400px;
    height: 60px;
    background: url(../img/malllayer.png) no-repeat;
    padding-top: 30px;
    text-align: center;
    background-size: 100% 100%;
}

.duiLayer .titleshop {
    font-size: 14x;
    color: rgb(83, 1, 1);
}

.duiLayer .red {
    color: #ff1e00;
}

.duiLayer .red1 {
    color: #ff9100;
}

.duiLayer .shopbox {
    color: #ffc400;

}

.duiLayer .duihfont {
    min-height: 80px;

}

.duiLayer .layerbtn {
    text-align: center;
    margin-bottom: 10px;
}

.duiLayer .close {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    padding: 0 3px;


}

.duiLayer .close i {
    font-size: 20px;
}

.duiLayer .close:hover {
    background: linear-gradient(#ffd900, #fffff6);
}

.duiLayer .bgcolor {
    background: #cccccc;
}

.duibox {
    padding: 15px;
    box-sizing: border-box;

}