body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font: 14px / 1.5 "Microsoft YaHei", "Tahoma,Arial", sans-serif;
    -webkit-text-size-adjust: none;
    color: #fff;
    text-align: left;
    background-color: #fff;
    height: 100%;
    font-family: 'font1';
    overflow-x: hidden;
}

a {
    color: #929392;
    vertical-align: baseline;
    text-decoration: none;
    outline: 0;
}

li,
ul {
    list-style-type: none
}

.hid {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
}

.tn {
    text-indent: -9999em;
    overflow: hidden;
    display: block
}

.pa {
    position: absolute
}

.pr {
    position: relative
}

div:focus,
span:focus {
    outline: none !important;
}

a img,
img {
    border: none
}

em {
    font-style: normal
}

@media all and (orientation: landscape) {
    html,
    body {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }
    html::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #333;
        z-index: 99999;
    }
    html::after {
        content: "\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";
        text-align: center;
        font-size: 16px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        height: 30px;
        width: 100%;
        margin-top: 50px;
        z-index: 99999;
    }
    body::before {
        content: "";
        position: absolute;
        z-index: 99999;
        height: 200px;
        width: 100px;
        left: 50%;
        top: 50%;
        margin: -140px 0 0 -50px;
        color: #fff;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100px auto;
        transform: rotateZ(-90deg);
    }
}

.wrapper {
    width: 100%;
    height: 32.67rem;
    background: url(//game.gtimg.cn/images/yxzj/cp/a20250314spring/bg.jpg) no-repeat center/cover;
}

.bg {
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

@font-face {
    font-family: 'sy_regular';
    src: url('./SourceHanSansCN-Regular2.otf') format('truetype')
}

@font-face {
    font-family: 'sy_heavy';
    src: url('./SourceHanSansCN-Heavy2.otf') format('truetype')
}

html,
body {
    -webkit-user-select: none;
    user-select: none;
}

*:focus {
    outline: none;
}

button:focus {
    outline: none;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

.wrapper {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/index_bg.jpg);
    width: 7.5rem;
    height: 47.5rem;
    position: relative;
}

.icon1 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/icon1.png);
    width: .96rem;
    height: .91rem;
    top: 10rem;
    right: 0;
    z-index: 10;
}

.icon2 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/icon2.png);
    width: .8rem;
    height: 1rem;
    top: 25.5rem;
    left: 0;
    z-index: 10;
}

.top {
    top: .88rem;
    left: .5rem;
    z-index: 10;
}

.top ul {
    display: flex;
}

.top ul .return {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/back_btn.png);
    width: .51rem;
    height: .51rem;
    display: block;
}

.top ul .rule {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/rule_btn.png);
    width: .51rem;
    height: .51rem;
    display: block;
    margin-left: 4.82rem;
}

.top ul .share {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/share_btn.png);
    width: .51rem;
    height: .51rem;
    display: block;
    margin-left: .16rem;
}

.part1 {
    padding-top: 7.8rem;
}

.part1 .personal_info {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/info_bg.png);
    width: 7.17rem;
    height: 2.46rem;
    margin: 0 auto;
    padding: 0 .4rem;
    box-sizing: border-box;
}

.part1 .personal_info .personal_info_wra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.part1 .personal_info .touxiang {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/touxiang_wra.png);
    width: 1.13rem;
    height: 1.13rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.part1 .personal_info .touxiang img {
    width: 1.11rem;
    height: 1.11rem;
    object-fit: cover;
}

.part1 .personal_info .right_info {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.part1 .personal_info .right_info .log_in {
    color: #1b4ea0;
    font-size: .25rem;
    display: flex;
    align-items: center;
}

.part1 .personal_info .right_info .log_in .btn_bind {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/switch.png);
    width: .25rem;
    height: .25rem;
    margin-left: .28rem;
    display: inline-block;
}

.part1 .personal_info .right_info .my_ydb {
    display: flex;
    align-items: center;
}

