.page {
    background-color: #CCEAFF;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.blackFriday2022Preheat {
    /*display: none;*/
    padding-bottom: 100px;
}

.blackFriday2022End {
    display: none;
    padding-bottom: 70px;
}


.group_39 {
    position: relative;
    width: 100%;
    min-height: 1000px;
}

.maxWid {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}


.group_7 {
    width: 100%;
    height: 569px;
    background: url("../../../images/pc/activity/black2022/landingBg.png") top no-repeat;
    background-size: contain;
    padding-bottom: 754px;
}
.thanniversary_top_item {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.text_28 {
    overflow-wrap: break-word;
    color: rgba(255, 210, 133, 1);
    font-size: 50px;
    white-space: nowrap;
    line-height: 54px;
    text-align: left;
    padding: 50px 0 20px 190px;
}

.text-wrapper_5 {
    border-radius: 27px;
    font-size: 26px;
    font-weight: 400;
    color: #FFD285;
    line-height: 30px;
    text-align: left;
    padding-left: 190px;
}
.text-wrapper_5 span{
    /*color: #FF5306;*/
}
.text_29 {

}
.block_4_border{
    background: #FFF5E7;
    position: absolute;
    left: 0;
    top: 0;
    width: 551px;
    height: 540px;
    z-index: 1;
    border-radius: 0 70% 70% 0;
    border-right: 2px solid #F7D6AA;
}
.group_8 {
    height: 301px;
    width: 100%;
    position: relative;
    margin: 20px 0 95px 0;
}

.group_8 .block_3_cart {
    position: absolute;
    right: 0;
    width: 280px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 40px;
    top: -74px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 31px 0 22px;
    background: url(../../../images/pc/activity/black2022/linear.png) no-repeat;
    background-size: 280px 80px;
    background-color: #fff;

}

.block_3_left {
    width: 103px;
    height: 52px;
}

.block_3_left img {
    height: 100%;
    width: 100%;
}

.block_3_right {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.block_3_right span {
    font-size: 12px;
    color: #008750;
}


.block_3_right span:nth-child(1) {
    font-size: 14px;
    font-weight: 600;
    color: #1C201E;
    margin-bottom: 8px;
}


.text_31 {
    width: 376px;
    height: 35px;
    overflow-wrap: break-word;
    color: rgba(139, 93, 15, 1);
    font-size: 32px;
    text-align: left;
    white-space: nowrap;
    line-height: 35px;
}


.block_4 {
    border-radius: 24px;
    height: 540px;
    width: 1200px;
    position: absolute;
    top: 16px;
    display: flex;
    overflow: hidden;
    background: #FFFBF6;
    box-shadow: 0px 4px 16px 0px #E4EEE9;
}

.block_4_left {
    display: flex;
    align-items: center;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}


.wheelcanvas {
    height: 422px;
    width: 422px;
    margin: 0 auto;
}

.block_4_right {
    width: 600px;
    padding: 60px 50px 0 50px;
    display: flex;
    justify-content: space-between;
}

.centerLogo {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 78px;
    display: none;
}

.block_4_pointer {
    position: absolute;
    width: 40px;
    top: 46px;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}


.block_4_right_left {
    /*width: 400px;*/
    /*height: 400px;*/
}


.block_4_right_right {
    width: 80px;
    position: absolute;
    right: 10px;
    background: #FFFBF6;
    border-radius: 80px;
    top: 66px;
    margin: auto 0;
    height: 380px;
}

.block_4_right_right ul {
    list-style: none;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
}

.block_4_right_right ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 50px;
    cursor: pointer;
    position: relative;
    margin-bottom: 42px;
}


.iphone {
    width: 35px;
    height: 35px;
    display: block;
}

.common_animate {
    animation-duration: 1.6s;
    animation-fill-mode: both;
    animation-name: buzz-out;
    animation-iteration-count: infinite;
    transform-origin: center bottom;
    cursor: pointer;
}

@-webkit-keyframes buzz-out {
    0%, 100%, 20%, 50%, 80% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060);
        transform: translate3d(0, -10px, 0);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -5px, 0);
    }
    90% {
        transform: translate3d(0, -2px, 0);
    }
}

.border-top-f1 {
    border-top: none !important;
    width: 1200px;
    margin: 20px auto 0;
}

.deals_list {
    width: 1200px;
    margin: 20px auto 0;
    background: #fff;
    box-shadow: 0px 4px 16px 0px #E4EEE9;
    border-radius: 24px;
    padding: 0 30px;
}

.deals_list_title {
    padding: 30px 0 18px;
    font-size: 26px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
}

