body,
    form,
    div,
    span,
    ul,
    ol,
    li,
    p,
    pre,
    dl,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    em,
    a,
    fieldset,
    legend,
    address,
    label,
    textarea,
    select,
    input,
    figure,
    table,
    th,
    td,
    b,
    i {
        margin: 0;
        padding: 0;
    }
    
    .wrapper {
        position: relative;
        overflow-x: hidden;
    }
    
    .feedList {
        position: relative;
        margin-top: 50px;
        width: 100%;
    }
    
    .feed {
        width: 100%;
        height: auto;
    }
    
    #feed0 {
        display: block;
    }
    
    .pc02Section {
        position: relative;
    }
    
    .pc02Section .btnImmediatelyGet {
        position: absolute;
        left: 50%;
        top: 64.5%;
        transform: translate(-50%, -50%);
        width: 40vw;
        height: 12vw;
        cursor: pointer;
    }
    
    .bg {
        width: 100%;
        height: 100%;
    }
    
    .bg_bg01 {
        width: 100%;
        /*height: auto;*/
    }
    
    .star_bg06.bg_red {
        color: #ffffff;
    }
    
    .bg01 {
        position: absolute;
        /*z-index: 11;*/
        top: 6%;
        left: 35%;
        width: 30%;
    }
    
    .bg_ps {
        position: absolute;
    }
    
    .luckWheel {
        width: 80%;
        position: absolute;
        left: 10%;
        top: 28%
    }
    
    .point {
        width: 28.7%;
        position: absolute;
        left: 35.65%;
        top: 42%;
    }
    
    .activityPlan {
        position: absolute;
        /*width: 84%;
        left: 8%;*/
        /*top: 10%;*/
        width: 70%;
        left: 15%;
        /*top: 12%;*/
        top: 15%;
    }
    
    .activityPlan img {
        width: 100%;
    }
    
    .activityPlanRule {
        position: absolute;
        width: 57%;
        height: 12%;
        /*top: 26%;*/
        top: 23%;
        left: 24%;
    }
    
    .shopBtn {
        position: absolute;
        /*width: 52%;*/
        height: 16%;
        /*bottom: 4%;
        left: 26%;*/
        width: 81%;
        bottom: 6%;
        left: 11%;
    }
    
    .arrow {
        position: absolute;
        width: 3.14%;
        left: 48.43%;
        bottom: 4%;
    }
    
    .arrowDesc {
        position: absolute;
        width: 31%;
        left: 34.5%;
        bottom: 1.5%;
    }
    
    .arrow2 {
        position: absolute;
        width: 3.14%;
        left: 48.43%;
        bottom: 75px;
    }
    
    .arrowDesc2 {
        position: absolute;
        width: 31%;
        left: 34.5%;
        bottom: 60px;
    }
    
    .djcjBtn {
        position: absolute;
        width: 29%;
        left: 35%;
        top: 30.77%;
        z-index: 2;
    }
    
    .djcj {
        position: absolute;
        /*width: 33%;
        height: 8%;*/
        left: 63%;
        /*top: 19%;*/
        width: 35%;
        height: 11%;
        top: 9%;
        z-index: 2;
    }
    
    .joinclan {
        position: absolute;
        width: 80%;
        /*top: 12%;*/
        top: 46%;
        left: 10%;
        transform: translate(0%, -50%);
    }
    
    .joinclan img {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .joinclanShare {
        position: absolute;
        width: 50px;
        height: 50px;
        background: red;
        left: 50%;
    }
    
    .joinclanBtn {
        position: absolute;
        width: 34%;
        height: 58px;
        top: 60%;
        left: 33%;
    }
    
    .feed4Img03 img {
        width: 100%;
    }
    
    .zonephoto,
    .zonecare {
        position: absolute;
        /*width: 22%;*/
        width: 27%;
        height: 8%;
        /*top: 73%;*/
        /*bottom: 1%;*/
        left: 14%;
    }
    
    .zonephoto {
        /*left: 24%;*/
        bottom: -1%;
    }
    
    .zonecare {
        /*left: 74%;*/
        bottom: 19%;
    }
    
    #feed4 .djcjBtn {
        position: absolute;
        width: 29%;
        left: 35%;
        top: 32%;
        z-index: 2;
    }
    
    .dubaoBtn {
        position: absolute;
        width: 100%;
        top: 17%;
        line-height: 19px;
        text-align: center;
        font-size: 12px;
        color: #ffffff;
    }
    
    .dubaoBtn a {
        color: #f95160;
        text-decoration: underline;
    }
    
    .xingbitixiBtn a {
        color: #55453d;
        text-decoration: underline;
    }
    
    .xingbitixiBtn {
        position: absolute;
        width: 100%;
        top: 12%;
        /*top: 10%;*/
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        color: #55453d;
    }
    
    .feed1Text {
        position: absolute;
        width: 74%;
        left: 13%;
        top: 13%;
        line-height: 22px;
        text-align: center;
        font-size: 12px;
        color: #0068b7
    }
    
    .c5Btn,
    .qiaokeliBtn,
    .jianguoBtn,
    .shubiaoBtn {
        width: 36%;
        z-index: 2;
        position: absolute;
        height: 37%;
    }
    
    .duobao1,
    .duobao2,
    .duobao3,
    .duobao4,
    .duobao5,
    .duobao6 {
        width: 21%;
        height: 33%;
        position: absolute;
        z-index: 2;
    }
    
    .duobao1,
    .duobao2,
    .duobao3 {
        top: 27%;
    }
    
    .duobao4,
    .duobao5,
    .duobao6 {
        top: 62%;
    }
    
    .duobao1,
    .duobao4 {
        left: 13%;
    }
    
    .duobao2,
    .duobao5 {
        left: 39%;
    }
    
    .duobao3,
    .duobao6 {
        right: 14%;
    }
    
    .activeLike1,
    .activeLike2,
    .activeLike3,
    .activeLike4,
    .activeLike5,
    .activeLike6 {
        position: absolute;
        width: 16%;
        height: 28%;
        bottom: 42%;
    }
    
    .activeLike7,
    .activeLike8,
    .activeLike9,
    .activeLike10 {
        position: absolute;
        width: 20.33%;
        height: 28%;
        bottom: 0%;
    }
    
    .activeLike1 {
        left: 0%;
    }
    
    .activeLike2 {
        left: 17%;
    }
    
    .activeLike3 {
        left: 34%;
    }
    
    .activeLike4 {
        left: 50%;
    }
    
    .activeLike5 {
        left: 67%;
    }
    
    .activeLike6 {
        right: 0%;
    }
    
    .activeLike7 {
        left: 3%;
    }
    
    .activeLike8 {
        left: 25%;
    }
    
    .activeLike9 {
        right: 24%;
    }
    
    .activeLike10 {
        right: 3%;
    }
    
    .gift01,
    .gift02,
    .gift03,
    .gift04,
    .gift05,
    .gift06,
    .gift07,
    .gift08 {
        position: absolute;
        top: 9%;
        width: 24%;
        height: 41%;
    }
    
    .gift01,
    .gift05 {
        left: 0%;
    }
    
    .gift02,
    .gift06 {
        left: 25%;
    }
    
    .gift03,
    .gift07 {
        left: 51%;
    }
    
    .gift04,
    .gift08 {
        right: 0%;
    }
    
    .gift05,
    .gift06,
    .gift07,
    .gift08 {
        top: 59%
    }
    
    .gift09,
    .gift010,
    .gift011,
    .gift012,
    .gift013 {
        position: absolute;
        width: 19%;
        height: 34%;
        bottom: 0%;
    }
    
    .gift09 {
        left: 0%
    }
    
    .gift010 {
        left: 20%
    }
    
    .gift011 {
        left: 40%
    }
    
    .gift012 {
        left: 61%
    }
    
    .gift013 {
        right: 0%
    }
    
    .c5Btn {
        top: 26%;
        left: 13%;
    }
    
    .qiaokeliBtn {
        top: 26%;
        left: 52%;
    }
    
    .jianguoBtn {
        top: 64%;
        left: 13%;
    }
    
    .goodsList {
        position: absolute;
        width: 70%;
        top: 5%;
        left: 15%;
    }
    
    .goodsList img {
        width: 100%;
    }
    
    .goods_X {
        position: absolute;
        width: 22%;
        height: 11%;
        right: 0;
    }
    
    .Item_goods_1 {
        top: 0;
    }
    
    .Item_goods_2 {
        top: 12%;
    }
    
    .Item_goods_3 {
        top: 28%;
    }
    
    .Item_goods_4 {
        top: 44%;
    }
    
    .Item_goods_5 {
        top: 60%;
    }
    
    .Item_goods_6 {
        bottom: 15%;
    }
    
    .Item_goods_7 {
        bottom: 0;
    }
    
    .shubiaoBtn {
        top: 64%;
        left: 52%;
    }
    
    .xingbiBtn {
        position: absolute;
        width: 30%;
        top: 24%;
        left: 36.5%;
    }
    
    .downMenu {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50px;
        width: 100%;
        z-index: 99;
        display: none;
    }
    
    .popicon1,
    .popicon2 {
        width: 55.8%;
    }
    
    .popicon1 {
        position: absolute;
        top: -20%;
        left: 5%;
        width: 20%;
        z-index: -1;
    }
    
    .popicon2 {
        position: absolute;
        bottom: 0%;
        left: 0%;
        width: 100%;
        z-index: 0;
    }
    
    .popicon {
        width: 55.8%;
        position: absolute;
        top: -22%;
        left: 23%;
        z-index: -1;
    }
    
    .item {
        width: 25%;
        float: left;
        text-align: center;
        font-size: 16px;
        color: #ffffff;
        background-color: #eb4659;
        height: 100%;
        line-height: 50px;
        position: relative;
    }
    
    .line {
        position: absolute;
        right: 0;
        width: 1px;
        height: 30px;
        top: 10px;
        background-color: #ffffff;
    }
    
    .hua {
        width: 18%;
        position: absolute;
        left: 0;
        bottom: 35px;
    }
    
    .popWrapper {
        position: fixed;
        z-index: 24;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #434343;
        display: none;
    }
    
    .pop {
        position: absolute;
        width: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        line-height: 0;
    }
    /* #Popup_address .popRestartBtn {
        width: 51%;
    } */
    .popRestart {
        width: 205px;
        margin-top: 20px;
    }
    
    #Popup_address {
        height: 47% !important;
        padding: 9% 0px;
        background-size: 100% 100%;
    }
    
    .pop01 {
        position: fixed;
        width: 65%;
        top: 50%;
        left: 50%;
        z-index: 22;
        display: none;
        transform: translate(-50%, -50%);
        padding: 5% 0;
        /* min-height: 310px; */
        /* background: url(/Upload/EVENTS/fansweekkhhft2510300026/Wap/images/popBackground1.png) no-repeat;
        background-size: 100% 100%; */
        background-color: #fff;
        border-radius: 15px;
    }
    
    .background1 {
        position: absolute;
        width: 27%;
        transform: translateY(-81%);
        display: none;
    }
    
    #Popup05 .background2,
    #Popup06 .background2 {
        transform: translateY(0%);
    }
    
    #Popup_address .background1 {
        position: absolute;
        width: 30%;
        transform: translateY(-110%);
        display: none;
    }
    
    #Popup_address .background2 {
        width: 50%;
        position: absolute;
        right: 0;
        transform: translate(19%, 14%);
    }
    
    .background2 {
        width: 50%;
        position: absolute;
        right: 0;
        transform: translate(27px, -20%);
    }
    
    .background1 img,
    .background2 img {
        width: 100%;
    }
    
    .popBg {
        width: 100%;
    }
    
    .popBgIcon01 {
        position: absolute;
        top: -30%;
        left: 0;
        width: 40%;
        z-index: -1;
    }
    
    .popBgIcon02 {
        position: absolute;
        bottom: -4%;
        right: 3%;
        width: 18%;
    }
    
    .popContent {
        width: 90%;
        height: 96%;
        overflow: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .popContent .renwu {
        text-align: center;
    }
    
    .popContent a {
        text-align: center;
    }
    
    .popContent ul {
        padding-top: 3vw;
    }
    
    .popContent ul li:nth-child(1) {
        margin-top: 4vw;
    }
    
    .popContent ul li {
        padding-top: 3vw;
    }
    
    .popContent ul li label {
        height: 3rem;
    }
    
    .popContent ul li input {
        height: 4vh;
        border: none;
        border-bottom: 1px solid;
        border-radius: 0;
        margin-top: 0.5rem;
    }
    
    .popContent ul li select {
        width: 100% !important;
        margin-top: 7vw;
    }
    
    .popTitle {
        font-size: 4.5vw;
        font-weight: bold;
        text-align: center;
        color: #000;
        margin: 0 auto;
        box-sizing: border-box;
        height: auto;
        line-height: normal;
        margin-bottom: 20px;
        width: 80%;
    }
    
    #Popup02 .popJP {
        width: 44%;
        padding: 10px 0;
    }
    
    #yaoqingPop .popTitle {
        margin-left: 24%;
        width: 52%;
        margin-top: 3%;
    }
    
    .popJP {
        width: 159px;
    }
    
    .popRestartBtn {
        width: 51%;
    }
    
    .flexABtn {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        /* justify-content: center; */
    }
    
    .aButton {
        text-align: center;
        margin: 5px 0;
    }
    
    .popdesc {
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        margin: 20px 20px 40px;
        color: #676767;
    }
    
    .red {
        color: #ec465a;
    }
    
    .popContent2 {
        width: 80%;
        position: absolute;
        left: 10%;
        top: 10%;
        height: 80%;
        overflow-y: scroll;
        line-height: 20px;
        font-size: 14px;
    }
    
    .popTitle2 {
        text-align: center;
        font-size: 20px;
        line-height: 40px;
        color: #ec465a;
    }
    
    .popCloseBtn {
        width: 6%;
        z-index: 2;
        top: 13px;
        right: 17px;
        position: absolute;
    }
    
    .popCloseBtn img {
        width: 100%;
    }
    
    a {
        text-decoration: none;
    }
    
    .ps_ab {
        position: absolute;
    }
    
    .header_star {
        width: 100%;
        height: 50px;
        background: #fff;
        top: 0px;
        left: 0px;
        line-height: 50px;
        position: fixed;
        z-index: 10;
        text-align: center
    }
    
    .header_star .star_btn-prev {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        position: fixed;
    }
    
    .header_star .star_btn-prev:after,
    .header_star .star_btn-prev:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -2px 0 0 -5px;
        height: 1px;
        width: 18px;
        transform-origin: 1px 50%;
        background: #4c4c4c;
    }
    
    .header_star .star_btn-prev:before {
        transform: rotate(-40deg);
    }
    
    .header_star .star_btn-prev:after {
        transform: rotate(40deg);
        margin-top: -1px;
    }
    
    span.fx_star_btn {
        z-index: 15;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        display: block;
        text-indent: -3000px;
        background: url(../images/btn_tuip01.png);
        border-radius: 50%;
        box-shadow: 1px 4px 8px 0px rgba(0, 87, 128, 0.35);
        -Wapkit-tap-highlight-color: transparent;
        background-size: 100%;
    }
    
    .header_star p {
        font-size: 16px;
        color: #697782
    }
    
    .header_star .login_fx {
        right: 20px;
        top: 0px;
        font-size: 12px;
    }
    
    .header_star .login_fx a {
        color: #000;
    }
    
    .activeRulesBtn img {
        position: absolute;
        /*bottom: 12%;*/
        bottom: 10%;
        left: 50%;
        /*width: 29%;*/
        width: 35%;
        transform: translate(-50%, 0%);
    }
    
    
    .luckbg {
        position: absolute;
        bottom: -2.5%;
        left: 14%;
        width: 72% !important;
    }
    
    
    .mask {
        display: none;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.8;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 4;
    }
    
    @-Wapkit-keyframes start {
        0%,
        30% {
            opacity: 0;
            -Wapkit-transform: translate(0, 10px);
        }
        60% {
            opacity: 1;
            -Wapkit-transform: translate(0, 0);
        }
        100% {
            opacity: 0;
            -Wapkit-transform: translate(0, -8px);
        }
    }
    
    @-moz-keyframes start {
        0%,
        30% {
            opacity: 0;
            -moz-transform: translate(0, 10px);
        }
        60% {
            opacity: 1;
            -moz-transform: translate(0, 0);
        }
        100% {
            opacity: 0;
            -moz-transform: translate(0, -8px);
        }
    }
    
    @keyframes start {
        0%,
        30% {
            opacity: 0;
            transform: translate(0, 10px);
        }
        60% {
            opacity: 1;
            transform: translate(0, 0);
        }
        100% {
            opacity: 0;
            transform: translate(0, -8px);
        }
    }
    
    #array {
        position: absolute;
        z-index: 3;
        -Wapkit-animation: start 1.5s infinite ease-in-out;
    }
    
    .feed .resize {
        width: 4%;
        bottom: 30px;
        left: 50%;
        margin-left: -10px;
        transform: translate(-50%, -50%);
    }
    
    .star_bg05 {
        color: #ffffff !important;
        font-size: 12px;
        left: 50%;
        margin-left: -15.7% !important;
        bottom: 18px;
        z-index: 5
    }
    
    .star_bg06 {
        color: #ffffff;
        font-size: 12px;
        left: 50%;
        /*margin-left: -17.3% !important;*/
        bottom: 18px;
        z-index: 5;
        transform: translate(-50%, -50%);
    }
    
    .hgAuto {
        height: auto !important;
    }
    
    #feed4 p.star_bg05,
    #feed2 p.star_bg05 {
        color: #fe90ba;
    }
    
    .code_btn02Text {
        display: inline-block;
        font-size: 14px;
        padding-bottom: 15px;
    }
    
    .code_btn01 {
        width: 40%;
        height: 35px;
        border: solid 1px #4a4d5c;
        color: #4a4d5c;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
        text-align: center;
        line-height: 35px;
        margin: 0 0 10px 10px;
    }
    
    .prosit_bg {
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.8;
        position: fixed;
        left: 0px;
        top: 0px;
        display: none;
        z-index: 15;
    }
    
    #PrizeSrc {
        width: 80%;
    }
    
    .fixed-share {
        z-index: 25 !important;
    }
    
    .feed0_IMG01 {
        position: absolute;
        top: 8%;
        left: 8.5%;
        width: 83%;
        z-index: 2;
    }
    
    .feed0_IMG02 {
        position: absolute;
        top: 83%;
        left: 20.5%;
        width: 59%;
        z-index: 1;
    }
    
    .feed0_IMG03 {
        position: absolute;
        /*top: 4%;
        left: 10%;
        width: 80%;*/
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .feed0_IMG03 img {
        width: 100%;
    }
    
    .feed0_IMG04 {
        position: relative;
        /*top: 14%;*/
        top: 12%;
        left: 7.5%;
        width: 87%;
        z-index: 2;
    }
    
    .feed0_IMG04 img {
        width: 100%
    }
    
    #feed3,
    #feed5 {
        background-color: #1253b5;
    }
    
    .wd100 {
        width: 100%
    }
    
    #feed4 {
        background: #e96137;
    }
    
    #feed4 .bg {
        /*height: auto;*/
    }
    
    .feed0_bottomPic {
        position: absolute;
        left: 7%;
        top: 44%;
        width: 86%;
    }
    
    .feed2Img01 {
        /*width: 64%;*/
        /*left: 18%;
        top: 2%;*/
        /*2019/9/17*/
        /*position: absolute;
        width: 90%;
        top: 8%;
        left: 5%;*/
        width: 100%;
    }
    
    .feed2Box {
        /* 公用  大屏 */
        /*top: 8%;*/
        /*top: 46%;*/
        top: 8%;
        width: 90%;
        left: 5%;
        position: absolute;
        /*transform: translate(0%,-50%);*/
    }
    
    .feed2Img02 {
        position: absolute;
        top: 21%;
        line-height: 24px;
        color: #fff;
        font-size: 12px;
        width: 86%;
        left: 7.5%;
        text-align: center;
    }
    
    .year_IMG02 {
        position: absolute;
        /*top:6%;*/
        /*top:12%;*/
        top: 8%;
        left: 50%;
        /*right: 0;*/
        line-height: 24px;
        color: #fff;
        font-size: 12px;
        /* width: 90%;
        left: 5%;*/
        width: 48%;
        /*width: 84.79%;*/
        text-align: center;
        transform: translate(-50%, 0%);
    }
    
    .feed2Img03 {
        width: 100%;
        position: absolute;
        top: 53%;
    }
    
    .feed4Img03 {
        width: 100%;
        position: absolute;
        /*top: 38.6%;
        left: 0;*/
        bottom: 11%;
        left: 0;
        z-index: 1;
    }
    
    .newFD03img01 {
        position: absolute;
        top: 22%;
        left: 0%;
        width: 100%;
    }
    
    #yaoqingPop .popContent {
        top: 12%;
    }
    
    .bg01_2 {
        position: absolute;
        top: 8%;
        width: 100%;
        left: 0%;
        /*bottom: 10%;*/
    }
    
    .bg01_bottom {
        position: absolute;
        bottom: 6%;
        left: 0;
        z-index: 1;
        width: 100%;
    }
    
    .glx_list_app {
        position: absolute
    }
    /*   05 */
    
    .new-duobao {
        height: 8%;
        width: 30%;
        position: absolute;
        /*top: 17%;
        left: 67%;*/
        top: 14%;
        left: 60%;
        display: block;
    }
    
    .wd_100 {
        width: 60%;
        margin: 0 auto;
        margin-top: 4%;
    }
    
    #saveAddress {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5vw;
    }
    
    .fixed-share strong {
        padding-left: 0px;
    }
    
    .moreimg {
        top: 28%;
        left: 13%;
        width: 74%;
        position: absolute;
    }
    
    .wd100 {
        position: absolute;
        /*top: 5%;
        width: 64%;
        left: 18%;*/
        /*top: 10%;*/
        top: 4%;
        left: 50%;
        width: 54%;
        transform: translate(-50%, -50%);
    }
    
    .new-zhou {
        position: absolute;
        /* z-index: 11; */
        top: 7%;
        left: 35%;
        width: 30%;
    }
    
    .goodList {
        position: absolute;
        top: 30%;
        left: 10%;
        width: 80%;
        z-index: 2;
    }
    /*111*/
    
    .goodList .goodListImg {
        width: 100%;
    }
    
    .goodList a.goodItemS {
        position: absolute;
        width: 49%;
        height: 33.3%
    }
    
    .goodList .goodItem1 {
        top: 0;
        left: 1%;
    }
    
    .goodList .goodItem2 {
        top: 0;
        right: 1%;
    }
    
    .goodList .goodItem3 {
        top: 33.2%;
        left: 1%;
    }
    
    .goodList .goodItem4 {
        top: 33.2%;
        right: 1%;
    }
    
    .goodList .goodItem5 {
        top: 66.6%;
        left: 1%;
    }
    
    .goodList .goodItem6 {
        top: 66.6%;
        right: 1%;
    }
    /*222*/
    
    .goodList .goodItem {
        float: left;
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
        background: #fff;
    }
    
    .goodList .goodItem img {
        width: 100%;
    }
    
    .bannerLitele {
        position: absolute;
        width: 48%;
        top: 6%;
        left: 26%;
    }
    
    .feed0_IMG03 .dubaoImg {
        width: 80%;
        margin: 45px auto 0;
        /*margin: 30px auto 0;*/
        /*width: 90%;
    margin: 9% auto 0;*/
        display: block;
    }
    
    .joinclan .joinclan_icom {
        position: absolute;
        width: 20%;
        top: -14%;
        right: 20%;
        z-index: -1;
    }
    /*中未  折叠 */
    
    @media(min-width:586px) {
        .luckydrawpic {
            /* width: 48%; */
        }
        .describe {
            font-size: 17px;
            margin-bottom: 2vw !important;
            margin-top: 3vw !important;
        }
        .taskTimeContentimg .Lottery,
        .img_xfz04 {
            width: 133px !important;
            height: 41px !important;
            line-height: 38px !important;
            font-size: 15px !important;
        }
        .duihuan .Lottery {
            width: 166px !important;
            height: 45px !important;
            line-height: 45px !important;
            font-size: 17px !important;
            margin-top: 1.5rem !important;
        }
        .taskTimeTitle {
            font-size: 24px !important;
            margin-bottom: 35px;
        }
        .renwu1 {
            font-size: 17px;
            /* width: 93%; */
            margin: 5rem auto;
            transform: translateY(-49px) !important;
        }
        .taskTimeContent {
            margin-bottom: 1rem !important;
        }
        .awards-list-main {
            padding-top: 6vw;
        }
    }
    
    @media(min-width:456px) and (max-width:585px) {
        /* .luckydrawpic {
            width: 56%;
        } */
        .taskTimeContentText {
            margin: 2vh 0;
        }
        .describe {
            font-size: 0.8rem;
            margin-bottom: 3vw !important;
            margin-top: 3vw !important;
        }
        .taskTimeContentimg .Lottery,
        .img_xfz04 {
            width: 6.7rem !important;
            height: 2.2rem !important;
            line-height: 2rem !important;
        }
        .duihuan .Lottery {
            width: 7.2rem !important;
            height: 1.9rem !important;
            line-height: 1.9rem !important;
            margin-top: 1.5rem !important;
        }
        .taskTimeTitle {
            font-size: 24px !important;
            margin-bottom: 35px;
        }
        .renwu1 {
            /* width: 93%; */
            margin: 2rem auto;
            transform: translateY(-5%) !important;
        }
        .taskTimeContent {
            margin-bottom: 1rem !important;
        }
        .awards-list-main {
            /* padding-top: 17vw !important; */
        }
    }
    
    @media(max-width:250px) {
        .luckydrawpic {
            /* width: 46%; */
        }

        .describe {
            margin: 0 !important;
        }
        .taskTimeContent {
            margin: 0 !important;
        }
    }
    
    @media(max-width:456px) {
        .taskTime {
            margin-bottom: 0 !important;
        }
        .awards-list-main {
            margin-top: 3rem;
        }
    }
    
    @media(max-width:391px) {
        .taskTimeTitle {
            margin-bottom: 8px !important;
            margin-top: 10px !important;
        }
        .renwu1 {
            /* margin-top: 14vw !important; */
            /* transform: translateY(-26px) !important; */
        }
    }
    
    #feed0 {
        position: relative;
    }
    
    #feed1 {
        width: 100%;
        background: url(../images/stars.png) no-repeat top center;
        background-size: 100% 100%;
        text-align: center;
        position: relative;
    }
    
    .round-list-main {
        width: 80%;
        height: 36px;
        background: #fff;
        display: flex;
        align-items: center;
        margin: 0 auto;
        padding: 0 15px;
        border: 1px solid #fd9cab;
        position: absolute;
        z-index: 2;
        left: 6%;
        bottom: -19px;
    }
    
    .round-list-main img {
        width: 30%;
    }
    
    .round-list-main ul {
        padding-left: 9px;
        height: 18px;
        overflow: hidden;
        text-align: left;
    }
    
    .round-list-main ul li {
        color: #3a2124;
        font-size: 13px;
    }
    
    .imgtl01 {
        width: 72%;
        margin-bottom: 25px;
    }
    
    .time02 {
        font-size: 15px;
        color: #457629;
        margin: 0 auto;
        display: inline-block;
    }
    
    .img_xfz04 {
        width: 112px;
        height: 28px;
        color: #fff;
        font-size: 13px;
        background: url(../images/activity_btnbg.png) no-repeat;
        align-items: center;
        display: flex;
        justify-content: center;
        background-size: 100%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 1rem;
        padding-bottom: 4px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    
    .roll-list-main {
        width: 95%;
        margin: 0 auto;
        margin-top: 37px;
        padding-bottom: 2rem
    }
    
    .roll-list-link {
        width: 100%;
        height: 184px;
        display: flex;
        justify-content: space-between;
        padding-top: 47px;
    }
    
    .roll-list-link a {
        width: 32%;
        height: 184px;
        display: block;
    }
    
    .roll-list-link-btm {
        padding-top: 13px;
        width: 66%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    
    .roll-list-link-btm a {
        width: 49%;
        height: 184px;
        display: block;
    }   
    .surplus {
        color: #fff;
        font-weight: 800;
        font-size: 3.25vw;
        position: absolute;
        top: 12vw;
    }
    .surplus img{
        position: absolute;
        left: 0;
        top: 2px;
    }
    .surplus span {
        font-size: 3.5vw;
    }

    /* 开始点亮按钮区域 (Wap) */
    .startDrawBtn-wrapper {
        text-align: center;
        position: absolute;
        top: 90vw;
    }

    .startDrawBtn-wrapper .startDrawBtn {
        width: 40vw;
        cursor: pointer;
        transition: transform 0.25s ease;
        display: block;
        margin: 0 auto;
    }

    .startDrawBtn-wrapper .startDrawBtn:active {
        transform: translateY(-2px) scale(1.03);
    }

    .startDrawBtn-wrapper .guizeTextLink {
        display: inline-block;
        margin-top: 5vw;
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
        font-size: 13px;
    }
    .pop-hdgz01 {
        position: fixed;
        width: 77%;
        top: 50%;
        left: 50%;
        z-index: 22;
        display: none;
        transform: translate(-50%, -50%);
        background-color: #fff;
        border-radius: 15px;
        /* background: url(/Upload/EVENTS/fansweekkhhft2510300026/Wap/images/popBackground1.png) 0% 0% / 100% 100% no-repeat; */
        padding-top: 29px;
        min-height: 260px;
        max-height: 445px;
        padding-bottom: 20px;
    }
    
    .popContent-txt {
        line-height: 24px;
        overflow-y: scroll;
        height: 318px;
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        color: #000;
        font-size: 14px;
        border-radius: 15px;
        margin-bottom: 12px;
    }
    
    .awards-list-main {
        width: 100%;
        /* background: url(../images/awards_bg.jpg) no-repeat; */
        background-size: 100% auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* padding-top: 9vw; */
    }
    
    .mainTielText {
        color: #ff9f13;
        font-size: 19px;
        font-weight: 600;
        margin: 0.5rem 0 1rem 0;
        padding-right: 1rem;
    }
    
    .awards-list-main h1 {
        width: 41%;
        margin: 0 auto;
    }
    
    .awards-list-main h1 img {
        width: 100%;
    }
    
    .adward-box {
        margin: 0 auto;
        background-size: 100% auto;
        overflow: hidden;
        padding: 2vh 11vw;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    
    .awards-list-main .adward-box dl {
        float: left;
        width: 38%;
        background-color: #fff;
        margin-bottom: 3%;
        border-radius: 1rem;
    }
    
    .awards-list-main .adward-box dl:nth-child(odd) {
        margin-right: 3%;
    }
    
    .duihuan {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .duihuan .Lottery {
        width: 112px;
        height: 28px;
        line-height: 28px;
        color: #fff;
        font-size: 13px;
        background: url(../images/activity_btnbg.png) no-repeat;
        background-size: 100%;
        border-radius: 1rem;
        padding-right: 16px;
        box-sizing: border-box;
        margin-top: 1.5rem;
    }
    
    .awards-list-main .adward-box dl dt {
        margin-bottom: 6px;
        background: url(../images/backgroundProud.png) no-repeat;
        display: flex;
        background-size: 100% 100%;
        flex-direction: column;
        align-items: center;
        height: 43vw;
        padding: 0.5rem 0 0 0;
        box-sizing: border-box;
    }
    
    .awards-list-main .adward-box dl dd {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .price {
        text-decoration: line-through;
    }
    
    .awards-list-main .adward-box dl dt img {
        width: 69%;
    }
    
    .awards-list-main .adward-box dl dt span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -Wapkit-box;
        -Wapkit-line-clamp: 2;
        -Wapkit-box-orient: vertical;
        min-height: 9vw;
        width: 79%;
        text-align: center;
        font-weight: 700;
        font-size: 13px;
    }
    
    .awards-list-main .adward-box dl dd a {
        display: inline-block;
        width: 123px;
        height: 29px;
        line-height: 29px;
        border-radius: 15px;
        font-weight: bold;
    }
    
    .redtext {
        color: #e3223b;
        font-weight: bold;
    }
    /*更多活动*/
    
    .moreactivity {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        background-color: #fff;
        padding-bottom: 15px;
    }
    
    .moreactivity h1 {
        margin-bottom: 3%;
    }
    
    .moreactivity dl {
        overflow: hidden;
        display: flex;
        padding: 0 4vh;
        width: 100%;
        box-sizing: border-box;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .moreactivity dl dd {
        width: 31%;
    }
    .guize {
        position: absolute;
        left: 50%;
        bottom: 1.5%;
        width: 20%;
        transform: translate(-50%, 0);
    }
    .moreactivity dl dd img {
        width: 100%;
    }
    
    
    .taskTime {
        width: 68%;
        margin: 0 auto;
        box-sizing: border-box;
        transform: translateY(7px);
        margin-bottom: 5rem;
    }
    
    .taskTimeContentimg {
        display: flex;
    }
    
    .taskTimeContentimg img {
        width: 34%;
        height: 100%;
    }
    
    .taskTimeContentimg .Lottery {
        width: 103px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background: url(../images/activity_btnbg.png) no-repeat;
        background-size: 100%;
        padding-right: 16px;
        box-sizing: border-box;
        margin-left: 5px;
        border-radius: 10px;
    }
    
    .taskTimeContentText {
        display: flex;
        margin: 4px 0;
    }
    
    .taskTimeContentText img {
        width: 94%;
    }
    
    .taskTimeTitle {
        color: #010103;
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 12px;
        margin-top: 16px;
    }
    
    .qing a {
        background-color: #bebebe;
        color: #f4f4f4;
    }
    
    .textTime a {
        color: #919191;
        background-color: #fff;
        border: 1px solid #818181;
    }
    
    .dui a {
        color: #fff;
        background-color: #ff5d4a;
    }
    
    .titleText {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #000;
        margin-bottom: 14px;
    }
    
    .strongText {
        font-size: 15px;
    }
    
    .describe {
        color: #6f6f6f;
        margin-bottom: 2vh;
        text-align: left;
        margin-top: 2vh;
    }
    
    .renwu1 {
        color: #c2beb5;
        text-align: left;
        transform: translateY(35%);
    }
    
    .taskTimeContent {
        margin-bottom: 2vh;
    }
    
    .popItem {
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }
    
    .buttonImage {
        width: 55%;
        margin-top: 16px;
    }
    
    #editAddres {
        height: 15vw;
        display: flex;
        flex-wrap: wrap;
    }
    
    #editAddres .addres_content {
        display: flex
    }
    
    .addres_content .editAddrescontent {
        text-align: left;
        color: #757575
    }
    
    #bianjiAddress {
        margin: 0 auto;
        text-decoration: underline;
        color: #757575;
        text-align: right;
        width: 100%;
        display: inline-block;
    }
    
    .EditLoading {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 999;
        display: none;
    }
    
    .loadingSweel {
        border: 5px solid #f3f3f3;
        border-top: 5px solid #555;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        display: inline-block;
        animation: spin2 1s linear infinite;
    }
    
    @keyframes spin2 {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
    .footerText {
        padding-bottom: 9vh;
        color: #000;
    }
    
    .famian1 {
        font-weight: bold;
    }
    
    .famian2 {
        color: #bebebe;
        /* text-align: center; */
        margin-top: 4vw;
    }
    
    .popContent ul li select {
        margin-top: 2vw !important;
    }
    
    .popContent ul li:nth-child(6) input {
        width: 100% !important;
    }

    .choujiangContent {
        width: 100%;
        height: 296.3vw;
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        background-color: #eef0ef;
    }

    .choujiangContent > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .huodongguizebtn {
        text-align: center;
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        width: 75%;
        margin: 0 auto;
    }
    .huodongguizebtn .btn {
        text-align: center;
        color: #f9b200;
        margin-bottom: 10px;
        font-size: 15px;
        text-decoration: underline;
    }
    .bottomFlex {
        display: flex;
        align-items: center;
        position: absolute;
        width: 84%;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: 3%;
    }
    .bottomtext {
        width: 400px;
        color: #fff;
        font-size: 15px;
        margin-top: 10px;
        margin-right: 27px;
    }
    .morechanceDiv {
        position: relative;
    }
    .morechancepostion {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
        width: 83%;
        padding-top: 35px;
    }
    .morechancepostion img{
        width: 49%;
    }
    .chancetextDiv {
        display: flex;
        padding-top: 10px;
    }
    .chancetext2 {
        margin-right: 13px;
        position: relative;
    }
    .chancelink {
        width: 20% !important;
        position: absolute;
        right: 17%;
        top: 29%;
    }
    .S24postion {
        position: relative;
        display: flex;
        justify-content: center;
        background-color: #ffefe2;
    }
    
    .multiChk label {
        display: flex;
        align-items: center;
    }
    .kvtop {
        position: relative;
        height: 35vw;
        background-color: #ffdcbe;
    }
    .jiangpinContent {
        position: absolute;
        top: 45%;
        transform: translate(-50%, -50%);
        left: 50%;
        display: flex;
        flex-direction: column;
        color: #000;
        font-size: 12px;
        align-items: center;
        width: 77%;
        text-align: center;
    }
    .contentKa {
        position: absolute;
        left: 0%;
        width: 34%;
        right: 0;
        margin: 0 auto;
        top: 23%;
        z-index: 2;
    }
    .contentShouLeft {
        position: absolute;
        left: -56%;
        top: 9%;
        right: 0;
        margin: 0 auto;
        width: 82%;
        z-index: 3;
    }
    .contentShouRight {
        position: absolute;
        left: 0;
        top: 51%;
        right: -70%;
        margin: 0 auto;
        width: 100%;
    }
    .clickButton {
        width: 75%;
    }
    .clickButton div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8%;
        padding: 0 4%;
    }
    .canyudiv {
        display: flex;
        align-items: center;
        width: 80%;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .canyudivItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 12%;
        width: 42%;
        z-index: 1;
    }
    .canyudivItem .canyudivbtn1, .canyudivItem span {
        margin-top: 7%;
        cursor: pointer;
        color: #000;
    }
    .awards-footer {
        position: relative;
    }
    .moreBgImg {
        width: 100%;
        display: block;
    }
    .moreactivity {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85vw;
        margin: 0 auto;
        text-align: center;
        background-color: transparent;
        padding-bottom: 0;
    }
    .moreactivity-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        padding: 0;
        margin: 0;
        padding-top: 20vw;
    }
    .moreactivity-list li {
        width: 27.3vw;
        height: 27.3vw;
        margin-right: 2.8vw;
    }
    .moreactivity-list li:last-child {
        margin-right: 0;
    }
    .moreactivity-list li a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .moreactivity-list li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .recordDiv .recordtab {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .recordDiv .recordtabClick {
        width: 50% !important;
        z-index: 3 !important;
    }
    .recordDiv .recordtabPng {
        width: 42%;
        z-index: 2;
    }
    .recordWu {
        color: #000;
        width: 100%;
        text-align: center;
        line-height: 318px;
        height: 318px;
    }
    .recordDiv .recordContent {
        width: 74%;
        margin: 0 auto;
        margin-top: 20px;
        height: 318px;
        overflow: auto;
    }
    .recordDiv .recordItem {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }
    .recordItemName {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 230px;
    }
    .recordItem div {
       color: #000;
    }
    .FriendContent {        
        height: 318px;
        overflow: auto;
        width: 90%;
        margin: 0 auto;
    }
    .FriendItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }
    .FriendItemLeft {
        display: flex;
        align-items: center;
        color: #000;
    }
    .FriendItemRight {
        width: 30%;
    }
    .FriendItemLeft img {
        width: 50px;
        height: 50px;
        border-radius: 30px;
        margin-right: 15px;
    }
    .FriendItemRight img {
        width: 100%;
    }
    .choujiangContent .contentKaAnimation {
        animation: contentKaAnimation 0.8s infinite linear;
    }
    @keyframes contentKaAnimation {
        from { transform: rotateY(0); }
        to { transform: rotateY(360deg); }
    }
    .recordCishu {
        color: #333333;
    }


    .contentShowLeftAnimation {
        transform: translateX(-300%);
        transition: all 1s;
    }
    .contentShouRightAnimation {
        transform: translateX(300%);
        transition: all 1s;
    }

    .canyudivItemrotate3d img:nth-child(1) {
        transform: rotate3d(1, 1, 1, 360deg);
        transition: all 1s;
    }

    .canyudivItemAnimation0 {
        transform: translate(-130%, 0%) !important;
    }
    .canyudivItemAnimation0center {
        transform: translate(67%, 115%) !important;
    }
    
    
    .canyudivItemAnimation1 {
        transform: translate(130%, 0%) !important;
    }
    .canyudivItemAnimation1center {
        transform: translate(-71%, 115%) !important
    }

    .canyudivItemAnimation2 {
        transform: translate(-130%, 0%) !important;
    }
    .canyudivItemAnimation2center {
        transform: translate(67%, 0%) !important;
    }


    .canyudivItemAnimation3 {
        transform: translate(130%, 0%) !important;
    }
    .canyudivItemAnimation3center {
        transform: translate(-71%,0%) !important;
    }

    .canyudivItemAnimation4 {
        transform: translate(-130%, 0%) !important;
    }
    .canyudivItemAnimation4center {
        transform: translate(67%, -115%) !important;
    }

    .canyudivItemAnimation5 {
        transform: translate(130%, 0%) !important;
    }
    .canyudivItemAnimation5center {
        transform: translate(-71%, -115%) !important
    }
    #Popup12 .popJP {
        margin: 20px 0;
    }
    .PrizeSrcAnimation,.PrizeSrcAnimation3dcanyuitem img:nth-child(1) {
        transition: all 1.4s;
        transform: rotateY(360deg) !important;
    }
    /* .canyudivItemImageAnimation {
        animation: canyudivItemImageAnimation 1.5s infinite linear;
        transform: rotate(-10deg);
    } */
    @keyframes canyudivItemImageAnimation {
        0%, 100% {
            transform: translateZ(0);
        }
        10%, 30%, 50%, 70%, 90% {
            transform: translate3d(-10px, 0, 0);
        }
        20%, 40%, 60%, 80% {
            transform: translate3d(10px, 0, 0);
        }
    }
    .xinghuifanzhuang {
        opacity: 0 !important;
    }
    .canyudivItemDongXiao {
        animation-name: canyudivItemDongXiao;
        animation-duration: 1s;
    }
    @keyframes canyudivItemDongXiao {
        0%, 20%, 53%, 80%, 100% {
            -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
            animation-timing-function: cubic-bezier(.215,.61,.355,1);
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
        
        40%, 43% {
            -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
        }
        40%, 43%, 70% {
            -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
            animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        }
        70% {
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
        }
        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }
    
    .morechanceDiv {
        position: relative;
    }
    
    img::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfoAgIBEDH81ND4AAAAC0lEQVQI12NI9AAAAQ0AquLnjwQAAAAASUVORK5CYII=") no-repeat 50% 38% / 1% 1%;
        color: transparent;
   }
   img::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        line-height: 7;
        color: #c0c4cc;
        font-size: 14px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    img {
        position: relative;
    }
    .tipText {
        position: absolute;
        bottom: 5px;
        left: 13px;
        width: 92%;
        text-align: center;
        color: #ccc;
        line-height: 25px;
    }
    .clicktiaozhuan1 {
        position: absolute;
        top: 51.5vw;
        width: 39.5vw;
        height: 12vw;
        cursor: pointer;
        left: 50%;
        margin-left: -19.4%;
    }
    .clicktiaozhuan2 {
        position: absolute;
        bottom: 40.9vw;
        width: 39.5vw;
        height: 12vw;
        cursor: pointer;
        left: 50%;
        margin-left: -19.4%;
    }
    
    .moreactivity h1 {
    font-size: 26px;
    color: #fff;
    padding: 25px 0 10px 0;
    }
    .swiper-container {
        width: 100%;
    }
  
  /* .swiper-slide {
        transform: scale(0.8) !important;
    }
    .swiper-slide-next,.swiper-slide-prev{
        opacity: 0.7;
    }
    .swiper-slide-active, .swiper-slide-duplicate-active {
        transform: scale(1) !important;
        opacity: 1;
    } */
    .swiper-button-next {
        outline: none;
        color: #ccc !important;
    }
    .swiper-button-prev {
        outline: none;
        color: #ccc !important;
    }
    .SwiperClassJiangpin {
        width: 100%;
        position: relative;
    }
    .swiperBgImg {
        width: 100%;
        display: block;
    }
    .SwiperContainer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .SwiperContainer .swiper-container {
        width: 85vw;
    }
    .SwiperContainer .swiper-wrapper {
        display: flex;
        align-items: center;
    }
    .SwiperContainer .swiper-slide {
        width: 18.3vw !important;
        height: 24.4vw;
        margin-right: 3vw;
        flex-shrink: 0;
    }
    .SwiperContainer .swiper-slide:last-child {
        margin-right: 0;
    }
    .SwiperContainer .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    /* 奖品浮动标签样式 */
    .prize-item {
        position: relative;
        width: 100%;
    }
    .prize-item img {
        display: block;
        width: 100%;
    }
    .prize-label {
        position: absolute;
        bottom: 1.5vw;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        white-space: nowrap;
    }
    .prize-name {
        display: block;
        font-size: 2.8vw;
        font-weight: bold;
        color: #000000;
    }
    .prize-count {
        display: block;
        font-size: 2vw;
        color: #000000;
        margin-top: 0.3vw;
    }
    .SwiperContainer .swiper-button-next,
    .SwiperContainer .swiper-button-prev {
        display: block;
        color: #d8d18d !important;
    }
    .flexPostion {
    position: fixed;
    top: 15%;
    right: 0vw;
    display: flex;
    flex-direction: column;
  }
  .flexPostion img {
    width: 6.2vw;
    margin-bottom: 2vw;
  }

  .DivMainSection {
    width: 100%;
    -webkit-perspective: 800;
    perspective: 800;
    -webkit-perspective-origin: 50% -6rem;
    perspective-origin: 50% -6rem;
    position: absolute;
    z-index: 3;
    top: 10%;
    transform: translate(-1%, -50%);
}