.part1 .personal_info .right_info .my_ydb .ydb_num {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/myydb_bg.png);
    width: 3.17rem;
    height: .39rem;
    color: #1b4ea0;
    font-size: .2rem;
    line-height: .39rem;
    padding: 0 .2rem;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}

.part1 .personal_info .right_info .my_ydb .ydb_num a {
    display: inline-block;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/reload_btn.png);
    width: .18rem;
    height: .18rem;
    position: absolute;
    top: .12rem;
    right: .19rem;
}

.part1 .personal_info .right_info .my_ydb .get_ydb {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/get_ydb_btn.png);
    width: 1.51rem;
    height: .4rem;
    display: inline-block;
    margin-left: .39rem;
    line-height: .4rem;
    text-align: center;
    color: #f8feff;
    font-size: .2rem;
    font-weight: bold;
}

.part2 {
    margin-top: .8rem;
}

.part2 .center {
    width: 6.78rem;
    margin: 0 auto;
}

.part2 .cont_wra {
    width: 6.78rem;
    height: 15.65rem;
}

.part2 .cont_wra.bg1 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/part2_bg1.png);
}

.part2 .cont_wra.bg2 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/part2_bg2.png);
}

.part2 .btn_wra {
    width: 100%;
    height: .92rem;
    display: flex;
}

.part2 .btn_wra a {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.part2 .btn_wra .predict_btn .predict {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/predict_btn.png);
    width: 2.05rem;
    height: .37rem;
    background-size: 100% 100%;
}

.part2 .btn_wra .predict_btn .predict.on {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/predict_btn_on.png);
}

.part2 .btn_wra .record_btn .record {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/record_btn.png?1);
    width: 1.98rem;
    height: .37rem;
    background-size: 100% 100%;
}

.part2 .btn_wra .record_btn .record.on {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/record_btn_on.png?1);
}

.part2 .cont_wra .predict_cont {
    width: 100%;
}

.part2 .cont_wra .predict_cont .change_wra {
    display: flex;
    width: 1.22rem;
    justify-content: space-between;
    align-items: center;
    margin: .36rem auto;
}

.part2 .cont_wra .predict_cont .change_wra p {
    color: #1794ff;
    font-size: .28rem;
}

.part2 .cont_wra .predict_cont .change_wra .change_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/refresh_btn.png);
    width: .24rem;
    height: .25rem;
    display: block;
}

.part2 .cont_wra .predict_cont .predict_card_wra {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}

.part2 .cont_wra .predict_cont .predict_card {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/predict_bg1.png);
    width: 6.43rem;
    height: 4.01rem;
}

.part2 .cont_wra .predict_cont .predict_card.stop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/predict_bg2.png);
}