.deals_list_main {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.deals-main-item {
    margin-bottom: 46px;
    width: 197px;
    margin-right: 38px;
    box-shadow: 0px 3px 5px 0px rgba(18, 23, 21, 0.18);
    border-radius: 5px;
    padding: 0 0 14px 12px;
}

.deals-main-item:nth-child(5n) {
    margin-right: 0;
}


.right {
    justify-content: right;
}

.block_4_right_right ul li span {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    margin-top: 8px;
    color: #1C201E;
}

.block_4_right_right ul li .f-moreSpins {
    position: absolute;
    right: -2px;
    height: 15px;
    width: 15px;
    background: #FF5306;
    color: #fff;
    border-radius: 15px;
    top: -10px;
    text-align: center;
    line-height: 15px;
}


.clause-btn {
    width: 60px;
    height: 20px;
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 2;
}

.clause-btn a {
    color: rgba(0, 135, 80, 1);
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}

.clause-btn a:hover {
    text-decoration: underline !important;
}

.box_35 {
    width: 440px;
    position: relative;
}

.text-wrapper_8 {
    width: 440px;
    height: 160px;
    background: #FFF5E7;
    border-radius: 16px;
}

.text-wrapper_9 {
    position: absolute;
    min-width: 300px;
    height: 30px;
    display: flex;
    background: #fff;
    border-radius: 30px;
    left: 50px;
    top: -15px;
    line-height: 30px;
    font-size: 14px;
}

.text-wrapper_9_left {
    width: 77px;
    height: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}

.text-wrapper_9_right {
    padding: 0 10px;
    color: #8B5D0F;
}


.text-wrapper_3 {
    margin: 30px auto 0;
}

.text_20 {
    width: 223px;
    height: 31px;
    overflow-wrap: break-word;
    color: rgba(28, 32, 30, 1);
    font-size: 22px;
    font-family: PingFangSC-Regular;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_21 {
    width: 223px;
    height: 31px;
    overflow-wrap: break-word;
    color: rgba(0, 135, 80, 1);
    font-size: 22px;
    font-family: SourceSansPro-Regular;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_22 {
    width: 223px;
    height: 31px;
    overflow-wrap: break-word;
    color: rgba(0, 135, 80, 1);
    font-size: 24px;
    font-family: SourceSansPro-SemiBold;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_23 {
    width: 223px;
    height: 31px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 22px;
    font-family: SourceSansPro-SemiBold;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_91 {
    width: 223px;
    height: 31px;
    overflow-wrap: break-word;
    color: rgba(28, 32, 30, 1);
    font-size: 22px;
    font-family: PingFangSC-Regular;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}
.group_41_item{
    margin-top: 20px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 238px;
    height: 96px;
    background: rgba(255,255,255,0.22);
    border-radius: 16px;
}
.group_41 {
    display: flex;
    align-items: center;
    justify-content: center;

}

.text_24 {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
    display: block;
    padding-top: 8px;
}


.blackFridayDate {
    margin-left: 15px;
    color: #008750;
    font-size: 16px;
    display: none;
    overflow: hidden;
    padding-top: 8px;
}
.blackFridayDateItem {
    margin-left: 0;
    color: #008750;
    font-size: 16px;
    float: left;
    width: 52px;
}

.outtime_val {
    display: block;
    width: 32px;
    height: 32px;
    background: #F7FFFC;
    border-radius: 7px;
    font-size: 22px;
    font-weight: 600;
    color: #FF5306;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}

.blackFridayDay_text {
    font-size: 14px;
    font-weight: 400;
    color: #F7FFFC;
    line-height: 18px;
    display: block;
    padding-top: 4px;
}
.record, .ticket {
    cursor: pointer;
}

.record i {
    color: #008750;
    font-size: 18px;
}

.ticket i {
    color: #008750;
    font-size: 18px;
}


.blackFridayHour {
}

.text-wrapper_4 {
    width: 38px;
    height: 23px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: SourceSansPro-SemiBold;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
    margin-left: 16px;
}


.text_26 {
    width: 38px;
    height: 23px;
    overflow-wrap: break-word;
    color: rgba(0, 135, 80, 1);
    font-size: 16px;
    font-family: SourceSansPro-SemiBold;
    text-align: left;
    white-space: nowrap;
    line-height: 23px;
}

.box_36 {
    /*margin: 32px 0 0 0;*/
    display: flex;
    justify-content: center;
}

.image-text_22 {
    /*width: 190px;*/
    /*height: 76px;*/
}

.box_9 {
    box-shadow: 0px 3px 5px 0px rgba(253, 225, 186, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 28px;
    position: relative;
    width: 190px;
    height: 56px;
    align-items: center;
    padding: 0 14px 0 4px;
    justify-content: space-between;
    cursor: pointer;
}

.group_12 {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.image-text_23 {
    width: 110px;
    height: 30px;
    margin: 14px 14px 0 12px;
}

.text-wrapper_10 {
    color: rgba(0, 135, 80, 1);
    font-size: 24px;
    margin-left: 12px;
}


.image-text_24 {
    position: absolute;
    left: 66px;
    top: 14px;
    width: 110px;
    height: 30px;
}

.text-wrapper_10 {
    width: 77px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(0, 135, 80, 1);
    font-size: 24px;
    text-align: left;
    white-space: nowrap;
    line-height: 27px;
}

.text-wrapper_15 {
    font-size: 14px;
    margin: 6px auto 0;
}

.text_45 {
    overflow-wrap: break-word;
    color: #555856;
    font-size: 14px;
    line-height: 1.4;
}

.image-text_25 {
    width: 132px;
    height: 77px;

}

.box_10 {
    box-shadow: 0px 3px 5px 0px rgba(253, 225, 186, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 28px;
    position: relative;
    width: 132px;
    height: 56px;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px 0 5px;
    cursor: pointer;
}

.text_38 {
    color: rgba(0, 135, 80, 1);
    font-size: 24px;
    line-height: 27px;
    margin-left: 8px;
}

.group_31 {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.text-wrapper_16 {
    font-size: 14px;
    margin: 4px auto 0;
}

.text_48 {
    color: rgba(85, 88, 86, 1);
    font-size: 14px;
    line-height: 1.4;
}


.text-wrapper_11 {
    background-color: #008750;
    height: 40px;
    width: 180px;
    position: absolute;
    top: -50px;
    border-radius: 40px;
    text-align: center;
    display: none;
}


.text-wrapper_11::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: 6px solid rgba(14, 189, 118, 1);
    border-right: 6px solid transparent;
    transform: rotate(-45deg);
}


.text_39 {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.block_9 {
    background-color: rgba(216, 216, 216, 1);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    margin-top: 11px;
}

.box_39 {
    height: 75px;
    margin: 70px 0 40px 0;
    align-items: center;
    position: relative;
}

.text-wrapper_12 {
    background-color: #FBBE4F;
    border-radius: 51px;
    height: 75px;
    width: 100%;
    cursor: pointer;
}

.text_40 {
    font-size: 26px;
    line-height: 75px;
    text-align: center;
    font-weight: 600;
    color: #1C201E;
}


.group_42 {
    width: 1200px;
    height: 220px;
    margin: 200px auto 0;
}

.group_18 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 24px;
    height: 220px;
    width: 590px;
}

.group_18_title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 28px;
}


.text-wrapper_18 {
    width: 1200px;
    margin: 0px auto 0;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.text-wrapper_18 a{
    width: 590px;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0px 4px 16px 0px #E4EEE9;
    border-radius: 24px;
    overflow: hidden;
}
.text-wrapper_18 a img{
    width: 100%;
}
.boxEnd_ad_img {
    box-shadow: 0px 4px 16px 0px rgba(255, 234, 205, 1);
    height: 200px;
    width: 1200px;
    margin: 20px auto 0;
    border-radius: 24px;
}

.boxEnd_ad_img img {
    border-radius: 24px;
}

.text-wrapper_18 img {
    /*border-radius: 24px;*/
}

.text_68 {
    width: 386px;
    height: 45px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 32px;
    text-align: right;
    white-space: nowrap;
    line-height: 45px;
    margin: 78px 0 0 407px;
}

.group_22 {
    box-shadow: 0px 4px 16px 0px #E4EEE9;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 24px;
    width: 1200px;
    margin: 0px auto 0;
}

.text_69 {
    color: rgba(28, 32, 30, 1);
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin: 25px auto 0;
}

.group_46 {
    width: 1140px;
    height: 160px;
    margin: 33px 0 0 30px;
}

.text-wrapper_19 {
    height: 160px;
    width: 1137px;
    margin: 0 auto;
}

.text-wrapper_19 img {
    border-radius: 20px;
}


.group_47 {
    width: 1140px;
    height: 220px;
    margin: 34px 0 34px 30px;
}

.text-wrapper_22 {
    height: 220px;
    width: 553px;
}

.text-wrapper_22 img {
    border-radius: 20px;

}


.text-wrapper_23 {
    height: 220px;
    width: 553px;
}

.text-wrapper_23 img {
    border-radius: 20px;
}

.group_18_ul {
    display: flex;
    justify-content: space-between;
    padding: 0 84px;
    align-items: center;
}


.group_18_ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 1.4;
    color: #A3A3A3;
}


.group_18_ul .currentDateClass {
    color: #1C201E !important;
}

/*first-line*/
.group_18_ul .currentDateClass .group_19_1 {
    border: 1px solid #008750 !important;
}

.group_18_ul .currentDateClass .group_19_2 {
    background: #008750 !important;
}

.group_18_ul .currentDateClass .text14 {
    color: #008750;
}


.group_18_ul li:nth-child(2) {
    width: 50px;
    border-top: 1px dotted #A3A3A3;
    margin-top: -35px;
}

.group_18_ul li:nth-child(4) {
    width: 50px;
    border-top: 1px dotted #A3A3A3;
    margin-top: -35px;
}


.group_21 {

}

.group_21_title {
    text-align: center;
    position: relative;
}

.group_21_title p {
    margin: 14px 0 10px;
    font-size: 20px;
    font-weight: 600;
    color: #1C201E;
    line-height: 20px;
}

.group_21_title span .iconfont {
    font-size: 14px;
}

.group_21_title span {
    position: absolute;
    right: 12px;
    top: 14px;
    font-size: 14px;
    color: #008750;
    line-height: 27px;
    cursor: pointer;
}

.group_21_ul {
    padding: 10px 16px;
    margin: 0;
    text-align: left;
}

.group_21_ul li {
    font-size: 18px;
    font-weight: 400;
    color: #555856;
    line-height: 22px;
}


.text16 {
    font-size: 16px;
}

.text14 {
    font-size: 14px;
}

.text12 {
    font-size: 12px;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-start {
    display: flex;
    justify-content: flex-start;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.justify-evenly {
    display: flex;
    justify-content: space-evenly;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.group_19_1 {
    width: 30px;
    height: 30px;
    /*border: 1px solid rgba(0, 135, 80, 0.1);*/
    border: 1px solid #DADADA;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
}

.group_19_2 {
    width: 21px;
    height: 21px;
    /*background: #008750;*/
    background: #D8D8D8;
    /*border: 1px solid #008750;*/
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.group_19_3 {
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 6px;
}


/*弹框开始*/
.black2022PopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none;
}

.black2022PopModal .black2022PopModal_main {
    box-sizing: border-box;
    width: 650px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
    background: linear-gradient(180deg, #FFF0D3 0%, #FFFFFF 30%);
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_title_span {
    font-size: 14px;
    color: #555856;
    text-align: center;
}
.black2022PopModal_con {
    padding-top: 20px;
}
.black2022PopModal .black2022PopModal_main .black2022PopModal_title {
    font-size: 22px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
    background: url("../../../images/pc/activity/black2022/activate_title_bj.png") no-repeat center top;
    height: 72px;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 498px;
    margin: 0 auto;
    margin-top: -6px;
}


.black2022PopModal .black2022PopModal_main .black2022PopModal_close {
    position: absolute;
    right: 30px;
    top: 20px;
}


.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022PopModal_close .iconfont {
    font-size: 20px;
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul {
    padding: 0 30px;
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 10px;
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li .black2022PopModal_li_left .black2022PopModal_li_left_top {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1C201E;
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li .black2022PopModal_li_left .black2022PopModal_li_left_bottom {
    font-size: 12px;
    font-weight: 400;
    color: #555856;
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li .black2022PopModal_li_right {
    width: 120px;
    height: 40px;
    background: #FBBE4F;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}


.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li .completeStatus {
    background: #ECECEC !important;
    color: #555856;
}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li .notFinishedStatus {
    background: #008750 !important;
}


.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li:nth-child(-n+3) {

}

.black2022PopModal .black2022PopModal_main .black2022PopModal_con .black2022PopModal_ul .black2022PopModal_li:nth-child(-n+6):nth-child(n+4) {

}

.black2022WinPrizePopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    display: none;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main {
    box-sizing: border-box;
    width: 330px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 24px 0;
    background: linear-gradient(180deg, #FFF0D3 0%, #FFFFFF 100%);
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_title {
    font-size: 26px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
    line-height: 30px;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_close .iconfont {
    font-size: 20px;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con {
    display: flex;
    justify-content: space-around;
    padding: 20px 30px 0;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.black2022WinRecordItem_none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem .black2022WinPrizeItem_img {
    width: 76px;
    height: 76px;
    background: #FDF1D2;
    border-radius: 76px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.black2022WinRecordItem_none_img {
    width: 76px;
    height: 76px;
    background: #FDF1D2;
    border-radius: 76px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.black2022WinRecordItem_none_img img {
    width: 52px;
    height: 52px;
}
.notwinico3-img{
    background: #E5E5E5 !important;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem .black2022WinPrizeItem_img img {
    width: 52px;
    height: 52px;
}


.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem .black2022WinPrizeItem_text {
    font-size: 14px;
    color: #1C201E;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem .black2022WinPrizeItem_text .specialText {
    color: #008750;
    text-decoration: none;
}


.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem .black2022WinPrizeItem_text_bonus {
    font-size: 16px;
    color: #1C201E;
}

.black2022WinRecordItem_none_text_bonus {
    font-size: 14px;
    color: #1C201E;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_con .black2022WinPrizeItem .black2022WinPrizeItem_text_bonus .specialText {
    color: #008750;
    text-decoration: none;
}

.black2022WinPrizePopModal .black2022WinPrizePopModal_main .black2022WinPrizePopModal_foot {
    width: 200px;
    height: 40px;
    background: #4494EB;
    border-radius: 28px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 0;
    font-weight: 600;
    font-size: 16px;
}

.black2022FrequencyPopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    display: none;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main {
    box-sizing: border-box;
    width: 320px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 20px 0;
    background: linear-gradient(180deg, #FFF0D3 0%, #FFFFFF 100%);
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_title {
    font-size: 26px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
    line-height: 30px;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_close {
    position: absolute;
    right: 30px;
    top: 20px;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_close .iconfont {
    font-size: 20px;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_con {
    display: flex;
    justify-content: space-around;
    padding: 20px 30px 0;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_con .black2022FrequencyItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_con .black2022FrequencyItem .black2022FrequencyItem_img {
    width: 77px;
    height: 77px;
    margin-bottom: 20px;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_con .black2022FrequencyItem .black2022FrequencyItem_img img {
    width: 77px;
    height: 77px;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_con .black2022FrequencyItem .black2022FrequencyItem_text {
    font-size: 16px;
    color: #1C201E;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_con .black2022FrequencyItem .black2022FrequencyItem_text .specialText {
    color: #008750;
    text-decoration: none;
}

.black2022FrequencyPopModal .black2022FrequencyPopModal_main .black2022FrequencyPopModal_foot {
    width: 200px;
    height: 40px;
    background: #4494EB;
    border-radius: 28px;
    font-weight: 600;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
    margin: 30px auto 0;
    font-size: 16px;
}


.black2022TicketPopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    display: none;
}

.black2022TicketPopModal .black2022TicketPopModal_main {
    box-sizing: border-box;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 20px 0;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_title {
    font-size: 20px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_close {
    position: absolute;
    right: 30px;
    top: 20px;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_close .iconfont {
    font-size: 20px;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_con {
    display: flex;
    margin: 15px 28px 0;
    background: #FFF9F1;
    overflow: auto;
    border-radius: 16px;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_con .black2022TicketItem {
    padding: 0 20px 12px;
    overflow: auto;
    height: 190px;
    width: 100%;
    font-size: 16px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_con .black2022TicketItem span {
    margin-top: 16px;
    width: 32%;
    text-align: center;
    display: inline-block;
}

.black2022TicketPopModal .black2022TicketPopModal_main .black2022TicketPopModal_con .black2022TicketItem::-webkit-scrollbar {
    width: 0 !important;
}

.riliPopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    display: none;
}
.riliPopModalAbsolute {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.riliPop_close {
    position: absolute;
    right: 14px;
    top: 14px;
    cursor: pointer;
}
.riliPop_close i{
    font-size: 1.4rem;
}
.black2022WinRecordPopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    display: none;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main {
    box-sizing: border-box;
    width: 650px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 20px 0;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_title {
    font-size: 20px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_close {
    position: absolute;
    right: 30px;
    top: 20px;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_close .iconfont {
    font-size: 20px;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con::-webkit-scrollbar {
    width: 0 !important;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con {
    padding: 0 50px;
    overflow: auto;
    height: 400px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.black2022WinRecordPopModal_con_none {
    padding: 0 50px;
    overflow: auto;
    height: 400px;
    display: flex;
    justify-content: center;
}


.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con .black2022WinRecordItem {
    font-size: 16px;
    margin-top: 20px;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con .black2022WinRecordItem .winRecordItem_top {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con .black2022WinRecordItem .winRecordItem_top .winRecordItem_amount {
    font-weight: 600;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con .black2022WinRecordItem .winRecordItem_bottom {
    padding: 0 20px 17px;
    background: #FFF9F1;
    overflow: hidden;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con .black2022WinRecordItem .winRecordItem_bottom .winRecordItem_bottomItem {
    margin-top: 17px;
}

.black2022WinRecordPopModal .black2022WinRecordPopModal_main .black2022WinRecordPopModal_con .black2022WinRecordItem .specialClass {
    color: #008750;
    font-weight: 600;
}


.cp {
    cursor: pointer;
}

.specialText {
    color: #008750;
    text-decoration: underline;
}


/*结束页面css*/
.mainEnd {
    width: 1200px;
    margin: 30px auto;
}

.mainEnd .block_1 {
    height: 200px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px #FFEACD;
    border-radius: 40px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.mainEnd .block_1 .block_1_title {
    font-size: 26px;
    font-weight: 600;
    color: #1C201E;
    margin-top: 20px;
}

.mainEnd .block_1 .block_1_text {
    font-size: 20px;
    color: #1C201E;
    margin: 12px auto 20px;
    width: 90%;
    line-height: 1.15;
}

.mainEnd .block_1 .block_1_btn {
    width: 360px;
    height: 56px;
    background: #000000;
    border-radius: 51px;
    margin: 0 auto;
    color: #fff;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    cursor: pointer;
}

.mainEnd .block_2 {
    height: 446px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px #FFEACD;
    border-radius: 40px;
    margin-top: 36px;
    position: relative;
}

.mainEnd .block_2 .block_2_box_1 {
    width: 544px;
    height: 108px;
    background: url("../../../images/pc/activity/black2022/landingTitle.png") -7px -7px no-repeat;
    background-size: 544px 109px;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #8B5D0F;
    padding-top: 15px;
}

.mainEnd .block_2 .block_2_box_1 .block_2_box_title1 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 15px;
}

.mainEnd .block_2 .block_2_box_1 .block_2_box_title2 {
    font-size: 22px;
}

.mainEnd .block_2 .block_2_box_2 {
    padding-top: 100px;
    display: flex;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_left {
    width: 280px;
    margin: 0 72px 0 87px;
    text-align: center;
    position: relative;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_left .block_2_box_left_title {
    font-size: 24px;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_left .block_2_box_left_text {
    font-size: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_left .block_2_box_left_img {
    width: 280px;
    height: 256px;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_left .block_2_box_left_img img {
    width: 100%;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_right {
    text-align: center;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_right .block_2_box_right_title {
    font-size: 24px;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_right .block_2_box_right_box {
    width: 670px;
    height: 175px;
    background: #FFF4E3;
    border-radius: 24px;
    margin: 20px 0 23px;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_right .block_2_box_right_box .block_2_box_right_box_ul {
    display: flex;
    padding: 20px 58px 20px;
    flex-wrap: wrap;
    justify-content:space-between;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_right .block_2_box_right_box .block_2_box_right_box_ul .block_2_box_right_box_ul_item {
    margin: 0 0 14px 0;
    font-size: 24px;
    color: #008750;
    display: block;
    width: 160px;
    text-align: justify;
    text-align-last: justify;
    letter-spacing: -10px;
}





.mainEnd .block_2 .block_2_box_2 .block_2_box_right .block_2_box_right_text {
    font-size: 14px;
    color: #555856;
}

.mainEnd .block_2 .block_2_box_2 .block_2_box_right .block_2_box_right_text p {
    margin-bottom: 4px;
}

.mainEnd .block_3 {
    min-height: 220px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px #FFEACD;
    border-radius: 24px;
    margin: 20px 0 0;
    overflow: hidden;
    padding-bottom: 20px;
    width: 100%;
}

.mainEnd .block_3 .block_3_title {
    text-align: center;
    margin: 22px 0 10px;
    font-size: 20px;
    font-weight: 600;
}

.mainEnd .block_3 .block_3_box {
    width: 1020px;
    min-height: 150px;
    background: #FFF4E3;
    border-radius: 16px;
    margin: 0 auto;
}

.mainEnd .block_3 .block_3_box .block_3_box_ul {
    padding: 10px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.mainEnd .block_3 .block_3_box .block_3_box_ul span {
    margin: 8px 0 8px 0;
    display: block;
    font-size: 20px;
    text-align: center;
    width: 20%;
}

/*.mainEnd .block_3 .block_3_box .block_3_box_ul span:nth-child(6n) {*/
/*    margin-right: 0;*/
/*}*/


.block_4_end {
    margin: 20px auto 0;
    width: 1200px;
    height: 220px;
    background: #fff;
    box-shadow: 0px 4px 16px 0px #FFEACD;
    border-radius: 24px;
    overflow: hidden;
}


.block_4_end_ul {
    display: flex;
    justify-content: space-between;
    padding: 0 274px;
    align-items: center;
}


.block_4_end_ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 1.4;
    color: #A3A3A3;
}


.block_4_end_ul .currentDateClass {
    color: #1C201E !important;
}

.block_4_end .currentDateClass .block_4_end_radius_1 {
    border: 1px solid #008750 !important;
}

.block_4_end .currentDateClass .block_4_end_radius_2 {
    background: #008750 !important;
}

.block_4_end .currentDateClass .text14 {
    color: #008750;
}


.block_4_end_ul li:nth-child(2) {
    width: 150px;
    border-top: 1px dotted #A3A3A3;
    margin-top: -35px;
}


.block_4_end_ul li:nth-child(4) {
    width: 150px;
    border-top: 1px dotted #A3A3A3;
    margin-top: -35px;
}


.block_4_end_title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 28px;
}

.block_4_end_radius_1 {
    width: 30px;
    height: 30px;
    /*border: 1px solid rgba(0, 135, 80, 0.1);*/
    border: 1px solid #DADADA;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
}

.block_4_end_radius_2 {
    width: 22px;
    height: 22px;
    /*background: #008750;*/
    /*border: 1px solid #008750;*/
    background: #D8D8D8;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block_4_end_radius_3 {
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 6px;
}


.black2022RemindPopModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    display: none;
}

.black2022RemindPopModal .black2022RemindPopModal_main {
    box-sizing: border-box;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.12);
    padding: 20px 0;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_title {
    font-size: 20px;
    font-weight: 600;
    color: #1C201E;
    text-align: center;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_close {
    position: absolute;
    right: 30px;
    top: 20px;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_close .iconfont {
    font-size: 20px;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_con .black2022RemindItem .black2022RemindItem_img {
    width: 76px;
    height: 76px;
    background: #FFF5DB;
    border-radius: 76px;
    margin: 20px auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_con .black2022RemindItem .black2022RemindItem_text {
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    width: 60%;
    margin: 0 auto;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_con .black2022RemindItem .black2022RemindItem_text .specialText {
    color: #008750;
}

.black2022RemindPopModal .black2022RemindPopModal_main .black2022RemindPopModal_btn {
    width: 200px;
    height: 40px;
    background: #000000;
    border-radius: 28px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 15px auto 0;
    cursor: pointer;
}
/*swiper*/
.swiper-main-padding{
    padding: 0rem 1.5rem .5rem 1.5rem;
    overflow: hidden;
    position: relative;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    flex-flow: column;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotsales-bottom {
    text-align: left;
    width: 100%;
    padding: 8px 8px 14px 8px;
    font-size: 16px;
    font-weight: 400;
    color: #1C201E;
    line-height: 20px;
}
.hotsales-slide {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 206px;
}
.hotsales-slide img {
    width: 100%;
    border-radius: .6rem;
}

.hotsales-name {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffffab;
    font-size: 18px;
    font-weight: 600;
    color: #1C201E;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-left: 10px;
    height: 46px;
    line-height: 46px;
    text-align: left;
}

.hotsales-bottom .hotsales-p1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotsales-button-all{
    background-color: rgb(28 32 30 / 12%);
    border-radius: 50%;
    width: 36px!important;
    height: 36px!important;
    color: #939393!important;
    text-align: center;
    opacity: .95;
    font-size: 1.2rem;
    line-height: 30px;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotsales-button-all:after{
    font-size: 1.2rem;
}
.hotsales-button-next{

}
.hotsales-button-prev{

}
.notwinicoItem{
    padding-top: 30px;
}
.header_text_1 {
    font-size: 40px;
    color: #FFFFFF;
    line-height: 51px;
    padding-top: 40px;
    font-style: italic;
    text-align: left;
    font-weight: 600;
}
.header_text_2 {
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    padding-top: 4px;
    text-align: left;
}
.n-group-item {
    width: 859px;
    height: 340px;
    background: linear-gradient(180deg, #FFFDF4 0%, #FFF2D5 100%);
    box-shadow: inset 0px 3px 7px 0px #FFFFFF;
    border-radius: 24px;
    border: 3px solid #EFC875;
    position: absolute;
    top: 80px;
    right: 0;
}
.new-group-main {
    position: relative;
    height: 490px;
    margin-top: 48px;
}
.n-group-title {
    font-weight: 600;
    font-size: 60px;
    color: #FFFFFF;
    line-height: 60px;
    text-align: center;
    font-style: italic;
    position: absolute;
    right: 270px;
    top: 0px;
    z-index: 2;
}
.blackFriday2022-turntable .turnplate img.pointer {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 4.9rem;
}
.blackFriday2022-turntable .turnplate canvas.item {
    width: 100%;
    /* background: url(../../../images/mobile/black2022/turnplate-bg.png); */
    background-size: 100% 100% !important;
    transform: rotate(360deg);
}
.turnplate {
    display: block;
    width: 100%;
    position: relative;
}
.blackFriday2022-turntable {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    position: relative;
}
.zhuanpan_main {
    position: relative;
    z-index: 2;
    width: 490px;
}
.zhuanpan_main .zhuanpan_kong {
    width: 100%;
}
.block_3_terms {
    position: absolute;
    right: 20px;
    top: 16px;
    font-weight: 600;
    font-size: 14px;
    color: #008750;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.block_3_terms .iconfont {
    font-size: 1.2rem;
    padding-right: 3px;
}
.block_3_terms span {
    text-decoration: underline;
}
.n-group-desc {
    font-weight: 400;
    font-size: 28px;
    color: #1C201E;
    line-height: 20px;
    padding-top: 96px;
}

.n-group-spinNow {
    width: 480px;
    height: 76px;
    background: linear-gradient( 90deg, #69B1FF 0%, #2178D8 100%);
    border-radius: 20px;
    border: 2px solid;
    margin: 0 auto;
    margin-top: 50px;
    font-weight: 600;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 76px;
    cursor: pointer;
}
/*日历*/
.block_3 {
    width: 585px;
    overflow: hidden;
    background: #FFF9EE;
    border-radius: 24px;
    position: relative;
    height: 213px;
}
.block_3_title {
    font-weight: 600;
    font-size: 24px;
    color: #1C201E;
    line-height: 24px;
    padding-top: 30px;
}
.block_3_ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    margin: 0 auto;
    padding-top: 30px;
}
.block_3_ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 1.4;
    color: #555856;
}
.block_3_ul .currentDateClass {
    color: #4494EB !important
}
.block_3_ul .currentDateClass .block_3_radius_1 {
    border: 1px solid #4494EB !important;
}
.block_3_ul .currentDateClass .block_3_radius_2 {
    background: #4494EB !important;
}
.block_3_ul .currentDateClass .text14 {
    color: #4494EB;
}
.block_3_ul li:nth-child(2) {
    width: 50px;
    border-top: 1px dotted #A3A3A3;
    margin-top: -35px;
}
.block_3_ul li:nth-child(4) {
    width: 150px;
    border-top: 1px dotted #A3A3A3;
    margin-top: -35px;
}
.block_3_terms {
    position: absolute;
    right: 20px;
    top: 16px;
    font-weight: 600;
    font-size: 14px;
    color: #008750;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.block_3_terms .iconfont {
    font-size: 1.2rem;
    padding-right: 3px;
}
.block_3_terms span {
    text-decoration: underline;
}
.howtoplay-mian {
    width: 585px;
    height: 213px;
    background: #FFF9EE;
    border-radius: 24px;
    position: relative;
}

.landing-moule2 {
    display: flex;
    justify-content: space-between;
    padding-top: 36px;
}

.howtoplay_title {
    font-weight: 600;
    font-size: 24px;
    color: #1C201E;
    line-height: 24px;
    padding-top: 30px;
}
.how-to-play-list {
    font-weight: 400;
    font-size: 18px;
    color: #555856;
    line-height: 27px;
}
.how-to-play-list ul {
    padding: 16px 26px 0 26px;
}
.how-to-play-list ul li {
    text-align: left;
}
.playMoreLink {
    font-weight: 400;
    font-size: 14px;
    color: #008750;
    line-height: 18px;
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.logged-title {
    font-weight: 400;
    font-size: 28px;
    color: #1C201E;
    line-height: 20px;
    padding-top: 26px;
}

.blackFriday2022_main_select1 {
    width: 210px;
    height: 76px;
    background: linear-gradient(180deg, #FFF9E4 0%, #FFEEC5 100%);
    border-radius: 20px;
    border: 4px solid #FFEEC5;
    margin: 0 30px;
}

.thanniversary11-part-item {
    display: flex;
    justify-content: center;
    padding-top: 44px;
}

.blackFriday2022_main_select1 .img1 {
    width: 46px;
}

.blackFriday2022_main_select1 a {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 30px;
}

.anniversary11-txt-l {
    padding-left: 28px;
    text-align: left;
}

.anniversary11-txt-l .p1 {
    font-weight: 600;
    font-size: 24px;
    color: #1C201E;
    line-height: 25px;
}
.anniversary11-txt-l .p2 {
    font-weight: 400;
    font-size: 14px;
    color: #1C201E;
    line-height: 18px;
    padding-top: 4px;
}
.turntable-btn {
    width: 365px;
    height: 76px;
    background: linear-gradient( 90deg, #69B1FF 0%, #2178D8 100%);
    border-radius: 20px;
    font-weight: 600;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 76px;
    position: relative;
    margin-right: 15px;
    cursor: pointer;
}
.turntable-btn-main {
    display: flex;
    justify-content: center;
    padding-top: 38px;
    align-items: center;
}
.coupon-surplus {
    width: 180px;
    height: 40px;
    background: #008750;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -100px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
}
.coupon-surplus:before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.6rem;
    width: 0;
    height: 0;
    border: 1rem solid;
    border-color: #008750 transparent transparent transparent;
    transform: translateX(-50%);
}
.win-freeSpins-raffle {
    width: 73px;
    position: relative;
    margin-left: 15px;
    cursor: pointer;
}
.win-freeSpins-raffle img {
    width: 100%;
}
.win-freeSpins-img {}
.win-freeSpins-raffle p {
    position: absolute;
    width: 100px;
    height: 26px;
    background: #F6FBFF;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    color: #4494EB;
    line-height: 26px;
    text-align: center;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.win-freeSpins-raffle span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #FF5306;
    border-radius: 50%;
    display: block;
    right: -6px;
    top: -6px;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}
.HowToLink {
    color: #008750;
    display: flex;
    align-items: center;
    padding-top: 12px;
    padding-left: 190px;
}
.HowToLink a {
    font-weight: 600;
    font-size: 14px;
    color: #008750;
    line-height: 14px;
    text-decoration: underline;
    padding-left: 4px;
}
.prize-raffle-item {
    font-weight: 600;
    font-size: 16px;
    color: #1C201E;
    line-height: 14px;
}
.prize-raffle-item span{
    color: #008750;
}
.adv-img {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.adv-img a {
    width: 586px;
    margin-bottom: 30px;
}
.adv-img a img {
    width: 100%;
}
.isOverLayout{
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.isOverLayout .logged-title{
    padding: 0 !important;
}
.block_3_radius_1 {
    width: 26px;
    height: 26px;
    /*border: 1px solid rgba(0, 135, 80, 0.1);*/
    border: 1px solid #DADADA;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
}

.block_3_radius_2 {
    width: 20px;
    height: 20px;
    /*background: #008750;*/
    /*border: 1px solid #008750;*/
    background: #D8D8D8;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block_3_radius_3 {
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 6px;
}

.go-task-item {
    width: 120px;
    height: 34px;
    background: #ffffff;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 600;
    color: #4494EB;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4494EB;
}
.th11FlexEntrance{
    display: none !important;
}
/*领取*/
.go-task-item-success{
    color: #ffffff!important;
    background: #4494EB!important;
}
/*去完成*/
.go-task-item-incomplete{
    color: #4494EB!important;
    background: #ffffff!important;
}
/*已完成*/
.go-task-item-completed{
    color: #555856!important;
    background: #ECECEC!important;
    border-color: #ECECEC !important;
}