.page-wrap-toast[data-v-82f717d0] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content[data-v-82f717d0] {
    width: 420px;
    background: #fff;
    border-radius: 4px;
    padding: 30px 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.content .title[data-v-82f717d0] {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px
}

.content .info[data-v-82f717d0] {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-bottom: 23px
}

.content .input-wrap[data-v-82f717d0] {
    width: 100%;
    height: 48px;
    border: 1px solid #d2d8de;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative
}

.content .input-wrap input[data-v-82f717d0] {
    display: block;
    outline: none;
    border: none;
    width: 100%;
    color: #222;
    height: 100%;
    line-height: 48px;
    padding-left: 13px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .input-wrap .code[data-v-82f717d0] {
    width: 98px;
    height: 44px;
    background: #ebebeb;
    border-radius: 2px;
    position: absolute;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    color: #222;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10000;
    cursor: pointer
}

.content .bind-info .bind-info-title[data-v-82f717d0] {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-bottom: 12px
}

.content .bind-info .value p[data-v-82f717d0] {
    color: #666;
    font-size: 12px;
    margin-bottom: 12px
}

.content .btn[data-v-82f717d0] {
    margin-top: 28px;
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.content .close[data-v-82f717d0] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer
}

.content .close img[data-v-82f717d0] {
    display: block;
    width: 100%;
    height: 100%
}

.page-wrap-toast[data-v-f939a600] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content[data-v-f939a600] {
    width: 420px;
    background: #fff;
    border-radius: 4px;
    padding: 30px 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.content .title[data-v-f939a600] {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px
}

.content .info[data-v-f939a600] {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-bottom: 23px
}

.content .input-wrap[data-v-f939a600] {
    width: 100%;
    height: 48px;
    border: 1px solid #d2d8de;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative
}

.content .input-wrap input[data-v-f939a600] {
    display: block;
    outline: none;
    border: none;
    width: 100%;
    color: #222;
    height: 100%;
    line-height: 48px;
    padding-left: 13px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .btn[data-v-f939a600] {
    margin-top: 28px;
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.content .close[data-v-f939a600] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer
}

.content .close img[data-v-f939a600] {
    display: block;
    width: 100%;
    height: 100%
}

.page-wrap-toast[data-v-47dffd46] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content[data-v-47dffd46] {
    width: 420px;
    background: #fff;
    border-radius: 4px;
    padding: 30px 30px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.content .title[data-v-47dffd46] {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px
}

.content .userlist[data-v-47dffd46] {
    width: 100%;
    height: 280px;
    overflow-y: auto;
    background: #f0f3f6;
    border-radius: 6px
}

.content .userlist .item[data-v-47dffd46] {
    width: 100%;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #dce1e5;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.content .userlist .item .item-info[data-v-47dffd46],.content .userlist .item[data-v-47dffd46] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .userlist .item .item-info .img[data-v-47dffd46] {
    width: 54px;
    height: 54px;
    overflow: hidden;
    margin-right: 14px
}

.content .userlist .item .item-info .img img[data-v-47dffd46] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.content .userlist .item .item-info .value p[data-v-47dffd46] {
    color: #222;
    font-size: 16px;
    margin-bottom: 7px
}

.content .userlist .item .item-info .value p[data-v-47dffd46]:last-child {
    font-size: 14px;
    color: #999
}

.content .userlist .item .checkout[data-v-47dffd46] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #b0b0b0;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content .userlist .item .checkout span[data-v-47dffd46] {
    display: none
}

.content .userlist .item .checkout.active[data-v-47dffd46] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-color: #ff8a00
}

.content .userlist .item .checkout.active span[data-v-47dffd46] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    background: #ff8a00
}

.content .userlist .item[data-v-47dffd46]:last-child {
    border-bottom: none
}

.content .btn[data-v-47dffd46] {
    margin-top: 28px;
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.content .otherbtn[data-v-47dffd46] {
    text-align: center;
    color: #ff8a00;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer
}

.content .close[data-v-47dffd46] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer
}

.content .close img[data-v-47dffd46] {
    display: block;
    width: 100%;
    height: 100%
}

.titleBox[data-v-d55d5cc6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.titleBox span[data-v-d55d5cc6] {
    font-size: 18px;
    font-weight: 700;
    color: #222
}

.titleBox .more[data-v-d55d5cc6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.titleBox .more span[data-v-d55d5cc6] {
    font-size: 14px;
    font-weight: 400;
    color: #ff8a00;
    margin-right: 6px
}

.titleBox .more img[data-v-d55d5cc6] {
    width: 18px;
    height: 18px
}

.UserslefCenterMask[data-v-d55d5cc6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0,0,0,.6)
}

.UserslefCenterBox[data-v-d55d5cc6] {
    width: 1378px;
    height: 450px;
    margin-top: 68px;
    background: #eff3f5;
    margin: 0 auto;
    padding: 40px 95px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 999
}

.UserslefCenterBox .leftBox[data-v-d55d5cc6] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.UserslefCenterBox .leftBox .recentlyBox[data-v-d55d5cc6] {
    width: 100%;
    height: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem[data-v-d55d5cc6] {
    height: 130px;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    margin-right: 23px
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox[data-v-d55d5cc6] {
    width: 210px;
    height: 110px;
    background: #000;
    border-radius: 10px;
    overflow: hidden
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox img[data-v-d55d5cc6] {
    width: 100%;
    height: 100%
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox .maskBox[data-v-d55d5cc6] {
    width: 100%;
    height: 28px;
    background: rgba(0,0,0,.55);
    border-radius: 0 0 10px 10px;
    position: relative;
    bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox .maskBox .text[data-v-d55d5cc6] {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox .maskBox .sportsBox span[data-v-d55d5cc6] {
    width: 28px;
    height: 16px;
    background: #448ce5;
    border-radius: 2px;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox .maskBox .sportsBox span[data-v-d55d5cc6]:nth-child(2) {
    background: #ff5745;
    margin-left: 7px
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .playGameBox[data-v-d55d5cc6]:last-child {
    margin-right: 0
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox[data-v-d55d5cc6] {
    width: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .text[data-v-d55d5cc6] {
    font-size: 18px;
    font-weight: 700;
    color: #222
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .card-title[data-v-d55d5cc6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .card-title p[data-v-d55d5cc6] {
    color: #999;
    font-size: 14px;
    position: relative;
    margin-right: 10px;
    cursor: pointer
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .card-title p.active[data-v-d55d5cc6] {
    color: #ff8a00;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .card-title p.active[data-v-d55d5cc6]:after {
    opacity: 1
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .card-title p[data-v-d55d5cc6]:after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    margin-top: 2px;
    background: #ff8a00;
    border-radius: 3px;
    left: 0;
    bottom: -10px;
    opacity: 0
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .flexItem[data-v-d55d5cc6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .flexItem img[data-v-d55d5cc6] {
    width: 12px;
    height: 12px
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .flexItem span[data-v-d55d5cc6] {
    font-size: 12px;
    font-weight: 400;
    color: #3588e6;
    margin-left: 1px
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem .flexBox .flexItem:nth-child(2) span[data-v-d55d5cc6] {
    color: #2bb56f
}

.UserslefCenterBox .leftBox .recentlyBox .recentlyItem[data-v-d55d5cc6]:last-child {
    margin-right: 0
}

.UserslefCenterBox .leftBox .guess[data-v-d55d5cc6] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px
}

.UserslefCenterBox .leftBox .guess .guessItem[data-v-d55d5cc6] {
    width: 152px;
    height: 116px;
    cursor: pointer;
    background: #fff
}

.UserslefCenterBox .leftBox .guess .guessItem img[data-v-d55d5cc6] {
    width: 152px;
    height: 80px
}

.UserslefCenterBox .leftBox .guess .guessItem p[data-v-d55d5cc6] {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 13px
}

.UserslefCenterBox .rightBox[data-v-d55d5cc6] {
    width: 420px;
    margin-left: 94px
}

.UserslefCenterBox .rightBox .userInfoBox[data-v-d55d5cc6] {
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UserslefCenterBox .rightBox .userInfoBox img[data-v-d55d5cc6] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 18px
}

.UserslefCenterBox .rightBox .userInfoBox .nameBox[data-v-d55d5cc6] {
    height: 80px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.UserslefCenterBox .rightBox .userInfoBox .nameBox p[data-v-d55d5cc6] {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 700;
    color: #222
}

.UserslefCenterBox .rightBox .userInfoBox .nameBox .name[data-v-d55d5cc6] {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.UserslefCenterBox .rightBox .userInfoBox .btn[data-v-d55d5cc6] {
    width: 98px;
    height: 38px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 6px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.UserslefCenterBox .rightBox .gradeBox[data-v-d55d5cc6] {
    margin-top: 28px;
    width: 420px;
    height: 107px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo[data-v-d55d5cc6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .gradeleft[data-v-d55d5cc6] {
    width: 181px;
    height: 83px;
    background: url(//images.sooyooj.com/20230306/aLvcyVLHgtNZPhWv.png) no-repeat;
    padding: 19px 0 12px 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .gradeleft span[data-v-d55d5cc6] {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .gradeleft .lv[data-v-d55d5cc6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .gradeleft .lv img[data-v-d55d5cc6] {
    width: 24px;
    height: 24px
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .gradeleft .lv span[data-v-d55d5cc6] {
    font-size: 24px;
    font-weight: 700;
    color: #444;
    margin-left: 8px
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .graderight[data-v-d55d5cc6] {
    float: right
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .graderight p[data-v-d55d5cc6] {
    margin-top: 53px;
    margin-right: 21px;
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 400;
    color: #444
}

.UserslefCenterBox .rightBox .gradeBox .gradeInfo .graderight p span[data-v-d55d5cc6] {
    color: #ff8a00
}

.UserslefCenterBox .rightBox .line[data-v-d55d5cc6] {
    width: 380px;
    height: 6px;
    border-radius: 3px;
    background: silver;
    margin: 0 auto;
    margin-bottom: 15px
}

.UserslefCenterBox .rightBox .line .color[data-v-d55d5cc6] {
    height: 100%;
    background: #ff8a00;
    position: relative;
    z-index: 99;
    border-radius: 3px
}

.UserslefCenterBox .rightBox .btnBox[data-v-d55d5cc6] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}

.UserslefCenterBox .rightBox .btnBox .btnItem[data-v-d55d5cc6] {
    width: 203px;
    height: 48px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
    cursor: pointer
}

.UserslefCenterBox .rightBox .btnBox .btnItem img[data-v-d55d5cc6] {
    width: 24px;
    height: 24px
}

.UserslefCenterBox .rightBox .btnBox .btnItem span[data-v-d55d5cc6] {
    font-size: 16px;
    font-weight: 400;
    color: #666
}

.titleBox[data-v-d55d5cc6] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notification[data-v-019814df] {
    width: 13.19rem;
    height: 6.13rem;
    background: url(//images.sooyooj.com/20231212/vw5ctOaSg717IpYO.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
    position: absolute;
    bottom: -6.5rem;
    right: 0
}

.notification .title[data-v-019814df] {
    margin: 0 auto;
    margin-top: 1.94rem;
    font-size: .88rem;
    font-weight: 400;
    color: #000
}

.notification .title span[data-v-019814df] {
    color: #ff8a00
}

.notification .btnBox[data-v-019814df] {
    margin-top: .94rem;
    margin-bottom: .81rem
}

.notification .btnBox .btn[data-v-019814df] {
    width: 4rem;
    height: 1.5rem;
    border: 1px solid #fb811e;
    border-radius: .75rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 400;
    color: #ff8a00;
    cursor: pointer
}

.notification .btnBox .btn[data-v-019814df]:first-child {
    margin-right: .77rem
}

.downImg[data-v-267d3a15],.tansDownImg[data-v-267d3a15] {
    width: 24px!important;
    height: 24px!important
}

.tansDownImg[data-v-267d3a15] {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.header-wrap[data-v-267d3a15] {
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left bottom,left top,from(#222),to(#383838));
    background: linear-gradient(0deg,#222,#383838);
    z-index: 9999;
    position: relative
}

.header-wrap .header[data-v-267d3a15] {
    width: 1020px;
    height: 100%;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-wrap .header .log[data-v-267d3a15],.header-wrap .header[data-v-267d3a15] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-wrap .header .log img[data-v-267d3a15] {
    width: 195px;
    height: 39px;
    margin-right: 25px
}

.header-wrap .header .log .item[data-v-267d3a15] {
    font-size: 16px;
    color: #999;
    padding: 0 25px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-wrap .header .log .item span[data-v-267d3a15] {
    padding: 6px 0
}

.header-wrap .header .log .item i[data-v-267d3a15] {
    width: 100%;
    height: 4px;
    display: block;
    background: #ffae00;
    border-radius: 2px;
    display: none
}

.header-wrap .header .log .item.active[data-v-267d3a15] {
    color: #fff
}

.header-wrap .header .log .item.active i[data-v-267d3a15] {
    display: block
}

.header-wrap .header .usericon[data-v-267d3a15] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%
}

.header-wrap .header .usericon img[data-v-267d3a15] {
    width: 34px;
    height: 34px;
    margin-right: 12px;
    border-radius: 50%
}

.header-wrap .header .usericon p[data-v-267d3a15] {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-wrap .header .usericon .user-box[data-v-267d3a15] {
    width: 200px;
    height: 290px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(10,22,42,.1);
    box-shadow: 0 0 10px 0 rgba(10,22,42,.1);
    position: absolute;
    bottom: -283px;
    padding: 20px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000000000
}

.header-wrap .header .usericon .user-box .info[data-v-267d3a15] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 17px
}

.header-wrap .header .usericon .user-box .info .img[data-v-267d3a15] {
    width: 48px;
    height: 48px;
    margin-right: 10px
}

.header-wrap .header .usericon .user-box .info .img img[data-v-267d3a15] {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.header-wrap .header .usericon .user-box .info .val p[data-v-267d3a15]:first-child {
    font-size: 16px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 8px
}

.header-wrap .header .usericon .user-box .info .val p[data-v-267d3a15]:last-child {
    color: #999;
    font-size: 14px
}

.header-wrap .header .usericon .user-box .user-item[data-v-267d3a15] {
    width: 100%;
    height: 44px;
    background: #eff3f6;
    border-radius: 4px;
    line-height: 44px;
    position: relative;
    text-align: center;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.header-wrap .header .usericon .user-box .user-item p[data-v-267d3a15] {
    font-size: 14px;
    color: #222
}

.header-wrap .header .usericon .user-box .user-item img[data-v-267d3a15] {
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.header-wrap .header .usericon .user-box .user-item[data-v-267d3a15]:hover {
    background: #ffedcd
}

.advgamewrapBox[data-v-b7abfd8a] {
    width: 1020px;
    margin: 0 auto
}

.advgamewrapBox .advgamewrap[data-v-b7abfd8a] {
    width: 100%;
    height: 364px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.advgamewrapBox .advgamewrap .item[data-v-b7abfd8a] {
    width: 244px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    cursor: pointer
}

.advgamewrapBox .advgamewrap .item .img[data-v-b7abfd8a] {
    width: 100%;
    height: 309px
}

.advgamewrapBox .advgamewrap .item .img img[data-v-b7abfd8a] {
    display: block;
    width: 100%;
    height: 100%
}

.advgamewrapBox .advgamewrap .item .info[data-v-b7abfd8a] {
    padding: 14px 0 15px 17px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.advgamewrapBox .advgamewrap .infonewwrap[data-v-b7abfd8a] {
    width: 100%;
    height: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.advgamewrapBox .advgamewrap .infonewwrap .start-btn[data-v-b7abfd8a] {
    width: 70px;
    height: 30px;
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#f9a600));
    background: linear-gradient(0deg,#ff8a00,#f9a600);
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.advgamewrapBox .advgamewrap .infonewwrap .infoval .decs[data-v-b7abfd8a] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 12px;
    color: #999
}

.advgamewrapBox .advgamewrap .infonewwrap .infoval .gametitle[data-v-b7abfd8a] {
    font-size: 14px;
    color: #222;
    margin-bottom: 8px;
    font-weight: 700
}

.item[data-v-b7abfd8a]:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    cursor: pointer;
    margin-top: -8px;
    margin-bottom: 8px;
    background: #fff;
    opacity: .6
}

.imgBox[data-v-fa2f6c0c] {
    width: 1020px;
    margin: 30px auto;
    height: 86px;
    cursor: pointer
}

.imgBox img[data-v-fa2f6c0c] {
    width: 100%;
    height: 100%
}

.reImg[data-v-6a4e34f2] {
    position: relative
}

.actText[data-v-6a4e34f2] {
    position: absolute;
    padding-left: 12px;
    bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 48px;
    padding-top: 22px;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.7)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.adv-shadow[data-v-6a4e34f2]:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    cursor: pointer
}

@-webkit-keyframes xing-6a4e34f2 {
    0% {
        width: 0;
        height: 0%
    }

    to {
        width: 100%;
        height: 100%
    }
}

@keyframes xing-6a4e34f2 {
    0% {
        width: 0;
        height: 0%
    }

    to {
        width: 100%;
        height: 100%
    }
}

.serverListBox[data-v-6a4e34f2] {
    width: 1020px;
    margin: 0 auto
}

.serverListBox .advgamewrap[data-v-6a4e34f2] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.serverListBox .advgamewrap .imgcont[data-v-6a4e34f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 512px;
    position: relative
}

.serverListBox .advgamewrap .imgcont .imgcont-cont[data-v-6a4e34f2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: xing-6a4e34f2 .5s linear;
    animation: xing-6a4e34f2 .5s linear;
    z-index: 100;
    cursor: pointer
}

.serverListBox .advgamewrap .imgcont .simg[data-v-6a4e34f2] {
    width: 245px;
    height: 145px;
    margin-right: 11px
}

.serverListBox .advgamewrap .imgcont .simg[data-v-6a4e34f2]:first-child,.serverListBox .advgamewrap .imgcont .simg[data-v-6a4e34f2]:nth-child(2) {
    margin-bottom: 6px
}

.serverListBox .advgamewrap .imgcont .simg.imgcont-cont[data-v-6a4e34f2] {
    margin-right: 0
}

.serverListBox .advgamewrap .imgcont .simg.big[data-v-6a4e34f2] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.serverListBox .advgamewrap .imgcont img[data-v-6a4e34f2] {
    width: 100%;
    height: 100%
}

.serverListBox .servicetitle .imgtitle[data-v-6a4e34f2]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAudJREFUaEPtmstrE1EUxn/HJBYqaqVWtIuC/gUqLlUouLC26EIQcSGCUHdFbDORuulCqpkErO5cFFwoAQXx7arqwm0RFKwPutT6iA8EpVQ7VyaPaTOZMZkunDtDswnJnTvzffec+c7jXqHyUXl6mGccYVP1v0h8K2ZIcFyGeGjjFYdQlveRI+OAZ0YydNYSMlHaWUTxDOENsAHYCaT8MIpRNs6ChfQiVERxWDJMOEY4xxYS3AC2e5HSm5DQLWmeuIGrUTpI8hJY7x7TmdCkGOzwcy1lkgcGo0SoIAZH/kGoH7gcHULCU0mzy5dQlrMIZ6JDCCwstsppXtS9QyO00soU0BUlQjbWaRS9kuG1o3LnWYtQQOiJnsqVEc8h3EM5cegA0B4kDn0D2rQLrs0B+i4G69yB9VhFPVY2dw9trpoDTojBlRpC9g91iTX8rA9a2kD3ArKKogzwozrkpD5agw4AbplQgMUK5dL4WkiN0k6KQZS/1oey5I0eqvhIijE5xVe3bD8CuhvN13R8Qgz2uAlZiws+TYH7wZoXg6SbkG4l+DUscswyRQudJDgKpSzbM/DrXODZjYGcpDHqsm2TPuCOlyfpTOgzv+iSEWa9/EuZ3Ab2u8f0JSTclDQH/V4WlWMAxcVlQiGqXCOXuwXYtVHNR1+XK2uvtyjk6EVxN2qiUF35q1jkXbI9DLR4eY+XhWIXWGOW+tjJaZKTlcZ4iJoQ+NGf+MOYDPOlJvUJfBtNJ8S3HtJ0wQPDireFVJbVWHQEXpYwJ/i1sZRJvBqNyiTKreCiGGXP0nWP1cZmt3jvO5vGqlQDBWrW61SCT7OCPhniVfX1VBdo4zcFYG+zuZwuhCyEbZLmeV0JHskNrxhuScZs0xhit61va2+sDl7YWmAfjTkkGR47KpdjM4rr4H0oQ++ewoK8TaJ4i5SC5u5gh5eifLwMPohRPue3OFPYB4wDG8PMNZfw7HdAvxg8WK5Yl7B6/33KX1usF0S89OFjAAAAAElFTkSuQmCC) no-repeat;
    width: 26px;
    height: 26px;
    top: 4px
}

.serverListBox .servicetitle[data-v-6a4e34f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.serverListBox .servicetitle .imgtitle[data-v-6a4e34f2] {
    font-size: 24px;
    color: #000;
    padding-left: 38px;
    position: relative;
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 26px;
    text-indent: 6px
}

.serverListBox .servicetitle .imgtitle[data-v-6a4e34f2]:after {
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(//images.sooyooj.com/20221115/eFRoXrm0M41sQMza.png) no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0
}

.serverListBox .servicetitle .select[data-v-6a4e34f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.serverListBox .servicetitle .select span[data-v-6a4e34f2] {
    text-align: center;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #ff8a00;
    color: #ff8a00;
    font-weight: 700;
    margin-left: 10px;
    cursor: pointer
}

.serverListBox .servicetitle .select span.active[data-v-6a4e34f2] {
    color: #fff;
    background: #ff8a00
}

.serverListBox .infoBox[data-v-6a4e34f2] {
    width: 100%
}

.serverListBox .infoBox[data-v-6a4e34f2]:hover {
    margin-left: -5px
}

.serverListBox .ListBox[data-v-6a4e34f2] {
    width: 500px;
    height: 255px;
    margin-top: 20px;
    border-radius: 10px;
    background: #fff
}

.serverListBox .ListBox .servicelist[data-v-6a4e34f2] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 500px;
    padding: 7px
}

.serverListBox .ListBox .servicelist[data-v-6a4e34f2],.serverListBox .serviceitem[data-v-6a4e34f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.serverListBox .serviceitem[data-v-6a4e34f2] {
    width: 234px;
    height: 52px;
    padding: 6px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative
}

.serverListBox .serviceitem .serviceinfo[data-v-6a4e34f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.serverListBox .serviceitem .serviceinfo .img[data-v-6a4e34f2] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 8px
}

.serverListBox .serviceitem .serviceinfo .img img[data-v-6a4e34f2] {
    width: 100%;
    height: 100%
}

.serverListBox .serviceitem .serviceinfo .val .titlebar[data-v-6a4e34f2] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 9px;
    color: #000
}

.serverListBox .serviceitem .serviceinfo .val .num[data-v-6a4e34f2] {
    color: #666;
    font-size: 14px
}

.serverListBox .serviceitem .btn-wrap[data-v-6a4e34f2] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.2)),color-stop(50%,rgba(255,174,0,.4)),color-stop(80%,rgba(255,174,0,.6)),to(rgba(255,174,0,.9)));
    background: linear-gradient(90deg,hsla(0,0%,100%,.2),rgba(255,174,0,.4) 50%,rgba(255,174,0,.6) 80%,rgba(255,174,0,.9));
    border-radius: 6px;
    display: none
}

.serverListBox .serviceitem .btn[data-v-6a4e34f2] {
    width: 68px;
    height: 30px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    font-weight: 400;
    position: absolute;
    color: #ff8a00;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.serverListBox .servicelist .serviceitem:hover .btn-wrap[data-v-6a4e34f2] {
    display: block
}

.serverListBox .servicelist .serviceitem[data-v-6a4e34f2]:hover {
    background: #eff3f5
}

.servicetitlebox[data-v-59c7c0bc] {
    width: 1020px;
    margin: 0 auto;
    margin-bottom: 20px
}

.servicetitlebox .servicetitle[data-v-59c7c0bc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.servicetitlebox .servicetitle .imgtitle[data-v-59c7c0bc] {
    font-size: 24px;
    color: #000;
    position: relative;
    font-weight: 700;
    margin-bottom: 2px
}

.servicetitlebox .servicetitle .imgIcon[data-v-59c7c0bc] {
    width: 26px;
    height: 26px;
    margin-right: 8px
}

.servicetitlebox .servicetitle .more[data-v-59c7c0bc] {
    color: #ff8a00;
    cursor: pointer
}

.swiperBox[data-v-0f2de7e4] {
    width: 1020px;
    margin: 0 auto;
    margin-bottom: 37px
}

.swiperBox .giftbar[data-v-0f2de7e4] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #fff
}

.swiperBox .giftbar .list[data-v-0f2de7e4] {
    width: 100%;
    height: 175px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    overflow: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.swiperBox .giftbar .list .swiper-wrapper[data-v-0f2de7e4] {
    width: 100%;
    margin: 0 auto
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem[data-v-0f2de7e4] {
    width: 146px!important;
    margin-right: 0!important;
    margin: 0 auto
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo[data-v-0f2de7e4],.swiperBox .giftbar .list .swiper-wrapper .giftitem[data-v-0f2de7e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo[data-v-0f2de7e4] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo .img[data-v-0f2de7e4] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 0;
    margin-bottom: 14px
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo .img img[data-v-0f2de7e4] {
    width: 100%;
    height: 100%
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo .val .titlebar[data-v-0f2de7e4] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 9px;
    color: #000
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo .val .num[data-v-0f2de7e4] {
    text-align: center;
    color: #666;
    font-size: 14px
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem .barinfo .btn[data-v-0f2de7e4] {
    width: 80px;
    height: 32px;
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#f9a600));
    background: linear-gradient(0deg,#ff8a00,#f9a600);
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: none
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem[data-v-0f2de7e4]:first-child {
    margin-left: 40px
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem[data-v-0f2de7e4]:last-child {
    margin-right: 40px
}

.swiperBox .giftbar .list .swiper-wrapper .giftitem[data-v-0f2de7e4]:hover {
    background: #fcf6ec
}

.swiperBox .giftbar .list .giftitem:hover .barinfo .btn[data-v-0f2de7e4] {
    display: block
}

.swiperBox .giftbar .list .giftitem:hover .barinfo .val .num[data-v-0f2de7e4] {
    display: none
}

.swiperBox .swiper-button-next[data-v-0f2de7e4],.swiperBox .swiper-button-prev[data-v-0f2de7e4] {
    width: 48px;
    height: 159px;
    background: #ff8a00;
    border-radius: 6px;
    margin-top: -80px;
    color: #fff
}

.swiperBox .swiper-button-next[data-v-0f2de7e4]:hover,.swiperBox .swiper-button-prev[data-v-0f2de7e4]:hover {
    width: 48px;
    height: 159px;
    background: #ffae00;
    border-radius: 6px;
    margin-top: -80px;
    color: #fff
}

.swiper-button-next[data-v-0f2de7e4]:after,.swiper-button-prev[data-v-0f2de7e4]:after,.swiper-container-rtl .swiper-button-next[data-v-0f2de7e4]:after,.swiper-container-rtl .swiper-button-prev[data-v-0f2de7e4]:after {
    font-size: 24px
}

.bottomAdsBox[data-v-bbcfb868] {
    width: 1020px;
    height: 252px;
    margin: 0 auto;
    margin-bottom: 20px
}

.bottomAdsBox .advgamewrap[data-v-bbcfb868] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.bottomAdsBox .advgamewrap .item[data-v-bbcfb868] {
    width: 329px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer
}

.bottomAdsBox .advgamewrap .item .img[data-v-bbcfb868] {
    width: 100%;
    height: 192px
}

.bottomAdsBox .advgamewrap .item .img img[data-v-bbcfb868] {
    display: block;
    width: 100%;
    height: 100%
}

.bottomAdsBox .advgamewrap .item .advwrap[data-v-bbcfb868] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    padding: 10px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bottomAdsBox .advgamewrap .item .advwrap .info[data-v-bbcfb868] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bottomAdsBox .advgamewrap .item .advwrap .info .gametitle[data-v-bbcfb868] {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.bottomAdsBox .advgamewrap .item .advwrap .info .decs[data-v-bbcfb868] {
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.bottomAdsBox .advgamewrap .item .advwrap .btn[data-v-bbcfb868] {
    width: 70px;
    height: 30px;
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#f9a600));
    background: linear-gradient(0deg,#ff8a00,#f9a600);
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.bottomAdsBox .advgamewrap .item[data-v-bbcfb868]:hover {
    margin-top: -8px;
    margin-bottom: 8px
}

.bottomAdsBox .advgamewrap .item:hover .img[data-v-bbcfb868] {
    background: #fff;
    opacity: .6
}

.bottomAdsBox .advgamewrap .item:hover .advwrap .btn[data-v-bbcfb868] {
    background: -webkit-gradient(linear,left bottom,left top,from(#ffa200),to(#f9bb00));
    background: linear-gradient(0deg,#ffa200,#f9bb00)
}

.gameitem[data-v-2b9a9bbb] {
    width: 330px;
    height: 872px;
    background: #fff;
    padding: 16px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameitem .gametitle[data-v-2b9a9bbb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.gameitem .gametitle .icon[data-v-2b9a9bbb] {
    display: block;
    width: 44px;
    height: 44px;
    margin-right: 10px
}

.gameitem .gametitle .icon img[data-v-2b9a9bbb] {
    width: 100%;
    height: 100%
}

.gameitem .gametitle .val[data-v-2b9a9bbb] {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.gameitem .gametitle .val p[data-v-2b9a9bbb] {
    font-size: 18px;
    color: #222
}

.gameitem .gametitle .val p[data-v-2b9a9bbb]:first-child {
    font-weight: 700
}

.gameitem .gametitle .val p[data-v-2b9a9bbb]:last-child {
    color: #666;
    font-size: 12px
}

.gameitem .itemBox[data-v-2b9a9bbb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.gameitem .itemBox .imgTop[data-v-2b9a9bbb] {
    width: 298px;
    height: 174px;
    margin-bottom: 10px;
    display: none
}

.gameitem .itemBox .imgTop img[data-v-2b9a9bbb] {
    width: 100%;
    height: 100%
}

.gameitem .itemBox .item[data-v-2b9a9bbb] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 17px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameitem .itemBox .item .itemleft[data-v-2b9a9bbb],.gameitem .itemBox .item[data-v-2b9a9bbb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gameitem .itemBox .item .itemleft .contnum[data-v-2b9a9bbb] {
    font-size: 19px;
    color: #bbb;
    font-weight: 700
}

.gameitem .itemBox .item .itemleft .one[data-v-2b9a9bbb] {
    color: #ff8a00
}

.gameitem .itemBox .item .itemleft .two[data-v-2b9a9bbb] {
    color: #82bddc
}

.gameitem .itemBox .item .itemleft .three[data-v-2b9a9bbb] {
    color: #de6e5b
}

.gameitem .itemBox .item .itemleft .img[data-v-2b9a9bbb] {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    margin-right: 10px;
    margin-left: 16px;
    position: relative
}

.gameitem .itemBox .item .itemleft .img .titleImg[data-v-2b9a9bbb] {
    display: block;
    width: 100%;
    height: 100%
}

.gameitem .itemBox .item .itemleft .img .ring[data-v-2b9a9bbb] {
    width: 22px;
    height: 22px;
    position: absolute;
    left: -13px;
    top: -9px
}

.gameitem .itemBox .item .itemleft .descinfo p[data-v-2b9a9bbb]:first-child {
    font-size: 14px;
    color: #222;
    font-weight: 700
}

.gameitem .itemBox .item .itemleft .descinfo p[data-v-2b9a9bbb]:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.gameitem .itemBox .item .itemleft .descinfo p:last-child span[data-v-2b9a9bbb] {
    display: block;
    width: 38px;
    height: 15px;
    background: #eee;
    border-radius: 2px;
    margin-right: 10px;
    text-align: center;
    line-height: 15px;
    position: relative;
    font-size: 10px;
    color: #888
}

.gameitem .itemBox .item .grade[data-v-2b9a9bbb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gameitem .itemBox .item .grade img[data-v-2b9a9bbb] {
    margin-right: 5px;
    width: 13px;
    height: 13px
}

.gameitem .itemBox .item .grade span[data-v-2b9a9bbb] {
    color: #ff8a00;
    font-size: 18px;
    font-weight: 700
}

.gameitem .itemBox .item .playGame[data-v-2b9a9bbb] {
    width: 68px;
    height: 30px;
    cursor: pointer;
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#f9a600));
    background: linear-gradient(0deg,#ff8a00,#f9a600);
    border-radius: 4px;
    line-height: 30px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fff;
    display: none;
    text-align: center
}

.gameitem .itemBox.active .imgTop[data-v-2b9a9bbb] {
    display: block
}

.gameitem .itemBox.active[data-v-2b9a9bbb] {
    width: 298px;
    height: 252px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(16,35,98,.15);
    box-shadow: 0 0 10px 0 rgba(16,35,98,.15);
    margin-left: 6px
}

.gameitem .itemBox.active .item[data-v-2b9a9bbb] {
    padding: 0 18px 0 9px;
    margin-top: 0
}

.gameitem .itemBox.active .grade[data-v-2b9a9bbb] {
    display: none
}

.gameitem .itemBox.active .playGame[data-v-2b9a9bbb] {
    display: block
}

.downBox[data-v-7fc0cf2c] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: url(//v.euqq.cn/syjpc/vbg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.downBox .contentBox .header[data-v-7fc0cf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 120px
}

.downBox .contentBox .header .topimg[data-v-7fc0cf2c] {
    width: 650px;
    height: 106px;
    position: relative
}

.downBox .contentBox .header .topimg img[data-v-7fc0cf2c] {
    width: 100%;
    height: 100%
}

.downBox .contentBox .header .topimg .back[data-v-7fc0cf2c] {
    width: 128px;
    height: 54px;
    border: 1px solid #fff;
    background: -webkit-gradient(linear,left top,right top,to(hsla(0,0%,100%,.2)));
    background: linear-gradient(90deg,hsla(0,0%,100%,.2) 100%);
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: -228px
}

.downBox .contentBox .header .topimg .back img[data-v-7fc0cf2c] {
    width: 24px;
    height: 24px;
    margin-right: 11px;
    margin-top: 4px
}

.downBox .contentBox .header .topimg .back span[data-v-7fc0cf2c] {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

.downBox .contentBox .main-content[data-v-7fc0cf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.downBox .contentBox .main-content .value[data-v-7fc0cf2c] {
    margin-left: 104px;
    margin-top: 30px
}

.downBox .contentBox .main-content .value .title[data-v-7fc0cf2c] {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px
}

.downBox .contentBox .main-content .value .min-title[data-v-7fc0cf2c] {
    font-size: 24px;
    color: #999;
    margin-bottom: 40px
}

.downBox .contentBox .main-content .value .btn[data-v-7fc0cf2c] {
    width: 240px;
    height: 68px;
    background: -webkit-gradient(linear,left top,right top,from(#0084ff),to(#0096ff));
    background: linear-gradient(90deg,#0084ff,#0096ff);
    border-radius: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 18px
}

.downBox .contentBox .main-content .value .btn img[data-v-7fc0cf2c] {
    width: 32px;
    height: 32px;
    margin-right: 14px
}

.downBox .contentBox .main-content .value .btn span[data-v-7fc0cf2c] {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

.downBox .contentBox .main-content .value .iconList[data-v-7fc0cf2c] {
    margin-left: 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.downBox .contentBox .main-content .value .iconList p[data-v-7fc0cf2c] {
    font-size: 14px;
    color: #fff;
    margin-right: 7px
}

.downBox .contentBox .main-content .value .iconList .side-icon[data-v-7fc0cf2c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.downBox .contentBox .main-content .value .iconList .side-icon img[data-v-7fc0cf2c] {
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.downBox .contentBox .main-content .value #down_ewm4[data-v-7fc0cf2c] {
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 18px;
    margin-left: 25px
}

.downBox .contentBox .main-content .value .downtext[data-v-7fc0cf2c] {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-left: 50px
}

.sider-dowlad[data-v-ac1dca4a] {
    background-size: 100% 100%;
    border-radius: 10px;
    position: fixed;
    top: 72px;
    left: 229px;
    z-index: 1000
}

.sider-dowlad .sider[data-v-ac1dca4a] {
    width: 200px;
    width: 100%;
    height: 460px;
    background: url(//images.sooyooj.com/20221121/roKTQSD5TmkW3ATZ.png) no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sider-dowlad .disc[data-v-ac1dca4a] {
    width: 200px;
    height: 240px;
    margin-top: 34px
}

.sider-dowlad .disc img[data-v-ac1dca4a] {
    width: 100%;
    height: 100%
}

.sider-dowlad .close[data-v-ac1dca4a] {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.sider-dowlad .close img[data-v-ac1dca4a] {
    width: 100%;
    height: 100%
}

.sider-dowlad .sider-content[data-v-ac1dca4a] {
    width: 100%;
    height: 100%;
    padding: 20px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sider-dowlad .sider-content .iconList[data-v-ac1dca4a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 13px
}

.sider-dowlad .sider-content .iconList p[data-v-ac1dca4a] {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-right: 3px
}

.sider-dowlad .sider-content .iconList .side-icon[data-v-ac1dca4a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sider-dowlad .sider-content .iconList .side-icon img[data-v-ac1dca4a] {
    width: 18px;
    height: 18px;
    margin-right: 2px
}

.sider-dowlad .sider-content .title[data-v-ac1dca4a] {
    width: 166px;
    height: 197px;
    margin-bottom: 21px;
    margin-top: 5px
}

.sider-dowlad .sider-content .title img[data-v-ac1dca4a] {
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.sider-dowlad .sider-content #down_ewm3[data-v-ac1dca4a] {
    width: 160px;
    height: 190px;
    background: #fff;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 8px
}

.sider-dowlad .sider-content #down_ewm3 img[data-v-ac1dca4a] {
    margin: 0 auto
}

.sider-dowlad .sider-content #down_ewm3 .androidText[data-v-ac1dca4a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

.sider-dowlad .sider-content #down_ewm3 .androidText img[data-v-ac1dca4a] {
    width: 20px;
    height: 20px;
    margin-right: 3px
}

.sider-dowlad .sider-content .btn[data-v-ac1dca4a] {
    width: 160px;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    line-height: 48px
}

.sider-dowlad .sider-content .btn img[data-v-ac1dca4a] {
    width: 28px;
    height: 28px
}

.sider-dowlad .sider-content .btn p[data-v-ac1dca4a] {
    color: #fff;
    font-size: 16px;
    margin-left: 7px;
    margin-bottom: 0;
    font-weight: 400
}

.sider-dowlad .sider-content .pcDown[data-v-ac1dca4a] {
    background: #0298ff
}

.swiper-container-horizontal>.swiper-scrollbar[data-v-60cea41c] {
    bottom: -15px;
    background: #eff3f6;
    margin-left: 14px
}

[data-v-60cea41c] .swiper-scrollbar-drag {
    background: #d1d7db
}

.headerlist[data-v-60cea41c] {
    width: 275px;
    height: 654px;
    background: #fff;
    border-radius: 10px;
    position: fixed;
    top: 88px;
    right: 10%
}

.formal_mian[data-v-1ed9b3a3] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1000000000
}

.formal_mian .box_213[data-v-1ed9b3a3] {
    background-image: url(//images.sooyooj.com/20220623/qb9eAVlfef0pPwWw.png)!important
}

.formal_mian .one_formal_box[data-v-1ed9b3a3] {
    width: 996px;
    height: 640px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(//images.sooyooj.com/20220324/A56xlZlYufMd1Vk5.png)
}

.formal_mian .one_formal_box .closeBox[data-v-1ed9b3a3] {
    position: absolute;
    top: 73px;
    right: 78px;
    width: 40px;
    height: 40px;
    background-image: url(//images.sooyooj.com/20220301/DiGF2HPjt8QQC7Aw.png);
    background-size: 100% 100%;
    cursor: pointer
}

.formal_mian .one_formal_box .title_p[data-v-1ed9b3a3] {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 22px;
    margin-left: 108px
}

.formal_mian .one_formal_box .body_mian[data-v-1ed9b3a3] {
    position: absolute;
    bottom: 125px;
    right: 150px;
    width: 500px;
    height: 310px;
    padding: 0 15px
}

.formal_mian .one_formal_box .body_mian .body_box[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.formal_mian .one_formal_box .body_mian .body_box .body_left[data-v-1ed9b3a3] {
    width: 270px;
    height: 281px;
    padding-right: 10px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main[data-v-1ed9b3a3] {
    position: relative
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .shield_top[data-v-1ed9b3a3] {
    position: absolute;
    left: -5%;
    width: 110%;
    height: 100%;
    z-index: 100
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .shield_top img[data-v-1ed9b3a3] {
    display: block;
    margin: -3px auto 0;
    width: 120px;
    height: 120px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box[data-v-1ed9b3a3] {
    position: relative
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .title_tips[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box[data-v-1ed9b3a3] {
    margin-top: 10px;
    width: 242px;
    height: 74px;
    padding: 0 14px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .name[data-v-1ed9b3a3] {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .input_box[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3] {
    width: 100%;
    line-height: 36px;
    height: 36px;
    border: none
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-moz-placeholder,.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .real_box_main .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main[data-v-1ed9b3a3] {
    position: relative
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .shield_top[data-v-1ed9b3a3] {
    position: absolute;
    left: -5%;
    width: 110%;
    height: 100%;
    z-index: 100
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .shield_top img[data-v-1ed9b3a3] {
    display: block;
    margin: -3px auto 0;
    width: 120px;
    height: 120px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box[data-v-1ed9b3a3] {
    margin-top: 18px;
    position: relative
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_tips[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_tips .text[data-v-1ed9b3a3] {
    display: block;
    font-size: 16px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_tips .icon_i[data-v-1ed9b3a3] {
    display: block;
    margin-left: 5px;
    cursor: pointer
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_tips .icon_i img[data-v-1ed9b3a3] {
    display: block;
    width: 14px;
    height: 14px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box .text_item[data-v-1ed9b3a3] {
    display: block;
    font-size: 16px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box .icon_i[data-v-1ed9b3a3] {
    display: block;
    margin-left: 5px;
    cursor: pointer;
    position: relative
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box .icon_i:hover .small_box[data-v-1ed9b3a3] {
    display: block
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box .icon_i img[data-v-1ed9b3a3] {
    display: block;
    width: 14px;
    height: 14px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box .icon_i .small_box[data-v-1ed9b3a3] {
    display: none;
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 300px;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #333;
    background-color: #fff;
    color: #222;
    border-radius: 5px;
    z-index: 10000
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_left .title_box .icon_i .small_box span[data-v-1ed9b3a3] {
    font-size: 14px;
    color: red
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_rig[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 14px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_rig .title_item[data-v-1ed9b3a3] {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    cursor: pointer
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_rig .title_item[data-v-1ed9b3a3]:hover {
    color: #ffe139
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_rig .title_item.user[data-v-1ed9b3a3] {
    border-right: 1px solid #606060;
    padding-right: 6px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_rig .title_item.phone[data-v-1ed9b3a3] {
    padding-left: 6px
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .upgrade_title .title_rig .title_item.act[data-v-1ed9b3a3] {
    color: #ffe139
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box[data-v-1ed9b3a3] {
    margin-top: 10px;
    width: 242px;
    height: 74px;
    padding: 0 14px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .name[data-v-1ed9b3a3] {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-moz-placeholder,.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .phone_ipt[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]:-moz-placeholder,.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .upgrade_box_main .upgrade_box .from_box .item_box .input_box.phone .get_code[data-v-1ed9b3a3] {
    font-size: 12px;
    font-weight: 400;
    color: #3994f2;
    cursor: pointer
}

.formal_mian .one_formal_box .body_mian .body_box .body_left .sub_btn[data-v-1ed9b3a3] {
    margin-top: 20px;
    width: 270px;
    height: 42px;
    background-image: url(//images.sooyooj.com/20220324/9RXSEiytjbIlJk0b.png);
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    line-height: 38px;
    cursor: pointer
}

.formal_mian .one_formal_box .body_mian .body_box .body_rig .reward_title[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #ffe139;
    margin-bottom: 4px
}

.formal_mian .one_formal_box .body_mian .body_box .body_rig .reward_box[data-v-1ed9b3a3] {
    position: relative;
    margin-top: 3px;
    width: 188px;
    height: 64px
}

.formal_mian .one_formal_box .body_mian .body_box .body_rig .reward_box img[data-v-1ed9b3a3] {
    width: 100%;
    height: 100%
}

.formal_mian .one_formal_box .body_mian .body_box .body_rig .reward_box .reward_box_top[data-v-1ed9b3a3] {
    position: absolute;
    top: 0;
    left: -4%;
    width: 100%;
    height: 100%;
    z-index: 100
}

.formal_mian .one_formal_box .body_mian .body_box .body_rig .reward_box .reward_box_top img[data-v-1ed9b3a3] {
    display: block;
    margin: 0 auto;
    width: 107px;
    height: 62px
}

.formal_mian .formal_box[data-v-1ed9b3a3] {
    width: 709px;
    height: 558px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(//images.sooyooj.com/20220224/wU0EHTreJb0ZP6UZ.png)
}

.formal_mian .formal_box .closeBox[data-v-1ed9b3a3] {
    position: absolute;
    top: 50px;
    right: -7px;
    width: 40px;
    height: 40px;
    background-image: url(//images.sooyooj.com/20220301/DiGF2HPjt8QQC7Aw.png);
    background-size: 100% 100%;
    cursor: pointer
}

.formal_mian .formal_box .title_p[data-v-1ed9b3a3] {
    padding-left: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 22px
}

.formal_mian .formal_box .body_mian[data-v-1ed9b3a3] {
    position: absolute;
    bottom: 20px;
    width: 569px;
    height: 310px;
    padding: 0 70px
}

.formal_mian .formal_box .body_mian .body_box[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.formal_mian .formal_box .body_mian .body_box .body_left[data-v-1ed9b3a3] {
    width: calc(50% - 11px);
    height: 281px;
    padding-right: 10px;
    border-right: 1px solid #fff
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box[data-v-1ed9b3a3] {
    position: relative
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .title_tips[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box[data-v-1ed9b3a3] {
    margin-top: 10px;
    width: 242px;
    height: 74px;
    padding: 0 14px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .name[data-v-1ed9b3a3] {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .input_box[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-moz-placeholder,.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .shield_top[data-v-1ed9b3a3] {
    position: absolute;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
    -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,.6);
    box-shadow: 0 0 20px 10px rgba(0,0,0,.6)
}

.formal_mian .formal_box .body_mian .body_box .body_left .real_box .shield_top img[data-v-1ed9b3a3] {
    display: block;
    margin: -3px auto 0;
    width: 120px;
    height: 120px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box[data-v-1ed9b3a3] {
    margin-top: 18px;
    position: relative
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_tips[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_tips .text[data-v-1ed9b3a3] {
    display: block;
    font-size: 16px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_tips .icon_i[data-v-1ed9b3a3] {
    display: block;
    margin-left: 5px;
    cursor: pointer
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_tips .icon_i img[data-v-1ed9b3a3] {
    display: block;
    width: 14px;
    height: 14px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box .text_item[data-v-1ed9b3a3] {
    display: block;
    font-size: 16px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box .icon_i[data-v-1ed9b3a3] {
    display: block;
    margin-left: 5px;
    cursor: pointer;
    position: relative
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box .icon_i:hover .small_box[data-v-1ed9b3a3] {
    display: block
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box .icon_i img[data-v-1ed9b3a3] {
    display: block;
    width: 14px;
    height: 14px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box .icon_i .small_box[data-v-1ed9b3a3] {
    display: none;
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 300px;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #333;
    background-color: #fff;
    color: #222;
    border-radius: 5px;
    z-index: 10000
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_left .title_box .icon_i .small_box span[data-v-1ed9b3a3] {
    font-size: 14px;
    color: red
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_rig[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 14px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_rig .title_item[data-v-1ed9b3a3] {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    cursor: pointer
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_rig .title_item[data-v-1ed9b3a3]:hover {
    color: #ffe139
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_rig .title_item.user[data-v-1ed9b3a3] {
    border-right: 1px solid #606060;
    padding-right: 6px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_rig .title_item.phone[data-v-1ed9b3a3] {
    padding-left: 6px
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .upgrade_title .title_rig .title_item.act[data-v-1ed9b3a3] {
    color: #ffe139
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box[data-v-1ed9b3a3] {
    margin-top: 10px;
    width: 242px;
    height: 74px;
    padding: 0 14px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .name[data-v-1ed9b3a3] {
    font-size: 12px;
    font-weight: 400;
    color: #333
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-moz-placeholder,.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box input[data-v-1ed9b3a3]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .phone_ipt[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3] {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: none
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]:-moz-placeholder,.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .phone_ipt input[data-v-1ed9b3a3]:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #bbb
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .from_box .item_box .input_box.phone .get_code[data-v-1ed9b3a3] {
    font-size: 12px;
    font-weight: 400;
    color: #3994f2;
    cursor: pointer
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .shield_top[data-v-1ed9b3a3] {
    position: absolute;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
    -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,.6);
    box-shadow: 0 0 20px 10px rgba(0,0,0,.6)
}

.formal_mian .formal_box .body_mian .body_box .body_left .upgrade_box .shield_top img[data-v-1ed9b3a3] {
    display: block;
    margin: -3px auto 0;
    width: 120px;
    height: 120px
}

.formal_mian .formal_box .body_mian .body_box .body_left .sub_btn[data-v-1ed9b3a3] {
    margin-top: 20px;
    width: 270px;
    height: 43px;
    background-image: url(//images.sooyooj.com/20220224/EYNBixX4C2SK3ols.png);
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    line-height: 38px;
    cursor: pointer
}

.formal_mian .formal_box .body_mian .body_box .body_rig[data-v-1ed9b3a3] {
    width: calc(50% - 28px);
    padding: 0 14px
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box[data-v-1ed9b3a3] {
    position: relative
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box .shield_top[data-v-1ed9b3a3] {
    position: absolute;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
    -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,.6);
    box-shadow: 0 0 20px 10px rgba(0,0,0,.6)
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box .shield_top img[data-v-1ed9b3a3] {
    display: block;
    margin: -3px auto 0;
    width: 170px;
    height: 99px
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box .title_tips[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #ffe42d;
    line-height: 20px
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box .exempt_card[data-v-1ed9b3a3] {
    margin-top: 14px;
    width: 270px;
    height: 54px;
    background-image: url(//images.sooyooj.com/20220224/dicvJEM1AlDXFIpC.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box .exempt_card .exempt_left[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    padding: 0 20px;
    height: 54px;
    font-size: 14px;
    font-weight: 700;
    color: #e94545
}

.formal_mian .formal_box .body_mian .body_box .body_rig .exempt_box .exempt_card .exempt_rig[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    font-size: 16px;
    line-height: 54px;
    font-weight: 700;
    color: #85371c
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box[data-v-1ed9b3a3] {
    margin-top: 24px;
    position: relative
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .shield_top[data-v-1ed9b3a3] {
    position: absolute;
    left: -5%;
    width: 110%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 100;
    -webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,.6);
    box-shadow: 0 0 20px 10px rgba(0,0,0,.6)
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .shield_top img[data-v-1ed9b3a3] {
    display: block;
    margin: -3px auto 0;
    width: 170px;
    height: 99px
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .title_tips[data-v-1ed9b3a3] {
    font-size: 16px;
    font-weight: 700;
    color: #ffe42d;
    line-height: 20px
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .welfare_card[data-v-1ed9b3a3] {
    margin-top: 14px;
    width: 270px;
    height: 54px;
    background-image: url(//images.sooyooj.com/20220224/vQxN7N2T1bQdcF1N.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .welfare_card .welfare_left[data-v-1ed9b3a3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 54px;
    font-size: 14px;
    font-weight: 700;
    color: #e94545
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .welfare_card .welfare_left p[data-v-1ed9b3a3] {
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: #d73e3e;
    text-align: center
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .welfare_card .welfare_left p span[data-v-1ed9b3a3] {
    font-size: 12px
}

.formal_mian .formal_box .body_mian .body_box .body_rig .welfare_box .welfare_card .welfare_rig[data-v-1ed9b3a3] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    font-size: 16px;
    line-height: 54px;
    font-weight: 700;
    color: #222
}

.formal_mian .loadingMian[data-v-1ed9b3a3] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 110000000
}

.formal_mian .loadingMian .loading[data-v-1ed9b3a3] {
    padding: 28px 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: rgba(0,0,0,.6);
    border-radius: 20px
}

.formal_mian .loadingMian .loading img[data-v-1ed9b3a3] {
    width: 50px;
    height: 50px;
    margin: 0 auto
}

.formal_mian .loadingMian .loading p[data-v-1ed9b3a3] {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px
}

@media (max-width: 1600px) and (max-height:900px) {
    .game-info-content[data-v-30b682f5] {
        -webkit-transform:scale(.75);
        transform: scale(.75);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@media (max-width: 1300px) {
    .game-info-content[data-v-30b682f5] {
        -webkit-transform:scale(.6);
        transform: scale(.6);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

.close[data-v-30b682f5] {
    position: absolute;
    right: 0;
    top: 0;
    width: 26px;
    height: 26px;
    background: #d22;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    z-index: 10000000
}

.game-info-box[data-v-30b682f5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.mask[data-v-30b682f5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: -1
}

.game-info-content[data-v-30b682f5] {
    width: 1240px;
    background-color: #eff3f6;
    border-radius: 10px;
    z-index: 99;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-video[data-v-30b682f5] {
    width: 100%;
    height: 600px;
    position: relative;
    cursor: pointer
}

.game-info-content .game-video .video[data-v-30b682f5] {
    width: 100%;
    height: 100%
}

.game-info-content .game-info-wrap[data-v-30b682f5] {
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

.game-info-content .game-info-wrap .game-info[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 52px
}

.game-info-content .game-info-wrap .game-info .info-item[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-info-content .game-info-wrap .game-info .info-item .icon[data-v-30b682f5] {
    width: 70px;
    height: 70px
}

.game-info-content .game-info-wrap .game-info .info-item .icon img[data-v-30b682f5] {
    width: 100%;
    height: 100%
}

.game-info-content .game-info-wrap .game-info .info-item .title[data-v-30b682f5] {
    margin-left: 12px
}

.game-info-content .game-info-wrap .game-info .info-item .title .subject[data-v-30b682f5] {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #333;
    margin-bottom: 6px
}

.game-info-content .game-info-wrap .game-info .info-item .title .title_val[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-info-content .game-info-wrap .game-info .info-item .title .title_val span[data-v-30b682f5] {
    min-width: 42px;
    display: block;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 18px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    border: 1px solid #95cf66;
    border-radius: 3px;
    color: #95cf66;
    margin-right: 8px
}

.game-info-content .game-info-wrap .game-info .info-item .title .title_val span[data-v-30b682f5]:last-child {
    color: #ff8d21;
    border-color: #ff8d21
}

.game-info-content .game-info-wrap .game-info .info-item .title .title_val p[data-v-30b682f5]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-info-content .game-info-wrap .game-info .info-item .title .playNum[data-v-30b682f5] {
    font-size: 14px;
    color: #666;
    margin-top: 7px
}

.game-info-content .game-info-wrap .game-info .grade[data-v-30b682f5] {
    margin-top: 10px;
    margin-bottom: 10px
}

.game-info-content .game-info-wrap .game-info .grade .stare[data-v-30b682f5],.game-info-content .game-info-wrap .game-info .grade[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-info-content .game-info-wrap .game-info .grade .stare p[data-v-30b682f5]:first-child {
    font-size: 22px;
    font-weight: 700
}

.game-info-content .game-info-wrap .game-info .grade .stare p[data-v-30b682f5]:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-info-content .game-info-wrap .game-info .service p:last-child span[data-v-30b682f5]:first-child {
    color: #999;
    font-size: 14px;
    margin-right: 6px
}

.game-info-content .game-info-wrap .game-info .service p:last-child span[data-v-30b682f5]:last-child {
    color: #569ef8;
    font-size: 14px;
    font-weight: 700
}

.game-info-content .game-info-wrap .game-info .recentLi p[data-v-30b682f5] {
    color: #333;
    font-size: 12px;
    margin-bottom: 6px;
    font-weight: 700;
    margin-top: 12px
}

.game-info-content .game-info-wrap .game-info .recentLi .recent[data-v-30b682f5] {
    margin-bottom: 10px;
    margin-top: 8px
}

.game-info-content .game-info-wrap .game-info .recentLi .recent .item[data-v-30b682f5] {
    font-size: 12px
}

.game-info-content .game-info-wrap .game-info .recentLi .recent .item img[data-v-30b682f5] {
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.game-info-content .game-info-wrap .game-info .recentLi .recent .blue[data-v-30b682f5] {
    color: #368fff
}

.game-info-content .game-info-wrap .game-info .recentLi .recent .green[data-v-30b682f5] {
    color: #2cb56f
}

.game-info-content .game-info-wrap .game-info .recentLi .lastLogin[data-v-30b682f5] {
    font-size: 12px;
    color: #666
}

.game-info-content .game-info-wrap .card-wrap[data-v-30b682f5] {
    margin-right: 35px
}

.game-info-content .game-info-wrap .card-wrap .title[data-v-30b682f5] {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

.game-info-content .game-info-wrap .card-wrap .title .red[data-v-30b682f5] {
    font-size: 12px;
    color: #ee5344;
    margin-left: 4px;
    cursor: pointer
}

.game-info-content .game-info-wrap .card-wrap .isZeroPointOneCard[data-v-30b682f5] {
    width: 308px;
    height: 162px
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem[data-v-30b682f5] {
    width: 200px;
    height: 84px;
    background: url(//images.sooyooj.com/20240529/biag6DBG4ZmCR0s3.png) no-repeat;
    background-size: 100% 100%;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .left h1[data-v-30b682f5] {
    font-weight: 700;
    font-size: 16px;
    color: #ee5344;
    margin-bottom: 9px
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .left p[data-v-30b682f5] {
    font-weight: 700;
    font-size: 13px;
    color: #333;
    margin-bottom: 4px
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .left span[data-v-30b682f5] {
    font-size: 12px;
    color: #777
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .btn[data-v-30b682f5] {
    background: url(//images.sooyooj.com/20240529/sqFJ1u2oWwcSAirP.png) no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 62px;
    cursor: pointer
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .btn[data-v-30b682f5]:hover {
    background: url(//images.sooyooj.com/20240529/5G4kLTKLoz4jx60N.png) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .right[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .right p[data-v-30b682f5]:first-child {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px
}

.game-info-content .game-info-wrap .card-wrap .cardBox .cardItem .right p[data-v-30b682f5] {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem[data-v-30b682f5] {
    width: 347px;
    height: 84px;
    background: url(//images.sooyooj.com/20240530/sZpvqKLB17LJg0zM.png) no-repeat;
    background-size: 100% 100%;
    padding: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem .text[data-v-30b682f5] {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-right: 18px
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem .content span[data-v-30b682f5] {
    font-weight: 700;
    font-size: 18px;
    color: #ee5344;
    letter-spacing: 1px
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem .content span .tips[data-v-30b682f5] {
    height: 22px;
    background: #ee5344;
    line-height: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    margin-left: 6px;
    padding: 1px 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem .content p[data-v-30b682f5] {
    margin-top: 8px;
    font-size: 12px;
    color: #777
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem .btn[data-v-30b682f5] {
    background: url(//images.sooyooj.com/20240529/sqFJ1u2oWwcSAirP.png) no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 62px;
    cursor: pointer
}

.game-info-content .game-info-wrap .card-wrap .cardBox .discountItem .btn[data-v-30b682f5]:hover {
    background: url(//images.sooyooj.com/20240529/5G4kLTKLoz4jx60N.png) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .card-wrap .gameGift[data-v-30b682f5] {
    width: 416px;
    height: 84px;
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .card-wrap .gameGift .left[data-v-30b682f5] {
    margin-right: 20px
}

.game-info-content .game-info-wrap .card-wrap .gameGift .left .title[data-v-30b682f5] {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    margin-bottom: 6px
}

.game-info-content .game-info-wrap .card-wrap .gameGift .left .title img[data-v-30b682f5] {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.game-info-content .game-info-wrap .card-wrap .gameGift .left p[data-v-30b682f5] {
    font-size: 12px;
    color: #777;
    line-height: 20px
}

.game-info-content .game-info-wrap .card-wrap .gameGift .btn[data-v-30b682f5] {
    width: 48px;
    height: 26px;
    cursor: pointer
}

.game-info-content .game-info-wrap .card-wrap .card[data-v-30b682f5] {
    width: 318px;
    height: 76px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAT4AAABMCAYAAAD0pdtOAAAAAXNSR0IArs4c6QAAA95JREFUeF7t2bFqlGkUBuD3gBAV9gq8BFcR1O2CveCitVdgpyK4rPUuKwvaeQm2CcQrsFNT6TbbeweKMdW3fMtsIRuSYhgyznmmSIrM/P/3PufkZZipLB5jjK0k95LcTXIxybn//ub3NwI/VNXn40zGGNPuCzcCBE5d4FOSv5O8TPKiqg7niWr+GGNcSPIqyZVTP+b6H+BGVb0+ofi2kxz7nPWP6YQENk7gQ5KbVfWxFu/03ia5vHExVxNot6runFB8O0lur+b2rkqAwBIC75P8NIvvfpLnS1yo40t/qaqnRwUfYzxO8kdHFJkJfCcCD2bxvUty7Ts58Dodcy/Jn0n2F4eaho+S/LxOh3QWAgT+J7A/i29+CO+LDNtBgEAXgYNZfKNLWjkJECAwBRSfPSBAoJ2A4ms3coEJEFB8doAAgXYCiq/dyAUmQEDx2QECBNoJKL52IxeYAAHFZwcIEGgnoPjajVxgAgQUnx0gQKCdgOJrN3KBCRBQfHaAAIF2Aoqv3cgFJkBA8dkBAgTaCSi+diMXmAABxWcHCBBoJ6D42o1cYAIEFJ8dIECgnYDiazdygQkQUHx2gACBdgKKr93IBSZAQPHZAQIE2gkovnYjF5gAAcVnBwgQaCeg+NqNXGACBBSfHSBAoJ2A4ms3coEJEFB8doAAgXYCiq/dyAUmQEDx2QECBNoJKL52IxeYAAHFZwcIEGgnoPjajVxgAgQUnx0gQKCdgOJrN3KBCRBQfHaAAIF2Aoqv3cgFJkBA8dkBAgTaCSi+diMXmAABxWcHCBBoJ6D42o1cYAIEFJ8dIECgnYDiazdygQkQUHx2gACBdgKKr93IBSZAQPHZAQIE2gkovnYjF5gAAcVnBwgQaCeg+NqNXGACBBSfHSBAoJ2A4ms3coEJEFB8doAAgXYCiq/dyAUmQEDx2QECBNoJKL52IxeYAAHFZwcIEGgnoPjajVxgAgQUnx0gQKCdgOJrN3KBCRBQfHaAAIF2Aoqv3cgFJkBA8dkBAgTaCSi+diMXmAABxWcHCBBoJzCL70uSc+2SC0yAQFeBg1l875Jc6yqwRO69JM+SvElyJsnVJA+T3Friml5KgMDqBfZn8T1Y/AOv/nabc4cnVfX7UXHGGL8m+W1zokpCYOMEHs7i20oy3/Vd2rh4qwm0W1V3jrv0GGMnye3V3N5VCRBYQuBDkus1LzDGuJDkVZIrS1ywy0tvVNXrE4pvO8mxz+mCJSeBNRKYpXezqj7+W3yL8pvv/O4luZvkxyRn1+jA63SU81V1cELxzS+L5pdGHgQInK7A1yR/JXmZ5EVVHc7j/AMz6G+1u/k6pgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative
}

.game-info-content .game-info-wrap .card-wrap .card .left[data-v-30b682f5] {
    width: 33px;
    height: 35px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #ee5239;
    margin-left: 16px;
    margin-right: 32px
}

.game-info-content .game-info-wrap .card-wrap .card .right[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .card-wrap .card .right p[data-v-30b682f5]:first-child {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px
}

.game-info-content .game-info-wrap .card-wrap .card .right p[data-v-30b682f5] {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999
}

.game-info-content .game-info-wrap .card-wrap .card .btn[data-v-30b682f5] {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 76px;
    background: url(../img/game-coupon-btn.a031c3d0.png) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .card-wrap .card .btn .btnval[data-v-30b682f5] {
    width: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-top: 2px;
    margin-left: 14px
}

.game-info-content .game-info-wrap .gamewelfare[data-v-30b682f5] {
    margin-right: 27px
}

.game-info-content .game-info-wrap .gamewelfare .nowelfare[data-v-30b682f5] {
    width: 210px
}

.game-info-content .game-info-wrap .gamewelfare h1[data-v-30b682f5] {
    font-size: 16px;
    color: #3c3c3c;
    margin-bottom: 6px
}

.game-info-content .game-info-wrap .gamewelfare .welfareBox[data-v-30b682f5] {
    width: 210px;
    height: 216px;
    background: #f8f8f8
}

.game-info-content .game-info-wrap .gamewelfare .welfareBox .welfareContent[data-v-30b682f5] {
    height: 155px;
    overflow: auto;
    font-size: 12px;
    color: #777;
    line-height: 18px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .gamewelfare .welfareBox .ewmcontent[data-v-30b682f5] {
    height: 242px;
    color: #777;
    line-height: 18px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .gamewelfare .welfareBox .ewmcontent .erwm[data-v-30b682f5] {
    width: 160px;
    height: 160px;
    margin-top: 20px
}

.game-info-content .game-info-wrap .gamewelfare .welfareBox .moreBtn[data-v-30b682f5] {
    width: 136px;
    height: 37px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 11px
}

.game-info-content .game-info-wrap .gamewelfare .welfareBox span[data-v-30b682f5] {
    font-weight: 700;
    font-size: 18px;
    color: #ff682d;
    margin-top: 18px
}

.game-info-content .game-info-wrap .card-wrap.swiper[data-v-30b682f5] {
    width: 318px;
    overflow: hidden
}

.game-info-content .game-info-wrap .card-wrap.swiper .carditem[data-v-30b682f5] {
    width: 94px;
    height: 110px;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    padding: 18px 12px 12px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 8px
}

.game-info-content .game-info-wrap .card-wrap.swiper .carditem .card-bt[data-v-30b682f5] {
    width: 70px;
    height: 42px;
    background: -webkit-gradient(linear,left bottom,left top,from(#f8dd96),to(#fff9dc));
    background: linear-gradient(0deg,#f8dd96,#fff9dc);
    border-radius: 2px;
    margin: 0 auto
}

.game-info-content .game-info-wrap .card-wrap.swiper .carditem .card-bt p[data-v-30b682f5] {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100%;
    font-weight: 700;
    color: #da3531;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-info-content .game-info-wrap .card-wrap.swiper .carditem .btn[data-v-30b682f5] {
    margin: 0 auto;
    margin-top: 14px;
    width: 68px;
    height: 24px;
    background: #ff8a00;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 24px
}

.game-info-content .game-info-wrap .game-bar[data-v-30b682f5] {
    margin-right: 32px
}

.game-info-content .game-info-wrap .game-bar .game-block-title[data-v-30b682f5] {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 16px
}

.game-info-content .game-info-wrap .game-bar .game-bar-info[data-v-30b682f5] {
    width: 300px;
    height: 162px;
    background: #fff;
    border-radius: 6px;
    padding: 12px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-info-content .game-info-wrap .game-bar .game-bar-info .bar-tilte[data-v-30b682f5] {
    margin-bottom: 7px
}

.game-info-content .game-info-wrap .game-bar .game-bar-info .bar-tilte img[data-v-30b682f5] {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.game-info-content .game-info-wrap .game-bar .game-bar-info .bar-tilte p[data-v-30b682f5] {
    font-size: 16px;
    font-weight: 700;
    color: #222
}

.game-info-content .game-info-wrap .game-bar .game-bar-info .gift-bag-game-desc[data-v-30b682f5] {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.game-info-content .game-info-wrap .game-bar .game-bar-info .gift-bag-btn[data-v-30b682f5] {
    margin-top: 26px;
    cursor: pointer
}

.game-info-content .game-info-wrap .game-bar .game-bar-info .gift-bag-btn .btn[data-v-30b682f5] {
    width: 128px;
    height: 34px;
    background: #ff8a00;
    border-radius: 17px;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer
}

.game-info-content .game-info-wrap .btn-wrap .top .user p[data-v-30b682f5] {
    position: relative;
    font-size: 12px;
    padding-left: 15px;
    margin-right: 14px
}

.game-info-content .game-info-wrap .btn-wrap .top .user p.role[data-v-30b682f5]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABM0lEQVQokV3Rv0tWcRQG8I+icClCpKWxIDLCBo0a/QO8oBEt6iIidxFscnCRl5Zca7wNUaGDk8sVB/sXBAfhbclBdHG3Cy5y9Aiv74Ev3x/nOef7PM8Z6HQ6IpqieoBVzOOl2+hiG9/Ktr6Ml8EEP8chvuA1hnONYCNyiTHwdvP8YYJfuB/fsYIn2MEoJoeSRi94D4tlW1/k/bQpqhn8DWxQWujr/BRzTVG9unvI4l+BjYKxvoIAfsVxU1RLqfEd3oQZoeEKQe0Amyl2CuHaCZ7hUza7CmBYN46fZVv/ycR+dg7hyz2/d4PSVl5+N0V11hTVxx7A4z66W0Epvg5b77Ts4gMe4RyzSTdcmhjMCU4ntYj3+IwfiBkFvchNl239/2bSZVv/i6FgDUe5l3lej9wNBtdNMVOgaK+/YgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .btn-wrap .top .user p.names[data-v-30b682f5]:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAzUlEQVQokYWQMQrCMBSGvxZxccoi7roJIkivoCcI7iKIUx0dOyji4OIRXAvqoIOTi1u2XkKpYK4gEVuiBvttee//8vLiRVGETRzoKRACPrCWSsztvv8VHgELoAZUgVkc6IlTiANdBlb8YqSSa0IdqDgEU2u4BO0IZzx+BKnEDTg4wjupROpcGhgAqXW+AkM78CFIJe7AxSrtpRL5cwz59nGge8AY6Fr9/vuHNlKJ10Ve8xiawBJo/1nakACRsU8FwYwWsDXCGeiYaYUKJE+pBi+bN63PuwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .btn-wrap .timer[data-v-30b682f5] {
    margin-top: 10px;
    font-size: 12px;
    color: #999
}

.game-info-content .game-info-wrap .btn-wrap .palyGame[data-v-30b682f5] {
    width: 230px;
    height: 90px;
    background: url(//images.sooyooj.com/20240529/qTmkff64SGekL7Q7.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 26px
}

.game-info-content .game-info-wrap .btn-wrap .dowmGame[data-v-30b682f5] {
    width: 230px;
    height: 52px;
    margin-top: 20px;
    background: url(//images.sooyooj.com/20240529/TXqG8aqXRaxi67rg.png) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .btn-wrap .handtourPalyGame[data-v-30b682f5] {
    width: 230px;
    height: 90px;
    background: url(//images.sooyooj.com/20240603/HT2BApnc4FwBpjfy.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 26px
}

.game-info-content .game-info-wrap .btn-wrap .btn[data-v-30b682f5] {
    width: 228px;
    height: 74px;
    background: -webkit-gradient(linear,right top,left top,from(#ff3c00),to(#ff8a00));
    background: linear-gradient(270deg,#ff3c00,#ff8a00);
    border-radius: 6px;
    margin-top: 15px;
    cursor: pointer
}

.game-info-content .game-info-wrap .btn-wrap .btn .gameicon[data-v-30b682f5] {
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAf5JREFUSEvV1EuIzWEYx/HPg9xWrhsbhIiYhQ1KWJBcd7JzyWIaaTJZqXFLNlJMNpQFZSO3srAxbiWShWiKiFLuYkVmXF690//odPrPHKYZ5V2enuf7/b/P83tPGOATA8z3bwUppUk4gOX4idPYExGfym6aUhqDfVhP98dexs6IeFGp/32DlNIctGNcDew9jhbNlcaJWImmHuqXRERH5nQLUkrD8QDT+mknj9AQEV0VQQsO9RO8gmmOiLaK4Cmm1AjuYSZG1hHn/Xwouf3jiJgRKaUG3C+BLMgLxrI6gqW4iZcl+5iVBdvQVgKZj91FosocP9CFI4XgfJG86hs3ZcEJbC4Ib7AFufk2pmI85mJ/jWU17uJ5McaNuIgnRU8uP5YF17C4aO7EmUKQgWsxG5OxqEawAXeK9A3DdpzFQ4wqaq9kQY7U9D6MqNKyA1dxCyNqOB1Z8BGjSwQrsAvz6ix5DfIU8iOs5bzNgm8YUgJJlYdYR/AVnzG2pO5LFmTQgJ0s+I7BvRhu4BJeFzHMpYMwAXk8C3vp7cyCd1Wxqq7N4saIyDHu8aSUGos/w7KPfJUF10simMe2KSJO/snsUkr57Rwv2Vl7FjTjcBUow1siovq3up6UUo7rwZrCrVkwFKewCs+wNyLO1SWWxS6ldWgtHuaF7in0BfQ3Pf+/4Bfja6SPhK/UWAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.game-info-content .game-info-wrap .btn-wrap .btn p[data-v-30b682f5] {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    margin-right: 8px
}

.game-info-content .game-info-wrap .btn-wrap .btn.mic[data-v-30b682f5] {
    height: 56px;
    background: #ffdc4e;
    border-radius: 6px;
    position: relative
}

.game-info-content .game-info-wrap .btn-wrap .btn.mic p[data-v-30b682f5] {
    margin-right: 0;
    color: #9e4b09
}

.game-info-content .game-info-wrap .btn-wrap .btn.mic[data-v-30b682f5]:after {
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    background: url(//images.sooyooj.com/20220826/rVR4aOTroSwX2LsO.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0
}

img[data-v-30b682f5] {
    display: block
}

img[data-v-30b682f5],video[data-v-30b682f5] {
    width: 100%;
    height: 100%
}

.ml_8[data-v-30b682f5] {
    margin-left: 8px
}

.gray[data-v-30b682f5] {
    color: #999
}

.flex[data-v-30b682f5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex_column[data-v-30b682f5] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.align_center[data-v-30b682f5] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align_end[data-v-30b682f5] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex_center[data-v-30b682f5] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex_between[data-v-30b682f5] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex_1[data-v-30b682f5] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fade-enter-active[data-v-30b682f5],.fade-leave-active[data-v-30b682f5] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.fade-enter[data-v-30b682f5],.fade-leave-to[data-v-30b682f5] {
    opacity: 0
}

.giftBad-box[data-v-7347f5ea] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999
}

.giftBad-inner[data-v-7347f5ea] {
    position: absolute;
    width: 464px;
    height: 481px;
    background: url(http://img158.sooyooj.com/20210204/AOron8LAARAgatRz.png) no-repeat;
    background-size: 100% 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.giftBad-content[data-v-7347f5ea] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 99
}

.giftBad-content .giftBad-title[data-v-7347f5ea] {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    color: #955210;
    padding-top: 50px
}

.giftBad-content .giftBad-code[data-v-7347f5ea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 33px;
    width: 440px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3e3e3e;
    font-size: 16px;
    margin: 0 auto;
    padding: 10px 30px;
    margin-top: 20px;
    padding-left: 80px
}

.giftBad-content .giftBad-code .code[data-v-7347f5ea] {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    width: 250px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.giftBad-content .giftBad-code .copy[data-v-7347f5ea] {
    color: #3352ef;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap
}

.giftBad-content .giftBad-desc[data-v-7347f5ea] {
    width: 327px;
    height: 90px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    margin: 0 auto;
    margin-top: 10px
}

.giftBad-content .giftBad-tip[data-v-7347f5ea] {
    width: 327px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    margin: 0 auto
}

.giftBad-content .playGame-btn[data-v-7347f5ea] {
    width: 367px;
    height: 72px;
    background-image: url(http://img158.sooyooj.com/20210204/FiuNf99DuL5DTW9P.png);
    background-size: 100% 100%;
    font-size: 22px;
    text-align: center;
    line-height: 64px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    position: absolute;
    bottom: 40px;
    left: 48px
}

.mask[data-v-7347f5ea] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    z-index: -1
}

.close[data-v-7347f5ea] {
    position: absolute;
    bottom: -45px;
    left: calc(50% - 16px);
    cursor: pointer
}

.fade-enter-active[data-v-7347f5ea],.fade-leave-active[data-v-7347f5ea] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.fade-enter[data-v-7347f5ea],.fade-leave-to[data-v-7347f5ea] {
    opacity: 0
}

.login-wrap[data-v-87de11da] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 100000000
}

.login-wrap .login[data-v-87de11da] {
    position: absolute;
    width: 400px;
    height: 520px;
    background: #fff;
    border-radius: 4px;
    left: 50%;
    top: 50%;
    margin-top: -215px;
    margin-left: -200px;
    padding: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.title-wrap[data-v-87de11da] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 46px
}

.title-wrap .title[data-v-87de11da] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #222;
    font-size: 18px;
    position: relative;
    margin-right: 20px;
    cursor: pointer
}

.title-wrap .title[data-v-87de11da]:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 6px;
    background: #ff8a00;
    border-radius: 3px;
    left: 0;
    bottom: -10px;
    opacity: 0
}

.title-wrap .title.active[data-v-87de11da]:after {
    opacity: 1
}

.input-wrap[data-v-87de11da] {
    width: 280px;
    height: 48px;
    background: #fff;
    border: 1px solid #d2d8de;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 2px;
    position: relative
}

.input-wrap p[data-v-87de11da] {
    width: 50px;
    text-align: right
}

.input-wrap input[data-v-87de11da] {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 24px;
    color: #222;
    font-size: 14px;
    height: 100%;
    border: none
}

.input-wrap span[data-v-87de11da] {
    display: block;
    position: absolute;
    right: 0;
    width: 98px;
    height: 100%;
    background: #ebebeb;
    top: 0;
    line-height: 48px;
    text-align: center;
    color: #222;
    font-size: 14px;
    cursor: pointer
}

.login-wrap .login .close[data-v-87de11da] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 18px;
    right: 18px;
    background: url(//images.sooyooj.com/20220825/SvT5DCtYXaBbRsic.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.userAgreement[data-v-87de11da] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.userAgreement .radio[data-v-87de11da] {
    width: 12px;
    height: 12px;
    background: #eff3f6;
    border: 1px solid #ced7de;
    border-radius: 2px;
    text-align: center;
    line-height: 12px;
    color: #eff3f6;
    font-weight: 700;
    cursor: pointer;
    margin-right: 5px
}

.userAgreement .radio.act[data-v-87de11da] {
    color: #358ce5
}

.btn[data-v-87de11da] {
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    -webkit-box-shadow: 0 9px 18px 0 rgba(255,162,0,.4);
    box-shadow: 0 9px 18px 0 rgba(255,162,0,.4);
    border-radius: 5px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 24px;
    cursor: pointer
}

.list[data-v-87de11da] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list p[data-v-87de11da] {
    color: #ff8a00;
    font-size: 14px;
    margin-right: 24px;
    margin-left: 24px;
    cursor: pointer
}

.list span[data-v-87de11da] {
    display: block;
    background: #d2d8de;
    height: 14px;
    width: 1px
}

.other[data-v-87de11da] {
    margin-top: 42px
}

.other[data-v-87de11da],.other div[data-v-87de11da] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.other div[data-v-87de11da] {
    width: 126px;
    height: 36px;
    background: #e2f5ec;
    border-radius: 18px;
    margin-right: 16px;
    cursor: pointer
}

.other div p[data-v-87de11da] {
    margin-left: 6px;
    color: #2fb477
}

.other .qq[data-v-87de11da] {
    background: #e6eff7
}

.other .qq p[data-v-87de11da] {
    color: #50a1f4
}

.card-wrap[data-v-526fa60f] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 100000
}

.card-wrap .card[data-v-526fa60f] {
    width: 380px;
    height: 586px;
    background: -webkit-gradient(linear,left bottom,left top,from(#e9c585),to(#ffe1ac));
    background: linear-gradient(0deg,#e9c585,#ffe1ac);
    border-radius: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 30px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100000
}

.close[data-v-526fa60f] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 18px;
    right: -34px;
    background: url(//images.sooyooj.com/20220825/SvT5DCtYXaBbRsic.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.card-wrap .card .title[data-v-526fa60f] {
    text-align: center;
    font-size: 24px;
    color: #ce1c1c;
    margin-bottom: 20px
}

.card-wrap .card .card-info[data-v-526fa60f] {
    width: 328px;
    height: 145px;
    background: url(//images.sooyooj.com/20220826/m0M0tip1TUr9THpL.png) no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card-wrap .card .card-info .tip-text[data-v-526fa60f] {
    width: 40px;
    color: #dd472f;
    font-weight: 700;
    margin-left: 37px;
    margin-right: 30px;
    font-size: 18px
}

.tip-info p[data-v-526fa60f] {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #b57017
}

.tip-info p[data-v-526fa60f]:first-child {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #9c3714
}

.val[data-v-526fa60f] {
    text-align: center;
    margin-bottom: 15px;
    font-size: 18px;
    color: #7e4222;
    font-weight: 700
}

.val span[data-v-526fa60f] {
    color: #e3442a;
    font-size: 18px
}

.game-info[data-v-526fa60f] {
    width: 308px;
    height: 224px;
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    overflow: hidden
}

.game-info .img[data-v-526fa60f] {
    width: 100%;
    height: 161px
}

.game-info .img img[data-v-526fa60f] {
    width: 100%;
    height: 100%
}

.game-content[data-v-526fa60f] {
    width: 100%;
    height: 63px;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-content .icon[data-v-526fa60f] {
    width: 59px;
    height: 59px;
    margin-top: -14px
}

.game-content .icon img[data-v-526fa60f] {
    width: 100%;
    height: 100%
}

.infoval[data-v-526fa60f] {
    width: 100%;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.infoval .tit[data-v-526fa60f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infoval .tit span[data-v-526fa60f] {
    color: #222;
    font-size: 14px;
    margin-right: 8px;
    font-weight: 700
}

.infoval .tit img[data-v-526fa60f] {
    width: 18px;
    height: 18px;
    margin-right: 4px
}

.infoval .cont[data-v-526fa60f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.infoval .cont .tag[data-v-526fa60f] {
    width: 34px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    color: #ec4646;
    border: 1px solid #ec4646;
    margin-right: 6px
}

.infoval .cont .tag[data-v-526fa60f]:nth-child(2) {
    color: #569ef8;
    border: 1px solid #569ef8
}

.infoval .cont p[data-v-526fa60f] {
    color: #999;
    font-size: 14px
}

.tag-wrap[data-v-526fa60f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card .btn[data-v-526fa60f] {
    width: 308px;
    height: 48px;
    background: #e14040;
    border-radius: 24px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    cursor: pointer
}

.mask[data-v-526fa60f] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100
}

.flow-wrap[data-v-bd43f13c] {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1000000000;
    background: rgba(0,0,0,.5)
}

.flow-wrap .messageBox4[data-v-bd43f13c] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1000000002222
}

.flow-wrap .messageBox4 .messageContent[data-v-bd43f13c] {
    position: relative;
    margin: auto;
    margin-top: 100px
}

.flow-wrap .messageBox4 .messageContent img[data-v-bd43f13c] {
    width: 70%;
    margin: 0 auto
}

.flow-wrap .messageBox4 .messageContent .contentBox2[data-v-bd43f13c] {
    position: absolute;
    left: 17.8%;
    top: 49.2%;
    width: 7.9%;
    background-color: #fff;
    padding: 4px;
    z-index: 20001
}

.flow-wrap .messageBox4 .cancelBox[data-v-bd43f13c] {
    position: absolute;
    top: 80px;
    right: 85px
}

.flow-wrap .messageBox4 .cancelBox .cancelBtn[data-v-bd43f13c] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #999;
    font-size: 36px;
    cursor: pointer
}

.flow-wrap .messageBox4 .cancelBox .cancelBtn[data-v-bd43f13c]:hover {
    color: #fda503;
    border-color: #fda503
}

.flow-wrap .messageBox5[data-v-bd43f13c] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 20001
}

.flow-wrap .messageBox5 .messageContent[data-v-bd43f13c] {
    position: relative;
    margin: auto;
    margin-top: 100px
}

.flow-wrap .messageBox5 .messageContent img[data-v-bd43f13c] {
    width: 55%;
    margin: 0 auto
}

.flow-wrap .messageBox5 .messageContent .app1[data-v-bd43f13c] {
    position: absolute;
    left: 25.6%;
    top: 41.1%;
    z-index: 20001;
    width: 10%
}

.flow-wrap .messageBox5 .messageContent .app1 img[data-v-bd43f13c] {
    width: 70%
}

.flow-wrap .messageBox5 .messageContent .app2[data-v-bd43f13c] {
    position: absolute;
    left: 25.6%;
    top: 72.3%;
    width: 10%;
    z-index: 20001
}

.flow-wrap .messageBox5 .messageContent .app2 img[data-v-bd43f13c] {
    width: 70%
}

.flow-wrap .messageBox5 .cancelBox[data-v-bd43f13c] {
    position: absolute;
    top: 80px;
    right: 85px
}

.flow-wrap .messageBox5 .cancelBox .cancelBtn[data-v-bd43f13c] {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #999;
    font-size: 36px;
    cursor: pointer
}

.flow-wrap .messageBox5 .cancelBox .cancelBtn[data-v-bd43f13c]:hover {
    color: #fda503;
    border-color: #fda503
}

.rightFiexd[data-v-0f78912e] {
    position: fixed;
    top: 88px;
    right: 155px;
    z-index: 10;
    width: 275px;
    height: auto;
    background: #fff;
    border-radius: 10px;
    z-index: 1000
}

.rightFiexd .topBox[data-v-0f78912e] {
    width: 275px;
    height: 165px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//images.sooyooj.com/20221219/XFPrQMevJTdttAVy.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1
}

.rightFiexd .topBox .playText[data-v-0f78912e] {
    position: relative;
    top: 33px;
    right: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #c64011
}

.rightFiexd .topBox .playText span[data-v-0f78912e] {
    cursor: pointer
}

.rightFiexd .topBox .playText img[data-v-0f78912e] {
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-left: 3px
}

.rightFiexd .contentBox[data-v-0f78912e] {
    width: 100%;
    margin-top: 60px;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10011
}

.rightFiexd .contentBox .iconBox[data-v-0f78912e] {
    width: 100%;
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.rightFiexd .contentBox .iconBox .icon[data-v-0f78912e] {
    width: 50px;
    height: 50px;
    background: pink;
    border-radius: 10px;
    margin-right: 10px
}

.rightFiexd .contentBox .iconBox .icon img[data-v-0f78912e] {
    width: 100%;
    height: 100%
}

.rightFiexd .contentBox .iconBox .icon[data-v-0f78912e]:last-child {
    margin-right: 0
}

.rightFiexd .contentBox .iconBox .iconActive[data-v-0f78912e] {
    margin-bottom: 4px;
    margin-top: 4px;
    border: 2px solid #ff8a00
}

.rightFiexd .contentBox .playGameBox[data-v-0f78912e] {
    width: 100%;
    height: 129px;
    background: #000;
    border-radius: 10px;
    margin-top: 14px;
    overflow: hidden
}

.rightFiexd .contentBox .playGameBox img[data-v-0f78912e] {
    width: 100%;
    height: 100%
}

.rightFiexd .contentBox .playGameBox .maskBox[data-v-0f78912e] {
    width: 100%;
    height: 28px;
    background: rgba(0,0,0,.55);
    border-radius: 0 0 10px 10px;
    position: relative;
    bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rightFiexd .contentBox .playGameBox .maskBox .text[data-v-0f78912e] {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.rightFiexd .contentBox .playGameBox .maskBox .sportsBox span[data-v-0f78912e] {
    width: 28px;
    height: 16px;
    background: #448ce5;
    border-radius: 2px;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rightFiexd .contentBox .playGameBox .maskBox .sportsBox span[data-v-0f78912e]:nth-child(2) {
    background: #ff5745;
    margin-left: 7px
}

.rightFiexd .contentBox .flexBox[data-v-0f78912e] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.rightFiexd .contentBox .flexBox .text[data-v-0f78912e] {
    font-size: 18px;
    font-weight: 700;
    color: #222
}

.rightFiexd .contentBox .flexBox .card-title[data-v-0f78912e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rightFiexd .contentBox .flexBox .card-title p[data-v-0f78912e] {
    color: #999;
    font-size: 14px;
    position: relative;
    margin-right: 10px;
    cursor: pointer
}

.rightFiexd .contentBox .flexBox .card-title p.active[data-v-0f78912e] {
    color: #ff8a00;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rightFiexd .contentBox .flexBox .card-title p.active[data-v-0f78912e]:after {
    opacity: 1
}

.rightFiexd .contentBox .flexBox .card-title p[data-v-0f78912e]:after {
    content: "";
    display: block;
    width: 26px;
    height: 2px;
    margin-top: 2px;
    background: #ff8a00;
    border-radius: 3px;
    left: 0;
    bottom: -10px;
    opacity: 0
}

.rightFiexd .contentBox .flexBox .flexItem[data-v-0f78912e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rightFiexd .contentBox .flexBox .flexItem img[data-v-0f78912e] {
    width: 12px;
    height: 12px
}

.rightFiexd .contentBox .flexBox .flexItem span[data-v-0f78912e] {
    font-size: 12px;
    font-weight: 400;
    color: #3588e6;
    margin-left: 1px
}

.rightFiexd .contentBox .flexBox .flexItem:nth-child(2) span[data-v-0f78912e] {
    color: #2bb56f
}

.rightFiexd .contentBox .palyBtn[data-v-0f78912e] {
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 6px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
    cursor: pointer
}

.rightFiexd .contentBox .cardBox[data-v-0f78912e] {
    width: 100%;
    height: auto;
    margin: 14px 0 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rightFiexd .contentBox .cardBox .cardListBox[data-v-0f78912e] {
    width: 100%;
    height: 228px;
    overflow: auto
}

.rightFiexd .contentBox .cardBox .cardListBox .blue[data-v-0f78912e] {
    background: #5375f0;
    border: 2px solid #5375f0
}

.rightFiexd .contentBox .cardBox .cardListBox .redBg[data-v-0f78912e] {
    background: #eb4333;
    border: 2px solid #eb4333
}

.rightFiexd .contentBox .cardBox .cardListBox .yellow[data-v-0f78912e] {
    background: #ff8a00;
    border: 2px solid #ff8a00
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg[data-v-0f78912e] {
    width: 98%;
    height: 102px;
    -webkit-box-shadow: 0 0 10px 0 rgba(40,84,138,.05);
    box-shadow: 0 0 10px 0 rgba(40,84,138,.05);
    border-radius: 12px 12px 10px 10px;
    margin-bottom: 10px
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .collect[data-v-0f78912e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .collect span[data-v-0f78912e] {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite[data-v-0f78912e] {
    width: 100%;
    height: 72px;
    background: #fff;
    border-radius: 12px 12px 10px 10px;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite img[data-v-0f78912e] {
    width: 48px;
    height: 48px;
    margin-right: 6px
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .gift[data-v-0f78912e] {
    padding: 0!important
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox[data-v-0f78912e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox .textTitle[data-v-0f78912e] {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox .textTitle .new[data-v-0f78912e] {
    width: 14px;
    height: 14px;
    background: #ea3d3d;
    color: #fff;
    line-height: 13px;
    text-align: center;
    padding: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 3px
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox .text[data-v-0f78912e] {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    line-height: 18px
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox h1[data-v-0f78912e] {
    font-size: 16px;
    font-weight: 700;
    color: #5375f0
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox .red[data-v-0f78912e] {
    color: #eb4333
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox p[data-v-0f78912e] {
    font-size: 12px;
    font-weight: 700;
    color: #666
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg .cardWhite .textBox p span[data-v-0f78912e] {
    color: #ec3232
}

.rightFiexd .contentBox .cardBox .cardListBox .cardBg[data-v-0f78912e]:last-child {
    margin-bottom: 0
}

.rightFiexd .contentBox .cardBox .noCard[data-v-0f78912e] {
    width: 100%;
    height: 228px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rightFiexd .contentBox .cardBox .noCard img[data-v-0f78912e] {
    width: 68px;
    height: 68px
}

.rightFiexd .contentBox .cardBox .noCard p[data-v-0f78912e] {
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.rightFiexd .contentBox .more[data-v-0f78912e] {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 14px;
    color: #222
}

.rightFiexd .contentBox .more span[data-v-0f78912e] {
    color: #ff8a00;
    cursor: pointer
}

.drag[data-v-38d7e527] {
    position: relative;
    background-color: #e8e8e8;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 4px
}

.handler[data-v-38d7e527] {
    width: 40px;
    height: 95%;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: move
}

.handler_bg[data-v-38d7e527] {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat 50%
}

.handler_ok_bg[data-v-38d7e527] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat 50%
}

.drag_bg[data-v-38d7e527] {
    background-color: #ff8a00;
    height: 100%;
    width: 0;
    border-radius: 4px 0 0 4px
}

.drag_text[data-v-38d7e527] {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

.baber-wrap[data-v-97ccfdd0] {
    position: absolute;
    height: auto;
    top: 164px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000;
    right: -5000px;
    -webkit-line-clamp: 2
}

.baber-wrap .item[data-v-97ccfdd0] {
    display: block;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.66);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px;
    font-size: 14px;
    white-space: nowrap;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 50px
}

.baber-wrap .item[data-v-97ccfdd0]:nth-child(odd) {
    margin-right: 100px
}

.baber-wrap .item[data-v-97ccfdd0]:nth-child(3n+1) {
    margin-right: 120px
}

.baber-wrap .item[data-v-97ccfdd0]:last-child {
    margin-right: 0
}

.realname-container[data-v-10de6ee0] {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 1000
}

.realname-container .content[data-v-10de6ee0] {
    padding: 20px;
    position: relative;
    border-radius: 5px
}

.realname-container .content .dialog-header[data-v-10de6ee0] {
    width: 365px;
    margin-bottom: 20px
}

.realname-container .content .dialog-header .title[data-v-10de6ee0] {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px
}

.realname-container .content .dialog-header .desc[data-v-10de6ee0] {
    font-size: 14px;
    color: #999;
    line-height: 1.3
}

.realname-container .content .dialog-header .desc-title[data-v-10de6ee0] {
    color: #222;
    white-space: nowrap
}

.realname-container .content .dialog-content[data-v-10de6ee0] {
    width: 365px
}

.realname-container .content .dialog-content .form .form-item[data-v-10de6ee0],.realname-container .content .dialog-content .form[data-v-10de6ee0] {
    width: 100%
}

.realname-container .content .dialog-content .form .form-item input[data-v-10de6ee0] {
    display: block;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    border: 1px solid #d2d8de
}

.realname-container .content .dialog-content .tip[data-v-10de6ee0] {
    color: #d22;
    line-height: 1.3;
    font-size: 14px
}

.realname-container .content .dialog-content .btn[data-v-10de6ee0] {
    width: 100%;
    height: 48px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer
}

.realname-container .content .close[data-v-10de6ee0] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    z-index: 1
}

.getCardMask[data-v-272ced77] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 9999900
}

.getCardMask .cardContent[data-v-272ced77] {
    width: 440px;
    height: 168px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.getCardMask .cardContent .text[data-v-272ced77] {
    margin-top: 41px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.getCardMask .cardContent .btn[data-v-272ced77] {
    width: 124px;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 39px auto 0 auto;
    cursor: pointer
}

.getCardMask .cardContent .btn img[data-v-272ced77] {
    width: 24px;
    height: 24px
}

.getCardMask .cardContent .btn span[data-v-272ced77] {
    margin-left: 10px
}

.getCardMask .cardContent .close[data-v-272ced77] {
    width: 16px;
    height: 16px;
    background: url(//images.sooyooj.com/20220701/9k3eavb0cGdH0UsX.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer
}

.cardList[data-v-2a766af0]::-webkit-scrollbarfheight {
    height: 0!important
}

.gameInfoWrap[data-v-2a766af0] {
    width: 100%;
    height: auto;
    margin-top: 20px
}

.gameInfoWrap .gameInfo[data-v-2a766af0] {
    width: 100%;
    height: 100%;
    padding: 24px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eff3f6
}

.gameInfoWrap .gameInfo .game-desc[data-v-2a766af0] {
    width: 620px;
    margin-right: 45px
}

.gameInfoWrap .gameInfo .game-desc .desc[data-v-2a766af0] {
    font-weight: 400;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 42px
}

.gameInfoWrap .gameInfo .game-desc .isZeroPointOneCard[data-v-2a766af0] {
    background: #eff3f6;
    border-radius: 10px
}

.gameInfoWrap .gameInfo .game-desc .card[data-v-2a766af0] {
    width: 620px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item[data-v-2a766af0] {
    width: 100%;
    height: 144px;
    background: url(//images.sooyooj.com/20230408/T2aWiRiIrHPsaGhf.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .money[data-v-2a766af0] {
    width: 125px;
    margin-right: 33px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .money P[data-v-2a766af0] {
    color: #ee5239;
    font-weight: 700
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .money p[data-v-2a766af0]:first-child {
    margin-bottom: 10px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .money p:first-child span[data-v-2a766af0]:first-child {
    font-size: 20px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .money p:first-child span[data-v-2a766af0]:last-child {
    font-size: 36px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .money .no-card[data-v-2a766af0] {
    font-size: 24px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .card-info[data-v-2a766af0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .card-info p[data-v-2a766af0]:first-of-type {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #333;
    margin-bottom: 14px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .card-info p[data-v-2a766af0]:nth-of-type(2) {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    margin-bottom: 20px
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .card-info p[data-v-2a766af0]:nth-of-type(3) {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #bbb
}

.gameInfoWrap .gameInfo .game-desc .card .card-item .card-info .card-btn[data-v-2a766af0] {
    width: 64px;
    height: 144px;
    background: url(//images.sooyooj.com//20230410/SoEGkuyfNs4oWdiy.png) no-repeat;
    background-size: 100% 100%;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 6px;
    padding-left: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.gameInfoWrap .gameInfo .game-desc .card .card-item[data-v-2a766af0]:last-child {
    margin-bottom: none
}

.gameInfoWrap .gameInfo .gameGifBag[data-v-2a766af0] {
    width: 630px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag[data-v-2a766af0] {
    height: 308px;
    background: #fff;
    border-radius: 10px;
    padding: 0 20px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox[data-v-2a766af0] {
    width: 100%;
    height: 100%;
    overflow: auto
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox .gifItem[data-v-2a766af0] {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e2e7ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 14px
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox .gifItem .titlea[data-v-2a766af0] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #222
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox .gifItem .titlea img[data-v-2a766af0] {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox .gifItem .content[data-v-2a766af0] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-top: 11px;
    margin-bottom: 15px
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox .gifItem .content .giftinfo[data-v-2a766af0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .gifItemBox .gifItem .content .giftBtn[data-v-2a766af0] {
    cursor: pointer;
    width: 84px;
    height: 32px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 6px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-left: 30px
}

.gameInfoWrap .gameInfo .gameGifBag .gifBag .more[data-v-2a766af0] {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #ff8a00;
    text-align: center;
    cursor: pointer
}

.gameInfoWrap .gameInfo .gameGifBag .gifBagHiden[data-v-2a766af0] {
    width: 200px;
    height: 40px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700
}

.gameInfoWrap .gameInfo .chatWrap[data-v-2a766af0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.gameInfoWrap .gameInfo .chatWrap .chat[data-v-2a766af0] {
    width: 100%;
    border-radius: 10px;
    padding-right: 10px;
    padding-left: 20px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    margin-bottom: 20px;
    background: #fff;
    box-sizing: border-box
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList[data-v-2a766af0] {
    width: 100%;
    height: 427px;
    overflow: auto
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList[data-v-2a766af0] ::-webkit-scrollbar {
    width: 5px
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList[data-v-2a766af0] ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList[data-v-2a766af0] ::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 2px
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList p[data-v-2a766af0] {
    position: relative;
    width: 100%;
    margin-bottom: 17px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList p span[data-v-2a766af0] {
    font-size: 14px;
    color: #999
}

.gameInfoWrap .gameInfo .chatWrap .chat .chatList p span[data-v-2a766af0]:nth-of-type(2) {
    color: #222
}

.gameInfoWrap .gameInfo .chatWrap .chat .submit[data-v-2a766af0] {
    padding-bottom: 18px;
    margin-top: 10px
}

.gameInfoWrap .gameInfo .chatWrap .chat .submit .bullet-chat-img[data-v-2a766af0] {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative
}

.gameInfoWrap .gameInfo .chatWrap .chat .submit .bullet-chat-img img[data-v-2a766af0] {
    width: 100%;
    height: 100%
}

.gameInfoWrap .gameInfo .chatWrap .chat .submit .bullet-input[data-v-2a766af0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 19px;
    position: relative
}

.gameInfoWrap .gameInfo .chatWrap .chat .submit .bullet-input input[data-v-2a766af0] {
    display: block;
    width: 100%;
    height: 45px;
    background: #eff3f6;
    border: 1px solid #dbe0e4;
    border-radius: 4px;
    position: relative;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameInfoWrap .gameInfo .chatWrap .chat .submit .bullet-input .btn[data-v-2a766af0] {
    position: absolute;
    width: 89px;
    height: 39px;
    background: #ff8a00;
    border-radius: 4px;
    top: 3px;
    right: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 39px;
    cursor: pointer
}

.gameInfoWrap .title[data-v-2a766af0] {
    font-weight: 700;
    color: #222;
    font-size: 18px;
    margin-bottom: 15px
}

.bool[data-v-2a766af0] {
    padding: 17px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #222;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    text-align: center;
    position: absolute;
    line-height: normal;
    right: 0;
    top: -60px
}

.bool span[data-v-2a766af0] {
    color: #ff8a00
}

.bool .download-game .img[data-v-2a766af0] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 11px
}

.bool .download-game .img img[data-v-2a766af0] {
    width: 100%!important;
    height: 100%!important
}

.bool .download-game p[data-v-2a766af0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #222!important;
    font-weight: 400!important;
    font-size: 14px!important
}

.gameinfoBox[data-v-923cd490] {
    margin-left: 20px
}

.gameinfoBox .contentTopBox[data-v-923cd490] {
    width: 846px;
    height: auto
}

.gameinfoBox .contentTopBox .infoBox[data-v-923cd490],.gameinfoBox .contentTopBox[data-v-923cd490] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameinfoBox .contentTopBox .infoBox[data-v-923cd490] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gameinfoBox .contentTopBox .infoBox .nameNum[data-v-923cd490] {
    width: 410px
}

.gameinfoBox .contentTopBox .infoBox .nameNum .name[data-v-923cd490] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gameinfoBox .contentTopBox .infoBox .nameNum .name p[data-v-923cd490] {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-top: 0!important
}

.gameinfoBox .contentTopBox .infoBox .nameNum .name span[data-v-923cd490] {
    width: 32px;
    height: 18px;
    color: #fff;
    background: #43c267;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    margin: 0 7px
}

.gameinfoBox .contentTopBox .infoBox .nameNum .name span[data-v-923cd490]:nth-of-type(2) {
    background: #599bde
}

.gameinfoBox .contentTopBox .infoBox .nameNum .num[data-v-923cd490] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gameinfoBox .contentTopBox .infoBox .nameNum .num img[data-v-923cd490] {
    width: 20px;
    height: 20px
}

.gameinfoBox .contentTopBox .infoBox .nameNum .num span[data-v-923cd490] {
    font-size: 30px;
    font-weight: 700;
    color: #ff8a00;
    margin-left: 4px
}

.gameinfoBox .contentTopBox .infoBox .nameNum p[data-v-923cd490] {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-top: 6px
}

.gameinfoBox .contentTopBox .infoBox .infoContent[data-v-923cd490] {
    margin-top: 20px;
    width: 410px;
    height: 200px;
    background: #fff;
    border-radius: 10px;
    padding: 14px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

.gameinfoBox .contentTopBox .infoBox .infoContent .info-value[data-v-923cd490] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical
}

.gameinfoBox .contentTopBox .infoBox .infoContent .title[data-v-923cd490] {
    font-size: 14px;
    font-weight: 700;
    color: #222
}

.gameinfoBox .contentTopBox .gameCardBox[data-v-923cd490] {
    width: 417px
}

.gameinfoBox .contentTopBox .gameCardBox .isZeroPointOneCard[data-v-923cd490] {
    width: 416px;
    height: 232px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item[data-v-923cd490] {
    width: 100%;
    height: 112px;
    background: url(//images.sooyooj.com/20230408/T2aWiRiIrHPsaGhf.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 13px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .money[data-v-923cd490] {
    width: 84px;
    margin-right: 27px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .money P[data-v-923cd490] {
    color: #ee5239;
    font-weight: 700;
    font-size: 12px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .money p[data-v-923cd490]:first-child {
    margin-bottom: 10px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .money p:first-child span[data-v-923cd490]:first-child {
    font-size: 18px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .money p:first-child span[data-v-923cd490]:last-child {
    font-size: 30px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .money .no-card[data-v-923cd490] {
    font-size: 24px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .card-info[data-v-923cd490] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .card-info p[data-v-923cd490]:first-of-type {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #333;
    margin-bottom: 14px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .card-info p[data-v-923cd490]:nth-of-type(2) {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666;
    margin-bottom: 20px
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .card-info p[data-v-923cd490]:nth-of-type(3) {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #bbb
}

.gameinfoBox .contentTopBox .gameCardBox .card-item .card-info .card-btn[data-v-923cd490] {
    width: 41px;
    height: 100%;
    background: url(//images.sooyooj.com//20230410/SoEGkuyfNs4oWdiy.png) no-repeat;
    background-size: 100% 100%;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 4px;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.gameinfoBox .contentTopBox .gameCardBox .card-item[data-v-923cd490]:last-child {
    margin-bottom: 0
}

.gameinfoBox .contentTopBox .gameGifBag[data-v-923cd490] {
    width: 417px
}

.gameinfoBox .contentTopBox .gameGifBag p[data-v-923cd490] {
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    line-height: 35px
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag[data-v-923cd490] {
    height: 238px;
    background: #fff;
    border-radius: 10px;
    padding: 0 22px;
    padding-top: 14px;
    margin-top: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox[data-v-923cd490] {
    width: 100%;
    height: 100%
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox .gifItem[data-v-923cd490] {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e2e7ea;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 14px
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox .gifItem .titlea[data-v-923cd490] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #222
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox .gifItem .titlea img[data-v-923cd490] {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox .gifItem .content[data-v-923cd490] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 41px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 14px
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox .gifItem .content .giftinfo[data-v-923cd490] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .gifItemBox .gifItem .content .giftBtn[data-v-923cd490] {
    width: 84px;
    height: 32px;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: 6px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-left: 30px;
    margin-top: 9px
}

.gameinfoBox .contentTopBox .gameGifBag .gifBag .more[data-v-923cd490] {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #ff8a00;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 8px
}

.gameinfoBox .contentTopBox .gameGifBag .gifBagHiden[data-v-923cd490] {
    width: 200px;
    height: 40px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px
}

.gameinfoBox .titleas[data-v-923cd490] {
    font-weight: 700;
    color: #222;
    font-size: 18px;
    margin-bottom: 15px
}

.gameinfoBox .gameBarrageBox p[data-v-923cd490] {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-top: 10px;
    margin-bottom: 16px
}

.gameinfoBox .gameBarrageBox .barrage[data-v-923cd490] {
    width: 846px;
    height: 354px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameinfoBox .gameBarrageBox .barrage .barrageContent[data-v-923cd490] {
    width: 100%;
    height: 260px;
    overflow: auto
}

.gameinfoBox .gameBarrageBox .barrage .barrageContent .contentList[data-v-923cd490] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    margin-bottom: 19px
}

.gameinfoBox .gameBarrageBox .barrage .barrageContent .contentList .userName[data-v-923cd490] {
    color: #999
}

.gameinfoBox .gameBarrageBox .barrage .bullet-input[data-v-923cd490] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.gameinfoBox .gameBarrageBox .barrage .bullet-input img[data-v-923cd490] {
    width: 26px;
    height: 26px;
    margin-right: 15px;
    cursor: pointer
}

.gameinfoBox .gameBarrageBox .barrage .bullet-input .inputBox[data-v-923cd490] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 45px;
    background: #eff3f6;
    border: 1px solid #dbe0e4;
    border-radius: 4px;
    line-height: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gameinfoBox .gameBarrageBox .barrage .bullet-input .inputBox input[data-v-923cd490] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    text-indent: 12px;
    background: #eff3f6
}

.gameinfoBox .gameBarrageBox .barrage .bullet-input .inputBox span[data-v-923cd490] {
    color: #999;
    margin-right: 10px
}

.gameinfoBox .gameBarrageBox .barrage .bullet-input .inputBox .btn[data-v-923cd490] {
    width: 105px;
    height: 39px;
    background: #ff8a00;
    border-radius: 4px;
    line-height: 39px;
    text-align: center;
    margin-right: 3px;
    color: #fff;
    cursor: pointer
}

.gameinfoBox .btnBox[data-v-923cd490] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 19px
}

.gameinfoBox .btnBox .btnItem[data-v-923cd490] {
    width: 200px;
    height: 54px;
    background: #fff;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-right: 10px
}

.gameinfoBox .btnBox .btnItem img[data-v-923cd490] {
    margin-right: 10px
}

.gameinfoBox .btnBox .btnItem span[data-v-923cd490] {
    font-size: 16px;
    font-weight: 700;
    color: #222
}

.gameinfoBox .btnBox .btnItem .down-pop[data-v-923cd490] {
    width: 204px;
    height: 68px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -80px;
    right: 0
}

.gameinfoBox .btnBox .btnItem .down-pop .img[data-v-923cd490] {
    width: 48px;
    height: 48px;
    margin-right: 10px
}

.gameinfoBox .btnBox .btnItem .down-pop .img img[data-v-923cd490] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.gameinfoBox .btnBox .btnItem .down-pop p[data-v-923cd490] {
    font-size: 14px;
    color: #222;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.gameinfoBox .btnBox .btnItem .down-pop p span[data-v-923cd490] {
    font-size: 14px;
    color: #ff8a00;
    margin-right: 0
}

.gameinfoBox .btnBox .btnItem .reload-pop[data-v-923cd490] {
    position: absolute;
    width: 140px;
    height: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    line-height: 48px;
    top: -60px;
    right: 0
}

.gameinfoBox .btnBox .btnItem .reload-pop p[data-v-923cd490] {
    text-align: center;
    font-size: 14px;
    color: #222
}

.gameinfoBox .btnBox .btnItem .reload-pop p span[data-v-923cd490] {
    font-size: 14px;
    margin-right: 0;
    color: #ff8a00
}

.gameinfoBox .btnBox .btnItem .zeroPointOne-pop[data-v-923cd490] {
    width: 324px;
    height: 146px;
    background: url(https://images.sooyooj.com/20231113/xEBxtVXLUbnqpgQN.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -146px;
    right: -10px;
    z-index: 1000000
}

.gameinfoBox .btnBox .btnItem .zeroPointOne-pop .zeroPointOne-info[data-v-923cd490] {
    padding-top: 30px;
    padding-left: 96px
}

.gameinfoBox .btnBox .btnItem .zeroPointOne-pop .zeroPointOne-info .zeroPointOne-title[data-v-923cd490] {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-align: left
}

.gameinfoBox .btnBox .btnItem .zeroPointOne-pop .zeroPointOne-info .zeroPointOne-value[data-v-923cd490] {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.gameinfoBox .btnBox .btnItem .zeroPointOne-pop .tips[data-v-923cd490] {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 17px
}

.gameinfoBox .btnBox .btnItem .zeroPointOne-pop .tips span[data-v-923cd490] {
    font-size: 14px
}

.gameinfoBox .btnBox .btnItem .card-pop[data-v-923cd490] {
    width: 324px;
    height: 146px;
    background: url(https://images.sooyooj.com/20230407/t7l9V6pBezFQWd0H.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -146px;
    right: -10px
}

.gameinfoBox .btnBox .btnItem .card-pop .card-info[data-v-923cd490] {
    padding-top: 30px;
    padding-left: 96px
}

.gameinfoBox .btnBox .btnItem .card-pop .card-info .card-title[data-v-923cd490] {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-align: left
}

.gameinfoBox .btnBox .btnItem .card-pop .card-info .card-value[data-v-923cd490] {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.gameinfoBox .btnBox .btnItem .card-pop .tips[data-v-923cd490] {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 17px
}

.gameinfoBox .btnBox .btnItem .card-pop .tips span[data-v-923cd490] {
    font-size: 14px
}

.gameinfoBox .btnBox .btnItem.active[data-v-923cd490] {
    background: #ff8a00;
    color: #fff;
    border-radius: 4px
}

.gameinfoBox .btnBox .btnItem.active span[data-v-923cd490] {
    color: #fff
}

.gameinfoBox .btnBox .btnItem[data-v-923cd490]:hover {
    background: #ff8a00;
    color: #fff;
    border-radius: 4px
}

.gameinfoBox .btnBox .btnItem:hover span[data-v-923cd490] {
    color: #fff
}

.fixe-red[data-v-694b0ed4] {
    width: 58px;
    height: 173px;
    background: -webkit-gradient(linear,left bottom,left top,from(#f0330e),to(#ff7937));
    background: linear-gradient(0deg,#f0330e,#ff7937);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: -80px;
    bottom: -30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.fixe-red p[data-v-694b0ed4] {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fff;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl
}

.fixe-red img[data-v-694b0ed4] {
    width: 24px!important;
    height: 24px!important
}

[data-v-694b0ed4] .baber-wrap .item {
    padding: 5px 24px!important
}

.baberrage-stage[data-v-694b0ed4] {
    position: static;
    height: 50px
}

.mini-wrap .mini-game[data-v-694b0ed4] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.mini-wrap .mini-game .minicurrentsubject[data-v-694b0ed4] {
    position: absolute;
    color: #e02618;
    font-size: 16px;
    right: 20px;
    top: -36px;
    font-weight: 700
}

.mini-wrap .mini-game .gameurl[data-v-694b0ed4] {
    width: 477px;
    height: 765px;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.mini-wrap .mini-game .gameurl img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game .gameurl iframe[data-v-694b0ed4] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px
}

.mini-wrap .mini-game .gameurl .game-bool-mask[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.66);
    position: absolute;
    top: 0;
    left: 0
}

.mini-wrap .mini-game .gameurl .game-bool[data-v-694b0ed4] {
    position: absolute;
    width: 380px;
    height: 477px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    margin-left: -190px;
    margin-top: -225px
}

.mini-wrap .mini-game .gameurl .game-bool .videoBox[data-v-694b0ed4] {
    width: 100%;
    height: 213px;
    background: #000;
    position: relative;
    border-radius: 10px 10px 0 0
}

.mini-wrap .mini-game .gameurl .game-bool .videoBox .openBig[data-v-694b0ed4] {
    position: absolute;
    right: 6px;
    bottom: 6px;
    width: 100px;
    height: 28px;
    background: rgba(0,0,0,.66);
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox[data-v-694b0ed4] {
    padding-left: 30px;
    padding-right: 32px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox h3[data-v-694b0ed4] {
    font-weight: 700;
    color: #000;
    font-size: 24px;
    margin-bottom: 20px
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .game-bool-value[data-v-694b0ed4] {
    margin-bottom: 15px
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .game-bool-value p[data-v-694b0ed4]:first-child {
    color: #fff;
    text-align: center;
    width: 60px;
    height: 18px;
    border-radius: 2px;
    line-height: 18px
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .game-bool-value p[data-v-694b0ed4] {
    color: #666;
    font-size: 14px;
    margin-right: 6px
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .game-bool-value p.bule[data-v-694b0ed4] {
    background: #2a84e9
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .game-bool-value p.green[data-v-694b0ed4] {
    background: #13975a
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .game-bool-value p.red[data-v-694b0ed4] {
    background: #ea3d3d
}

.mini-wrap .mini-game .gameurl .game-bool .contentBox .btn[data-v-694b0ed4] {
    width: 320px;
    height: 48px;
    background: #2a84e9;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.mini-wrap .mini-game .gameurl .game-bool.pay[data-v-694b0ed4] {
    height: 340px;
    background: url(//images.sooyooj.com/20221221/Bwy1bpt4WElVN0uL.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -170px;
    padding: 45px 30px 0
}

.mini-wrap .mini-game .gameurl .game-bool.pay .close[data-v-694b0ed4] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 31px;
    right: 11px;
    cursor: pointer
}

.mini-wrap .mini-game .gameurl .game-bool.pay .close img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game .gameurl .game-bool.pay h3[data-v-694b0ed4] {
    margin-bottom: 13px
}

.mini-wrap .mini-game .gameurl .game-bool.pay p[data-v-694b0ed4] {
    margin-bottom: 28px
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card[data-v-694b0ed4] {
    width: 100%;
    height: 80px;
    background: #fff;
    border: 2px solid #4177f1;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card .img[data-v-694b0ed4] {
    width: 42px;
    height: 48px;
    margin-right: 17px;
    margin-left: 18px
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card .img img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card .value p[data-v-694b0ed4] {
    font-weight: 700
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card .value p[data-v-694b0ed4]:first-child {
    color: #5375f0;
    font-size: 18px;
    margin-bottom: 9px
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card .value p[data-v-694b0ed4]:last-child {
    color: #666;
    font-size: 14px;
    margin-bottom: 0
}

.mini-wrap .mini-game .gameurl .game-bool.pay .card .value p:last-child span[data-v-694b0ed4] {
    font-size: 14px;
    font-weight: 700
}

.mini-wrap .mini-game .gameurl .game-bool.pay .btn[data-v-694b0ed4] {
    width: 100%;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.mini-wrap .mini-game .gameinfo[data-v-694b0ed4] {
    width: 588px;
    margin-left: 20px
}

.mini-wrap .mini-game .gameinfo .current-game-info[data-v-694b0ed4] {
    width: 100%;
    height: 317px;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game .gameinfo .current-game-info .info[data-v-694b0ed4] {
    margin-bottom: 12px
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .info-left[data-v-694b0ed4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .info-left .title p[data-v-694b0ed4]:first-child {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-right: 9px
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .info-left .title p span[data-v-694b0ed4] {
    width: 32px;
    height: 18px;
    background: #43c267;
    margin-right: 6px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 12px
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .info-left .title p span[data-v-694b0ed4]:last-child {
    background: #599bde
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .info-left .value[data-v-694b0ed4] {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .grader img[data-v-694b0ed4] {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 7px
}

.mini-wrap .mini-game .gameinfo .current-game-info .info .grader span[data-v-694b0ed4] {
    display: inline-block;
    font-size: 36px;
    color: #ff8a00
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list[data-v-694b0ed4] {
    margin-bottom: 20px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list .game-item[data-v-694b0ed4] {
    width: 240px;
    height: 127px;
    cursor: pointer;
    position: relative
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list .game-item img[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list .game-item .value[data-v-694b0ed4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list .game-item .value p[data-v-694b0ed4] {
    color: #fff;
    font-size: 14px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list .game-item .value p[data-v-694b0ed4]:first-child {
    margin-bottom: 10px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-list .game-item .value p[data-v-694b0ed4]:last-child {
    font-weight: 700;
    font-size: 18px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode[data-v-694b0ed4] {
    width: 100%;
    height: 144px;
    background: #eff3f6;
    border-radius: 10px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .qrcode[data-v-694b0ed4] {
    width: 130px;
    height: 130px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 10px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .qrcode img[data-v-694b0ed4] {
    width: 120px;
    height: 120px;
    border-radius: 10px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .qrcode .hide-bg[data-v-694b0ed4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: rgba(0,0,0,.8);
    border-radius: 10px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .value[data-v-694b0ed4] {
    margin-left: 19px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .value .title[data-v-694b0ed4] {
    font-size: 22px;
    color: #222;
    font-weight: 700;
    margin-bottom: 12px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .value p[data-v-694b0ed4]:nth-of-type(2) {
    color: #666;
    font-size: 16px;
    margin-bottom: 16px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-qrcode .value p[data-v-694b0ed4]:last-child {
    font-size: 16px;
    color: #d22;
    font-weight: 700
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn[data-v-694b0ed4] {
    margin-top: 17px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn .btn[data-v-694b0ed4] {
    width: 168px;
    height: 48px;
    background: #fff;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    margin-right: 15px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn .btn img[data-v-694b0ed4] {
    width: 28px;
    height: 24px;
    margin-right: 8px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn .btn p[data-v-694b0ed4] {
    font-weight: 700;
    color: #222;
    font-size: 18px
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn .btn[data-v-694b0ed4]:last-child {
    margin-right: 0
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn .btn[data-v-694b0ed4]:hover {
    background: -webkit-gradient(linear,left top,right top,from(#ffb03f),to(#ff9c00));
    background: linear-gradient(90deg,#ffb03f,#ff9c00)
}

.mini-wrap .mini-game .gameinfo .current-game-info .game-btn .btn:hover p[data-v-694b0ed4] {
    color: #fff
}

.mini-wrap .mini-game .game-chat-wrap[data-v-694b0ed4] {
    width: 588px;
    height: 428px;
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game .game-chat-wrap .chat-data[data-v-694b0ed4] {
    width: 100%;
    height: 330px;
    padding-right: 10px;
    margin-bottom: 22px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto
}

.mini-wrap .mini-game .game-chat-wrap .chat-data[data-v-694b0ed4] ::-webkit-scrollbar {
    width: 5px
}

.mini-wrap .mini-game .game-chat-wrap .chat-data[data-v-694b0ed4] ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.mini-wrap .mini-game .game-chat-wrap .chat-data[data-v-694b0ed4] ::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 2px
}

.mini-wrap .mini-game .game-chat-wrap .chat-data p[data-v-694b0ed4] {
    position: relative;
    width: 100%;
    margin-bottom: 17px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game .game-chat-wrap .chat-data p span[data-v-694b0ed4] {
    font-size: 14px;
    color: #999
}

.mini-wrap .mini-game .game-chat-wrap .chat-data p span[data-v-694b0ed4]:nth-of-type(2) {
    color: #222
}

.mini-wrap .mini-game .game-chat-wrap .chat-data p .timer[data-v-694b0ed4] {
    position: absolute;
    right: 0;
    top: 0
}

.mini-wrap .mini-game .game-chat-wrap .no-chat-data[data-v-694b0ed4] {
    width: 100%;
    height: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mini-wrap .mini-game .game-chat-wrap .no-chat-data img[data-v-694b0ed4] {
    width: 76px;
    height: 62px
}

.mini-wrap .mini-game .game-chat-wrap .no-chat-data span[data-v-694b0ed4] {
    font-size: 16px;
    color: #999;
    margin-top: 20px
}

.mini-wrap .mini-game .game-chat-wrap .submit .bullet-chat-img[data-v-694b0ed4] {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative
}

.mini-wrap .mini-game .game-chat-wrap .submit .bullet-chat-img img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game .game-chat-wrap .submit .bullet-input[data-v-694b0ed4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 19px;
    position: relative
}

.mini-wrap .mini-game .game-chat-wrap .submit .bullet-input input[data-v-694b0ed4] {
    display: block;
    width: 100%;
    height: 45px;
    background: #eff3f6;
    border: 1px solid #dbe0e4;
    border-radius: 4px;
    position: relative;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game .game-chat-wrap .submit .bullet-input .btn[data-v-694b0ed4] {
    position: absolute;
    width: 89px;
    height: 39px;
    background: #ff8a00;
    border-radius: 4px;
    top: 3px;
    right: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 39px;
    cursor: pointer
}

.mini-wrap .mini-game-adv[data-v-694b0ed4] {
    width: 100%;
    height: 160px;
    background: url(//images.sooyooj.com/20221221/mmyjLs6eESEhSrC8.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 1000
}

.mini-wrap .mini-game-adv .mini-value[data-v-694b0ed4] {
    margin-left: 139px;
    margin-right: 56px
}

.mini-wrap .mini-game-adv .mini-value p[data-v-694b0ed4]:first-child {
    color: #ef4c21;
    font-size: 36px
}

.mini-wrap .mini-game-adv .mini-value p[data-v-694b0ed4]:last-child {
    color: #474747;
    font-size: 24px;
    margin-top: 15px
}

.mini-wrap .mini-game-adv .mini-img .item[data-v-694b0ed4] {
    width: 240px;
    height: 127px;
    cursor: pointer
}

.mini-wrap .mini-game-adv .mini-img .item img[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.mini-wrap .mini-game-adv .mini-img .item[data-v-694b0ed4]:first-child {
    margin-right: 18px
}

.mini-wrap .mini-game-info-wrap[data-v-694b0ed4] {
    position: relative;
    margin-top: 15px;
    height: 765px;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.mini-wrap .mini-game-info-wrap .visitorToast[data-v-694b0ed4],.mini-wrap .mini-game-info-wrap[data-v-694b0ed4] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mini-wrap .mini-game-info-wrap .visitorToast[data-v-694b0ed4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0,0,0,.66);
    z-index: 1000;
    cursor: pointer
}

.mini-wrap .mini-game-info-wrap .visitorToast span[data-v-694b0ed4] {
    font-size: 36px;
    margin-right: 24px;
    color: #fff
}

.mini-wrap .mini-game-info-wrap .visitorToast img[data-v-694b0ed4] {
    width: 42px;
    height: 42px
}

.mini-wrap .mini-game-info-wrap .visitorToast .getIntoToast[data-v-694b0ed4] {
    padding: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px
}

.mini-wrap .mini-game-info-wrap .visitorToast .getIntoToast .getIntoTitle[data-v-694b0ed4] {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 40px
}

.mini-wrap .mini-game-info-wrap .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn[data-v-694b0ed4] {
    width: 124px;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.mini-wrap .mini-game-info-wrap .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn img[data-v-694b0ed4] {
    width: 22px;
    height: 22px;
    margin-right: 10px
}

.mini-wrap .mini-game-info-wrap .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn span[data-v-694b0ed4] {
    font-size: 16px;
    font-weight: 700;
    margin-right: 0
}

.mini-wrap .mini-game-info-wrap .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn.hiddens[data-v-694b0ed4] {
    color: #ff8a00;
    background: #fff;
    width: 120px;
    height: 44px;
    border: 2px solid #ff8a00;
    margin-right: 24px
}

.mini-wrap .mini-game-info-wrap.active[data-v-694b0ed4] {
    height: 0
}

.bool[data-v-694b0ed4] {
    padding: 17px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #222;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    text-align: center;
    position: absolute;
    line-height: normal;
    right: 0;
    top: -60px
}

.bool span[data-v-694b0ed4] {
    color: #ff8a00
}

.bool .download-game .img[data-v-694b0ed4] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    margin-right: 11px
}

.bool .download-game .img img[data-v-694b0ed4] {
    width: 100%!important;
    height: 100%!important
}

.bool .download-game p[data-v-694b0ed4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #222!important;
    font-weight: 400!important;
    font-size: 14px!important
}

.mini-wrap.miniactive[data-v-694b0ed4] {
    width: 100%;
    margin-top: 0
}

.mini-wrap.miniactive .mini-game-landscape[data-v-694b0ed4] {
    margin-top: 0
}

.mini-wrap[data-v-694b0ed4] {
    width: 1400px;
    height: auto;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 10px;
    position: relative
}

.mini-wrap .header-nav[data-v-694b0ed4] {
    width: 100%
}

.mini-wrap .header-nav .icon[data-v-694b0ed4] {
    width: 28px;
    height: 28px;
    background: url(//images.sooyooj.com/20230328/SxJUHcwZlPkYogkw.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 25px;
    cursor: pointer
}

.mini-wrap .header-nav .nav-item[data-v-694b0ed4] {
    padding: 3px 20px 3px 9px;
    background: #fff;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 21px;
    margin-right: 24px;
    cursor: pointer
}

.mini-wrap .header-nav .nav-item img[data-v-694b0ed4] {
    width: 36px;
    height: 36px;
    margin-right: 2px
}

.mini-wrap .header-nav .nav-item span[data-v-694b0ed4] {
    color: #222;
    font-size: 14px
}

.mini-wrap .header-nav .nav-item[data-v-694b0ed4]:last-child {
    background: none;
    color: #fff;
    padding: 0;
    width: 136px;
    height: 42px
}

.mini-wrap .header-nav .nav-item:last-child img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .header-nav .nav-item:last-child span[data-v-694b0ed4] {
    color: #fff
}

.mini-wrap .header-nav .nav-item:last-child.active[data-v-694b0ed4] {
    background: none;
    color: #fff
}

.mini-wrap .header-nav .nav-item:last-child.active span[data-v-694b0ed4] {
    color: #fff
}

.mini-wrap .header-nav .nav-item.active[data-v-694b0ed4] {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#ffae00));
    background: linear-gradient(0deg,#ff8a00,#ffae00)
}

.mini-wrap .header-nav .nav-item.active span[data-v-694b0ed4] {
    color: #fff
}

.mini-wrap .header-nav.active[data-v-694b0ed4] {
    width: 1182px;
    padding: 10px 0;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 12px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 100000;
    background: #eaeef0;
    border-radius: 10px 10px 0 0
}

.mini-wrap .swiper-button-next[data-v-694b0ed4]:after,.mini-wrap .swiper-button-prev[data-v-694b0ed4]:after {
    font-size: 16px!important;
    font-weight: 700
}

.mini-wrap .gameswiper[data-v-694b0ed4] {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 1182px;
    height: 164px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #eaeef0;
    -webkit-box-shadow: 0 0 29px 0 rgba(11,18,60,.3);
    box-shadow: 0 0 29px 0 rgba(11,18,60,.3);
    border-radius: 10px;
    padding-left: 74px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000
}

.mini-wrap .gameswiper .swiper-item[data-v-694b0ed4] {
    width: 197px;
    height: 136px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 12px;
    position: relative;
    cursor: pointer
}

.mini-wrap .gameswiper .swiper-item .img[data-v-694b0ed4] {
    width: 100%;
    height: 103px
}

.mini-wrap .gameswiper .swiper-item .img img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .gameswiper .swiper-item .img .curren[data-v-694b0ed4] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 197px;
    height: 103px;
    background: rgba(0,0,0,.66)
}

.mini-wrap .gameswiper .swiper-item .img .curren .toats[data-v-694b0ed4] {
    width: 94px;
    height: 34px;
    border: 2px solid #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.mini-wrap .gameswiper .swiper-item .value[data-v-694b0ed4] {
    height: 33px;
    padding: 0 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mini-wrap .gameswiper .swiper-item .value span[data-v-694b0ed4] {
    font-weight: 700;
    color: #222;
    font-size: 12px
}

.mini-wrap .gameswiper .swiper-item .value button[data-v-694b0ed4] {
    display: block;
    padding: 2px 5px 3px 6px;
    font-size: 12px;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#ffae00));
    background: linear-gradient(0deg,#ff8a00,#ffae00);
    -webkit-box-shadow: 1px 1px 3px 0 rgba(60,19,11,.19);
    box-shadow: 1px 1px 3px 0 rgba(60,19,11,.19);
    border-radius: 2px;
    border: none;
    cursor: pointer
}

.mini-wrap .gameswiper .swiper-button-next[data-v-694b0ed4],.mini-wrap .gameswiper .swiper-button-prev[data-v-694b0ed4] {
    width: 40px;
    height: 136px;
    background: #ff8a00;
    border-radius: 6px;
    margin-top: -68px;
    color: #fff
}

.mini-wrap .gameswiper.active[data-v-694b0ed4] {
    top: 62px;
    z-index: 10000;
    border-radius: 0 0 10px 10px
}

.mini-wrap .mini-game-landscape[data-v-694b0ed4] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    margin-top: 10px;
    position: relative
}

.mini-wrap .mini-game-landscape .currentsubject[data-v-694b0ed4] {
    position: absolute;
    color: #e02618;
    font-size: 16px;
    right: 0;
    top: -45px;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameurl[data-v-694b0ed4] {
    width: 100%;
    max-height: 720px;
    background: #000;
    position: relative
}

.mini-wrap .mini-game-landscape .gameurl img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameurl iframe[data-v-694b0ed4] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game-landscape .gameurl .game-bool .videoBox[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay[data-v-694b0ed4] {
    position: absolute;
    width: 380px;
    height: 340px;
    background: url(//images.sooyooj.com/20221221/Bwy1bpt4WElVN0uL.png) no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 45px 30px 0
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .close[data-v-694b0ed4] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 31px;
    right: 11px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .close img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay h3[data-v-694b0ed4] {
    margin-bottom: 13px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay p[data-v-694b0ed4] {
    margin-bottom: 28px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card[data-v-694b0ed4] {
    width: 100%;
    height: 80px;
    background: #fff;
    border: 2px solid #4177f1;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .img[data-v-694b0ed4] {
    width: 42px;
    height: 48px;
    margin-right: 17px;
    margin-left: 18px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .img img[data-v-694b0ed4] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p[data-v-694b0ed4] {
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p[data-v-694b0ed4]:first-child {
    color: #5375f0;
    font-size: 18px;
    margin-bottom: 9px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p[data-v-694b0ed4]:last-child {
    color: #666;
    font-size: 14px;
    margin-bottom: 0
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p:last-child span[data-v-694b0ed4] {
    font-size: 14px;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .btn[data-v-694b0ed4] {
    width: 100%;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast[data-v-694b0ed4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    background: rgba(0,0,0,.66);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1000;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast span[data-v-694b0ed4] {
    font-size: 36px;
    margin-right: 24px;
    color: #fff
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast img[data-v-694b0ed4] {
    width: 42px;
    height: 42px
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast .getIntoToast[data-v-694b0ed4] {
    padding: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast .getIntoToast .getIntoTitle[data-v-694b0ed4] {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    margin-top: 15px;
    margin-bottom: 40px
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn[data-v-694b0ed4] {
    width: 124px;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn img[data-v-694b0ed4] {
    width: 22px;
    height: 22px;
    margin-right: 10px
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn span[data-v-694b0ed4] {
    font-size: 16px;
    font-weight: 700;
    margin-right: 0
}

.mini-wrap .mini-game-landscape .gameurl .visitorToast .getIntoToast .getIntobtn-wrap .getInto-btn.hiddens[data-v-694b0ed4] {
    color: #ff8a00;
    background: #fff;
    width: 120px;
    height: 44px;
    border: 2px solid #ff8a00;
    margin-right: 24px
}

.mini-wrap .mini-game-landscape .gameinfo[data-v-694b0ed4] {
    width: 100%;
    height: auto;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mini-wrap .mini-game-landscape .gameinfo .verticaScreen[data-v-694b0ed4] {
    position: absolute;
    width: 176px;
    height: 40px;
    background: linear-gradient(-47deg,#ff8a00,#ffae00);
    border-radius: 20px;
    bottom: 0;
    left: 50%;
    margin-left: -88px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameinfo .verticaScreen p[data-v-694b0ed4] {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #fff;
    margin-right: 4px
}

.mini-wrap .mini-game-landscape .gameinfo .verticaScreen img[data-v-694b0ed4] {
    width: 18px;
    height: 18px
}

.mini-wrap .mini-game-landscape .gameinfo .menuwrap[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    background: #fff
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox[data-v-694b0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox[data-v-694b0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox p[data-v-694b0ed4]:first-child {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-right: 9px
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox p span[data-v-694b0ed4] {
    width: 32px;
    height: 18px;
    background: #43c267;
    margin-right: 6px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 12px
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox p span[data-v-694b0ed4]:last-child {
    background: #599bde
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox[data-v-694b0ed4] {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox .grader img[data-v-694b0ed4] {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox .grader span[data-v-694b0ed4] {
    display: inline-block;
    font-size: 16px;
    color: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox .grader p[data-v-694b0ed4] {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-left: 9px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox[data-v-694b0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox[data-v-694b0ed4] {
    width: 89px;
    height: 44px;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrage-wrap.actite[data-v-694b0ed4] {
    background: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrage-wrap.actite span[data-v-694b0ed4] {
    color: #fff
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageBulet[data-v-694b0ed4] {
    position: absolute;
    width: 140px;
    height: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    line-height: 48px;
    top: -60px;
    z-index: 1000000;
    right: 30px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageBulet p[data-v-694b0ed4] {
    text-align: center;
    font-size: 14px;
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageBulet p span[data-v-694b0ed4] {
    font-size: 14px;
    margin-right: 0;
    color: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageText[data-v-694b0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 9px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageText img[data-v-694b0ed4] {
    width: 30px;
    height: 30px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageText span[data-v-694b0ed4] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 6px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .iconBox[data-v-694b0ed4] {
    width: 30px;
    height: 100%;
    background: #ff8a00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .iconBox img[data-v-694b0ed4] {
    width: 14px;
    height: 14px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter[data-v-694b0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item[data-v-694b0ed4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    margin-left: 12px;
    cursor: pointer;
    padding-left: 10px;
    position: relative;
    padding-right: 14px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item span[data-v-694b0ed4] {
    font-weight: 700;
    color: #222;
    font-size: 16px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap[data-v-694b0ed4] {
    position: absolute;
    width: 458px;
    height: 144px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 18px;
    padding-right: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000000;
    top: -160px;
    right: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap #qrcode-minigame[data-v-694b0ed4] {
    margin-right: 20px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p[data-v-694b0ed4]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p:first-child img[data-v-694b0ed4] {
    width: 24px;
    height: 24px;
    margin-right: 3px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p:first-child span[data-v-694b0ed4] {
    font-size: 22px;
    color: #222;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p[data-v-694b0ed4]:nth-of-type(2) {
    color: #666;
    font-size: 16px;
    margin-top: 12px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p[data-v-694b0ed4]:last-child {
    color: #d22;
    font-size: 16px;
    margin-top: 7px;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .reload-pop[data-v-694b0ed4] {
    position: absolute;
    width: 205px;
    height: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    line-height: 48px;
    top: -60px;
    right: 0;
    z-index: 1000000
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .reload-pop p[data-v-694b0ed4] {
    text-align: center;
    font-size: 14px;
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .reload-pop p span[data-v-694b0ed4] {
    font-size: 14px;
    margin-right: 0;
    color: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .zeroPointOne-pop[data-v-694b0ed4] {
    width: 324px;
    height: 146px;
    background: url(https://images.sooyooj.com/20231113/xEBxtVXLUbnqpgQN.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -146px;
    right: -10px;
    z-index: 1000000
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .zeroPointOne-pop .zeroPointOne-info[data-v-694b0ed4] {
    padding-top: 30px;
    padding-left: 96px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .zeroPointOne-pop .zeroPointOne-info .zeroPointOne-title[data-v-694b0ed4] {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-align: left
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .zeroPointOne-pop .zeroPointOne-info .zeroPointOne-value[data-v-694b0ed4] {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .zeroPointOne-pop .tips[data-v-694b0ed4] {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 17px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .zeroPointOne-pop .tips span[data-v-694b0ed4] {
    font-size: 14px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .card-pop[data-v-694b0ed4] {
    width: 324px;
    height: 146px;
    background: url(https://images.sooyooj.com/20230407/t7l9V6pBezFQWd0H.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -146px;
    right: -10px;
    z-index: 1000000
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .card-pop .card-info[data-v-694b0ed4] {
    padding-top: 30px;
    padding-left: 96px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .card-pop .card-info .card-title[data-v-694b0ed4] {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    text-align: left
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .card-pop .card-info .card-value[data-v-694b0ed4] {
    font-size: 14px;
    color: #666;
    margin-top: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .card-pop .tips[data-v-694b0ed4] {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 17px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .card-pop .tips span[data-v-694b0ed4] {
    font-size: 14px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop[data-v-694b0ed4] {
    width: 204px;
    height: 68px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 1000000
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop .img[data-v-694b0ed4] {
    width: 48px;
    height: 48px;
    margin-right: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop .img img[data-v-694b0ed4] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop p[data-v-694b0ed4] {
    font-size: 14px;
    color: #222;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop p span[data-v-694b0ed4] {
    font-size: 14px;
    color: #ff8a00;
    margin-right: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item.active[data-v-694b0ed4] {
    background: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item.active span[data-v-694b0ed4] {
    color: #fff
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .paly-btn[data-v-694b0ed4] {
    width: 268px;
    height: 46px;
    background: linear-gradient(-21deg,#2a84e9,#3fb0ff);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .paly-btn img[data-v-694b0ed4] {
    width: 28px;
    height: 28px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .paly-btn span[data-v-694b0ed4] {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-left: 7px
}

.mini-wrap .fullScreen[data-v-694b0ed4] {
    position: absolute;
    left: 50%;
    top: 0;
    width: 87px;
    height: 19px;
    background: url(//images.sooyooj.com/20230411/1R32kquWavfDdBdd.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -48.5px;
    z-index: 100000;
    cursor: pointer
}

.mini-wrap .fullScreen.active[data-v-694b0ed4] {
    background: url(//images.sooyooj.com/20230411/UwXnL2xbnErlKrgs.png) no-repeat;
    background-size: 100% 100%;
    top: 227px
}

.mini-wrap .fullScreen1[data-v-694b0ed4] {
    position: absolute;
    left: 50%;
    top: -15px;
    width: 87px;
    height: 19px;
    background: url(//images.sooyooj.com/20230411/1R32kquWavfDdBdd.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -48.5px;
    z-index: 100000;
    cursor: pointer
}

.mini-wrap .fullScreen1.active[data-v-694b0ed4] {
    background: url(//images.sooyooj.com/20230411/UwXnL2xbnErlKrgs.png) no-repeat;
    background-size: 100% 100%;
    top: 227px
}

.nav-adv-wrap[data-v-694b0ed4] {
    position: relative;
    width: 1020px;
    margin: 0 auto
}

.heightAni-enter-active[data-v-694b0ed4],.heightAni-leave-active[data-v-694b0ed4] {
    -webkit-transition: height .5s;
    transition: height .5s
}

.heightAni-enter[data-v-694b0ed4],.heightAni-leave-to[data-v-694b0ed4] {
    height: 0
}

.landscape-enter-active[data-v-694b0ed4],.landscape-leave-active[data-v-694b0ed4] {
    -webkit-transition: height .5s;
    transition: height .5s
}

.landscape-enter[data-v-694b0ed4],.landscape-leave-to[data-v-694b0ed4] {
    height: 0
}

.bgsj[data-v-694b0ed4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0,.5)
}

.mini-wrap[data-v-05837d53] {
    width: 1440px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 10px;
    position: relative
}

.mini-wrap .header-nav[data-v-05837d53] {
    width: 100%
}

.mini-wrap .header-nav .icon[data-v-05837d53] {
    width: 28px;
    height: 28px;
    background: url(//images.sooyooj.com/20230328/SxJUHcwZlPkYogkw.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 25px
}

.mini-wrap .header-nav .nav-item[data-v-05837d53] {
    padding: 3px 20px 3px 9px;
    background: #fff;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 21px;
    margin-right: 24px;
    cursor: pointer
}

.mini-wrap .header-nav .nav-item img[data-v-05837d53] {
    width: 36px;
    height: 36px;
    margin-right: 2px
}

.mini-wrap .header-nav .nav-item span[data-v-05837d53] {
    color: #222;
    font-size: 14px
}

.mini-wrap .header-nav .nav-item.active[data-v-05837d53] {
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#ffae00));
    background: linear-gradient(0deg,#ff8a00,#ffae00)
}

.mini-wrap .header-nav .nav-item.active span[data-v-05837d53] {
    color: #fff
}

.mini-wrap .swiper-button-next[data-v-05837d53]:after,.mini-wrap .swiper-button-prev[data-v-05837d53]:after {
    font-size: 16px!important;
    font-weight: 700
}

.mini-wrap .gameswiper[data-v-05837d53] {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 1182px;
    height: 164px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #eaeef0;
    -webkit-box-shadow: 0 0 29px 0 rgba(11,18,60,.08);
    box-shadow: 0 0 29px 0 rgba(11,18,60,.08);
    border-radius: 10px;
    padding-left: 74px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .gameswiper .swiper-item[data-v-05837d53] {
    width: 197px;
    height: 136px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 12px;
    position: relative;
    cursor: pointer
}

.mini-wrap .gameswiper .swiper-item .img[data-v-05837d53] {
    width: 100%;
    height: 103px
}

.mini-wrap .gameswiper .swiper-item .img img[data-v-05837d53] {
    width: 100%;
    height: 100%
}

.mini-wrap .gameswiper .swiper-item .img .curren[data-v-05837d53] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 197px;
    height: 103px;
    background: rgba(0,0,0,.66)
}

.mini-wrap .gameswiper .swiper-item .img .curren .toats[data-v-05837d53] {
    width: 94px;
    height: 34px;
    border: 2px solid #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.mini-wrap .gameswiper .swiper-item .value[data-v-05837d53] {
    height: 33px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mini-wrap .gameswiper .swiper-item .value span[data-v-05837d53] {
    font-weight: 700;
    color: #222;
    font-size: 12px
}

.mini-wrap .gameswiper .swiper-item .value button[data-v-05837d53] {
    display: block;
    padding: 2px 5px 3px 6px;
    font-size: 12px;
    color: #fff;
    background: -webkit-gradient(linear,left bottom,left top,from(#ff8a00),to(#ffae00));
    background: linear-gradient(0deg,#ff8a00,#ffae00);
    -webkit-box-shadow: 1px 1px 3px 0 rgba(60,19,11,.19);
    box-shadow: 1px 1px 3px 0 rgba(60,19,11,.19);
    border-radius: 2px;
    border: none;
    cursor: pointer
}

.mini-wrap .gameswiper .swiper-button-next[data-v-05837d53],.mini-wrap .gameswiper .swiper-button-prev[data-v-05837d53] {
    width: 40px;
    height: 136px;
    background: #ff8a00;
    border-radius: 6px;
    margin-top: -68px;
    color: #fff
}

.mini-wrap .mini-game-landscape[data-v-05837d53] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 765px;
    background: #fff;
    border-radius: 10px;
    margin-top: 15px
}

.mini-wrap .mini-game-landscape .gameurl[data-v-05837d53] {
    height: 696px;
    width: 100%;
    background: #000;
    border-radius: 10px;
    position: relative
}

.mini-wrap .mini-game-landscape .gameurl img[data-v-05837d53] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameurl iframe[data-v-05837d53] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool[data-v-05837d53] {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game-landscape .gameurl .game-bool .videoBox[data-v-05837d53] {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay[data-v-05837d53] {
    position: absolute;
    width: 380px;
    height: 340px;
    background: url(//images.sooyooj.com/20221221/Bwy1bpt4WElVN0uL.png) no-repeat;
    background-size: 100% 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    padding: 45px 30px 0
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .close[data-v-05837d53] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 31px;
    right: 11px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .close img[data-v-05837d53] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay h3[data-v-05837d53] {
    margin-bottom: 13px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay p[data-v-05837d53] {
    margin-bottom: 28px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card[data-v-05837d53] {
    width: 100%;
    height: 80px;
    background: #fff;
    border: 2px solid #4177f1;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .img[data-v-05837d53] {
    width: 42px;
    height: 48px;
    margin-right: 17px;
    margin-left: 18px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .img img[data-v-05837d53] {
    width: 100%;
    height: 100%
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p[data-v-05837d53] {
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p[data-v-05837d53]:first-child {
    color: #5375f0;
    font-size: 18px;
    margin-bottom: 9px
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p[data-v-05837d53]:last-child {
    color: #666;
    font-size: 14px;
    margin-bottom: 0
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .card .value p:last-child span[data-v-05837d53] {
    font-size: 14px;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameurl .game-bool.pay .btn[data-v-05837d53] {
    width: 100%;
    height: 48px;
    background: #ff8a00;
    border-radius: 6px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameinfo[data-v-05837d53] {
    width: 100%;
    height: 88px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox[data-v-05837d53] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox[data-v-05837d53] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox p[data-v-05837d53]:first-child {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-right: 9px
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox p span[data-v-05837d53] {
    width: 32px;
    height: 18px;
    background: #43c267;
    margin-right: 6px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 12px
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .nameBox p span[data-v-05837d53]:last-child {
    background: #599bde
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox[data-v-05837d53] {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox .grader img[data-v-05837d53] {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox .grader span[data-v-05837d53] {
    display: inline-block;
    font-size: 16px;
    color: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .leftBox .infoBox .grader p[data-v-05837d53] {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-left: 9px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox[data-v-05837d53] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox[data-v-05837d53] {
    width: 146px;
    height: 44px;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrage-wrap.actite[data-v-05837d53] {
    background: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrage-wrap.actite span[data-v-05837d53] {
    color: #fff
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageBulet[data-v-05837d53] {
    position: absolute;
    width: 140px;
    height: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    line-height: 48px;
    top: -60px;
    right: 30px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageBulet p[data-v-05837d53] {
    text-align: center;
    font-size: 14px;
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageBulet p span[data-v-05837d53] {
    font-size: 14px;
    margin-right: 0;
    color: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList[data-v-05837d53] {
    position: absolute;
    width: 510px;
    height: 345px;
    background: #fff;
    z-index: 100;
    right: 0;
    top: -367px;
    padding-left: 19px;
    padding-right: 10px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data[data-v-05837d53] {
    width: 100%;
    height: 239px;
    padding-right: 10px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    margin-top: 5px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data[data-v-05837d53] ::-webkit-scrollbar {
    width: 5px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data[data-v-05837d53] ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data[data-v-05837d53] ::-webkit-scrollbar-track {
    background: #e5e5e5;
    border-radius: 2px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data p[data-v-05837d53] {
    position: relative;
    width: 100%;
    margin-bottom: 17px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data p span[data-v-05837d53] {
    font-size: 14px;
    color: #999
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data p span[data-v-05837d53]:nth-of-type(2) {
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .chat-data p .timer[data-v-05837d53] {
    position: absolute;
    right: 0;
    top: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .closeBox[data-v-05837d53] {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAo0lEQVQ4T62TzQ3CMAyF38sY3GGP9pAtOLMSAzCFIzVzwACMEaOggkTr/KA2R8v+4vdsU0SOzrlrSunsvX+i44nIgeRNVS8MIUwABgB3VR1bkLk4AjgBiFwEHqo6lCBWLnPHPZBSzhvQgtQ++AJKkBwn+dG8kvgDsCBzg9kw058VwIDkUNHc/QFLw/6SYLndbWJtVM0xblqknuLasu1yTJvO+QV3duElmxSUPgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .bullet-input[data-v-05837d53] {
    width: 100%;
    position: relative
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .bullet-input input[data-v-05837d53] {
    display: block;
    width: 100%;
    height: 45px;
    background: #eff3f6;
    border: 1px solid #dbe0e4;
    border-radius: 4px;
    position: relative;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .bullet-input .btn[data-v-05837d53] {
    position: absolute;
    width: 89px;
    height: 39px;
    background: #ff8a00;
    border-radius: 4px;
    top: 3px;
    right: 4px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 39px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .no-chat-data[data-v-05837d53] {
    width: 100%;
    height: 264px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .no-chat-data img[data-v-05837d53] {
    width: 76px;
    height: 62px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageList .no-chat-data span[data-v-05837d53] {
    font-size: 16px;
    color: #999;
    margin-top: 20px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageText[data-v-05837d53] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 9px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageText img[data-v-05837d53] {
    width: 30px;
    height: 30px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .barrageText span[data-v-05837d53] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 6px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .iconBox[data-v-05837d53] {
    width: 30px;
    height: 100%;
    background: #ff8a00;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .barrageBox .iconBox img[data-v-05837d53] {
    width: 14px;
    height: 14px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter[data-v-05837d53] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item[data-v-05837d53] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #ff8a00;
    border-radius: 6px;
    margin-left: 12px;
    cursor: pointer;
    padding-left: 10px;
    position: relative;
    padding-right: 14px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item span[data-v-05837d53] {
    font-weight: 700;
    color: #222;
    font-size: 16px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap[data-v-05837d53] {
    position: absolute;
    width: 458px;
    height: 144px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 18px;
    padding-right: 29px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    top: -160px;
    right: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap #qrcode-minigame[data-v-05837d53] {
    margin-right: 20px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p[data-v-05837d53]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p:first-child img[data-v-05837d53] {
    width: 24px;
    height: 24px;
    margin-right: 3px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p:first-child span[data-v-05837d53] {
    font-size: 22px;
    color: #222;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p[data-v-05837d53]:nth-of-type(2) {
    color: #666;
    font-size: 16px;
    margin-top: 12px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .qrcode-wrap .qrcode-info p[data-v-05837d53]:last-child {
    color: #d22;
    font-size: 16px;
    margin-top: 7px;
    font-weight: 700
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .reload-pop[data-v-05837d53] {
    position: absolute;
    width: 140px;
    height: 48px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    line-height: 48px;
    top: -60px;
    right: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .reload-pop p[data-v-05837d53] {
    text-align: center;
    font-size: 14px;
    color: #222
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .reload-pop p span[data-v-05837d53] {
    font-size: 14px;
    margin-right: 0;
    color: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop[data-v-05837d53] {
    width: 204px;
    height: 68px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    box-shadow: 0 0 10px 0 rgba(28,31,41,.14);
    border-radius: 6px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -80px;
    right: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop .img[data-v-05837d53] {
    width: 48px;
    height: 48px;
    margin-right: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop .img img[data-v-05837d53] {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop p[data-v-05837d53] {
    font-size: 14px;
    color: #222;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item .down-pop p span[data-v-05837d53] {
    font-size: 14px;
    color: #ff8a00;
    margin-right: 0
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item.active[data-v-05837d53] {
    background: #ff8a00
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .game-cuernter .game-info-item.active span[data-v-05837d53] {
    color: #fff
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .paly-btn[data-v-05837d53] {
    width: 268px;
    height: 46px;
    background: linear-gradient(-21deg,#2a84e9,#3fb0ff);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
    cursor: pointer
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .paly-btn img[data-v-05837d53] {
    width: 28px;
    height: 28px
}

.mini-wrap .mini-game-landscape .gameinfo .rightBox .paly-btn span[data-v-05837d53] {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-left: 7px
}

.topicsGames[data-v-c2b68c34] {
    width: 1020px;
    margin: 0 auto;
    margin-top: 37px
}

.topicsGames .topicsTitile img[data-v-c2b68c34] {
    width: 26px;
    height: 26px
}

.topicsGames .topicsTitile span[data-v-c2b68c34] {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-left: 7px
}

.topicsGames .topicsGameBox[data-v-c2b68c34] {
    width: 100%;
    margin-top: 26px
}

.topicsGames .topicsGameBox .topicsGameItem[data-v-c2b68c34] {
    width: 244px;
    height: 364px;
    background: #fff;
    border-radius: 10px;
    margin-right: 15px;
    overflow: hidden
}

.topicsGames .topicsGameBox .topicsGameItem .topicImg[data-v-c2b68c34] {
    width: 100%;
    height: 124px;
    background: #fff
}

.topicsGames .topicsGameBox .topicsGameItem .topicImg img[data-v-c2b68c34] {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.topicsGames .topicsGameBox .topicsGameItem .bottom[data-v-c2b68c34] {
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameItem[data-v-c2b68c34] {
    margin-bottom: 10px
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameItem img[data-v-c2b68c34] {
    width: 32px;
    height: 32px;
    cursor: pointer
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameItem[data-v-c2b68c34]:nth-child(5) {
    margin-bottom: 0
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameText[data-v-c2b68c34] {
    margin-left: 8px
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameText h1[data-v-c2b68c34] {
    width: 100px;
    font-size: 14px;
    font-weight: 400;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameText .start img[data-v-c2b68c34] {
    width: 11px;
    height: 11px;
    margin-right: 4px
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .gameText .start span[data-v-c2b68c34] {
    font-size: 12px;
    font-weight: 400;
    color: #ff8a00
}

.topicsGames .topicsGameBox .topicsGameItem .bottom .btn[data-v-c2b68c34] {
    width: 70px;
    height: 26px;
    border: 1px solid #ff8a00;
    border-radius: 4px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #ff8a00;
    cursor: pointer
}

.topicsGames .topicsGameBox .topicsGameItem[data-v-c2b68c34]:nth-child(4) {
    margin-right: 0
}

.fade-leave[data-v-2d752632] {
    opacity: 1
}

.fade-leave-active[data-v-2d752632] {
    -webkit-transition: all 1s;
    transition: all 1s
}

.fade-leave-to[data-v-2d752632] {
    opacity: 0
}

.centercomm[data-v-2d752632] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.activity-wrap .avtivity-cont[data-v-2d752632] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,.66);
    z-index: 99999999
}

.activity-wrap .main[data-v-2d752632] {
    width: 560px;
    height: 760px;
    background: url(//images.sooyooj.com/20230106/ENbsKxv7oyR4dyCC.png) no-repeat;
    background-size: 100% 100%;
    z-index: 100000
}

.activity-wrap .main .close[data-v-2d752632] {
    width: 60px;
    height: 60px;
    background: url(//images.sooyooj.com/20230106/9YeFtx9QMs0qA47w.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 16px;
    top: 20px;
    cursor: pointer
}

.activity-wrap .main .content[data-v-2d752632] {
    width: 100%;
    padding: 206px 103px 0 108px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.activity-wrap .main .content .title[data-v-2d752632] {
    width: 349px;
    height: 109px;
    background: url(//images.sooyooj.com/20230106/9gdVozRF45RqJ32R.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto
}

.activity-wrap .main .content .title.receive[data-v-2d752632] {
    background: url(//images.sooyooj.com/20230107/svwbvLp7Py56IY7J.png) 100% 100% no-repeat
}

.activity-wrap .main .content .card[data-v-2d752632] {
    margin-bottom: 19px
}

.activity-wrap .main .content .list[data-v-2d752632] {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 39px
}

.activity-wrap .main .content .list .item[data-v-2d752632] {
    width: 112px;
    height: 126px;
    border-radius: 10px;
    background: url(//images.sooyooj.com/20230106/We6QXQaMCCuysmyl.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-right: 9px;
    cursor: pointer
}

.activity-wrap .main .content .list .item .subject[data-v-2d752632] {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 20px;
    color: #de1e2a;
    font-weight: 700
}

.activity-wrap .main .content .list .item .info[data-v-2d752632] {
    color: #b2623b;
    font-size: 14px;
    margin-bottom: 21px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.activity-wrap .main .content .list .item .btn[data-v-2d752632] {
    width: 80px;
    height: 26px;
    background: -webkit-gradient(linear,left top,right top,from(#ff603b),to(#f31f2e));
    background: linear-gradient(90deg,#ff603b,#f31f2e);
    border-radius: 13px;
    margin: 0 auto;
    text-align: center;
    line-height: 26px;
    color: #fff;
    cursor: pointer
}

.activity-wrap .main .content .list .item .select[data-v-2d752632] {
    z-index: 100;
    background: rgba(0,0,0,.66);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.activity-wrap .main .content .list .item .select img[data-v-2d752632] {
    width: 70px;
    height: 57px
}

.activity-wrap .main .content .list .item[data-v-2d752632]:last-child {
    margin-right: 0
}

.activity-wrap .main .content .btn-reg[data-v-2d752632] {
    width: 302px;
    height: 85px;
    background: url(//images.sooyooj.com/20230106/CEjtKA0go3dI6kKE.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 85px;
    color: #8e2d07;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto;
    cursor: pointer;
    position: relative
}

.activity-wrap .main .content .btn-reg span[data-v-2d752632] {
    font-size: 24px
}

.activity-wrap .main .content .btn-reg .hiden-btn[data-v-2d752632] {
    background: rgba(0,0,0,.66);
    border-radius: 14px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 24px
}

.activity-wrap .main .content .content-value[data-v-2d752632] {
    font-size: 14px;
    font-weight: 400;
    color: #f3bc36;
    margin-left: 3px;
    margin-bottom: 10px
}

.activity-wrap .main .content .rule-wrap[data-v-2d752632] {
    width: 302px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.activity-wrap .main .content .rule-wrap .rule[data-v-2d752632] {
    margin-top: 0
}

.activity-wrap .main .content .rule-wrap .rule .rule-value[data-v-2d752632] {
    right: -381px
}

.activity-wrap .main .content .rule-wrap .coupen-text[data-v-2d752632] {
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: #e8c97e;
    cursor: pointer
}

.activity-wrap .main .content .rule[data-v-2d752632] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px;
    position: relative
}

.activity-wrap .main .content .rule img[data-v-2d752632] {
    width: 14px;
    height: 14px;
    margin-right: 3px;
    margin-top: 2px
}

.activity-wrap .main .content .rule span[data-v-2d752632] {
    font-size: 16px;
    font-weight: 400;
    color: #e8c97e;
    cursor: pointer
}

.activity-wrap .main .content .rule .rule-value[data-v-2d752632] {
    position: absolute;
    width: 380px;
    background: rgba(0,0,0,.8);
    border-radius: 10px;
    color: #fff;
    right: -260px;
    bottom: 0;
    padding: 18px 18px 24px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.activity-wrap .main .content .rule .rule-value h3[data-v-2d752632] {
    margin-bottom: 6px;
    font-size: 18px
}

.activity-wrap .main .content .rule .rule-value p[data-v-2d752632] {
    line-height: 24px
}

.activity-wrap .main .cardlist[data-v-2d752632] {
    width: 428px;
    height: 596px;
    margin: 0 auto;
    padding: 23px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(//images.sooyooj.com/20230107/ncopt7diSMUBiDD7.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 106px;
    left: 50%;
    margin-left: -214px
}

.activity-wrap .main .cardlist .card-title[data-v-2d752632] {
    margin-bottom: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activity-wrap .main .cardlist .card-title h3[data-v-2d752632] {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.activity-wrap .main .cardlist .card-title .card-close[data-v-2d752632] {
    width: 20px;
    height: 20px;
    background: url(//images.sooyooj.com/20230107/LJm1kbi2Aus2ORR3.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.activity-wrap .main .cardlist .card-title .card-item .card[data-v-2d752632] {
    margin-bottom: 25px
}

.activity-wrap .main .cardlist .card-title .card-item:last-child .card[data-v-2d752632] {
    margin-bottom: 0
}

.activity-wrap .success-box[data-v-2d752632] {
    width: 550px;
    height: 480px;
    background: url(//images.sooyooj.com/20230106/RMZoHvV1vaWZ7Gwk.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1000000000000
}

.activity-wrap .success-box .success-main[data-v-2d752632] {
    width: 100%;
    padding: 190px 91px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.activity-wrap .success-box .success-main h3[data-v-2d752632] {
    font-size: 18px;
    font-weight: 700;
    color: #ffe5b4;
    text-align: center;
    margin-bottom: 24px
}

.activity-wrap .success-box .success-main .success-btn[data-v-2d752632] {
    width: 208px;
    height: 60px;
    background: -webkit-gradient(linear,left top,right top,from(#ffd200),to(#ffaa31));
    background: linear-gradient(90deg,#ffd200,#ffaa31);
    border-radius: 8px;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #8e2d07;
    cursor: pointer
}

.activity-wrap .success-box .overConeter[data-v-2d752632] {
    width: 100%;
    padding: 190px 108px 0 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.activity-wrap .success-box .overConeter .over[data-v-2d752632] {
    width: 100%
}

.activity-wrap .success-box .overConeter .over img[data-v-2d752632] {
    width: 100%;
    height: 133px
}

.activity-wrap .success-box .overConeter .over p[data-v-2d752632] {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #ffe5b4;
    margin-bottom: 20px;
    text-align: center
}

.activity-wrap .success-box .overConeter .over .btn[data-v-2d752632] {
    width: 208px;
    height: 60px;
    background: -webkit-gradient(linear,left top,right top,from(#ffd200),to(#ffaa31));
    background: linear-gradient(90deg,#ffd200,#ffaa31);
    border-radius: 8px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #8e2d07;
    margin: 0 auto
}

.activity-wrap .EnvelopesImg[data-v-2d752632] {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 228px;
    height: 319px;
    z-index: 9999;
    cursor: pointer
}

.activity-wrap .EnvelopesImg img[data-v-2d752632] {
    width: 100%;
    height: 100%
}

.activity-wrap .EnvelopesImg.minactive[data-v-2d752632] {
    position: fixed;
    top: 90%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 128px;
    height: 180px;
    z-index: 9999;
    cursor: pointer
}

.activity-wrap .EnvelopesImg.minactive img[data-v-2d752632] {
    width: 100%;
    height: 100%
}

.activity-wrap .EnvelopesImg.acitve[data-v-2d752632] {
    -webkit-animation: ani-2d752632 1s ease-in;
    animation: ani-2d752632 1s ease-in;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.activity-wrap .card[data-v-2d752632] {
    width: 100%;
    height: 116px;
    background: url(//images.sooyooj.com/20230106/IabKXWKzOBmKq1Ku.png) 100% 100% no-repeat
}

.activity-wrap .card .left[data-v-2d752632],.activity-wrap .card[data-v-2d752632] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activity-wrap .card .left[data-v-2d752632] {
    width: 107px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    color: #de1e2a
}

.activity-wrap .card .left span[data-v-2d752632] {
    font-weight: 700;
    color: #de1e2a;
    font-size: 14px;
    margin-top: 12px
}

.activity-wrap .card .right[data-v-2d752632] {
    margin-left: 20px
}

.activity-wrap .card .right p[data-v-2d752632]:first-child {
    font-size: 24px;
    color: #de1e2a;
    margin-bottom: 4px;
    font-weight: 700
}

.activity-wrap .card .right p[data-v-2d752632]:last-child {
    font-size: 14px;
    color: #b2623b
}

@-webkit-keyframes ani-2d752632 {
    0% {
        left: 50vw;
        top: 50%;
        width: 228px;
        height: 319px
    }

    to {
        left: var(--ani);
        top: 90%;
        width: 128px;
        height: 180px
    }
}

@keyframes ani-2d752632 {
    0% {
        left: 50vw;
        top: 50%;
        width: 228px;
        height: 319px
    }

    to {
        left: var(--ani);
        top: 90%;
        width: 128px;
        height: 180px
    }
}

.envelopeshide-enter-active[data-v-2d752632],.envelopeshide-leave-active[data-v-2d752632] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.envelopeshide-enter[data-v-2d752632],.envelopeshide-leave-to[data-v-2d752632] {
    opacity: 0
}

.wrap[data-v-a81a5e98] {
    width: 100%;
    height: 100%;
    background: #1c1c1c
}

.wrap .header[data-v-a81a5e98] {
    width: 100%;
    height: 33.75rem;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #bb9d73
}

.wrap .header .header_bg[data-v-a81a5e98] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.wrap .header .header_bg img[data-v-a81a5e98] {
    width: 100%;
    height: 100%
}

.wrap .header .left_img[data-v-a81a5e98] {
    position: absolute;
    width: 36.25rem;
    height: 100%;
    left: 0;
    bottom: 0
}

.wrap .header .left_img img[data-v-a81a5e98] {
    width: 100%;
    height: 100%
}

.wrap .header .center_img[data-v-a81a5e98] {
    width: 45rem;
    height: 28.5rem;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-top: 2.5rem
}

.wrap .header .center_img img[data-v-a81a5e98] {
    width: 100%;
    height: 100%
}

.wrap .header .right_img[data-v-a81a5e98] {
    position: absolute;
    width: 36.25rem;
    height: auto;
    height: 100%;
    right: 0;
    bottom: 0
}

.wrap .header .right_img img[data-v-a81a5e98] {
    width: 100%;
    height: 100%
}

.wrap .content[data-v-a81a5e98] {
    width: 100%;
    height: 100%;
    background: url(//images.sooyooj.com/20231013/qvwcE9QKmKf3vgjt.jpg) no-repeat;
    background-size: 100% 100%;
    margin-top: 10px;
    border-top: 2px solid #bb9d73
}

.wrap .content .nav[data-v-a81a5e98] {
    width: 85rem;
    margin: .56rem auto 2.5rem
}

.wrap .content .nav .item[data-v-a81a5e98] {
    width: 22.63rem;
    height: 8.38rem;
    background: url(//images.sooyooj.com/20231013/pm4OW3nS9uhtC02E.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 1.63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.wrap .content .nav .item p[data-v-a81a5e98] {
    text-align: center;
    font-size: 1.88rem;
    font-weight: 400;
    color: #ffefc8;
    line-height: 2.31rem
}

.wrap .content .nav .item p[data-v-a81a5e98]:last-child {
    font-size: 1.13rem
}

.wrap .content .nav .item[data-v-a81a5e98]:last-child {
    margin-right: 0
}

.wrap .content .nav .item.active[data-v-a81a5e98],.wrap .content .nav .item[data-v-a81a5e98]:hover {
    background: url(//images.sooyooj.com/20231013/9WW4HDWRQQk8nAq4.png) no-repeat;
    background-size: 100% 100%
}

.wrap .content .nav .item.active[data-v-a81a5e98]:before {
    position: absolute;
    left: 50%;
    content: "";
    display: block;
    width: 4rem;
    height: 2.13rem;
    background: url(//images.sooyooj.com/20231013/rYtDW4M3B1NYxXCx.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -2rem;
    top: -1.6rem
}

.wrap .content .gamelist .item_wrap[data-v-a81a5e98] {
    width: 85rem;
    background: #fff;
    border-radius: 1.63rem;
    padding: 2.75rem 3rem;
    margin-bottom: 1.63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap[data-v-a81a5e98],.wrap .content .gamelist .item_wrap .item[data-v-a81a5e98] {
    width: 100%
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .img[data-v-a81a5e98] {
    width: 8.75rem;
    height: 8.75rem;
    margin-right: 2.5rem;
    position: relative
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .img img[data-v-a81a5e98] {
    width: 100%;
    height: 100%
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .img .nums[data-v-a81a5e98] {
    text-align: center;
    font-size: 2.13rem;
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    background: url(//images.sooyooj.com/20231017/gc8nr6fhOCw5K6DU.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -1.5rem;
    top: -1.5rem;
    color: #ffefc8;
    padding-top: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .info[data-v-a81a5e98] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .info .info_top .subject[data-v-a81a5e98] {
    font-size: 1.63rem;
    font-weight: 700;
    color: #131313;
    letter-spacing: 1px;
    margin-bottom: 1rem
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .info .info_top .grade_wrap .grade[data-v-a81a5e98] {
    margin-right: 19px
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .info .info_top .grade_wrap .grade span[data-v-a81a5e98] {
    background: #e9e9e9;
    border-radius: 2px;
    width: 2.36rem;
    height: 1.24rem;
    font-size: .83rem;
    color: #131313;
    line-height: 1.24rem;
    text-align: center;
    margin-right: .32rem
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .info .info_top .grade_wrap .gradenum[data-v-a81a5e98] {
    font-size: .88rem;
    color: #999
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .gameinfo .info .desc[data-v-a81a5e98] {
    font-size: 1rem;
    margin-top: .8rem;
    padding-top: 1rem;
    border-top: 1px solid #f1f1f1
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .btn_wrap .btn[data-v-a81a5e98] {
    width: 13rem;
    height: 3.5rem;
    background: linear-gradient(322deg,#ff7c01,#ffa300 68%,#ffa900);
    border-radius: 1.81rem;
    color: #fff;
    line-height: 3.5rem;
    font-size: 1.25rem;
    text-align: center;
    margin-bottom: 3.65rem;
    cursor: pointer
}

.wrap .content .gamelist .item_wrap .item .gameinfo_wrap .btn_wrap .start span[data-v-a81a5e98] {
    font-weight: 700;
    color: #131313;
    font-size: 2.13rem
}

.wrap .content .gamelist .item_wrap .bag_wrap[data-v-a81a5e98] {
    margin-top: 1.18rem;
    border-top: 1px solid #d8c9c9;
    padding-top: 1.44rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .game-bar[data-v-a81a5e98] {
    height: 100%
}

.wrap .content .gamelist .item_wrap .bag_wrap .game-bar .game-bar-info .game-bar-item[data-v-a81a5e98] {
    width: 18.75rem;
    padding: .75rem .31rem .69rem .94rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wrap .content .gamelist .item_wrap .bag_wrap .game-bar .game-bar-info .game-bar-item .bar-tilte img[data-v-a81a5e98] {
    width: 1.5rem;
    height: 1.5rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .game-bar .game-bar-info .game-bar-item .bar-tilte p[data-v-a81a5e98] {
    font-weight: 700;
    color: #131313;
    font-size: .88rem;
    margin-left: .31rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .game-bar .game-bar-info .game-bar-item .gift-bag-btn .btn[data-v-a81a5e98] {
    width: 3.38rem;
    height: 1.75rem;
    background: linear-gradient(322deg,#ff7c01,#ffa300 68%,#ffa900);
    border-radius: 1.87rem;
    text-align: center;
    line-height: 1.75rem;
    color: #fff;
    font-size: .82rem;
    border: none;
    cursor: pointer
}

.wrap .content .gamelist .item_wrap .bag_wrap .game-bar .game-bar-info .game-bar-item .gift-bag-game-desc[data-v-a81a5e98] {
    margin-top: .81rem;
    color: #3e3e3e;
    font-size: .75rem;
    line-height: 1.2rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap[data-v-a81a5e98] {
    height: 100%;
    margin-left: 5.5rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .card[data-v-a81a5e98] {
    width: 14.75rem;
    height: 4.75rem;
    background: url(//images.sooyooj.com/20220829/hXDuM1jWnHW8UK1l.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.13rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .card .left[data-v-a81a5e98] {
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1rem;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #df3634;
    margin-left: 1rem;
    margin-right: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .card .right[data-v-a81a5e98] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .card .right p[data-v-a81a5e98]:first-child {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .6rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .card .right p[data-v-a81a5e98] {
    font-size: .88rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .carditem[data-v-a81a5e98] {
    width: 12.13rem;
    height: 4.13rem;
    background: rgba(217,206,174,.27);
    -webkit-box-shadow: 0 0 .5rem 0 #fff;
    box-shadow: 0 0 .5rem 0 #fff;
    border-radius: .5rem
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .carditem .card-bt[data-v-a81a5e98] {
    width: 5rem;
    height: 3.13rem;
    background: -webkit-gradient(linear,left top,left bottom,from(#fef5d3),to(#ffe08e));
    background: linear-gradient(180deg,#fef5d3,#ffe08e);
    border-radius: .25rem;
    font-weight: 700;
    color: #da354a;
    font-size: .75rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrap .content .gamelist .item_wrap .bag_wrap .card-wrap .carditem .btn[data-v-a81a5e98] {
    width: 3.88rem;
    height: 1.75rem;
    background: linear-gradient(322deg,#ff7c01,#ffa300 68%,#ffa900);
    border-radius: 1.87rem;
    font-size: .82rem;
    text-align: center;
    line-height: 1.75rem;
    color: #fff;
    margin-left: 1.25rem;
    cursor: pointer
}

.wrap .content .gamelist .item_wrap .block-title[data-v-a81a5e98] {
    font-weight: 700;
    color: #131313;
    font-size: 1rem;
    margin-bottom: 15px
}

.wrap .content .gamelist .item_wrap .block-title a[data-v-a81a5e98],.wrap .content .gamelist .item_wrap .block-title p[data-v-a81a5e98],.wrap .content .gamelist .item_wrap .block-title p a[data-v-a81a5e98],.wrap .content .gamelist .item_wrap .block-title span[data-v-a81a5e98] {
    font-size: 1rem
}

.wrap .content .gamelist .item_wrap:first-of-type .item .gameinfo .img[data-v-a81a5e98]:before {
    content: "";
    display: block;
    width: 4.75rem;
    height: 4.94rem;
    background: url(//images.sooyooj.com/20231017/KMeUbz4yfxJ1GK1t.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -2rem;
    top: -2rem
}

.wrap .content .gamelist .item_wrap:nth-of-type(2) .item .gameinfo .img[data-v-a81a5e98]:before {
    content: "";
    display: block;
    width: 4.75rem;
    height: 4.94rem;
    background: url(//images.sooyooj.com/20231017/DZgPNfA4XHnPPB2x.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -2rem;
    top: -2rem
}

.wrap .content .gamelist .item_wrap:nth-of-type(3) .item .gameinfo .img[data-v-a81a5e98]:before {
    content: "";
    display: block;
    width: 4.75rem;
    height: 4.94rem;
    background: url(//images.sooyooj.com/20231017/ibcbsIxqt1AjrxjS.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -2rem;
    top: -2rem
}

.wrap[data-v-d18ca53a] {
    width: 80rem;
    margin: 0 auto;
    position: relative;
    padding-bottom: 5.31rem;
    margin-top: -7.44rem;
    z-index: 1
}

.play-icon[data-v-d18ca53a] {
    position: absolute;
    top: -5.56rem;
    left: 0;
    width: 12.38rem;
    height: 3.63rem;
    font-size: 1.13rem;
    font-weight: 700;
    color: #fff;
    background: rgba(0,0,0,.66)
}

.play-icon .icon[data-v-d18ca53a] {
    font-size: 2.25em
}

.play-icon .txt[data-v-d18ca53a] {
    margin-left: .75rem
}

.special-container[data-v-d18ca53a] {
    min-height: 100vh
}

.special-container .cover[data-v-d18ca53a] {
    height: 37.5rem
}

.special-container .cover img[data-v-d18ca53a] {
    width: 100%;
    height: 100%
}

.special-container .page-content[data-v-d18ca53a] {
    position: relative;
    padding-bottom: 5.31rem;
    margin-top: -7.44rem;
    z-index: 1
}

.special-container .page-content .popver-box[data-v-d18ca53a] {
    font-size: 1.13rem;
    color: #fff;
    margin-bottom: 2rem
}

.special-container .page-content .popver-box .game-theme[data-v-d18ca53a] {
    margin-right: 3.3rem
}

.special-container .page-content .popver-box .icon[data-v-d18ca53a] {
    margin-left: .44rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.special-container .page-content .discount-title[data-v-d18ca53a] {
    margin-left: 1rem
}

.special-container .page-content[data-v-d18ca53a] .game-card:last-child {
    margin-bottom: 0
}

.game-playing-method-popover-box .list[data-v-d18ca53a],.game-theme-popover-box .list[data-v-d18ca53a] {
    max-height: 28rem
}

.game-playing-method-popover-box .item[data-v-d18ca53a],.game-theme-popover-box .item[data-v-d18ca53a] {
    height: 3rem;
    font-size: 1rem;
    color: #222
}

.game-playing-method-popover-box .item.active[data-v-d18ca53a],.game-theme-popover-box .item.active[data-v-d18ca53a] {
    color: var(--yellow);
    background: #fff4d8
}

.game-playing-method-popover-box .item[data-v-d18ca53a]:hover,.game-theme-popover-box .item[data-v-d18ca53a]:hover {
    background: #fff4d8
}

.search-games .game-card[data-v-d18ca53a] {
    overflow: hidden;
    padding: 1.25rem 1.88rem 1.25rem 1.25rem;
    margin-bottom: 1.25rem;
    background-color: #fff
}

.search-games .game-card[data-v-d18ca53a]:last-child {
    margin-bottom: 1.88rem
}

.search-games .game-card:hover .fit-cover[data-v-d18ca53a] {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.search-games .game-card:hover .game-title[data-v-d18ca53a] {
    color: var(--yellow)!important
}

.search-games .game-card .game-logo[data-v-d18ca53a] {
    width: 16.88rem;
    height: 8.88rem;
    border-radius: 2px;
    overflow: hidden
}

.search-games .game-card .game-logo .fit-cover[data-v-d18ca53a] {
    -webkit-transition: all .3s;
    transition: all .3s
}

.search-games .game-card .game-info[data-v-d18ca53a] {
    margin-left: 1.25rem;
    overflow: hidden;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.search-games .game-card .game-info .game-context[data-v-d18ca53a] {
    height: 100%;
    overflow: hidden;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.search-games .game-card .game-info .game-title[data-v-d18ca53a] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    margin-bottom: .69rem
}

.search-games .game-card .game-info .game-tags .game-tag[data-v-d18ca53a] {
    font-size: .75rem;
    padding: 2px .31rem;
    margin-right: .44rem;
    border-radius: .19rem
}

.search-games .game-card .game-info .game-tags .game-tag[data-v-d18ca53a]:last-child {
    margin-right: .69rem
}

.search-games .game-card .game-info .game-tags .game-number[data-v-d18ca53a] {
    font-size: 1rem;
    color: #999
}

.search-games .game-card .game-info .game-tags .tag-red[data-v-d18ca53a] {
    color: #ec4646;
    border: 1px solid #ec4646
}

.search-games .game-card .game-info .game-tags .tag-blue[data-v-d18ca53a] {
    color: #569ef8;
    border: 1px solid #569ef8
}

.search-games .game-card .game-info .game-desc[data-v-d18ca53a] {
    font-size: 1rem;
    color: #666
}

.search-games .game-card .game-btn[data-v-d18ca53a] {
    margin-left: 4.12em
}

.search-games .game-card .game-btn .btn[data-v-d18ca53a] {
    width: 11.75rem;
    height: 3rem;
    font-size: 1rem;
    font-weight: 700;
    background: #ff8a00;
    border-radius: 1.5rem;
    text-align: center;
    line-height: 3rem;
    color: #fff
}

.search-games .game-card .score[data-v-d18ca53a] {
    font-size: 1.88rem;
    font-weight: 700;
    color: #222;
    margin-top: 1.25rem
}

.search-games .game-card .score .txt[data-v-d18ca53a] {
    margin-right: .69rem
}

.search-games .game-card .score[data-v-d18ca53a] .el-rate__item {
    width: 1.38rem
}

.search-games .game-pagination[data-v-d18ca53a] {
    margin-bottom: 2.5rem
}

.txt[data-v-d18ca53a] {
    margin-right: .69rem;
    font-size: 1.88rem;
    font-weight: 700
}

.dialog[data-v-6d6c13f4] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.66);
    z-index: 10000
}

.dialog .dialog_content[data-v-6d6c13f4] {
    width: 36.75rem;
    height: 36.75rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.dialog .dialog_content .dialog_img[data-v-6d6c13f4] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.dialog .dialog_content .dialog_btn[data-v-6d6c13f4] {
    position: absolute;
    width: 19.5rem;
    height: 4.13rem;
    bottom: 5.75rem;
    left: 50%;
    margin-left: -9.75rem
}

.game-fade-enter-active .mask[data-v-08582c11],.game-fade-leave-active .mask[data-v-08582c11] {
    opacity: 1
}

.game-fade-enter-active .content[data-v-08582c11],.game-fade-leave-active .content[data-v-08582c11] {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.game-fade-enter-from .mask[data-v-08582c11],.game-fade-leave-to .mask[data-v-08582c11] {
    opacity: 0
}

.game-fade-enter-from .content[data-v-08582c11],.game-fade-leave-to .content[data-v-08582c11] {
    opacity: 0;
    -webkit-transform: translateY(.94rem);
    transform: translateY(.94rem)
}

.fade-enter-active[data-v-08582c11],.fade-leave-active[data-v-08582c11] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fade-enter-from.context[data-v-08582c11],.fade-leave-to.context[data-v-08582c11] {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fade-enter-from.btn[data-v-08582c11],.fade-leave-to.btn[data-v-08582c11] {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.cove[data-v-08582c11] {
    height: 36.25rem
}

.cove img[data-v-08582c11] {
    width: 100%;
    height: 100%
}

.game_wrap[data-v-08582c11] {
    margin-top: -19.5rem
}

.commonTitle[data-v-08582c11] {
    width: 100%
}

.commonTitle .titleLeft img[data-v-08582c11] {
    width: 1rem;
    height: 1rem;
    margin-right: .25rem
}

.commonTitle .titleLeft span[data-v-08582c11] {
    font-size: 1.13rem;
    font-weight: 700;
    color: #ffe8bc;
    line-height: 1.31rem;
    letter-spacing: 1px
}

.commonTitle .mores[data-v-08582c11] {
    padding: .13rem .63rem;
    border-radius: .38rem;
    border: .06rem solid #ffe8bc;
    font-size: .75rem;
    color: #ffe8bc;
    cursor: pointer;
    margin-left: 1.75rem
}

.commonTitle .mores span[data-v-08582c11] {
    font-size: .75rem
}

.commonTitle .mores img[data-v-08582c11] {
    width: .5rem;
    height: .5rem;
    margin-left: .14rem
}

.commonTitle p[data-v-08582c11] {
    font-size: 1rem;
    color: #ff8a00;
    line-height: 1rem;
    letter-spacing: 1px;
    cursor: pointer
}

.targetBox[data-v-08582c11] {
    margin-top: .5rem
}

.targetBox .target[data-v-08582c11] {
    width: 2.25rem;
    height: 1.13rem;
    background: hsla(0,0%,91.4%,.9);
    border-radius: .13rem;
    text-align: center;
    line-height: 1.13rem;
    font-size: .75rem;
    color: #131313;
    margin-right: .25rem
}

.targetBox .dis_img[data-v-08582c11] {
    margin-right: .38rem
}

.marginAuto[data-v-08582c11] {
    width: 65.25rem;
    margin: 0 auto
}

.threeToFourHtml[data-v-08582c11] {
    min-height: 100vh;
    background: #14090b;
    padding-bottom: 2.13rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.threeToFourHtml .topGame[data-v-08582c11] {
    margin-bottom: .88rem
}

.threeToFourHtml .topGame .gameBox[data-v-08582c11] {
    width: 65.25rem;
    margin: 0 auto
}

.threeToFourHtml .topGame .gameBox .gameItem[data-v-08582c11] {
    width: 21.25rem;
    height: 17.5rem;
    background: #fff;
    border-radius: .75rem;
    overflow: hidden;
    position: relative
}

.threeToFourHtml .topGame .gameBox .gameItem .itemTop[data-v-08582c11] {
    width: 21.25rem;
    height: 11.25rem;
    border-radius: .75rem .75rem 0 0
}

.threeToFourHtml .topGame .gameBox .gameItem .itemHot[data-v-08582c11] {
    width: 4.63rem;
    height: 4.75rem;
    position: absolute;
    top: 0;
    left: 0
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom[data-v-08582c11] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .88rem;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .icon[data-v-08582c11] {
    width: 4.38rem;
    height: 4.38rem;
    border-radius: .63rem;
    margin-right: .63rem
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .textCenter h1[data-v-08582c11] {
    font-size: 1rem;
    font-weight: 700;
    color: #131313
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .textCenter .hot[data-v-08582c11] {
    margin-top: .34rem
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .textCenter .hot img[data-v-08582c11] {
    width: 1.13rem;
    height: 1.13rem;
    margin-right: .13rem
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .textCenter .hot span[data-v-08582c11] {
    font-size: .88rem;
    color: #ff4545
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .textRight p[data-v-08582c11] {
    font-size: 2rem;
    font-weight: 700;
    color: #ff7a00
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .distbtn[data-v-08582c11] {
    position: absolute;
    right: 0;
    top: -.6rem;
    width: 6rem;
    height: 5.25rem
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottom .distbtn img[data-v-08582c11] {
    width: 100%
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottomMouseEnter[data-v-08582c11] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff5e4;
    -webkit-transition: all .3s;
    transition: all .3s
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottomMouseEnter .btn[data-v-08582c11] {
    width: 8.69rem;
    height: 3.13rem;
    border-radius: .38rem;
    line-height: 2.63rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 400;
    background: #fff;
    cursor: pointer
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottomMouseEnter .left[data-v-08582c11] {
    background: url(//images.sooyooj.com/20240718/gcVjDBHtNTXdHF6i.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .94rem
}

.threeToFourHtml .topGame .gameBox .gameItem .itemBottomMouseEnter .right[data-v-08582c11] {
    background: url(//images.sooyooj.com/20240718/luyKeT01uIZp7vbg.png) no-repeat;
    background-size: 100% 100%
}

.threeToFourHtml .recommendedGame .recommendedGameBox[data-v-08582c11] {
    width: 100%;
    margin-top: .75rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem[data-v-08582c11] {
    width: 12.5rem;
    height: 11.5rem;
    background: #fff;
    border-radius: .63rem .63rem .5rem .5rem;
    margin-top: .69rem;
    margin-right: .68rem;
    position: relative
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .img[data-v-08582c11] {
    border-radius: .63rem .63rem 0 0;
    overflow: hidden;
    width: 12.5rem;
    height: 6.5rem;
    background: #ffa715
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .img img[data-v-08582c11] {
    width: 100%
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .disc_subscript[data-v-08582c11] {
    position: absolute;
    top: 0;
    right: -.62rem;
    width: 4.19rem;
    height: 2.5rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .disc_subscript img[data-v-08582c11] {
    width: 100%
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom[data-v-08582c11] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .targetBox[data-v-08582c11] {
    margin-top: .38rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textCenter[data-v-08582c11] {
    width: 100%;
    overflow: hidden
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textCenter h1[data-v-08582c11] {
    font-size: .88rem;
    font-weight: 700;
    color: #131313;
    margin-bottom: .19rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textCenter .hot[data-v-08582c11] {
    margin-top: .38rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textCenter .hot img[data-v-08582c11] {
    width: 1.13rem;
    height: 1.13rem;
    margin-right: .13rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textCenter .hot span[data-v-08582c11] {
    font-size: .68rem;
    color: #ff4545
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textRight p[data-v-08582c11] {
    font-size: 1.5rem;
    font-weight: 900;
    color: #ff7a00;
    margin-bottom: .38rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .recommendedGameBottom .textRight .code[data-v-08582c11] {
    width: 1.13rem;
    height: 1.13rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .itemBottomMouseEnter[data-v-08582c11] {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff5e4;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 0 0 .5rem .5rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .itemBottomMouseEnter .btn[data-v-08582c11] {
    width: 5.44rem;
    height: 2.81rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: .63rem;
    font-weight: 400;
    background: #fff;
    cursor: pointer
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .itemBottomMouseEnter .left[data-v-08582c11] {
    background: url(//images.sooyooj.com/20240718/3s6EuXLymUeSd3LA.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .44rem
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem .itemBottomMouseEnter .right[data-v-08582c11] {
    margin-top: .31rem;
    height: 2.5rem;
    background: url(//images.sooyooj.com/20240718/Krfl66VL4IkHMZjK.png) no-repeat;
    background-size: 100% 100%
}

.threeToFourHtml .recommendedGame .recommendedGameBox .recommendedGameItem[data-v-08582c11]:nth-child(5n) {
    margin-right: 0
}

.threeToFourHtml .mobile_game_wrap[data-v-08582c11] {
    margin-top: 1.06rem
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item[data-v-08582c11] {
    width: 21rem;
    height: 5.75rem;
    background: #fff;
    border-radius: .5rem;
    margin-right: 1.1rem;
    margin-top: 1rem;
    position: relative
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .mobile_icons[data-v-08582c11] {
    position: absolute;
    top: -.13rem;
    left: -.38rem;
    width: 3.44rem;
    height: 1.31rem;
    background: url(//images.sooyooj.com/20240718/i3GKHaI3idYIgK5N.png) no-repeat;
    background-size: 100% 100%
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .imgs[data-v-08582c11] {
    width: 9.63rem;
    height: 5.75rem;
    border-radius: .5rem 0 0 .5rem;
    overflow: hidden
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .imgs img[data-v-08582c11] {
    width: 100%;
    height: 100%
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info[data-v-08582c11] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .subject[data-v-08582c11] {
    font-weight: 700;
    font-size: .81rem;
    color: #000
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .tags_wrap .dis_img[data-v-08582c11] {
    margin-right: .25rem
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .tags_wrap .tag[data-v-08582c11] {
    font-size: .8rem;
    color: #999
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .btn_wrap .btn[data-v-08582c11] {
    width: 4.13rem;
    height: 1.44rem;
    background: #fff;
    border-radius: .28rem;
    border: .06rem solid rgba(255,92,35,.5);
    text-align: center;
    line-height: 1.44rem;
    font-size: .81rem;
    color: #ff5c23
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .btn_wrap .btn[data-v-08582c11]:last-child {
    border: .06rem solid #cecece;
    color: #3c3c3c;
    margin-left: .63rem
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .btn_wrap .btn[data-v-08582c11]:first-child:hover {
    background: #ff7c01;
    border-color: #ff7c01;
    color: #fff
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item .desc_info .btn_wrap .btn[data-v-08582c11]:last-child:hover {
    border-color: rgba(255,92,35,.5);
    color: #ff5c23
}

.threeToFourHtml .mobile_game_wrap .mobile_game .item[data-v-08582c11]:nth-of-type(3n) {
    margin-right: 0
}

.threeToFourHtml .hotGift[data-v-08582c11] {
    margin-top: 1.19rem
}

.threeToFourHtml .hotGift .hotGiftBox[data-v-08582c11] {
    margin-top: .75rem;
    width: 100%
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem[data-v-08582c11] {
    width: 10.63rem;
    height: 6.38rem;
    background: url(//images.sooyooj.com/20231111/KAQMtaKtMjMK5LyJ.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin-right: .75rem;
    overflow: hidden
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop[data-v-08582c11] {
    margin-top: .75rem;
    margin-left: .38rem
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop .giftIcon[data-v-08582c11] {
    width: 2.88rem;
    height: 2.88rem;
    border-radius: .63rem;
    margin-right: .25rem
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop .textContent[data-v-08582c11] {
    margin-top: .13rem
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop .textContent h1[data-v-08582c11] {
    width: 6.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    line-height: 1.26rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop .textContent .gift img[data-v-08582c11] {
    width: 1.13rem;
    height: 1.13rem;
    margin-right: .06rem
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop .textContent .gift p[data-v-08582c11] {
    font-size: .88rem;
    color: #666;
    line-height: .88rem
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .hotTop .textContent .gift p span[data-v-08582c11] {
    color: #ff4545;
    font-size: .88rem
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem .spanText[data-v-08582c11] {
    margin-top: .62rem;
    font-size: .88rem;
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-align: left;
    padding-left: .62rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftItem[data-v-08582c11]:nth-child(6) {
    margin-right: 0
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftHover[data-v-08582c11] {
    width: 10.63rem;
    height: 7.18rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.22)),to(rgba(0,0,0,.61)));
    background: linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.61));
    border-radius: 0 0 .44rem .44rem;
    position: relative;
    top: 0;
    left: 0;
    margin-top: -6.18rem;
    padding-top: 3.38rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.threeToFourHtml .hotGift .hotGiftBox .hotGiftHover .giftBtn[data-v-08582c11] {
    width: 7rem;
    height: 2.13rem;
    background: linear-gradient(322deg,#fe435a,#ff6f11);
    border-radius: .38rem;
    border: .06rem solid #fff;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    line-height: 2.13rem;
    text-align: center;
    margin: 0 auto
}

.threeToFourHtml .serverList[data-v-08582c11] {
    margin-top: 1.19rem
}

.threeToFourHtml .serverList .severTable[data-v-08582c11] {
    width: 65.25rem;
    background: url(//images.sooyooj.com/20231109/vA6pQB2oeoyC9nV1.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: .75rem;
    overflow: hidden;
    margin-top: .75rem
}

.threeToFourHtml .serverList .severTable .severTitle .border_right[data-v-08582c11] {
    border-right: .06rem solid #220001
}

.threeToFourHtml .serverList .severTable .severTitle .border_top[data-v-08582c11] {
    border-top: .06rem solid #220001
}

.threeToFourHtml .serverList .severTable .severTitle .tableTitle[data-v-08582c11] {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 700;
    color: #fff
}

.threeToFourHtml .serverList .severTable .severTitle .name[data-v-08582c11] {
    width: 17.44rem
}

.threeToFourHtml .serverList .severTable .severTitle .time[data-v-08582c11] {
    width: 12.69rem
}

.threeToFourHtml .serverList .severTable .severTitle .serve[data-v-08582c11] {
    width: 7.25rem
}

.threeToFourHtml .serverList .severTable .severTitle .serveItem[data-v-08582c11] {
    width: 7.25rem;
    height: 2rem;
    font-size: .88rem;
    line-height: 2rem
}

.threeToFourHtml .serverList .severTable .severTitle .serveItem span[data-v-08582c11] {
    width: .39rem;
    height: .39rem;
    background: #f90000;
    border: .06rem solid #ffb68b;
    border-radius: 50%;
    margin-left: .5rem
}

.threeToFourHtml .serverList .severTable .severTitle .intro[data-v-08582c11] {
    width: 20.06rem
}

.threeToFourHtml .serverList .severTable .severTitle .Entrance[data-v-08582c11] {
    width: 9.81rem
}

.threeToFourHtml .serverList .severTable .severTitle .EntranceItem[data-v-08582c11] {
    width: 9.81rem;
    height: 2rem;
    font-size: .88rem;
    line-height: 2rem;
    cursor: pointer
}

.threeToFourHtml .serverList .severTable .severTitle .EntranceItem img[data-v-08582c11] {
    width: .68rem;
    height: .68rem;
    margin-left: .25rem
}

.threeToFourHtml .timeLimit[data-v-08582c11] {
    margin-top: 1.19rem
}

.threeToFourHtml .timeLimit .timeLimitBox[data-v-08582c11] {
    margin-top: .75rem
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem[data-v-08582c11] {
    width: 10.63rem;
    height: 6.5rem;
    background: url(//images.sooyooj.com/20231109/bDhEeRm4k7pDzPlz.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .75rem;
    padding: .75rem .56rem .44rem .56rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent[data-v-08582c11] {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .top .timeLimitIcon[data-v-08582c11] {
    width: 2.38rem;
    height: 2.38rem;
    border-radius: .44rem;
    margin-right: .19rem
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .top .timeLimitText h1[data-v-08582c11] {
    width: 100%;
    font-size: .88rem;
    font-weight: 700;
    color: #963700;
    line-height: 1.26rem
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .top .timeLimitText .hot[data-v-08582c11] {
    width: 100%
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .top .timeLimitText .hot img[data-v-08582c11] {
    width: 1rem;
    height: 1rem
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .top .timeLimitText .hot span[data-v-08582c11] {
    width: 100%;
    display: block;
    font-size: .75rem;
    color: #f42111
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .btn[data-v-08582c11] {
    width: 6.5rem;
    height: 1.63rem;
    border-radius: .25rem;
    border: .04rem solid #ff6700;
    line-height: 1.63rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 1.44rem;
    font-size: 1rem;
    font-weight: 400;
    color: #ff6700
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .btnActive[data-v-08582c11] {
    background: linear-gradient(322deg,#ff7c01,#ffa300 68%,#ffa900);
    color: #fff;
    border: none
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .timeLimitContent .btns[data-v-08582c11] {
    background: #9a9a9a;
    color: #fff;
    border: none
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem .rightIcon[data-v-08582c11] {
    width: 2.88rem;
    height: 2.88rem;
    position: absolute;
    top: 0;
    right: 0
}

.threeToFourHtml .timeLimit .timeLimitBox .timeLimitItem[data-v-08582c11]:nth-child(6) {
    margin-right: 0
}

.count-flop-num[data-v-30e20c8d] {
    font-size: 1.63rem
}

.count-flop[data-v-30e20c8d] {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.63rem;
    font-family: HarmonyOS Sans-Bold,HarmonyOS Sans;
    font-weight: 700;
    color: #fff
}

.count-flop>div[data-v-30e20c8d] {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 100%
}

.count-flop-box[data-v-30e20c8d] {
    width: 1.81rem;
    background: #fff;
    border-radius: .25rem;
    border: .09rem solid #db3e3e;
    font-size: 4rem;
    font-weight: 700;
    color: #d80b0b;
    line-height: 2.5rem;
    text-align: center;
    margin-left: .31rem
}

.count-flop-point[data-v-30e20c8d] {
    width: 10px
}

.count-flop-unit[data-v-30e20c8d] {
    width: 1.81rem;
    background: #fff;
    border-radius: .25rem;
    border: .09rem solid #db3e3e;
    font-size: 1.63rem;
    font-weight: 700;
    color: #d80b0b;
    line-height: 2.5rem;
    text-align: center;
    margin-left: .31rem;
    p[data-v-30e20c8d] {
        font-size: 1.63rem
    }
}

.count-flop-content[data-v-30e20c8d] {
    font-family: MicrosoftYaHei-Bold;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-animation-fill-mode: forwards!important;
    animation-fill-mode: forwards!important
}

.count-flop-content-symbol[data-v-30e20c8d] {
    line-height: 2.5rem;
    font-size: 1.63rem;
    font-weight: 700;
    color: #d80b0b;
    margin-right: 0
}

.rolling_0[data-v-30e20c8d] {
    -webkit-animation: rolling_0-30e20c8d 4.1s;
    animation: rolling_0-30e20c8d 4.1s
}

@-webkit-keyframes rolling_0-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-91%);
        transform: translateY(-91%)
    }
}

@keyframes rolling_0-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-91%);
        transform: translateY(-91%)
    }
}

.rolling_1[data-v-30e20c8d] {
    -webkit-animation: rolling_1-30e20c8d 3s;
    animation: rolling_1-30e20c8d 3s
}

@-webkit-keyframes rolling_1-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-9.09%);
        transform: translateY(-9.09%)
    }
}

@keyframes rolling_1-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-9.09%);
        transform: translateY(-9.09%)
    }
}

.rolling_2[data-v-30e20c8d] {
    -webkit-animation: rolling_2-30e20c8d 2.1s;
    animation: rolling_2-30e20c8d 2.1s
}

@-webkit-keyframes rolling_2-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-18.18%);
        transform: translateY(-18.18%)
    }
}

@keyframes rolling_2-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-18.18%);
        transform: translateY(-18.18%)
    }
}

.rolling_3[data-v-30e20c8d] {
    -webkit-animation: rolling_3-30e20c8d 3s;
    animation: rolling_3-30e20c8d 3s
}

@-webkit-keyframes rolling_3-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-27.27%);
        transform: translateY(-27.27%)
    }
}

@keyframes rolling_3-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-27.27%);
        transform: translateY(-27.27%)
    }
}

.rolling_4[data-v-30e20c8d] {
    -webkit-animation: rolling_4-30e20c8d 2.1s;
    animation: rolling_4-30e20c8d 2.1s
}

@-webkit-keyframes rolling_4-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-36.36%);
        transform: translateY(-36.36%)
    }
}

@keyframes rolling_4-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-36.36%);
        transform: translateY(-36.36%)
    }
}

.rolling_5[data-v-30e20c8d] {
    -webkit-animation: rolling_5-30e20c8d 3s;
    animation: rolling_5-30e20c8d 3s
}

@-webkit-keyframes rolling_5-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-45.45%);
        transform: translateY(-45.45%)
    }
}

@keyframes rolling_5-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-45.45%);
        transform: translateY(-45.45%)
    }
}

.rolling_6[data-v-30e20c8d] {
    -webkit-animation: rolling_6-30e20c8d 2.1s;
    animation: rolling_6-30e20c8d 2.1s
}

@-webkit-keyframes rolling_6-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-54.54%);
        transform: translateY(-54.54%)
    }
}

@keyframes rolling_6-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-54.54%);
        transform: translateY(-54.54%)
    }
}

.rolling_7[data-v-30e20c8d] {
    -webkit-animation: rolling_7-30e20c8d 3.1s;
    animation: rolling_7-30e20c8d 3.1s
}

@-webkit-keyframes rolling_7-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-63.63%);
        transform: translateY(-63.63%)
    }
}

@keyframes rolling_7-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-63.63%);
        transform: translateY(-63.63%)
    }
}

.rolling_8[data-v-30e20c8d] {
    -webkit-animation: rolling_8-30e20c8d 2.1s;
    animation: rolling_8-30e20c8d 2.1s
}

@-webkit-keyframes rolling_8-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-73%);
        transform: translateY(-73%)
    }
}

@keyframes rolling_8-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-73%);
        transform: translateY(-73%)
    }
}

.rolling_9[data-v-30e20c8d] {
    -webkit-animation: rolling_9-30e20c8d 3.6s;
    animation: rolling_9-30e20c8d 3.6s
}

@-webkit-keyframes rolling_9-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-82%);
        transform: translateY(-82%)
    }
}

@keyframes rolling_9-30e20c8d {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-82%);
        transform: translateY(-82%)
    }
}

.game_wrap[data-v-df5fb23a] {
    margin-top: -19.5rem
}

.titleBox[data-v-df5fb23a] {
    width: 100%
}

.titleBox .titleCenter[data-v-df5fb23a] {
    width: 34.94rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.titleBox .titleCenter .titleImg[data-v-df5fb23a] {
    width: 2.38rem;
    height: 2.38rem;
    margin: 0 .63rem;
    margin-top: -.43rem
}

.titleBox .titleCenter .titleImg img[data-v-df5fb23a] {
    width: 100%;
    height: 100%
}

.titleBox .titleCenter .titleText[data-v-df5fb23a] {
    font-size: 1.38rem;
    font-weight: 700;
    color: #ffe8b5;
    line-height: 1.81rem
}

.titleBox p[data-v-df5fb23a] {
    width: 4.38rem;
    font-size: 1.13rem;
    font-weight: 500;
    color: #ffe8b5;
    cursor: pointer
}

.targetBox[data-v-df5fb23a] {
    margin-top: .5rem
}

.targetBox .target[data-v-df5fb23a] {
    width: 2.25rem;
    height: 1.13rem;
    background: hsla(0,0%,91.4%,.9);
    border-radius: .13rem;
    text-align: center;
    line-height: 1.13rem;
    font-size: .75rem;
    color: #131313;
    margin-right: .25rem
}

.firstChargeFreeHtml[data-v-df5fb23a] {
    min-height: 100vh;
    background: #d21916;
    padding-bottom: 2.13rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1
}

.firstChargeFreeHtml .topImg[data-v-df5fb23a] {
    width: 100%;
    height: 22.25rem;
    position: absolute;
    z-index: 0
}

.firstChargeFreeHtml .topImg img[data-v-df5fb23a] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .textContent[data-v-df5fb23a] {
    position: relative;
    left: 28%;
    top: 11.18rem;
    width: 58.63rem;
    height: 2.5rem
}

.firstChargeFreeHtml .textContent .leftText[data-v-df5fb23a] {
    width: 12.19rem;
    font-size: 1.63rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.19rem;
    margin-left: 3rem
}

.firstChargeFreeHtml .textContent .centerText[data-v-df5fb23a] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.94rem;
    margin-left: 2.63rem
}

.firstChargeFreeHtml .center[data-v-df5fb23a] {
    width: 75.05rem;
    position: absolute;
    top: 20.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.firstChargeFreeHtml .center .seckillBox[data-v-df5fb23a] {
    width: 75.05rem;
    margin-top: 1.06rem;
    position: absolute
}

.firstChargeFreeHtml .center .seckillBox .seckillItem[data-v-df5fb23a] {
    width: 14.5rem;
    height: 14.13rem;
    background: #fff;
    border-radius: .63rem;
    overflow: hidden;
    margin-left: .63rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .topbackImg[data-v-df5fb23a] {
    width: 14.5rem;
    height: 8.88rem;
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    border-radius: .63rem .63rem 0 0
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .topbackImg .backImg[data-v-df5fb23a] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .itemHot[data-v-df5fb23a] {
    width: 4.63rem;
    height: 4.75rem;
    position: relative;
    top: 0;
    left: 10rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom[data-v-df5fb23a] {
    width: 14.5rem;
    height: 5.25rem;
    padding: .25rem .75rem .5rem .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .textCenter h1[data-v-df5fb23a] {
    width: 9.63rem;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .textCenter .hot[data-v-df5fb23a] {
    margin-top: .34rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .textCenter .hot img[data-v-df5fb23a] {
    width: 1.13rem;
    height: 1.13rem;
    margin-right: .13rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .textCenter .hot span[data-v-df5fb23a] {
    font-size: .88rem;
    color: #ff4545
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .textRight p[data-v-df5fb23a] {
    font-size: 2rem;
    font-weight: 700;
    color: #ff7a00
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter[data-v-df5fb23a] {
    margin-top: 4rem;
    width: 14.5rem;
    height: 5.25rem;
    background: #fff3e3;
    -webkit-animation: enter-y-top-df5fb23a .4s;
    animation: enter-y-top-df5fb23a .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .btn[data-v-df5fb23a] {
    width: 6.13rem;
    height: 2.38rem;
    border-radius: 1.19rem;
    line-height: 2.38rem;
    text-align: center;
    font-size: .88rem;
    cursor: pointer
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .left[data-v-df5fb23a] {
    background: #fff;
    border: .06rem solid #ff7a00;
    color: #ff7a00;
    margin-right: .5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .right[data-v-df5fb23a] {
    color: #fff;
    background: linear-gradient(322deg,#ff7c01,#ffa300 68%,#ffa900)
}

.firstChargeFreeHtml .center .box[data-v-df5fb23a] {
    position: relative;
    left: -4rem;
    top: 2rem;
    background-size: 100% 100%;
    background-position: bottom
}

.firstChargeFreeHtml .center .box .rotate[data-v-df5fb23a] {
    position: absolute;
    left: -15rem;
    top: -18rem;
    width: 18.75rem;
    height: 18.75rem;
    background: url(//images.sooyooj.com//20231206/BhCRcMufV6YGuNVJ.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotateZ-df5fb23a .75s linear infinite both;
    animation: rotateZ-df5fb23a .75s linear infinite both;
    z-index: -1
}

.firstChargeFreeHtml .center .box .countdownBox[data-v-df5fb23a] {
    position: absolute;
    left: -14rem;
    top: -16rem;
    width: 17.5rem;
    height: 16.25rem;
    background: url(//images.sooyooj.com//20231206/KcdVVH6KPGrPOxkZ.png) no-repeat;
    background-size: 100% 100%
}

.firstChargeFreeHtml .center .box .countdownBox .countdownTitle[data-v-df5fb23a] {
    width: 5.88rem;
    height: 1.5rem;
    background: #ff4c07;
    border-radius: .75rem;
    border: .06rem solid #ffcf7c;
    margin-top: 6.5rem;
    line-break: 1.5rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .center .box .countdownBox .timeBox[data-v-df5fb23a] {
    margin-top: .5rem;
    margin-right: .5rem
}

.firstChargeFreeHtml .center .box .countdownBox .timeBox .time[data-v-df5fb23a] {
    width: 2.63rem;
    height: 2.63rem;
    background: #aa1403;
    border-radius: .38rem;
    border: .06rem solid #fff;
    line-height: 2.63rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .center .box .countdownBox .timeBox p[data-v-df5fb23a] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 .5rem
}

.firstChargeFreeHtml .center .box .countdownBox .residueText[data-v-df5fb23a] {
    margin-top: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.63rem
}

.firstChargeFreeHtml .center .box .countdownBox .clockImg[data-v-df5fb23a] {
    position: relative;
    right: -6.37rem;
    top: -4.5rem;
    width: 4.75rem;
    height: 4.75rem
}

.firstChargeFreeHtml .center .box .countdownBox .clockImg img[data-v-df5fb23a] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .supprise[data-v-df5fb23a] {
    width: 75.05rem;
    margin: 0 auto;
    margin-top: 32.88rem
}

.firstChargeFreeHtml .supprise .game[data-v-df5fb23a] {
    margin-top: .94rem
}

.firstChargeFreeHtml .supprise .game .gameTypeList[data-v-df5fb23a] {
    width: 75.05rem;
    margin-bottom: .69rem
}

.firstChargeFreeHtml .supprise .game .gameTypeList p[data-v-df5fb23a] {
    font-size: .88rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.38rem;
    margin-right: .75rem
}

.firstChargeFreeHtml .supprise .game .gameTypeList span[data-v-df5fb23a] {
    height: 1.5rem;
    background: #fff;
    border-radius: .25rem;
    border: .04rem solid #ff5151;
    line-height: 1.5rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 400;
    color: #131313;
    padding: 0 .56rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: .38rem;
    cursor: pointer
}

.firstChargeFreeHtml .supprise .game .gameTypeList .active[data-v-df5fb23a] {
    background: #ff8a00;
    color: #fff
}

.firstChargeFreeHtml .supprise .game .gameList[data-v-df5fb23a] {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a] {
    width: 24.63rem;
    height: 8rem;
    background: #fff;
    border-radius: .63rem;
    margin-top: .56rem;
    margin-right: .56rem;
    overflow: hidden
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem .left[data-v-df5fb23a] {
    position: absolute;
    width: 13.5rem;
    height: 8rem;
    background: #d8d8d8;
    border-radius: .63rem 0 0 .63rem;
    overflow: hidden
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem .left img[data-v-df5fb23a] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem .itemHot[data-v-df5fb23a] {
    position: relative;
    top: 0;
    left: 9.88rem;
    width: 3.63rem;
    height: 3.63rem
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(3),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(6),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(9),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(12),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(15),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(18),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(21),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(24),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(27),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(30),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(33),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(36),.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-df5fb23a]:nth-child(39) {
    margin-right: 0
}

.firstChargeFreeHtml .supprise .game .gameList .right[data-v-df5fb23a] {
    width: 11.13rem;
    margin-left: 10rem;
    padding: .75rem .87rem .81rem .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .supprise .game .gameList .right h1[data-v-df5fb23a] {
    width: 9rem;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.firstChargeFreeHtml .supprise .game .gameList .right .hot[data-v-df5fb23a] {
    margin-top: .38rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .hot img[data-v-df5fb23a] {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .13rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .hot span[data-v-df5fb23a] {
    font-size: .88rem;
    color: #ff4545
}

.firstChargeFreeHtml .supprise .game .gameList .right .mark[data-v-df5fb23a] {
    margin-top: .19rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .mark span[data-v-df5fb23a] {
    font-size: .88rem;
    color: #131313
}

.firstChargeFreeHtml .supprise .game .gameList .right .mark p[data-v-df5fb23a] {
    font-size: 1.38rem;
    font-weight: 900;
    color: #ff7a00
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight[data-v-df5fb23a] {
    position: relative;
    left: 3rem;
    top: 0;
    -webkit-animation: enter-x-right-df5fb23a .8s;
    animation: enter-x-right-df5fb23a .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translateX(8rem);
    transform: translateX(8rem)
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg[data-v-df5fb23a] {
    width: 17.88rem;
    height: 8rem;
    background: url(//images.sooyooj.com//20231209/Vdni3mSgFP9YzmdU.png) no-repeat;
    background-size: 100% 100%;
    padding: .69rem 1rem .63rem 1.63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg h1[data-v-df5fb23a] {
    max-width: 15.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: 700;
    color: #131313;
    line-height: 1.25rem
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .intro[data-v-df5fb23a] {
    max-width: 15.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .88rem;
    font-family: MicrosoftYaHei;
    color: #888;
    line-height: 1.13rem;
    margin-top: .25rem;
    margin-bottom: .38rem
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg p[data-v-df5fb23a],.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg span[data-v-df5fb23a] {
    font-size: .88rem;
    font-family: MicrosoftYaHei;
    color: #ff3d2e;
    line-height: 1.13rem
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .btnBox[data-v-df5fb23a] {
    margin-top: .56rem
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .btnBox .region[data-v-df5fb23a] {
    width: 7.5rem;
    height: 2rem;
    background: -webkit-gradient(linear,right top,left top,from(rgba(255,242,228,0)),to(#ffd5b0));
    background: linear-gradient(270deg,rgba(255,242,228,0),#ffd5b0);
    font-size: 1rem;
    font-family: MicrosoftYaHei;
    font-weight: 700;
    color: #ff7a00;
    line-height: 2rem;
    padding-left: .38rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .btnBox .btn[data-v-df5fb23a] {
    width: 6.38rem;
    height: 2rem;
    background: linear-gradient(322deg,#ff7c01,#ffa300 68%,#ffa900);
    border-radius: 1.13rem;
    font-size: .88rem;
    color: #fff;
    line-height: 2rem;
    text-align: center;
    cursor: pointer
}

.firstChargeFreeHtml .hotGift[data-v-df5fb23a] {
    width: 75.05rem;
    margin: 0 auto;
    margin-top: .63rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox[data-v-df5fb23a] {
    margin-top: 1.06rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem[data-v-df5fb23a] {
    width: 10.13rem;
    height: 10.38rem;
    background: url(//images.sooyooj.com/20231208/Vq9n2IG6zL8SdF2l.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .69rem;
    cursor: pointer
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent[data-v-df5fb23a] {
    margin-top: 4.75rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .imgBox[data-v-df5fb23a] {
    width: 2.75rem;
    height: 2.75rem;
    margin-right: .25rem;
    margin-left: .94rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .imgBox img[data-v-df5fb23a] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .text span[data-v-df5fb23a] {
    font-size: .94rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .text p[data-v-df5fb23a] {
    font-size: .88rem;
    color: #ffda83;
    line-height: 1.19rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .name[data-v-df5fb23a] {
    min-width: 7rem;
    margin-top: 1.33rem;
    font-size: .88rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.19rem;
    text-shadow: 0 0 0 rgba(125,17,0,.5);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .btn[data-v-df5fb23a] {
    background: url(//images.sooyooj.com/20231208/Fg8jnbBmT43aw7Xw.png) no-repeat;
    background-size: 100% 100%;
    width: 6.38rem;
    height: 2.13rem;
    line-height: 2.13rem;
    text-align: center;
    margin: 0 auto;
    margin-top: .44rem;
    font-size: .88rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem[data-v-df5fb23a]:nth-child(7) {
    margin-right: 0
}

@-webkit-keyframes rotateZ-df5fb23a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotateZ-df5fb23a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes enter-x-right-df5fb23a {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes enter-x-right-df5fb23a {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes enter-y-top-df5fb23a {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes enter-y-top-df5fb23a {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.game_wrap[data-v-60d48402] {
    margin-top: -19.5rem
}

.titleBox[data-v-60d48402] {
    width: 100%
}

.titleBox .titleCenter[data-v-60d48402] {
    width: 34.94rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.titleBox .titleCenter .titleImg[data-v-60d48402] {
    width: 2.38rem;
    height: 2.38rem;
    margin: 0 .63rem;
    margin-top: -.43rem
}

.titleBox .titleCenter .titleImg img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.titleBox .titleCenter .titleText[data-v-60d48402] {
    font-size: 1.38rem;
    font-weight: 700;
    color: #ffe8b5;
    line-height: 1.81rem
}

.titleBox p[data-v-60d48402] {
    width: 4.38rem;
    font-size: 1.13rem;
    font-weight: 500;
    color: #ffe8b5;
    cursor: pointer
}

.targetBox[data-v-60d48402] {
    margin-top: .5rem
}

.targetBox img[data-v-60d48402] {
    width: 2.88rem;
    height: 1.25rem;
    margin-right: .38rem
}

.targetBox .target[data-v-60d48402] {
    width: 2.25rem;
    height: 1.13rem;
    background: hsla(0,0%,91.4%,.9);
    border-radius: .13rem;
    text-align: center;
    line-height: 1.13rem;
    font-size: .75rem;
    color: #131313;
    margin-right: .25rem
}

.firstChargeFreeHtml[data-v-60d48402] {
    min-height: 100vh;
    background: #2c244d;
    padding-bottom: 2.13rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1
}

.firstChargeFreeHtml .topImg[data-v-60d48402] {
    width: 100%;
    height: 31.5rem;
    position: absolute;
    z-index: 0
}

.firstChargeFreeHtml .topImg img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .textContent[data-v-60d48402] {
    position: relative;
    left: 20%;
    top: 11.18rem;
    width: 58.63rem;
    height: 2.5rem
}

.firstChargeFreeHtml .textContent .leftText[data-v-60d48402] {
    font-size: 1.63rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.19rem
}

.firstChargeFreeHtml .textContent .leftText span[data-v-60d48402] {
    font-size: 1.63rem;
    color: #ffde70
}

.firstChargeFreeHtml .textContent .centerText[data-v-60d48402] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.94rem;
    margin-left: 2.63rem
}

.firstChargeFreeHtml .center[data-v-60d48402] {
    width: 75.05rem;
    position: absolute;
    top: 20.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.firstChargeFreeHtml .center .seckillBox[data-v-60d48402] {
    width: 75.05rem;
    margin-left: 15rem;
    margin-top: 1.06rem;
    position: absolute
}

.firstChargeFreeHtml .center .seckillBox .seckillItem[data-v-60d48402] {
    width: 14.5rem;
    height: 14.13rem;
    background: #fff;
    border-radius: .63rem;
    margin-left: .63rem;
    cursor: pointer
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .topimg[data-v-60d48402] {
    width: 9.94rem;
    height: 1.44rem;
    margin: 0 auto;
    margin-top: -.25rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo[data-v-60d48402] {
    margin-top: .5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .icon_info[data-v-60d48402] {
    margin-left: .5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .icon_info .gameicon[data-v-60d48402] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .88rem;
    border: .09rem solid #fff;
    overflow: hidden;
    margin-right: .38rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .icon_info .gameicon img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .icon_info .info .gamename[data-v-60d48402] {
    font-weight: 700;
    font-size: .81rem;
    color: #131313;
    line-height: 1.26rem;
    text-align: left
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .hot[data-v-60d48402] {
    margin-left: .5rem;
    margin-top: .5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .hot img[data-v-60d48402] {
    width: 1.13rem;
    height: 1.13rem;
    margin-right: .13rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .hot span[data-v-60d48402] {
    font-size: .88rem;
    color: #ff4545
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox[data-v-60d48402] {
    width: 14.5rem;
    height: 2.38rem;
    background: url(//images.sooyooj.com/20240918/BxeWz1v5yg0plBPa.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .5rem;
    padding: 0 .56rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox .text[data-v-60d48402] {
    font-weight: 400;
    font-size: .63rem;
    color: #fff;
    margin-top: .1rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox p[data-v-60d48402] {
    font-weight: 700;
    font-size: 1.38rem;
    color: #ffe95a;
    margin-top: -.3rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox p span[data-v-60d48402] {
    font-size: .88rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox .relimgw1[data-v-60d48402] {
    width: 4.75rem;
    height: 4.25rem;
    position: relative;
    left: 8.58rem;
    top: -4.5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox .relimgw05[data-v-60d48402] {
    width: 5.19rem;
    height: 4.06rem;
    position: relative;
    left: 8.58rem;
    top: -4.5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .moneyBox .relimgw3[data-v-60d48402] {
    width: 5rem;
    height: 4.25rem;
    position: relative;
    left: 8.58rem;
    top: -4.5rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .ewmbox[data-v-60d48402] {
    margin-top: .3rem;
    width: 14.6rem;
    height: 9.8rem;
    background: rgba(21,21,25,.9);
    border-radius: .63rem .63rem 0 0;
    position: relative;
    left: -.05rem;
    top: -10rem;
    z-index: 99
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .ewmbox .ewm[data-v-60d48402] {
    width: 6.63rem;
    height: 6.63rem;
    border: .15rem solid #ffa715;
    background: #fff;
    margin-right: .63rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .ewmbox .ewm[data-v-60d48402] img {
    width: 100%!important;
    height: 100%!important
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .gameinfo .ewmbox p[data-v-60d48402] {
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    line-height: 1.25rem;
    letter-spacing: 2px
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom[data-v-60d48402] {
    width: 14.5rem;
    height: 4.63rem;
    background: #ffe8df;
    padding: .5rem .75rem;
    border-radius: 0 0 .63rem .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .cashCouponItem[data-v-60d48402] {
    width: 6.25rem;
    height: 3.56rem;
    background: url(//images.sooyooj.com/20240918/m5npTUO6zwj9vYuk.png) no-repeat;
    background-size: 100% 100%;
    padding: .38rem .44rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .cashCouponItem .titlep[data-v-60d48402] {
    font-weight: 700;
    font-size: .81rem;
    line-height: 1.19rem;
    text-align: left;
    font-style: normal
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottom .cashCouponItem p[data-v-60d48402] {
    font-size: .63rem;
    color: #911e16;
    line-height: .88rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter[data-v-60d48402] {
    width: 14.5rem;
    height: 4.63rem;
    background: url(//images.sooyooj.com/20240918/mv4rYhvmP0oma6Rb.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: enter-y-top-60d48402 .4s;
    animation: enter-y-top-60d48402 .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .btnbox[data-v-60d48402] {
    margin-top: .25rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .btnbox .btn[data-v-60d48402] {
    width: 7rem;
    height: 3.25rem
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .btnbox .left[data-v-60d48402] {
    background: url(//images.sooyooj.com/20240918/DwbpMFlmcoZvytvw.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .btnbox .left .giftimg[data-v-60d48402] {
    width: 2.88rem;
    height: .88rem;
    position: relative;
    left: .5rem;
    top: 0
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter .btnbox .right[data-v-60d48402] {
    background: url(//images.sooyooj.com/20240918/cszmxze2rMUaYvHH.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

.firstChargeFreeHtml .center .seckillBox .seckillItem .bottomMouseEnter span[data-v-60d48402] {
    font-size: .75rem;
    color: #6e1e00;
    line-height: 1rem;
    margin-top: -.25rem
}

.firstChargeFreeHtml .center .box[data-v-60d48402] {
    position: relative;
    left: -4rem;
    top: 2rem;
    background-size: 100% 100%;
    background-position: bottom
}

.firstChargeFreeHtml .center .box .countdownBox[data-v-60d48402] {
    position: absolute;
    left: -14rem;
    top: -16rem;
    width: 17.5rem;
    height: 16.25rem;
    background: url(//images.sooyooj.com//20231206/KcdVVH6KPGrPOxkZ.png) no-repeat;
    background-size: 100% 100%
}

.firstChargeFreeHtml .center .box .countdownBox .countdownTitle[data-v-60d48402] {
    width: 5.88rem;
    height: 1.5rem;
    background: #ff4c07;
    border-radius: .75rem;
    border: .06rem solid #ffcf7c;
    margin-top: 6.5rem;
    line-break: 1.5rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .center .box .countdownBox .timeBox[data-v-60d48402] {
    margin-top: .5rem;
    margin-right: .5rem
}

.firstChargeFreeHtml .center .box .countdownBox .timeBox .time[data-v-60d48402] {
    width: 2.63rem;
    height: 2.63rem;
    background: #aa1403;
    border-radius: .38rem;
    border: .06rem solid #fff;
    line-height: 2.63rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .center .box .countdownBox .timeBox p[data-v-60d48402] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 .5rem
}

.firstChargeFreeHtml .center .box .countdownBox .residueText[data-v-60d48402] {
    margin-top: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.63rem
}

.firstChargeFreeHtml .center .box .countdownBox .clockImg[data-v-60d48402] {
    position: relative;
    right: -6.37rem;
    top: -4.5rem;
    width: 4.75rem;
    height: 4.75rem
}

.firstChargeFreeHtml .center .box .countdownBox .clockImg img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .supprise[data-v-60d48402] {
    width: 75.05rem;
    margin: 0 auto;
    margin-top: 34rem;
    cursor: pointer
}

.firstChargeFreeHtml .supprise .game[data-v-60d48402] {
    margin-top: .94rem
}

.firstChargeFreeHtml .supprise .game .gameList[data-v-60d48402] {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-60d48402] {
    width: 24.63rem;
    height: 8rem;
    background: #fff;
    border-radius: .63rem;
    margin-top: .56rem;
    overflow: hidden;
    margin-right: .57rem
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem .left[data-v-60d48402] {
    position: absolute;
    width: 13.5rem;
    height: 8rem;
    background: #d8d8d8;
    border-radius: .63rem 0 0 .63rem;
    overflow: hidden
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem .left img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem .itemHot[data-v-60d48402] {
    position: relative;
    width: 3.9rem;
    height: 1.44rem
}

.firstChargeFreeHtml .supprise .game .gameList .gameItem[data-v-60d48402]:nth-child(3n) {
    margin-right: 0
}

.firstChargeFreeHtml .supprise .game .gameList .right[data-v-60d48402] {
    width: 11rem
}

.firstChargeFreeHtml .supprise .game .gameList .right h1[data-v-60d48402] {
    width: 10rem;
    font-size: .81rem;
    font-weight: 700;
    color: #131313;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: .5rem;
    margin-top: .5rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .targetBox[data-v-60d48402] {
    margin-left: .5rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .targetBox .icon[data-v-60d48402] {
    width: 3.38rem;
    height: 1.25rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .imgbox[data-v-60d48402] {
    width: 11rem;
    height: 2.94rem;
    background: url(//images.sooyooj.com/20240919/2obuEeWxg8llY8g0.png) no-repeat;
    background-size: 100% 100%;
    font-weight: 700;
    font-size: 1.06rem;
    color: #fff;
    line-height: 3.1rem;
    text-indent: .5rem;
    letter-spacing: .1rem;
    margin-left: -.1rem
}

.firstChargeFreeHtml .supprise .game .gameList .right .couponbox[data-v-60d48402] {
    width: 8.56rem;
    height: 1.25rem;
    background: url(//images.sooyooj.com/20240919/1qMXpwohH4OBlb5V.png) no-repeat;
    background-size: 100% 100%;
    font-size: .75rem;
    color: #ff5c23;
    line-height: .81rem;
    text-indent: 3.6rem;
    line-height: 1.25rem;
    margin-left: .5rem
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight[data-v-60d48402] {
    position: relative;
    left: 0;
    top: 0;
    -webkit-animation: enter-x-right-60d48402 .4s;
    animation: enter-x-right-60d48402 .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translateX(8rem);
    transform: translateX(8rem)
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg[data-v-60d48402] {
    width: 11.3rem;
    height: 8rem;
    background: url(//images.sooyooj.com//20240919/udcVPqfjena82Jer.png) no-repeat;
    background-size: 100% 100%;
    padding: .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .gameicon[data-v-60d48402] {
    width: 3.88rem;
    height: 3.88rem;
    border-radius: .88rem;
    border: .09rem solid #fff
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .gameicon img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .supprise .game .gameList .positionRight .backimg .gamebtn[data-v-60d48402] {
    width: 8.63rem;
    height: 3.25rem
}

.firstChargeFreeHtml .hotGift[data-v-60d48402] {
    width: 75.05rem;
    margin: 0 auto;
    margin-top: 34rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox[data-v-60d48402] {
    margin-top: 1.06rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem[data-v-60d48402] {
    width: 14.25rem;
    height: 18.82rem;
    background: #fff;
    cursor: pointer;
    position: relative;
    margin-bottom: .94rem;
    border-radius: .81rem;
    margin-right: .74rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .icon[data-v-60d48402] {
    width: 3.94rem;
    height: 1.44rem;
    position: absolute;
    left: 0;
    top: 0
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent[data-v-60d48402] {
    margin-top: .19rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .imgBox[data-v-60d48402] {
    margin-left: .19rem;
    width: 13.88rem;
    height: 8rem;
    border-radius: .81rem .81rem 0 0;
    overflow: hidden
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .imgBox img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .text[data-v-60d48402] {
    margin-top: .25rem;
    margin-left: .19rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .text h1[data-v-60d48402] {
    font-weight: 700;
    font-size: .81rem;
    color: #000;
    line-height: 1.26rem;
    margin-left: .5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .text .targetBox[data-v-60d48402] {
    margin-top: .31rem;
    margin-bottom: .44rem;
    margin-left: .5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .text .targetBox .targeticon[data-v-60d48402] {
    width: 2.38rem;
    height: .88rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox[data-v-60d48402] {
    height: 2.38rem;
    background: url(//images.sooyooj.com/20240918/BxeWz1v5yg0plBPa.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox .text[data-v-60d48402] {
    font-weight: 400;
    font-size: .63rem;
    color: #fff;
    margin-top: .1rem;
    margin-left: .5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox p[data-v-60d48402] {
    font-weight: 700;
    font-size: 1.38rem;
    color: #ffe95a;
    margin-top: -.3rem;
    margin-left: .5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox p span[data-v-60d48402] {
    font-size: .88rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox .relimgw1[data-v-60d48402] {
    width: 4.75rem;
    height: 4.25rem;
    position: relative;
    left: 8.58rem;
    top: -4.5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox .relimgw05[data-v-60d48402] {
    width: 5.19rem;
    height: 4.06rem;
    position: relative;
    left: 8.58rem;
    top: -4.5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .moneyBox .relimgw3[data-v-60d48402] {
    width: 5rem;
    height: 4.25rem;
    position: relative;
    left: 8.58rem;
    top: -4.5rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .couponbox[data-v-60d48402] {
    width: 14.25rem;
    height: 5.13rem;
    background: #ffe8df;
    border-radius: 0 0 .63rem .63rem;
    padding: .38rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .couponbox .coupon[data-v-60d48402] {
    width: 13.75rem;
    height: 4.38rem;
    background: #fff;
    border-radius: .38rem;
    border: .05rem solid #e4e4e4;
    padding: 0 .38rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .couponbox .coupon .cashCouponItem[data-v-60d48402] {
    width: 6.25rem;
    height: 3.56rem;
    background: url(//images.sooyooj.com/20240918/m5npTUO6zwj9vYuk.png) no-repeat;
    background-size: 100% 100%;
    padding: .38rem .44rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .couponbox .coupon .cashCouponItem .titlep[data-v-60d48402] {
    font-weight: 700;
    font-size: .81rem;
    line-height: 1.19rem;
    text-align: left;
    font-style: normal
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .couponbox .coupon .cashCouponItem p[data-v-60d48402] {
    font-size: .63rem;
    color: #911e16;
    line-height: .88rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .giftMouseEnter[data-v-60d48402] {
    width: 100%;
    height: 10.63rem;
    background: url(//images.sooyooj.com/20240919/WmKZalAGF5yInqD5.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: enter-y-top-60d48402 .4s;
    animation: enter-y-top-60d48402 .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem)
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .giftMouseEnter .gameicon[data-v-60d48402] {
    width: 3.88rem;
    height: 3.88rem;
    border-radius: .88rem;
    border: .09rem solid #fff;
    margin-bottom: .44rem;
    margin-top: .94rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .giftMouseEnter .gameicon img[data-v-60d48402] {
    width: 100%;
    height: 100%
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .giftMouseEnter .gamebtn[data-v-60d48402] {
    width: 8.63rem;
    height: 3.25rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .hotGiftContent .giftMouseEnter span[data-v-60d48402] {
    font-size: .81rem;
    color: #6e1e00;
    line-height: 1.06rem
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem .btn[data-v-60d48402] {
    background: url(//images.sooyooj.com/20231208/Fg8jnbBmT43aw7Xw.png) no-repeat;
    background-size: 100% 100%;
    width: 6.38rem;
    height: 2.13rem;
    line-height: 2.13rem;
    text-align: center;
    margin: 0 auto;
    margin-top: .44rem;
    font-size: .88rem;
    font-weight: 700;
    color: #fff
}

.firstChargeFreeHtml .hotGift .hotGiftBox .hotGiftItem[data-v-60d48402]:nth-child(5n) {
    margin-right: 0
}

@-webkit-keyframes enter-x-right-60d48402 {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes enter-x-right-60d48402 {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes enter-y-top-60d48402 {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes enter-y-top-60d48402 {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.title[data-v-55e799b1] {
    padding: 1.5rem 0 1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99999
}

.title .line[data-v-55e799b1] {
    width: .38rem;
    height: 1.5rem;
    background: #ff7a00;
    margin-right: .44rem
}

.title span[data-v-55e799b1] {
    font-weight: 700;
    font-size: 1.25rem;
    color: #fff;
    letter-spacing: 1px;
    text-align: left;
    font-style: normal
}

.title .more[data-v-55e799b1] {
    padding: .1rem .44rem .1rem .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .38rem;
    border: .06rem solid #fff9a8;
    margin-left: 1rem
}

.title .more span[data-v-55e799b1] {
    color: #fff9a8;
    font-size: .75rem;
    line-height: 1rem
}

.title .more img[data-v-55e799b1] {
    width: .5rem;
    height: .5rem;
    margin-left: .13rem
}

.title .icon h1[data-v-55e799b1] {
    width: 1.38rem;
    height: 1.38rem;
    margin-left: .75rem
}

.title .icon h1 img[data-v-55e799b1] {
    width: 100%;
    height: 100%
}

.w_80[data-v-54b477c2] {
    width: 80rem;
    margin: 0 auto
}

.topicPageHtml[data-v-54b477c2] {
    width: 100%;
    min-height: 100vh;
    background-size: 100% 100%!important;
    padding-bottom: 3.06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.topicPageHtml .content[data-v-54b477c2] {
    margin-top: 9.44rem
}

.topicPageHtml .newGames .newGameCotent[data-v-54b477c2] {
    width: 18.13rem;
    height: 15.25rem;
    background: #fff;
    border-radius: .63rem;
    margin-top: .13rem;
    position: relative;
    overflow: hidden
}

.topicPageHtml .newGames .newGameCotent .itemfirst[data-v-54b477c2] {
    width: 100%;
    height: 3.63rem;
    background: #a52a0c;
    border-radius: .63rem .63rem 0 0;
    padding: .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topicPageHtml .newGames .newGameCotent .itemfirst .topone[data-v-54b477c2] {
    position: absolute;
    top: 0;
    left: 0
}

.topicPageHtml .newGames .newGameCotent .itemfirst .icon[data-v-54b477c2] {
    width: 2.38rem;
    height: 2.38rem;
    border-radius: .5rem;
    border: .06rem solid #fff
}

.topicPageHtml .newGames .newGameCotent .itemfirst span[data-v-54b477c2] {
    font-family: MicrosoftYaHei;
    font-weight: 700;
    font-size: .81rem;
    color: #fff;
    line-height: 1.25rem;
    text-align: left;
    margin-left: .69rem;
    margin-right: .81rem
}

.topicPageHtml .newGames .newGameCotent .itemfirst .btn[data-v-54b477c2] {
    width: 3.25rem;
    height: 1.25rem;
    background: #fff;
    border-radius: .13rem;
    font-size: .81rem;
    color: #8d1c00;
    line-height: 1.25rem;
    text-align: center;
    z-index: 999
}

.topicPageHtml .newGames .newGameCotent .itemfirst[data-v-54b477c2]:hover {
    background: #ffcf28
}

.topicPageHtml .newGames .newGameCotent .itemfirst:hover span[data-v-54b477c2] {
    color: #131313;
    font-weight: 700
}

.topicPageHtml .newGames .newGameCotent .itemList[data-v-54b477c2] {
    width: 18.13rem;
    height: 1.88rem;
    border-bottom: .06rem dashed #e0e0e0
}

.topicPageHtml .newGames .newGameCotent .itemList .num[data-v-54b477c2] {
    width: 1rem;
    height: 1rem;
    background: #ffab14;
    margin-left: .81rem;
    font-size: .81rem;
    color: #fff;
    line-height: 1rem;
    text-align: center
}

.topicPageHtml .newGames .newGameCotent .itemList span[data-v-54b477c2] {
    font-size: .81rem;
    color: #131313;
    margin-left: .75rem;
    margin-right: .81rem
}

.topicPageHtml .newGames .newGameCotent .itemList .btn[data-v-54b477c2] {
    font-size: .81rem;
    color: #131313;
    margin-right: 1.5rem
}

.topicPageHtml .newGames .newGameCotent .itemList[data-v-54b477c2]:last-child {
    border-bottom: none
}

.topicPageHtml .newGames .newGameCotent .itemList[data-v-54b477c2]:hover {
    background: #ffcf28
}

.topicPageHtml .hotGames[data-v-54b477c2] {
    margin-left: 1rem
}

.topicPageHtml .hotGames .hotList[data-v-54b477c2] {
    width: 100%;
    height: 15.25rem
}

.topicPageHtml .hotGames .hotList .card[data-v-54b477c2] {
    margin-left: 1rem;
    z-index: 1;
    width: 19.63rem;
    height: 100%;
    border-radius: .63rem;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

.topicPageHtml .hotGames .hotList .card .card-header[data-v-54b477c2] {
    width: 100%;
    height: 11.5rem;
    position: relative
}

.topicPageHtml .hotGames .hotList .card .card-header .tag-icon[data-v-54b477c2] {
    position: relative;
    left: 0;
    top: 0;
    width: 4rem;
    height: 4.13rem;
    z-index: 1
}

.topicPageHtml .hotGames .hotList .card .card-header .gameimg[data-v-54b477c2] {
    width: 100%;
    height: 11.5rem;
    position: relative;
    margin-top: -4.13rem
}

.topicPageHtml .hotGames .hotList .card .card-header .top-mask[data-v-54b477c2] {
    width: 100%;
    height: 1.75rem;
    background: rgba(0,0,0,.7);
    position: relative;
    left: 0;
    bottom: 1.75rem;
    padding-left: .63rem;
    padding-right: 1.13rem
}

.topicPageHtml .hotGames .hotList .card .card-header .top-mask span[data-v-54b477c2] {
    font-size: .75rem;
    color: hsla(0,0%,100%,.8);
    line-height: 1.75rem;
    text-align: left;
    font-style: normal
}

.topicPageHtml .hotGames .hotList .card .card-header .top-mask .palynum[data-v-54b477c2] {
    width: 7.63rem;
    height: 1.13rem;
    background: url(//images.sooyooj.com/20241112/HcLZFPBcm4buzBhd.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 1.13rem
}

.topicPageHtml .hotGames .hotList .card .card-header .top-mask .palynum span[data-v-54b477c2] {
    font-size: .75rem;
    color: hsla(0,0%,100%,.8);
    line-height: 1.13rem;
    text-indent: 1.38rem
}

.topicPageHtml .hotGames .hotList .card .card-header .hot-game-move-content[data-v-54b477c2] {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.topicPageHtml .hotGames .hotList .card .card-header .hot-game-move-content .mask[data-v-54b477c2] {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: rgba(0,0,0,.7);
    z-index: 1
}

.topicPageHtml .hotGames .hotList .card .card-header .hot-game-move-content .ewmcontent[data-v-54b477c2] {
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s;
    transition: all .3s
}

.topicPageHtml .hotGames .hotList .card .card-header .hot-game-move-content .qrcode[data-v-54b477c2] {
    width: 6.88rem;
    height: 6.88rem;
    border: .15rem solid #ffa715
}

.topicPageHtml .hotGames .hotList .card .card-header .hot-game-move-content .context[data-v-54b477c2] {
    font-weight: 700;
    font-size: 1.38rem;
    color: #fff;
    line-height: 2rem;
    margin-left: 1.63rem
}

.topicPageHtml .hotGames .hotList .card .card-content[data-v-54b477c2] {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .44rem 1.13rem;
    height: 3.75rem
}

.topicPageHtml .hotGames .hotList .card .card-content .context .btnimg[data-v-54b477c2] {
    width: 8.25rem;
    height: 2.75rem
}

.topicPageHtml .hotGames .hotList .card .card-content .context .game-title .left img[data-v-54b477c2] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .63rem;
    margin-right: .31rem
}

.topicPageHtml .hotGames .hotList .card .card-content .context .game-title .left .text span[data-v-54b477c2] {
    font-weight: 700;
    font-size: .88rem;
    color: #131313;
    text-align: left;
    font-style: normal
}

.topicPageHtml .hotGames .hotList .card .card-content .context .game-title .left .text p[data-v-54b477c2] {
    font-size: .75rem;
    color: #999;
    text-align: left;
    font-style: normal;
    max-width: 12.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topicPageHtml .hotGames .hotList .card .card-content .context .game-title .ewm[data-v-54b477c2] {
    width: 1.75rem;
    height: 1.75rem
}

.topicPageHtml .hotGames .hotList .card .card-content .context p[data-v-54b477c2] {
    font-size: .75rem;
    color: #999;
    line-height: normal;
    text-align: left;
    font-style: normal;
    margin-top: .5rem
}

.topicPageHtml .hotGames .hotList .card .card-content .desc .tag-red[data-v-54b477c2] {
    padding: .19rem;
    font-size: .75rem;
    color: #ff7c7c;
    border: 1px solid #ff7c7c;
    border-radius: .19rem
}

.topicPageHtml .hotGames .hotList .card .card-content .desc .tag-green[data-v-54b477c2] {
    padding: .19rem;
    font-size: .75rem;
    color: #1dbb55;
    border: 1px solid #1dbb55;
    border-radius: .19rem
}

.topicPageHtml .hotGames .hotList .card .card-content .desc .ml_7[data-v-54b477c2] {
    margin-left: .44rem
}

.topicPageHtml .hotGames .hotList .card .card-content .desc .tip[data-v-54b477c2] {
    font-size: .88rem;
    color: #666
}

.topicPageHtml .hotGames .hotList .card[data-v-54b477c2]:first-child {
    margin-left: 0
}

.topicPageHtml .welfareBox .gameList .game-item[data-v-54b477c2] {
    width: 26rem;
    height: 10.13rem;
    background: #fff;
    border-radius: .38rem;
    overflow: hidden;
    margin-right: 1rem
}

.topicPageHtml .welfareBox .gameList .game-item .left .gameimg[data-v-54b477c2] {
    width: 13.88rem;
    height: 7.5rem
}

.topicPageHtml .welfareBox .gameList .game-item .left .gamepalynum[data-v-54b477c2] {
    padding: 0 .5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topicPageHtml .welfareBox .gameList .game-item .left .gamepalynum span[data-v-54b477c2] {
    font-weight: 700;
    font-size: .88rem;
    color: #3c3c3c;
    line-height: 1.19rem
}

.topicPageHtml .welfareBox .gameList .game-item .left .gamepalynum p[data-v-54b477c2] {
    font-size: .69rem;
    color: #3c3c3c;
    line-height: .94rem
}

.topicPageHtml .welfareBox .gameList .game-item .right[data-v-54b477c2] {
    width: 12.13rem;
    height: 10.13rem;
    background: #00837e;
    border-radius: 0 .38rem .38rem 0;
    padding: .63rem .56rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topicPageHtml .welfareBox .gameList .game-item .right .tag[data-v-54b477c2] {
    width: 11rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    border-top: .13rem solid #fff;
    border-bottom: .13rem solid #fff;
    font-size: 1.38rem;
    color: #fff
}

.topicPageHtml .welfareBox .gameList .game-item .right p[data-v-54b477c2] {
    margin-top: .56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-height: 1.13rem;
    -webkit-box-orient: vertical;
    font-size: .75rem;
    color: #fff
}

.topicPageHtml .welfareBox .gameList .game-item .right .palygame-btn[data-v-54b477c2] {
    width: 6.88rem;
    height: 2rem;
    border-radius: 1.13rem;
    border: .06rem solid #fff;
    line-height: 2rem;
    text-align: center;
    font-size: .75rem;
    color: #fff
}

.topicPageHtml .welfareBox .gameList .game-item:first-child .right[data-v-54b477c2] {
    background: #00837e
}

.topicPageHtml .welfareBox .gameList .game-item:nth-child(2) .right[data-v-54b477c2] {
    background: #595a9d
}

.topicPageHtml .welfareBox .gameList .game-item:nth-child(3) .right[data-v-54b477c2] {
    background: #984e00;
    margin-right: 0
}

.topicPageHtml .welfareBox .gameList .game-item[data-v-54b477c2]:hover {
    -webkit-box-shadow: .25rem .25rem .75rem 0 #ff9b00;
    box-shadow: .25rem .25rem .75rem 0 #ff9b00
}

.topicPageHtml .welfareBox .gameList .game-item:hover .right .palygame-btn[data-v-54b477c2] {
    border: .13rem solid #fff
}

.topicPageHtml .serverBox .severTable[data-v-54b477c2] {
    width: 100%;
    background-color: #fff;
    border-radius: .5rem;
    overflow: hidden
}

.topicPageHtml .serverBox .severTable .title[data-v-54b477c2] {
    background: #ff9100
}

.topicPageHtml .serverBox .severTable .severTitle .border_right[data-v-54b477c2] {
    border-right: .06rem solid #bababa
}

.topicPageHtml .serverBox .severTable .severTitle .border_top[data-v-54b477c2] {
    border-top: .06rem solid #bababa
}

.topicPageHtml .serverBox .severTable .severTitle .tableTitle[data-v-54b477c2] {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: .88rem;
    font-weight: 700;
    color: #fff
}

.topicPageHtml .serverBox .severTable .severTitle .name[data-v-54b477c2] {
    width: 19.84rem;
    line-height: 2rem;
    text-align: center
}

.topicPageHtml .serverBox .severTable .severTitle .time[data-v-54b477c2] {
    width: 13.25rem;
    line-height: 2rem;
    text-align: center
}

.topicPageHtml .serverBox .severTable .severTitle .serve[data-v-54b477c2] {
    width: 10.25rem;
    line-height: 2rem;
    text-align: center
}

.topicPageHtml .serverBox .severTable .severTitle .serveItem[data-v-54b477c2] {
    width: 10.25rem;
    height: 2rem;
    font-size: .88rem;
    line-height: 2rem
}

.topicPageHtml .serverBox .severTable .severTitle .serveItem p[data-v-54b477c2] {
    width: .39rem;
    height: .39rem;
    background: #f90000;
    border: .06rem solid #ffb68b;
    border-radius: 50%;
    margin-left: .5rem
}

.topicPageHtml .serverBox .severTable .severTitle .intro[data-v-54b477c2] {
    width: 20.06rem;
    line-height: 2rem;
    text-align: center
}

.topicPageHtml .serverBox .severTable .severTitle .Entrance[data-v-54b477c2] {
    width: 16.56rem;
    line-height: 2rem;
    text-align: center
}

.topicPageHtml .serverBox .severTable .severTitle .EntranceItem[data-v-54b477c2] {
    width: 16.56rem;
    height: 2rem;
    font-size: .88rem;
    line-height: 2rem;
    cursor: pointer
}

.topicPageHtml .serverBox .severTable .severTitle .EntranceItem img[data-v-54b477c2] {
    width: .68rem;
    height: .68rem;
    margin-left: .25rem
}

.topicPageHtml .serverBox .severTable .item[data-v-54b477c2]:hover {
    background: #f2c801
}

.topicPageHtml .serverBox .severTable .item:hover span[data-v-54b477c2] {
    -webkit-animation: slide-left-54b477c2 .5s linear;
    animation: slide-left-54b477c2 .5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slide-left-54b477c2 {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -20px
    }
}

@keyframes slide-left-54b477c2 {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -20px
    }
}

.topicPageHtml .freeBox[data-v-54b477c2] {
    height: 14rem;
    margin-top: 1.5rem
}

.topicPageHtml .freeBox .countdown[data-v-54b477c2] {
    width: 80rem;
    height: 2.38rem;
    background: url(//images.sooyooj.com/20241115/o3OOiYmPBRqsfW0W.png) no-repeat;
    background-size: 100% 100%
}

.topicPageHtml .freeBox .countdown .count .time[data-v-54b477c2] {
    font-weight: 800;
    font-size: 14px;
    color: #763017;
    text-align: center;
    font-style: normal
}

.topicPageHtml .freeBox .countdown .count .time p[data-v-54b477c2] {
    width: 1.75rem;
    height: 1.75rem;
    background: -webkit-gradient(linear,left top,left bottom,from(#b5663a),to(#7e361b));
    background: linear-gradient(180deg,#b5663a,#7e361b);
    border-radius: .25rem;
    border: .04rem solid #fff;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
    line-height: 1.75rem;
    text-align: center;
    font-style: normal
}

.topicPageHtml .freeBox .countdown .count .time span[data-v-54b477c2] {
    font-weight: 800;
    font-size: .88rem;
    color: #763017;
    text-align: left;
    font-style: normal;
    margin-left: .31rem
}

.topicPageHtml .freeBox .countdown .count .time p[data-v-54b477c2]:first-child {
    margin-left: .63rem
}

.topicPageHtml .freeBox .countdown .count .num[data-v-54b477c2] {
    margin-left: 2.38rem;
    font-size: .88rem;
    color: #763017;
    text-align: center;
    font-style: normal;
    margin-right: 1.13rem
}

.topicPageHtml .freeBox .freeSwiper[data-v-54b477c2] {
    width: 83.75rem;
    margin: 0 auto;
    height: 12.63rem;
    position: relative;
    padding: .69rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.topicPageHtml .freeBox .freeSwiper .swiper-button-next[data-v-54b477c2],.topicPageHtml .freeBox .freeSwiper .swiper-button-prev[data-v-54b477c2] {
    color: #ff8a00!important
}

.topicPageHtml .freeBox .freeSwiper .swiper-button-next[data-v-54b477c2]:after,.topicPageHtml .freeBox .freeSwiper .swiper-button-prev[data-v-54b477c2]:after {
    font-size: 24px
}

.topicPageHtml .freeBox .freeSwiper .swiper-navigation-next[data-v-54b477c2] {
    width: 1.88rem;
    height: 3.25rem;
    background: rgba(0,0,0,.1);
    position: relative;
    top: -6rem;
    right: -82rem
}

.topicPageHtml .freeBox .freeSwiper .swiper-navigation-prev[data-v-54b477c2] {
    width: 1.88rem;
    height: 3.25rem;
    background: rgba(0,0,0,.1);
    position: absolute;
    top: 50%;
    left: -2px
}

.topicPageHtml .freeBox .freeSwiper .swiper-box[data-v-54b477c2] {
    width: 80rem;
    margin: 0 auto;
    padding: .75rem .75rem 1.5rem .75rem;
    margin-top: -.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #22211e
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide[data-v-54b477c2] {
    width: 10.13rem;
    height: 10.13rem
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item[data-v-54b477c2] {
    width: 10.13rem;
    height: 10.13rem;
    background: url(https://images.sooyooj.com/20241113/yk5silgu2fqdYu2g.png) no-repeat;
    background-size: 100% 100%;
    padding: .38rem .69rem;
    position: relative
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .cornerMark[data-v-54b477c2] {
    position: absolute;
    right: .15rem;
    top: 0;
    width: 3.47rem;
    height: 2.94rem
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .iconandtag .icon[data-v-54b477c2] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .5rem;
    overflow: hidden;
    margin-right: .25rem
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .iconandtag .icon img[data-v-54b477c2] {
    width: 100%;
    height: 100%
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .iconandtag .tag[data-v-54b477c2] {
    height: 1.25rem;
    padding: .31rem .38rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.53);
    border-radius: .23rem;
    text-align: center;
    line-height: 1.06rem;
    margin-top: .69rem;
    font-weight: 700;
    font-size: .75rem;
    color: #8c3f22
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .titleandplaynum[data-v-54b477c2] {
    margin-top: .95rem
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .titleandplaynum .title[data-v-54b477c2] {
    font-weight: 700;
    font-size: .75rem;
    color: #7a3319;
    line-height: 1rem;
    text-align: left
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .titleandplaynum .text[data-v-54b477c2] {
    width: 100%;
    text-align: center;
    font-size: .75rem;
    color: #fff4d9;
    line-height: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: .63rem auto
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item .btn[data-v-54b477c2] {
    width: 9rem;
    height: 2.5rem;
    margin: 0 auto;
    cursor: pointer
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-wrapper .swiper-slide .item[data-v-54b477c2]:hover {
    width: 10.13rem;
    height: 10.13rem;
    background: url(https://images.sooyooj.com/20241113/n0p7MmFdRE5uCwVD.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 2px 2px 6px 0 #ab3400;
    box-shadow: 2px 2px 6px 0 #ab3400
}

.topicPageHtml .freeBox .freeSwiper .swiper-box .swiper-slide[data-v-54b477c2]:first-child {
    margin-left: 0
}

.newserverList[data-v-78b39618] {
    width: 48.38rem;
    height: 18rem;
    background: #fff;
    padding: .75rem 1rem 1.25rem 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.newserverList .topBox[data-v-78b39618] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newserverList .topBox .tittle[data-v-78b39618] {
    font-size: 1.13rem;
    font-weight: 700;
    color: #000;
    line-height: 1.5rem;
    letter-spacing: 1px
}

.newserverList .topBox .select[data-v-78b39618] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.newserverList .topBox .select span[data-v-78b39618] {
    width: 1.13rem;
    height: 1.13rem;
    background: #fff;
    border: .06rem solid #ff632e;
    display: block;
    text-align: center;
    line-height: 1.13rem;
    font-size: .75rem;
    font-family: MicrosoftYaHei;
    color: #ff632e;
    margin-left: .5rem;
    cursor: pointer
}

.newserverList .topBox .select span.active[data-v-78b39618] {
    color: #fff;
    background: #ff632e
}

.newserverList .serverListBox[data-v-78b39618] {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.newserverList .serverListBox .serverListItem[data-v-78b39618],.newserverList .serverListBox[data-v-78b39618] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newserverList .serverListBox .serverListItem[data-v-78b39618] {
    width: 22.63rem;
    height: 4.25rem;
    border: .06rem solid #eaeaea;
    padding: .5rem 0 .5rem .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: .63rem
}

.newserverList .serverListBox .serverListItem .iconImg[data-v-78b39618] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .62rem
}

.newserverList .serverListBox .serverListItem .centerBox[data-v-78b39618] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newserverList .serverListBox .serverListItem .centerBox .left[data-v-78b39618] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newserverList .serverListBox .serverListItem .centerBox .left h1[data-v-78b39618] {
    font-size: .75rem;
    color: #131313
}

.newserverList .serverListBox .serverListItem .centerBox .left p[data-v-78b39618] {
    font-size: .75rem;
    color: #ff3232
}

.newserverList .serverListBox .serverListItem .centerBox .left span[data-v-78b39618] {
    font-size: .63rem;
    color: #999
}

.newserverList .serverListBox .serverListItem .centerBox .btn[data-v-78b39618] {
    width: 4.38rem;
    height: 1.5rem;
    background: #ffa53e;
    border-radius: .25rem;
    font-size: .75rem;
    color: #fff;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer
}

.newserverList .serverListBox .serverListItem .hot[data-v-78b39618] {
    width: 2.75rem;
    height: 3.13rem;
    margin-top: -.5rem
}

.hostGiftContent[data-v-61646ef6] {
    width: 18.5rem;
    height: 18rem;
    background: #fff;
    padding: .75rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hostGiftContent .hostGiftTitle[data-v-61646ef6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: .75rem
}

.hostGiftContent .hostGiftTitle h1[data-v-61646ef6] {
    font-size: 1.13rem;
    font-weight: 700;
    color: #000;
    line-height: 1.5rem;
    letter-spacing: 1px
}

.hostGiftContent .hostGiftTitle .more[data-v-61646ef6] {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hostGiftContent .hostGiftTitle .more span[data-v-61646ef6] {
    font-size: .75rem;
    color: #ff632e
}

.hostGiftContent .hostGiftTitle .more img[data-v-61646ef6] {
    width: .81rem;
    height: .81rem
}

.hostGiftContent .giftItem[data-v-61646ef6]:last-child {
    border-bottom: .07rem solid #f1f1f1
}

.hostGiftContent .giftItem[data-v-61646ef6] {
    border-top: .07rem solid #f1f1f1;
    padding: .38rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hostGiftContent .giftItem .giftIcon[data-v-61646ef6] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .38rem;
    margin-left: 1rem
}

.hostGiftContent .giftItem .textCenter[data-v-61646ef6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .5rem
}

.hostGiftContent .giftItem .textCenter .giftName[data-v-61646ef6] {
    font-size: .75rem;
    color: #000;
    line-height: 1rem
}

.hostGiftContent .giftItem .textCenter .giftImg[data-v-61646ef6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hostGiftContent .giftItem .textCenter .giftImg img[data-v-61646ef6] {
    width: .75rem;
    height: .75rem
}

.hostGiftContent .giftItem .textCenter .giftImg span[data-v-61646ef6] {
    font-size: .63rem;
    font-family: MicrosoftYaHei;
    color: #ff3232;
    line-height: .88rem;
    margin-left: .13rem
}

.hostGiftContent .giftItem .btn[data-v-61646ef6] {
    width: 3.44rem;
    height: 1.5rem;
    background: #ffa53e;
    border-radius: .25rem;
    text-align: center;
    cursor: pointer;
    font-size: .75rem;
    color: #fff;
    line-height: 1.5rem;
    margin-right: 1rem
}

.advgamewrapBox[data-v-404b5bcc] {
    width: 39.55rem;
    margin-top: .62rem
}

.advgamewrapBox .advgamewrap[data-v-404b5bcc] {
    width: 100%;
    height: 16.31rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.advgamewrapBox .advgamewrap .item[data-v-404b5bcc] {
    width: 12.81rem;
    cursor: pointer
}

.advgamewrapBox .advgamewrap .item .img[data-v-404b5bcc] {
    width: 100%;
    height: 16.31rem
}

.advgamewrapBox .advgamewrap .item .img img[data-v-404b5bcc] {
    display: block;
    width: 100%;
    height: 100%
}

.item[data-v-404b5bcc]:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    cursor: pointer;
    margin-top: -8px;
    margin-bottom: 8px;
    background: #fff;
    opacity: .6
}

.reImg[data-v-75f3448b] {
    position: relative
}

.adv-shadow[data-v-75f3448b]:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    box-shadow: 0 0 20px 0 rgba(10,22,42,.2);
    cursor: pointer
}

@-webkit-keyframes xing-75f3448b {
    0% {
        width: 0;
        height: 0%
    }

    to {
        width: 100%;
        height: 100%
    }
}

@keyframes xing-75f3448b {
    0% {
        width: 0;
        height: 0%
    }

    to {
        width: 100%;
        height: 100%
    }
}

.serverListBox[data-v-75f3448b] {
    width: 27rem;
    margin-top: 5px
}

.serverListBox .advgamewrap[data-v-75f3448b] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.serverListBox .advgamewrap .imgcont[data-v-75f3448b] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative
}

.serverListBox .advgamewrap .imgcont .imgcont-cont[data-v-75f3448b] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: xing-75f3448b .5s linear;
    animation: xing-75f3448b .5s linear;
    z-index: 100;
    cursor: pointer
}

.serverListBox .advgamewrap .imgcont .imgcont-cont .simg[data-v-75f3448b],.serverListBox .advgamewrap .imgcont .imgcont-cont .simg img[data-v-75f3448b] {
    width: 100%;
    height: 100%
}

.serverListBox .advgamewrap .imgcont .simg[data-v-75f3448b] {
    width: 13.22rem;
    height: 8.1rem;
    margin-right: .56rem
}

.serverListBox .advgamewrap .imgcont .simg[data-v-75f3448b]:first-child {
    margin-bottom: 6px
}

.serverListBox .advgamewrap .imgcont .simg[data-v-75f3448b]:nth-child(2) {
    margin-bottom: 6px;
    margin-right: 0
}

.serverListBox .advgamewrap .imgcont .simg.imgcont-cont[data-v-75f3448b],.serverListBox .advgamewrap .imgcont .simg[data-v-75f3448b]:nth-child(4) {
    margin-right: 0
}

.serverListBox .advgamewrap .imgcont .simg.big[data-v-75f3448b] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.serverListBox .advgamewrap .imgcont img[data-v-75f3448b] {
    width: 100%;
    height: 100%
}

.serverListBox .servicelist .serviceitem:hover .btn-wrap[data-v-75f3448b] {
    display: block
}

.serverListBox .servicelist .serviceitem[data-v-75f3448b]:hover {
    background: #eff3f5
}

.gameitem[data-v-5d4915ed] {
    width: 22.5rem;
    height: 37.25rem;
    background: #fff;
    padding: 1.25rem 0 1.06rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameitem .gametitle[data-v-5d4915ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.25rem;
    background: url(//images.sooyooj.com/20231106/fn0SXPujDF1nPKiM.png) no-repeat 0 100%;
    background-size: 4.75rem 1rem;
    font-size: 1.13rem;
    font-weight: 700;
    color: #000;
    line-height: 1.5rem;
    letter-spacing: 1px;
    padding-bottom: .25rem
}

.gameitem .gametitle .val p[data-v-5d4915ed]:first-child {
    font-weight: 700
}

.gameitem .gametitle .val p[data-v-5d4915ed]:last-child {
    color: #666;
    font-size: 12px
}

.gameitem .itemBox[data-v-5d4915ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.gameitem .itemBox .imgTop[data-v-5d4915ed] {
    width: 298px;
    height: 174px;
    margin-bottom: 10px;
    display: none
}

.gameitem .itemBox .imgTop img[data-v-5d4915ed] {
    width: 100%;
    height: 100%
}

.gameitem .itemBox .item[data-v-5d4915ed] {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 1.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: .07rem solid #f1f1f1;
    cursor: pointer
}

.gameitem .itemBox .item .top[data-v-5d4915ed],.gameitem .itemBox .item[data-v-5d4915ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameitem .itemBox .item .top[data-v-5d4915ed] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem
}

.gameitem .itemBox .item .top .ranking[data-v-5d4915ed] {
    width: 1.38rem;
    height: 1.38rem;
    background: #cecece;
    border-radius: .38rem;
    font-size: .88rem;
    font-family: MicrosoftYaHei;
    color: #fff;
    line-height: 1.58rem;
    text-align: center
}

.gameitem .itemBox .item .top .active[data-v-5d4915ed] {
    background: #000
}

.gameitem .itemBox .item .top p[data-v-5d4915ed] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .88rem;
    font-family: MicrosoftYaHei;
    color: #000;
    line-height: 1.19rem;
    margin-left: .38rem
}

.gameitem .itemBox .item .bottom[data-v-5d4915ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .75rem
}

.gameitem .itemBox .item .bottom img[data-v-5d4915ed] {
    width: 7.49rem;
    height: 4.38rem;
    margin-right: .75rem
}

.gameitem .itemBox .item .bottom .right[data-v-5d4915ed] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gameitem .itemBox .item .bottom .right .name[data-v-5d4915ed] {
    font-size: .88rem;
    font-family: MicrosoftYaHei;
    color: #000;
    line-height: 1.19rem
}

.gameitem .itemBox .item .bottom .right .tag[data-v-5d4915ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .19rem
}

.gameitem .itemBox .item .bottom .right .tag span[data-v-5d4915ed] {
    width: 1.75rem;
    height: .88rem;
    background: #e9e9e9;
    border-radius: .11rem;
    font-size: .61rem;
    font-family: MicrosoftYaHei;
    color: #131313;
    line-height: .88rem;
    text-align: center;
    margin-right: .38rem
}

.gameitem .itemBox .item .bottom .right .btn[data-v-5d4915ed] {
    width: 4.38rem;
    height: 1.5rem;
    background: #ffa53e;
    border-radius: .25rem;
    font-size: .75rem;
    color: #fff;
    line-height: 1.5rem;
    text-align: center;
    margin-top: .5rem
}

.title[data-v-3849c3a2] {
    font-size: 1.13rem;
    font-weight: 700;
    color: #000;
    line-height: 1.5rem;
    letter-spacing: 1px;
    margin-top: .38rem
}

.content[data-v-3849c3a2] {
    height: 84rem;
    background: url(//images.sooyooj.com/20231102/6HBsElbTi79k3bNV.png) no-repeat;
    background-size: 100% 100%
}

.content .indexIcon[data-v-3849c3a2] {
    position: fixed;
    top: 80%;
    right: 19%;
    width: 3.87rem;
    height: 3.88rem;
    background: #fff;
    border-radius: .63rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.content .indexIcon img[data-v-3849c3a2] {
    width: 1.22rem;
    height: 1.22rem
}

.content .indexIcon span[data-v-3849c3a2] {
    font-size: .63rem;
    color: #000;
    margin-top: .31rem
}

.content .headerImg[data-v-3849c3a2] {
    width: 100%;
    height: 5.19rem;
    background: url(//images.sooyooj.com/20231102/pIbntNpD7nQqLrnM.png) no-repeat;
    background-size: 100% 100%;
    position: absolute
}

.content .headerImg .collectBtn[data-v-3849c3a2] {
    width: 6.38rem;
    height: 1.88rem;
    background: #903e09;
    border-radius: 1rem;
    border: .06rem solid #ffa800;
    line-height: 1.88rem;
    position: relative;
    left: 70%;
    top: 1.69rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.content .headerImg .collectBtn span[data-v-3849c3a2] {
    font-size: .88rem;
    color: #fff
}

.content .headerImg .collectBtn img[data-v-3849c3a2] {
    width: 1.13rem;
    height: 1.06rem;
    margin-left: .25rem
}

.content .rankingPromotionContent[data-v-3849c3a2] {
    width: 67.5rem;
    margin: 0 auto;
    padding-top: 5.19rem
}

.content .rankingPromotionContent .popularityRanking[data-v-3849c3a2] {
    padding: .63rem 0
}

.content .rankingPromotionContent .popularityRanking .popularityRankContent[data-v-3849c3a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content .rankingPromotionContent .newlyServiceAndHostGift[data-v-3849c3a2] {
    margin-top: .63rem;
    margin-bottom: .62rem
}

.content .gameTop[data-v-3849c3a2],.content .rankingPromotionContent .newlyServiceAndHostGift[data-v-3849c3a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content .gameTop[data-v-3849c3a2] {
    width: 67.5rem;
    height: 37.25rem;
    background: #fff
}

.success_wrap[data-v-47093449] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(0,0,0,.66)
}

.success_wrap .content[data-v-47093449] {
    width: 21.5rem;
    height: 29.88rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: url(//images.sooyooj.com/20240613/A4HUfa2JAEW2XBXf.png) no-repeat;
    background-size: 100% 100%;
    padding: 1.75rem .63rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.success_wrap .content.active[data-v-47093449] {
    height: 22.63rem;
    background: url(//images.sooyooj.com/20240613/Ked7B678mkbgcLMa.png) no-repeat;
    background-size: 100% 100%
}

.success_wrap .content.active .gameitem[data-v-47093449],.success_wrap .content.active .line_title[data-v-47093449] {
    display: none
}

.success_wrap .content.active .card_img .imgs[data-v-47093449] {
    display: block
}

.success_wrap .content.active .card_img .imgs.imgs_disc[data-v-47093449] {
    display: none
}

.success_wrap .title[data-v-47093449] {
    padding: 0 2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    line-height: 1.5rem
}

.success_wrap .title .yellowtext[data-v-47093449] {
    color: #ffee2e
}

.success_wrap .card_img[data-v-47093449] {
    width: 18.25rem;
    height: 5.5rem;
    margin: 0 auto;
    margin-top: 1rem
}

.success_wrap .card_img .imgs[data-v-47093449] {
    width: 100%;
    height: 100%;
    background: url(//images.sooyooj.com/20240613/G6N0wMysAcbxTnXe.png) no-repeat;
    background-size: 100% 100%
}

.success_wrap .card_img .imgs.imgs_disc[data-v-47093449] {
    background: url(//images.sooyooj.com/20240613/DCiBKbqghuVDg7og.png) no-repeat;
    background-size: 100% 100%
}

.success_wrap .card_img .imgs.imgs_disct[data-v-47093449] {
    background: url(//images.sooyooj.com/20240717/9GlVIUIm2FScgMgD.png) no-repeat;
    background-size: 100% 100%
}

.success_wrap .user[data-v-47093449] {
    margin-top: 2rem;
    padding: 0 1.52rem 0 1.5rem;
    margin-bottom: 1.63rem
}

.success_wrap .user p[data-v-47093449] {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .88rem;
    color: #222;
    margin-bottom: .63rem
}

.success_wrap .user .upgrade span[data-v-47093449] {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .88rem;
    color: #f95b4e
}

.success_wrap .user .upgrade .upgrade_btn[data-v-47093449] {
    width: 3.38rem;
    height: 1.5rem;
    background: #f8584d;
    border-radius: .25rem;
    text-align: center;
    line-height: 1.5rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .88rem;
    color: #fff
}

.success_wrap .close[data-v-47093449] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: url(//images.sooyooj.com/20240613/vbQJnGWLib8kw5sa.png) no-repeat;
    background-size: 100% 100%;
    width: 1.15rem;
    height: 1.15rem
}

.success_wrap .line_title[data-v-47093449] {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .88rem;
    color: #999;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: .94rem
}

.success_wrap .line_title[data-v-47093449]:after {
    left: 3.56rem
}

.success_wrap .line_title[data-v-47093449]:after,.success_wrap .line_title[data-v-47093449]:before {
    content: "";
    display: block;
    width: 3.75rem;
    height: .06rem;
    background: #d8d8d8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.success_wrap .line_title[data-v-47093449]:before {
    right: 3.56rem
}

.success_wrap .gameitem[data-v-47093449] {
    margin-top: .94rem;
    padding: 0 1.62rem
}

.success_wrap .gameitem .games_icon[data-v-47093449] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: .75rem;
    margin-right: .63rem
}

.success_wrap .gameitem .games_icon img[data-v-47093449] {
    width: 100%;
    height: 100%
}

.success_wrap .gameitem .gamedes .subject[data-v-47093449] {
    margin-bottom: .63rem;
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 1rem;
    color: #222
}

.success_wrap .gameitem .gamedes .tags span[data-v-47093449] {
    display: block;
    padding: .19rem .25rem;
    font-weight: 400;
    font-size: .75rem;
    border-radius: .13rem;
    color: #ee4242;
    background: #ffe1e1;
    margin-right: .5rem
}

.success_wrap .gameitem .gamedes .tags span[data-v-47093449]:last-child {
    color: #0eb134;
    background: #daf2e0
}

.success_wrap .btns[data-v-47093449] {
    width: 10.25rem;
    height: 3rem;
    background: -webkit-gradient(linear,left top,right top,from(#ffae00),to(#ff8a00));
    background: linear-gradient(90deg,#ffae00,#ff8a00);
    border-radius: .5rem;
    text-align: center;
    line-height: 3rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.13rem;
    margin: 0 auto;
    margin-top: 1.44rem
}

.moonCakeFestival[data-v-6c865382] {
    position: fixed;
    width: 160px;
    height: 160px;
    right: 0;
    top: 30%;
    z-index: 10000000;
    cursor: pointer
}

.moonCakeFestival img[data-v-6c865382] {
    width: 100%;
    height: 100%
}

.activityIcon[data-v-6c865382] {
    width: 120px;
    height: 120px;
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 10000000
}

.activityIcon img[data-v-6c865382] {
    height: 100%;
    width: 100%
}

.content-wrap[data-v-6c865382] {
    margin: 0 auto
}

.c-app-install-popup[data-v-6c865382] {
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 99999999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    height: 150px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.3);
    box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.3)
}

.c-app-install-popup .title[data-v-6c865382] {
    padding: 16px 16px 8px;
    color: #333440
}

.c-app-install-popup .tip[data-v-6c865382] {
    padding: 8px 16px;
    font-size: 12px;
    color: #9a9994
}

.c-app-install-popup .buttons[data-v-6c865382] {
    font-size: 0;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.c-app-install-popup .buttons button[data-v-6c865382] {
    cursor: pointer;
    padding: 8px 16px;
    margin: 0 4px;
    font-size: 14px;
    color: #333440;
    background: transparent;
    border: 0
}

.c-app-install-popup .buttons button.button-add[data-v-6c865382] {
    background-color: #ededeb
}

.htmlBox[data-v-6c865382] {
    width: 100%;
    margin: 0;
    padding: 0
}

.htmlBox .gameTop[data-v-6c865382] {
    width: 1020px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.htmlBox .indexHtml[data-v-6c865382],.htmlBox .RankingPromotionHtml[data-v-6c865382] {
    width: 100%;
    margin: 0;
    padding: 0
}

.black[data-v-6c865382] {
    background: #222
}

.yellow[data-v-6c865382] {
    background: #ffc75a
}

.isRealName[data-v-6c865382] {
    width: 108px;
    height: 108px;
    background: url(//images.sooyooj.com/20240813/MoEuzz3cIU5LlPHI.gif) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: 50%;
    right: 13px;
    z-index: 10000000
}

.realNameBoot .mask[data-v-6c865382] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 10000001
}

.realNameBoot .realNameBox[data-v-6c865382] {
    width: 288px;
    height: 368px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: url(//images.sooyooj.com/20240821/DMXtuigV6xAcr3c7.png) no-repeat;
    background-size: 100% 100%;
    z-index: 10000002
}

.realNameBoot .realNameBox .btn[data-v-6c865382] {
    width: 160px;
    height: 44px;
    background: -webkit-gradient(linear,left top,right top,from(#ffd43f),to(#ffe464));
    background: linear-gradient(90deg,#ffd43f,#ffe464);
    -webkit-box-shadow: 0 6px 6px 0 rgba(110,27,4,.2);
    box-shadow: 0 6px 6px 0 rgba(110,27,4,.2);
    border-radius: 22px;
    margin: 0 auto;
    margin-top: 308px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    color: #8e200e;
    text-align: center;
    line-height: 44px
}

.footer_wrap[data-v-6c865382] {
    width: 100%;
    margin-top: 32px;
    height: 134px
}

.footer_wrap .footers[data-v-6c865382] {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer_wrap .footers .img[data-v-6c865382] {
    width: 57px;
    height: 74px;
    margin-right: 16px
}

.footer_wrap .footers .img img[data-v-6c865382] {
    width: 100%;
    height: 100%
}

.footer_wrap .footers .infoval .tit[data-v-6c865382] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 17px
}

.footer_wrap .footers .infoval .tit .gray[data-v-6c865382] {
    color: #d6d6d6;
    -webkit-text-decoration-color: #d6d6d6;
    text-decoration-color: #d6d6d6
}

.footer_wrap .footers .infoval .tit .brown[data-v-6c865382] {
    color: #a21c00;
    -webkit-text-decoration-color: #a21c00;
    text-decoration-color: #a21c00
}

.footer_wrap .footers .infoval .tit a[data-v-6c865382] {
    font-size: 14px;
    text-decoration: underline;
    margin-right: 30px
}

.footer_wrap .footers .infoval p[data-v-6c865382] {
    text-align: left
}

.footer_wrap .footers .infoval .gray2[data-v-6c865382] {
    color: #999
}

.footer_wrap .footers .infoval .brown2[data-v-6c865382] {
    color: #a25300
}

.video[data-v-6c865382] {
    position: fixed;
    width: 360px;
    height: 180px;
    right: 0;
    z-index: 109;
    bottom: 0
}

.video .bg .img[data-v-6c865382],.video .bg .img img[data-v-6c865382],.video .bg[data-v-6c865382] {
    width: 100%;
    height: 100%;
    position: relative
}

.video .bg .xl[data-v-6c865382] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 12px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: -40px;
    background: #313131;
    color: #fff;
    cursor: pointer
}

.video .bg .xl p[data-v-6c865382]:first-child {
    font-size: 16px;
    color: #999
}

.video .bg .xl p:first-child span[data-v-6c865382] {
    color: #ff8a00
}

.video .bg .xl p[data-v-6c865382]:last-child {
    position: relative
}

.video .bg .xl p[data-v-6c865382]:last-child:after {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(//images.sooyooj.com/20220824/w3qyM8sFvFDRvX4h.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -7px
}

.video .acrimg[data-v-6c865382] {
    position: absolute;
    right: 10px;
    top: 14px;
    width: 180px;
    height: 150px
}

.video .acrimg img[data-v-6c865382] {
    width: 100%;
    height: 100%
}