.part2 .cont_wra .predict_cont .predict_card .tit_wra {
    width: 3.7rem;
    height: .8rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.part2 .cont_wra .predict_cont .predict_card .tit_wra .tit {
    color: #fff;
    font-size: .26rem;
    text-align: center;
}

.part2 .cont_wra .predict_cont .predict_card .tit_wra .time {
    color: #fff;
    font-size: .16rem;
    text-align: center;
}

.part2 .cont_wra .predict_cont .predict_card .cont1 {
    display: flex;
    width: 6.07rem;
    justify-content: space-between;
    margin: .1rem auto 0;
}

.part2 .cont_wra .predict_cont .predict_card .cont1 .rank {
    color: #4384eb;
    font-size: .16rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont1 .game_time {
    color: #8ca8d5;
    font-size: .16rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont1 .game_time i {
    width: .1rem;
    height: .14rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/begin_icon.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    display: inline-block;
    margin-right: .1rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont2 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/VS_bg.png);
    width: 6.34rem;
    height: 1.17rem;
    margin: .1rem auto 0;
    position: relative;
    background-position: .15rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .blue,
.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .red {
    display: flex;
    align-items: center;
    gap: .04rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .blue {
    left: .1rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .red {
    right: .1rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .hero {
    width: .48rem;
    height: .48rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .hero.on {
    width: .6rem;
    height: .6rem;
    border: #fbe6ab solid .03rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont2 .player_cont .hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.part2 .cont_wra .predict_cont .predict_card .cont3 {
    display: flex;
    width: 6.23rem;
    justify-content: space-between;
    align-items: center;
}

.part2 .cont_wra .predict_cont .predict_card .cont3 .hero_type {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/hero_type_bg.png);
    width: .88rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    color: #58bddf;
    font-size: .13rem;
}

.part2 .cont_wra .predict_cont .predict_card .cont3 .watch_game_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/watch_game_btn.png);
    width: 1.16rem;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    color: #fff;
    font-size: .18rem;
    font-family: 'sy_regular', sans-serif;
    font-style: italic;
}

.part2 .cont_wra .predict_cont .predict_card .cont4 {
    display: flex;
    width: 5.47rem;
    justify-content: space-between;
    align-items: center;
    margin: .25rem auto 0;
}

.part2 .cont_wra .predict_cont .predict_card .cont4 .guess_blue_win {
    display: block;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/guess_left.png);
    width: 2.27rem;
    height: .52rem;
    color: #0a2f9e;
    font-size: .27rem;
    text-align: center;
    line-height: .52rem;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.part2 .cont_wra .predict_cont .predict_card .cont4 .guess_blue_win.grey {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/guess_grey.png);
    color: #333232;
}

.part2 .cont_wra .predict_cont .predict_card .cont4 .guess_red_win {
    display: block;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/guess_right.png);
    width: 2.27rem;
    height: .53rem;
    color: #333232;
    font-size: .27rem;
    text-align: center;
    line-height: .53rem;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.part2 .cont_wra .predict_cont .predict_card .cont4 .guess_red_win.grey {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/guess_grey.png);
    color: #333232;
}

.part2 .cont_wra .record_cont {
    position: relative;
    width: 100%;
}
.part2 .cont_wra .record_cont .tips{
    position: absolute;
    top:0rem;
    left: .2rem;
    font-size: .2rem;
    color: #ee2d23;
    width: 4.2rem;
}
.part2 .cont_wra .record_cont .select_wra {
    margin-left: 4.67rem;
    margin-top: .3rem;
    position: relative;
}

.part2 .cont_wra .record_cont .select_wra .select_btn {
    display: block;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/select_bg.png);
    width: 1.8rem;
    height: .48rem;
    line-height: .48rem;
    color: #1794ff;
    font-size: .26rem;
    text-align: center;
    padding-right: .38rem;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    margin-bottom: .15rem;
}

.part2 .cont_wra .record_cont .select_wra .all_select_wra {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/option_bg.png);
    width: 1.8rem;
    height: 2.43rem;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: .48rem;
    box-sizing: border-box;
    z-index: 5;
}

.part2 .cont_wra .record_cont .select_wra .all_select_wra a {
    width: 100%;
    height: .48rem;
    line-height: .48rem;
    display: block;
    text-align: center;
    color: #1794ff;
    font-size: .26rem;
}

.part2 .cont_wra .record_cont .record_card_wra {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.part2 .cont_wra .record_cont .record_cont_wra {
    width: 100%;
    height: 13.44rem;
    overflow-y: auto;
}

.part2 .cont_wra .record_cont .record_cont_wra::-webkit-scrollbar {
    display: none;
}

.part2 .cont_wra .record_cont .record_card_wra .record_card {
    width: 6.69rem;
    height: 3.78rem;
    margin: 0 auto;
    position: relative;
}

.part2 .cont_wra .record_cont .record_card_wra .record_card.bg1 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/record_bg1.png);
}

.part2 .cont_wra .record_cont .record_card_wra .record_card.bg2 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/record_bg2.png);
}

.part2 .cont_wra .record_cont .record_card_wra .record_card.bg3 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/record_bg3.png);
}