.DivMainSection .OuterBox {
    -webkit-perspective: 1400;
    perspective: 1400;
    -webkit-perspective-origin: 50% -6rem;
    perspective-origin: 50% -6rem
}

.DivMainSection>img {
    width: 100%;
    height: auto;
    pointer-events: none
}

.container {
    width: 0;
    height: 0;
    border-radius: 15rem;
    margin: auto;
    position: absolute;
    left: 50%;
    top: .8rem;
    z-index: 2;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.Prize,.Prize>.PrizeItem {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

.Prize>.PrizeItem>span {
    position: relative;
    width: 17vw;
    height: 24.8vw;
    /* margin-left: -12vw; */
    display: block;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.container.StyleContainer3d {
    -webkit-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear
}

.container.StyleContainer3d .Prize>.PrizeItem>span {
    -webkit-animation: spinEgg 10s infinite linear;
    animation: spinEgg 10s infinite linear
}

.Prize.Prizeone {
    transform: rotateZ(90deg) translateX(16vw) rotateX(-90deg)
}

.Prize.Prizetwo {
    transform: rotateZ(180deg) translateX(16vw) rotateX(-90deg)
}

.Prize.Prizethree {
    transform: rotateZ(270deg) translateX(16vw) rotateX(-90deg)
}

.Prize.Prizefour {
    transform: rotateZ(360deg) translateX(16vw) rotateX(-90deg)
}

.container>.Prizeone>.PrizeItem {
    transform: rotateY(90deg);
    z-index: 50
}

.container>.Prizetwo>.PrizeItem {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.container>.Prizethree>.PrizeItem {
    -webkit-transform: rotateY(270deg);
    transform: rotateY(270deg)
}

.container>.Prizefour>.PrizeItem {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

@-webkit-keyframes spinEgg {
    0% {
        -webkit-transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(360deg)
    }
}

@keyframes spinEgg {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotateX(90deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(90deg) rotateZ(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotateX(90deg) rotateZ(0);
        transform: rotateX(90deg) rotateZ(0)
    }

    100% {
        -webkit-transform: rotateX(90deg) rotateZ(360deg);
        transform: rotateX(90deg) rotateZ(360deg)
    }
}

.DivMainSection .hit {
    position: absolute;
    z-index: 300;
    pointer-events: none;
    display: none;
    width: 2.75rem;
    height: 4rem;
    background-size: 100% 100%
}

.DivMainSection .hit img {
    width: 3rem;
    height: auto
}

.DivMainSection .hit.StyleContainer3d {
    display: block;
    -webkit-animation: hit .3s 1 forwards;
    animation: hit .3s 1 forwards;
    -webkit-transform-origin: 50% 80%;
    transform-origin: 50% 80%
}

@-webkit-keyframes hit {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-45deg)
    }
}

@keyframes hit {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

/* ===========================
   手机折叠屏展开弹窗样式 (Wap)
   =========================== */

.phoneFoldOverlay {
    /* --phone-folded-w: 46.5vw;
    --phone-unfolded-w: 93vw;
    --phone-h: 74vw; */
    /* --phone-folded-w: 34vw;
    --phone-unfolded-w: 69vw;
    --phone-h: 52vw; */
    --phone-folded-w: 34vw;
    /* --phone-unfolded-w: 74vw; */
    --phone-unfolded-w: 69vw;
    --phone-h: 52vw;
}

.phoneFoldOverlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.phoneFoldOverlay.active {
    opacity: 1;
    pointer-events: auto;
}

.phoneFoldMask {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.8) 100%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.phoneFoldStage {
    position: relative;
    z-index: 1;
    width: var(--phone-unfolded-w);
    height: var(--phone-h);
}

.phoneFoldTitle {
    position: absolute;
    bottom: calc(100% + 3vw);
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    font-size: 5vw;
    font-weight: bold;
    white-space: nowrap;
    z-index: 10;
}

.phoneDevice {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 1600px;
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.phoneDevice.show {
    opacity: 1;
    transform: scale(1);
}

.phoneBody {
    position: relative;
    width: var(--phone-folded-w);
    height: 100%;
    margin: 0 auto;
    transition: width 0.85s cubic-bezier(0.45, 0.05, 0.2, 1);
}

.phoneDevice.opened .phoneBody {
    width: var(--phone-unfolded-w);
}

.phoneScreenLeft {
    position: absolute;
    right: 0;
    top: 0;
    width: var(--phone-folded-w);
    height: 100%;
    overflow: hidden;
    /* background: #fff5e6; */
    box-shadow: 0 24px 60px rgba(184, 134, 80, 0.25);
}

.phoneScreenLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.phoneScreenLeft::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24%;
    height: 100%;
    /* background: linear-gradient(to right, rgba(60, 40, 20, 0.18), transparent); */
    /* opacity: 0; */
    /* transition: opacity 0.6s ease 0.35s; */
    z-index: 1;
    pointer-events: none;
}

.phoneDevice.opened .phoneScreenLeft::after {
    opacity: 1;
}

.phonePrizeName {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    padding: 4px 10px;
    background: rgba(216,209,141,0.9);
    color: #000;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 999px;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease 0.3s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phoneDevice.opened .phonePrizeName {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.phoneHinge {
    position: absolute;
    right: 0;
    top: 0;
    width: var(--phone-folded-w);
    height: 100%;
    transform-origin: left center;
    transform-style: preserve-3d;
    transition: transform 0.85s cubic-bezier(0.45, 0.05, 0.2, 1);
    transform: rotateY(0deg);
    z-index: 2;
}

.phoneDevice.opened .phoneHinge {
    transform: rotateY(180deg);
}

.hingeFront {
    position: absolute;
    inset: 0;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* background: linear-gradient(135deg, #fff5e6 0%, #ffe9d4 100%); */
    /* box-shadow: 0 24px 60px rgba(184, 134, 80, 0.25); */
}

.hingeFront img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hingeBack {
    position: absolute;
    inset: 0;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: rotateY(180deg);
    /* background: linear-gradient(135deg, #fff5e6 0%, #ffe9d4 100%); */
    /* box-shadow: 0 24px 60px rgba(184, 134, 80, 0.25); */
}

.hingeBackImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hingeBackText {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 3px;
    color: #d8d18d;
    text-shadow: 0 0 20px rgba(216,209,141,0.5);
    animation: phoneGlow 2s ease-in-out infinite;
}

@keyframes phoneGlow {
    0%, 100% { opacity: 0.8; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.05); }
}

.hingeBack::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 24%;
    height: 100%;
    /* background: linear-gradient(to left, rgba(60, 40, 20, 0.18), transparent); */
    z-index: 1;
    pointer-events: none;
}

.phoneActions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    z-index: 3;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.4s ease 0.45s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;
    pointer-events: none;
}

.phoneDevice.opened .phoneActions {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.phoneActions .aButton {
    display: inline-block;
}

.phoneActions img {
    width: 100px;
    cursor: pointer;
    transition: transform 0.25s ease;
}

.phoneFoldClose {
    position: absolute;
    right: -20px;
    top: 0;
    cursor: pointer;
    width: 18px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.4s ease 0.3s;
}

.phoneDevice.show .phoneFoldClose {
    opacity: 1;
}

.phoneDisclaimer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    bottom: -25vw;
    width: 69vw;
    text-align: left;
    color: rgba(255, 255, 255, 0.5);
    font-size: 2.5vw;
    line-height: 1.5;
    z-index: 3;
    text-align: center;
    opacity: 0;
    transition: opacity 0.4s ease 0.45s, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s;
}

.phoneDevice.opened .phoneDisclaimer {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ===========================
   收集进度区域样式 (Wap)
   =========================== */
.cardProgressSection {
    text-align: center;
    position: absolute;
    bottom: 33vw;
}

.cardProgressSlots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.cardProgressSlot {
    width: calc(37% - 4px);
    text-align: center;
    border-radius: 0;
    padding: 8px 4px;
    /* background: #f0e8df;
    border: 1px dashed #e0d5c8;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); */
    min-height: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.cardProgressSlot img {
    width: 100%;
    margin-bottom: 4px;
    pointer-events: none;
}

.cardProgressSlotLabel {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.2;
    color: rgb(255 255 255 / 50%);
}

.cardProgressSlot.collected .cardProgressSlotLabel {
    font-weight: 700;
    color: #fff;
}