.part2 .cont_wra .record_cont .record_card_wra .record_card .subscribe_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/subscribe_btn.png);
    width: 1.4rem;
    height: .37rem;
    line-height: .37rem;
    display: block;
    color: #311105;
    font-size: .21rem;
    text-align: center;
    top: .96rem;
    right: .33rem;
    font-family: 'sy_regular', sans-serif;
    font-style: italic;
}

.part2 .cont_wra .record_cont .record_card_wra .record_card .subscribe_btn.on {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/subscribe_grey_btn.png);
}

.part2 .cont_wra .record_cont .record_card_wra .record_card .cont1 {
    font-size: .21rem;
    color: #1794ff;
    padding-top: .97rem;
    margin-left: .33rem;
}

.part2 .cont_wra .record_cont .record_card_wra .record_card .cont2 {
    height: .32rem;
    line-height: .32rem;
    font-size: .18rem;
    color: #5691ed;
    background: #e6f6ff;
    border-radius: .1rem;
    padding: 0 .1rem;
    display: inline-block;
    margin-left: .28rem;
}

.part2 .cont_wra .record_cont .record_card .cont3 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/VS_bg.png);
    width: 6.34rem;
    height: 1.17rem;
    margin: .1rem auto 0;
    position: relative;
    background-position: .15rem;
}

.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .blue,
.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .red {
    display: flex;
    align-items: center;
    gap: .04rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .blue {
    left: .1rem;
}

.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .red {
    right: .1rem;
}

.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .hero {
    width: .48rem;
    height: .48rem;
}

.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .hero.on {
    width: .6rem;
    height: .6rem;
    border: #fbe6ab solid .03rem;
}

.part2 .cont_wra .record_cont .record_card .cont3 .player_cont .hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.part2 .cont_wra .record_cont .record_card .hero_type {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/hero_type_bg.png);
    width: .88rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    color: #58bddf;
    font-size: .13rem;
    position: absolute;
    bottom: .73rem;
    left: .2rem;
}

.part2 .cont_wra .record_cont .record_card .game_result {
    font-size: .21rem;
    color: #000;
    bottom: .58rem;
    left: 50%;
    transform: translateX(-50%);
}

.part2 .cont_wra .record_cont .record_card.bg1 .game_result span {
    color: #f52d30;
}

.part2 .cont_wra .record_cont .record_card.bg2 .game_result span {
    color: #3364dd;
}

.part2 .cont_wra .record_cont .record_card.bg3 .game_result span {
    color: #818284;
}

.part2 .cont_wra .record_cont .record_card .ydb {
    font-size: .21rem;
    color: #000;
    bottom: .58rem;
    right: .3rem;
}

.part2 .cont_wra .record_cont .record_card.bg1 .ydb span {
    color: #f52d30;
}

.part2 .cont_wra .record_cont .record_card.bg2 .ydb span {
    color: #3364dd;
}

.part2 .cont_wra .record_cont .record_card.bg3 .ydb span {
    color: #818284;
}

.part3 .center {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.part3 .title {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/part3_title.png);
    width: 7.32rem;
    height: 1.07rem;
    margin: 2.04rem auto 0;
}

.part3 .tips {
    color: #165ef4;
    font-size: .19rem;
    text-align: center;
    margin: .1rem auto .5rem;
}

.part3 .award_record_btn {
    /* background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/award_record_btn.png);
    width: .9rem;
    height: .31rem;
    background-size: 100% 100%; */
    position: absolute;
    top: 1.6rem;
    right: .3rem;
    font-size: .19rem;
    color: #1f4895;
    text-decoration: underline;
    
}

.part3 .prize_wra {
    width: 95%;
    margin: 0 auto;
    z-index: 1;
}

.part3 .prize_wra .prize_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.part3 .prize_wra .prize_list li {
    position: relative;
    width: 2.09rem;
    height: 2.65rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/prize_bg.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    margin-bottom: .3rem;
    font-family: 'sy_regular', sans-serif;
}

.prize_list li .surplus {
    width: .84rem;
    height: .27rem;
    font-size: .18rem;
    color: #2758c5;
    text-align: center;
    line-height: .27rem;
    left: .02rem;
    top: .07rem;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#43a4f6), color-stop(50%, #1262db));
    background-image: linear-gradient(to top, #43a4f6 50%, #1262db 50%);
}

.prize_list li .xl {
    font-size: .16rem;
    color: #f5fcff;
    text-align: center;
    right: 0.09rem;
    top: 0.17rem;
}

.prize_list li .reward_img {
    display: block;
    width: 1.17rem;
    height: 1.15rem;
    margin-top: .43rem;
    margin-left: .48rem;
}

.prize_list li .reward_img_num {
    font-size: .2rem;
    color: #f5fcff;
    text-align: center;
    right: 0.18rem;
    top: 1.36rem;
}

.prize_list li .name {
    width: 1.92rem;
    height: .25rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/prize_name.png);
    font-size: .16rem;
    font-weight: bold;
    color: #154ebe;
    text-align: center;
    line-height: .25rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.64rem;
    letter-spacing: -0.02rem;
}

.prize_list li .name span {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#43a4f6), color-stop(50%, #1262db));
    background-image: linear-gradient(to top, #43a4f6 50%, #1262db 50%);
}

.prize_list li .reward_list_btn {
    width: 1.71rem;
    height: .41rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/ydb_bg.png);
    font-size: .22rem;
    color: #060000;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.14rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prize_list li .reward_list_btn.grey{
    width: 1.72rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/get_prize_grey.png);
    color: #ffffff;
}

.prize_list li .reward_list_btn em:nth-of-type(1) {
    display: block;
    width: .23rem;
    height: .24rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/ydb_icon.png);
}

.prize_list li .reward_list_btn em:nth-of-type(2) {
    margin-left: .1rem;
}

.part3 .prize_wra .prize_list li .zhekou {
    width: 1.2rem;
    height: 1.23rem;
    display: block;
    right: -.28rem;
    top: 0.03rem;
    background-size: cover;
}

.part3 .prize_wra .prize_list li .zhekou.zk6 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/zk6.png);
}

.part3 .prize_wra .prize_list li .zhekou.zk3 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/zk3.png);
}

.part3 .prize_wra .prize_list li .zhekou.zk0 {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/zk0.png);
}
.part3 .prize_wra .prize_list li .zhekou.zkfree {
    width: 1.24rem;
    height: 1.26rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/zkfree.png);
}

.part3 .prize_wra .prize_list li:nth-child(3n+2) {
    margin: 0 0.3rem;
}

.part3 .more_prize_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/more_btn.png);
    width: 6.91rem;
    height: .71rem;
    margin: 0.4rem auto 0;
    display: block;
}

.part3 .prize_wra .prize_list li:nth-child(3) .name {
    font-size: .11rem;
}

.part3 .prize_wra .prize_list li:nth-child(9) .name {
    font-size: .11rem;
}


/* 弹窗 */

.close_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/close.png);
    width: .57rem;
    height: .57rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.86rem;
}

.getydb-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/getydb_pop_bg.png);
    width: 5.73rem;
    height: 5.12rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.getydb-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_getydb_tit.png);
    width: 4.2rem;
    height: .33rem;
    margin: 0 auto;
}

.getydb-pop .task_wra {
    width: 4.87rem;
    margin: 0.47rem auto 0;
}

.getydb-pop .task_wra .task {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .1rem;
}

.getydb-pop .task_wra .task p {
    color: #166add;
    font-size: .23rem;
}

.getydb-pop .task_wra .task .goto {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_getydb_btn.png);
    width: 1.47rem;
    height: .42rem;
    line-height: .42rem;
    display: block;
    text-align: center;
    color: #fff;
    font-size: .21rem;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.getydb-pop .task_wra .divide {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_divide.png);
    width: 4.87rem;
    height: .02rem;
    margin: .2rem auto;
}

.rule-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_rule_bg.png);
    width: 5.73rem;
    height: 6.72rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.rule-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_rule_tit.png);
    width: 4.2rem;
    height: .34rem;
    margin: 0 auto;
}

.rule_cont {
    width: 5rem;
    color: #000;
    margin: 0 auto;
    height: 5.3rem;
}

.rule_cont th,
.rule_cont td {
    text-align: center
}

.scrollbar {
    overflow-y: auto;
    overflow-x: hidden
}

.scrollbar::-webkit-scrollbar {
    background-color: #dae9f9;
    width: 0.05rem;
    border-radius: 0.05rem
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #1467dc;
    border-radius: 0.05rem
}

.predict-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_predict_bg.png);
    width: 5.73rem;
    height: 6.53rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.predict-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_predict_tit.png);
    width: 4.2rem;
    height: .34rem;
    margin: 0 auto;
}

.predict-pop .pop_cont {
    width: 4.87rem;
    margin: 0.53rem auto 0;
}

.predict-pop .pop_cont .info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .21rem;
}

.predict-pop .pop_cont .info .pred {
    display: block;
    width: 2.17rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    background-color: #e6f6fb;
    border-radius: .18rem;
    color: #166add;
}

.predict-pop .pop_cont .info .pred span {
    color: #ff4646;
}

.predict-pop .pop_cont .info .myydb {
    display: block;
    width: 2.48rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    background-color: #e6f6fb;
    border-radius: .18rem;
    color: #166add;
}

.predict-pop .pop_cont .info .myydb span {
    color: #ff4646;
}

.predict-pop .pop_cont .invest {
    width: 4.72rem;
    margin: .28rem auto 0;
}

.predict-pop .pop_cont .invest .t {
    width: auto;
    height: .36rem;
    display: inline-block;
    padding: 0 0.2rem;
    background-color: #e6f6fb;
    border-radius: .18rem;
    color: #166add;
    font-size: .21rem;
    line-height: .36rem;
    text-align: center;
}

.predict-pop .pop_cont .invest .g1 {
    color: #8e9caf;
    font-size: .17rem;
    margin-top: .15rem;
    margin-left: .1rem;
}

.predict-pop .pop_cont .invest .g2 {
    color: #8e9caf;
    font-size: .17rem;
    margin-left: .18rem;
}

.predict-pop .pop_cont .invest .invest_btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: .23rem;
}

.predict-pop .pop_cont .invest .invest_btn a {
    display: block;
    width: 1.5rem;
    height: .55rem;
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/amount_bg.png);
    line-height: .55rem;
    text-align: center;
    font-size: .3rem;
    margin-bottom: .08rem;
}
.predict-pop .pop_cont .invest .invest_btn a.on{
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/amount_bg_on.png);
}
.predict-pop .pop_cont .invest .invest_btn a.on span{
    color: #fff;
}
.predict-pop .pop_cont .invest .invest_btn a.on input{
    color: #fff;
}
.predict-pop .pop_cont .invest .invest_btn a.on input::placeholder{
    color: #fff;
}
.predict-pop .pop_cont .invest .invest_btn a span {
    background: linear-gradient(to bottom, #1262db, #43c9f6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.predict-pop .pop_cont .invest .invest_btn .custom input {
    width: 100%;
    border: none;
    background: none;
    font-size: .3rem;
    text-align: center;
    background: linear-gradient(to bottom, #1262db, #43c9f6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    caret-color: #1262db;
}

.predict-pop .pop_cont .invest .invest_btn .custom input::placeholder {
    font-size: .3rem;
    text-align: center;
    background: linear-gradient(to bottom, #1262db, #43c9f6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.predict-pop .pop_cont .invest .r {
    color: #ff4646;
    font-size: .21rem;
    margin-top: .1rem;
}

.predict-pop .pop_cont .btn_wra {
    width: 4.72rem;
    margin: .4rem auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.predict-pop .pop_cont .btn_wra a {
    width: 2.3rem;
    height: .53rem;
    line-height: .53rem;
    text-align: center;
    font-size: .27rem;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.predict-pop .pop_cont .btn_wra .think_again_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_predict_btn1.png);
    color: #333232;
}

.predict-pop .pop_cont .btn_wra .confirm_remind_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_predict_btn2.png);
    color: #fff;
}

.tips1-pop,
.tips2-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_tips.png);
    width: 5.37rem;
    height: 4.22rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.tips1-pop .tit,
.tips2-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_tips_tit.png);
    width: 4.2rem;
    height: .34rem;
    margin: 0 auto;
}

.tips1-pop .pop_cont,
.tips2-pop .pop_cont {
    height: 1.9rem;
    width: 4.72rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-wrap: wrap;
    margin: 0 auto;
}

.tips1-pop .pop_cont p,
.tips2-pop .pop_cont p {
    color: #166add;
    font-size: .23rem;
    text-align: center;
}

.tips1-pop .know_btn,
.tips2-pop .getydb_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_tips_btn.png);
    width: 2.61rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: .31rem;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.obtain1-pop,
.obtain2-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_obtain_bg.png);
    width: 5.73rem;
    height: 5.62rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.obtain1-pop .tit,
.obtain2-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_obtain_tit.png);
    width: 4.2rem;
    height: .33rem;
    margin: 0 auto;
}

.obtain1-pop .pop_cont,
.obtain2-pop .pop_cont {
    width: 100%;
    margin-top: .28rem;
    padding: 0 .6rem;
    box-sizing: border-box;
}

.obtain1-pop .pop_cont .tips,
.obtain2-pop .pop_cont .tips {
    color: #166add;
    font-size: .23rem;
    text-align: center;
}

.obtain1-pop .pop_cont .obtain_list {
    width: 100%;
    margin-top: .4rem;
}

.obtain2-pop .pop_cont .obtain_list {
    width: 100%;
    margin-top: .2rem;
}

.obtain1-pop .pop_cont .obtain_list li,
.obtain2-pop .pop_cont .obtain_list li {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.obtain1-pop .pop_cont .obtain_list .obtain_list_box,
.obtain2-pop .pop_cont .obtain_list .obtain_list_box {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_prize_wra.png);
    width: 1.79rem;
    height: 1.8rem;
}

.obtain1-pop .obtain_list li .obtain_list_box .obtain_list_img,
.obtain2-pop .obtain_list li .obtain_list_box .obtain_list_img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.15rem auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.obtain1-pop .obtain_list li .obtain_list_box .obtain_list_img img,
.obtain2-pop .obtain_list li .obtain_list_box .obtain_list_img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.obtain1-pop .obtain_list li .obtain_prize_name,
.obtain2-pop .obtain_list li .obtain_prize_name {
    color: #166add;
    font-size: .23rem;
    text-align: center;
    margin-top: .1rem;
}

.obtain1-pop .know_btn,
.obtain2-pop .fill_address_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_obtain_btn.png);
    width: 2.61rem;
    height: .6rem;
    display: block;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    font-size: .31rem;
    margin: .2rem auto 0;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.record-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_record_bg.png);
    width: 5.73rem;
    height: 6.72rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.record-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_record_tit.png);
    width: 4.2rem;
    height: .34rem;
    margin: 0 auto;
}

.record-pop .pop_cont {
    width: 4.83rem;
    margin: .3rem auto 0;
}

.record-pop .pop_cont .tips {
    color: #1262db;
    font-size: .21rem;
    margin-bottom: .2rem;
}

.record-pop .pop_cont .record_list {
    width: 100%;
    height: 3.1rem;
    overflow-y: auto;
}

.record-pop .pop_cont .record_list::-webkit-scrollbar {
    display: none;
}

.record-pop .pop_cont .record_list li {
    display: block;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    position: relative;
}

.record-pop .pop_cont .record_list li::before {
    content: '';
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_record_divide.png);
    width: 4.83rem;
    height: .02rem;
    position: absolute;
    top: 0;
    left: 0;
}

.record-pop .pop_cont .record_list li:last-child::after {
    content: '';
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_record_divide.png);
    width: 4.83rem;
    height: .02rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.record-pop .pop_cont .record_list li .record_name {
    color: #166add;
    font-size: .21rem;
}

.record-pop .pop_cont .fillIn_address {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_obtain_btn.png);
    width: 2.61rem;
    height: .6rem;
    display: block;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    font-size: .31rem;
    margin: .2rem auto 0;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.address-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_address_bg.png);
    width: 5.73rem;
    height: 8.22rem;
    padding-top: .5rem;
    box-sizing: border-box;
}

.address-pop .tit {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_address_tit.png);
    width: 4.2rem;
    height: .34rem;
    margin: 0 auto;
}

.address-pop .pop_cont {
    margin: .35rem auto 0;
    width: 4.91rem;
}

.address-pop .pop_cont .tips {
    font-size: .22rem;
    color: #1262db;
}

.address-pop .pop_cont .tips1 {
    font-weight: bold;
}

.address-pop .pop_cont .input_box {
    width: 100%;
    margin-top: .3rem;
}

.address-pop .pop_cont .input_box p {
    font-size: .23rem;
    color: #166add;
    margin-top: .2rem;
    margin-bottom: .05rem;
}

.address-pop .pop_cont .input_box input {
    /* width: 100%; */
    height: .43rem;
    border: none;
    background-color: #def1fa;
    border-radius: .11rem;
    font-size: .23rem;
    color: #8c9ca4;
}
.address-pop .pop_cont .input_box #sName,
.address-pop .pop_cont .input_box #sMobile,
.address-pop .pop_cont .input_box #sAddress{
    width: 100%;
}

.address-pop .pop_cont .input_box input::placeholder {
    font-size: .23rem;
    color: #8c9ca4;
}

.address-pop .pop_cont .input_box select {
    width: 1.58rem;
    height: .43rem;
    border: none;
    background-color: #def1fa;
    border-radius: .11rem;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.address-pop .pop_cont .input_box select::placeholder {
    font-size: .23rem;
    color: #8c9ca4;
}

.address-pop .pop_cont .input_box select option {
    font-size: .23rem;
    color: #8c9ca4;
}

.address-pop .pop_cont .input_box .adress_wra{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* .address-pop .pop_cont .input_box #milo-province,
.address-pop .pop_cont .input_box #milo-city,
.address-pop .pop_cont .input_box #milo-region */
.address-pop .pop_cont .input_box .adress_wra input
 {
    width: 1.58rem;
    height: .43rem;
    border: none;
    background-color: #def1fa;
    border-radius: .11rem;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.address-pop .pop_cont .address_pop_btn {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_address_btn.png);
    width: 2.61rem;
    height: .6rem;
    display: block;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    font-size: .31rem;
    margin: .3rem auto 0;
    font-family: 'sy_heavy', sans-serif;
    font-style: italic;
}

.common-pop {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/pop_tips.png);
    width: 5.73rem;
    height: 4.22rem;
    padding: .6rem;
    box-sizing: border-box;
}

.common-pop .pop_cont {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-pop .pop_cont p {
    font-size: .23rem;
    color: #1262db;
    text-align: center;
}

.remind_tips {
    background-image: url(//game.gtimg.cn/images/yxzj/cp/a20250407predict/remind_bg.png);
    width: 5.33rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    color: #fff;
    font-family: 'sy_regular', sans-serif;
    font-style: italic;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .21rem;
    z-index: 9999;
}
.milo-alert-frame{
    z-index: 9998 !important;
}