.page-container-header[data-v-a59074da] {
    position: fixed;
    top: 0;
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    z-index: 1000;
    height: min(12.8vw,64px);
    background: #eb3a29
}

.page-container-header-placeholder[data-v-a59074da] {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: min(12.8vw,64px)
}

.nav-bar[data-v-a59074da] {
    position: relative;
    flex-direction: row
}

.nav-bar-title[data-v-a59074da],.nav-bar[data-v-a59074da] {
    height: min(12.8vw,64px);
    justify-content: center;
    align-items: center
}

.nav-bar-title[data-v-a59074da] {
    flex: 1;
    line-height: min(12.8vw,64px);
    flex-direction: column;
    text-align: center;
    color: #fff;
    font-size: min(4.8vw,24px);
    font-weight: 500
}

.icon-back[data-v-a59074da] {
    left: min(4vw,20px);
    background: url(../image/iconBack.png) no-repeat 50%;
    background-size: min(6.133vw,30.667px) min(6.133vw,30.667px)
}

.icon-back[data-v-a59074da],.icon-home[data-v-a59074da] {
    position: absolute;
    top: 0;
    width: min(6.133vw,30.667px);
    height: min(12.8vw,64px)
}

.icon-home[data-v-a59074da] {
    left: min(13.333vw,66.667px);
    background: url(../image/iconHome.png) no-repeat 50%;
    background-size: min(6.133vw,30.667px) min(6.133vw,30.667px)
}

.icon-refresh[data-v-a59074da] {
    position: absolute;
    left: min(4vw,20px);
    top: 0;
    width: min(19.467vw,97.333px);
    height: min(12.8vw,64px);
    padding-top: min(2.133vw,10.667px);
    line-height: min(4.267vw,21.333px);
    font-size: min(3.2vw,16px);
    color: #fff;
    background: url(../image/iconRefresh.png) no-repeat 50%;
    background-size: min(19.467vw,97.333px) min(3.733vw,18.667px)
}

.icon-app[data-v-a59074da] {
    width: min(19.2vw,96px);
    background: url(../image/iconApp.png) no-repeat 50%;
    background-size: min(19.2vw,96px) min(6.933vw,34.667px)
}

.icon-app[data-v-a59074da],.icon-login[data-v-a59074da] {
    position: absolute;
    top: 0;
    right: min(2.667vw,13.333px);
    height: min(12.8vw,64px)
}

.icon-login[data-v-a59074da] {
    width: min(17.067vw,85.333px);
    background: url(../image/iconLogin.png) no-repeat 50%;
    background-size: min(17.067vw,85.333px) min(6.933vw,34.667px)
}

.slide-wrapper[data-v-5a5ebdbb] {
    min-height: min(.267vw,1.333px);
    touch-action: pan-y;
    overflow: hidden
}

.page-container-header[data-v-2ae4f402] {
    background: url(../image/bgi.png) center max(-12.8vw,-64px) no-repeat #f7f8f9;
    background-size: 100% auto;
    overflow: hidden;
    position: relative;
    z-index: 100;
    height: min(64.533vw,322.667px)
}

.no-result[data-v-2ae4f402],.page-ch[data-v-2ae4f402] {
    height: min(51.733vw,258.667px)
}

.no-result[data-v-2ae4f402] {
    font-size: min(3.733vw,18.667px);
    color: #868689;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@keyframes fadeInLoading-2ae4f402 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.page-ch-loading[data-v-2ae4f402] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: min(6.933vw,34.667px);
    animation: fadeInLoading-2ae4f402 1s forwards;
    opacity: 0
}

.detail-neutral[data-v-2ae4f402] {
    position: absolute;
    left: min(2.667vw,13.333px);
    top: min(2.667vw,13.333px);
    color: #3173ff;
    font-size: min(3.2vw,16px);
    line-height: min(6.4vw,32px);
    padding-left: min(4vw,20px)
}

.detail-neutral[data-v-2ae4f402]:after {
    content: " ";
    background: url(../image/iconZl.png) no-repeat 50%;
    background-size: 100% 100%;
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: max(-1.6vw,-8px)
}

.nav-bar[data-v-2ae4f402] {
    position: relative;
    height: min(11.733vw,58.667px);
    line-height: min(11.733vw,58.667px)
}

.nav-bar[data-v-2ae4f402],.weather-box[data-v-2ae4f402] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.weather-box[data-v-2ae4f402] {
    height: min(6.4vw,32px);
    background: hsla(0,100%,73%,.2);
    padding-left: min(2.133vw,10.667px);
    border-radius: min(3.2vw,16px) 0 0 min(3.2vw,16px)
}

.icon-weather[data-v-2ae4f402] {
    width: min(4.267vw,21.333px);
    height: min(4.267vw,21.333px)
}

.weather[data-v-2ae4f402] {
    color: #1b2127;
    font-size: min(3.2vw,16px);
    height: min(6.4vw,32px);
    line-height: min(6.4vw,32px);
    padding: 0 min(4.267vw,21.333px) 0 min(.533vw,2.667px)
}

.detail-match-info[data-v-2ae4f402] {
    height: min(40vw,200px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 min(8vw,40px)
}

.detail-match-team1[data-v-2ae4f402] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: min(4vw,20px);
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team-host[data-v-2ae4f402] {
    position: absolute;
    left: 0;
    top: min(19.2vw,96px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-left: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-team2[data-v-2ae4f402] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: min(4vw,20px);
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team-guest[data-v-2ae4f402] {
    position: absolute;
    right: 0;
    top: min(19.2vw,96px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-right: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-logo-box[data-v-2ae4f402] {
    height: min(12vw,60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.detail-match-logo[data-v-2ae4f402] {
    width: auto;
    max-width: min(14.667vw,73.333px);
    min-width: min(9.333vw,46.667px);
    height: min(12vw,60px)
}

.detail-match-team-name[data-v-2ae4f402] {
    margin-top: min(1.867vw,9.333px);
    height: min(5.867vw,29.333px);
    line-height: min(5.867vw,29.333px);
    color: #1f252b;
    font-size: min(4vw,20px)
}

.detail-match-team-name[data-v-2ae4f402],.detail-match-team-pos[data-v-2ae4f402] {
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: min(25.333vw,126.667px)
}

.detail-match-team-pos[data-v-2ae4f402] {
    margin-top: min(1.067vw,5.333px);
    height: min(3.467vw,17.333px);
    line-height: min(3.467vw,17.333px);
    color: #646566;
    font-size: min(3.2vw,16px)
}

.detail-match-data[data-v-2ae4f402] {
    width: min(33.067vw,165.333px)
}

.dmd-top[data-v-2ae4f402] {
    margin-top: min(4.267vw,21.333px);
    height: min(4.267vw,21.333px);
    line-height: min(4.267vw,21.333px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow: hidden
}

.dmd-league[data-v-2ae4f402] {
    font-size: min(2.933vw,14.667px);
    color: #868689;
    max-width: min(14.933vw,74.667px);
    overflow: hidden;
    white-space: nowrap
}

.dmd-time[data-v-2ae4f402] {
    font-size: min(2.933vw,14.667px);
    color: #868689;
    padding-left: min(2.133vw,10.667px)
}

.dmd-status-box[data-v-2ae4f402] {
    position: relative;
    margin-top: min(1.067vw,5.333px);
    height: min(4.267vw,21.333px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.dmd-status-bg[data-v-2ae4f402] {
    width: min(8.533vw,42.667px);
    height: min(4.267vw,21.333px);
    opacity: .1;
    border-radius: min(2.133vw,10.667px)
}

.dmd-status[data-v-2ae4f402] {
    position: absolute;
    width: min(8.533vw,42.667px);
    height: min(4.267vw,21.333px);
    line-height: min(4.267vw,21.333px);
    text-align: center;
    font-size: min(2.667vw,13.333px)
}

.dmd-center[data-v-2ae4f402] {
    margin-top: min(.533vw,2.667px);
    height: min(8vw,40px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.dmd-score1[data-v-2ae4f402] {
    text-align: right
}

.dmd-score1[data-v-2ae4f402],.dmd-score2[data-v-2ae4f402] {
    height: min(8vw,40px);
    line-height: min(8vw,40px);
    flex: 1;
    font-size: min(6.933vw,34.667px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-score2[data-v-2ae4f402] {
    text-align: left
}

.dmd-score-line[data-v-2ae4f402] {
    width: min(10.667vw,53.333px);
    height: min(8vw,40px);
    line-height: min(8vw,40px);
    text-align: center;
    font-size: min(4vw,20px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-vs[data-v-2ae4f402] {
    font-size: min(5.6vw,28px);
    line-height: min(6.4vw,32px);
    color: #969799
}

.dmd-bottom[data-v-2ae4f402] {
    height: min(4.533vw,22.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.dmd-half-score[data-v-2ae4f402] {
    color: #868689
}

.dmd-cd[data-v-2ae4f402],.dmd-half-score[data-v-2ae4f402] {
    margin-top: min(2.133vw,10.667px);
    height: min(4.533vw,22.667px);
    line-height: min(4.533vw,22.667px);
    font-size: min(3.2vw,16px)
}

.dmd-cd[data-v-2ae4f402] {
    color: #646566
}

.detail-btns[data-v-2ae4f402] {
    position: absolute;
    left: 50%;
    top: min(41.333vw,206.667px);
    width: min(46.933vw,234.667px);
    height: min(7.467vw,37.333px);
    margin-left: max(-23.467vw,-117.333px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.detail-btn-follow[data-v-2ae4f402] {
    position: relative;
    width: min(22.4vw,112px);
    height: min(7.467vw,37.333px);
    background: #f2f3f5;
    border-radius: min(1.067vw,5.333px);
    line-height: min(7.467vw,37.333px);
    padding-left: min(6.4vw,32px);
    color: #323233;
    font-size: min(3.467vw,17.333px);
    cursor: pointer
}

.detail-btn-follow[data-v-2ae4f402]:before {
    background: url(../image/iconSave.png) no-repeat;
    background-size: 100% 100%
}

.detail-btn-follow-has[data-v-2ae4f402]:before,.detail-btn-follow[data-v-2ae4f402]:before {
    content: " ";
    position: absolute;
    left: min(2.133vw,10.667px);
    top: min(1.867vw,9.333px);
    width: min(3.733vw,18.667px);
    height: min(3.733vw,18.667px)
}

.detail-btn-follow-has[data-v-2ae4f402]:before {
    background: url(../image/iconSaveHas.png) no-repeat;
    background-size: 100% 100%
}

.detail-btn-live[data-v-2ae4f402] {
    position: relative;
    width: min(22.4vw,112px);
    height: min(7.467vw,37.333px);
    background: #f2f3f5;
    border-radius: min(1.067vw,5.333px);
    line-height: min(7.467vw,37.333px);
    padding-left: min(6.4vw,32px);
    color: #323233;
    font-size: min(3.467vw,17.333px);
    margin-left: min(2.133vw,10.667px);
    cursor: pointer
}

.detail-btn-live[data-v-2ae4f402]:before {
    content: " ";
    position: absolute;
    left: min(2.133vw,10.667px);
    top: min(1.867vw,9.333px);
    background: url(../image/iconPlay1.png) no-repeat;
    background-size: 100% 100%;
    width: min(3.733vw,18.667px);
    height: min(3.733vw,18.667px)
}

.tabs-box[data-v-2ae4f402] {
    height: min(12.8vw,64px);
    overflow: hidden;
    background: #f7f8f9
}

.tabs[data-v-2ae4f402] {
    overflow: hidden;
    white-space: nowrap;
    padding-left: min(2.133vw,10.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff
}

.tab[data-v-2ae4f402],.tabs[data-v-2ae4f402] {
    position: relative;
    height: min(11.733vw,58.667px)
}

.tab[data-v-2ae4f402] {
    flex: 1;
    line-height: min(11.733vw,58.667px);
    font-size: min(4vw,20px);
    color: #646566;
    text-align: center
}

.tab.selected[data-v-2ae4f402] {
    font-weight: 700;
    color: #29292e
}

.tab.selected[data-v-2ae4f402]:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(4.267vw,21.333px);
    height: min(.8vw,4px);
    border-radius: min(.4vw,2px);
    background: red;
    content: " "
}

.mlive-box[data-v-2ae4f402] {
    height: min(77.333vw,386.667px)
}

.mlive-box .mlive[data-v-2ae4f402],.mlive-box[data-v-2ae4f402] {
    position: fixed;
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    top: 0;
    width: min(100%,500px);
    z-index: 1005
}

.mlive-box .mlive[data-v-2ae4f402] {
    height: min(64.533vw,322.667px)
}

.mlive-box .tabs-box[data-v-2ae4f402] {
    position: absolute;
    left: 0;
    right: 0;
    top: min(64.533vw,322.667px)
}

.mlive-box.mliveHasPageHeader[data-v-2ae4f402] {
    height: min(64.533vw,322.667px)
}

.mlive-box.mliveHasPageHeader .mlive[data-v-2ae4f402] {
    height: min(51.733vw,258.667px)
}

.mlive-box.mliveHasPageHeader .tabs-box[data-v-2ae4f402] {
    top: min(51.733vw,258.667px)
}

.mlive-box.fullScreen[data-v-2ae4f402] {
    height: 100%
}

.mlive-box.fullScreen .mLiveBack[data-v-2ae4f402] {
    transform: rotate(90deg);
    left: auto;
    right: 0
}

#iframeLive[data-v-2ae4f402] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.mLiveBack[data-v-2ae4f402] {
    left: min(.8vw,4px);
    background: url(../image/iconBack1.png) no-repeat 50%;
    background-size: min(2.667vw,13.333px) min(4.8vw,24px)
}

.mLiveBack[data-v-2ae4f402],.mLiveSwitch[data-v-2ae4f402] {
    position: absolute;
    top: min(.533vw,2.667px);
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px)
}

.mLiveSwitch[data-v-2ae4f402] {
    right: min(.8vw,4px);
    background: url(../image/iconSwitch.png) no-repeat 50%;
    background-size: min(5.867vw,29.333px) min(5.6vw,28px)
}

.page-match-header-fixed[data-v-08d0810c] {
    position: fixed;
    top: min(12.8vw,64px);
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    height: min(25.6vw,128px);
    overflow: hidden;
    z-index: 500;
    background: url(../image/bgi.png) center max(-12.8vw,-64px) no-repeat #fff;
    background-size: 100% auto
}

.detail-match-info[data-v-08d0810c] {
    height: min(12.8vw,64px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0 min(8vw,40px)
}

.detail-match-team1[data-v-08d0810c] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team1 .detail-match-team-name[data-v-08d0810c] {
    text-align: right;
    padding-right: min(.8vw,4px);
    padding-left: 0
}

.detail-match-team-host[data-v-08d0810c] {
    position: absolute;
    left: 0;
    top: min(4.8vw,24px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-left: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-team2[data-v-08d0810c] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team-guest[data-v-08d0810c] {
    position: absolute;
    right: 0;
    top: min(4.8vw,24px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-right: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-logo-box[data-v-08d0810c] {
    height: min(12.8vw,64px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.detail-match-logo[data-v-08d0810c] {
    width: auto;
    max-width: min(8vw,40px);
    min-width: min(2.667vw,13.333px);
    height: min(5.333vw,26.667px)
}

.detail-match-team-name[data-v-08d0810c] {
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    text-align: left;
    padding-left: min(.8vw,4px);
    color: #1f252b;
    font-size: min(4vw,20px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: min(25.333vw,126.667px)
}

.detail-match-data[data-v-08d0810c] {
    width: min(27.733vw,138.667px);
    padding: 0 min(1.333vw,6.667px)
}

.dmd-center[data-v-08d0810c] {
    height: min(12.8vw,64px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.dmd-score1[data-v-08d0810c] {
    text-align: right
}

.dmd-score1[data-v-08d0810c],.dmd-score2[data-v-08d0810c] {
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    flex: 1;
    font-size: min(5.333vw,26.667px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-score2[data-v-08d0810c] {
    text-align: left
}

.dmd-score-line[data-v-08d0810c] {
    width: min(10.667vw,53.333px);
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    text-align: center;
    font-size: min(4vw,20px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-vs[data-v-08d0810c] {
    font-size: min(4.8vw,24px);
    color: #868689
}

.tabs-box[data-v-08d0810c] {
    height: min(12.8vw,64px);
    overflow: hidden;
    background: #f7f8f9
}

.tabs[data-v-08d0810c] {
    overflow: hidden;
    white-space: nowrap;
    padding-left: min(2.133vw,10.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff
}

.tab[data-v-08d0810c],.tabs[data-v-08d0810c] {
    position: relative;
    height: min(11.733vw,58.667px)
}

.tab[data-v-08d0810c] {
    flex: 1;
    line-height: min(11.733vw,58.667px);
    font-size: min(4vw,20px);
    color: #646566;
    text-align: center
}

.tab.selected[data-v-08d0810c] {
    font-weight: 700;
    color: #29292e
}

.tab.selected[data-v-08d0810c]:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(4.267vw,21.333px);
    height: min(.8vw,4px);
    border-radius: min(.4vw,2px);
    background: red;
    content: " "
}

.page-container-header[data-v-9ba97f68] {
    background: url(../image/bgi.png) center max(-12.8vw,-64px) no-repeat #f7f8f9;
    background-size: 100% auto;
    overflow: hidden;
    position: relative;
    z-index: 100
}

.nav-bar[data-v-9ba97f68] {
    position: relative;
    height: min(3.733vw,18.667px);
    content: " "
}

.nav-bar[data-v-9ba97f68],.weather-box[data-v-9ba97f68] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.weather-box[data-v-9ba97f68] {
    height: min(6.4vw,32px);
    background: hsla(0,100%,73%,.2);
    padding-left: min(2.133vw,10.667px);
    border-radius: min(3.2vw,16px) 0 0 min(3.2vw,16px)
}

.icon-weather[data-v-9ba97f68] {
    width: min(4.267vw,21.333px);
    height: min(4.267vw,21.333px)
}

.weather[data-v-9ba97f68] {
    color: #1b2127;
    font-size: min(3.2vw,16px);
    height: min(6.4vw,32px);
    line-height: min(6.4vw,32px);
    padding: 0 min(4.267vw,21.333px) 0 min(.533vw,2.667px)
}

.detail-match-info[data-v-9ba97f68] {
    height: min(40vw,200px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 min(8vw,40px)
}

.detail-match-team1[data-v-9ba97f68] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: min(4vw,20px);
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team-host[data-v-9ba97f68] {
    position: absolute;
    left: 0;
    top: min(19.2vw,96px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-left: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-team2[data-v-9ba97f68] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: min(4vw,20px);
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team-guest[data-v-9ba97f68] {
    position: absolute;
    right: 0;
    top: min(19.2vw,96px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-right: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-logo-box[data-v-9ba97f68] {
    height: min(12vw,60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.detail-match-logo[data-v-9ba97f68] {
    width: auto;
    max-width: min(14.667vw,73.333px);
    min-width: min(9.333vw,46.667px);
    height: min(12vw,60px)
}

.detail-match-team-name[data-v-9ba97f68] {
    margin-top: min(1.867vw,9.333px);
    height: min(5.867vw,29.333px);
    line-height: min(5.867vw,29.333px);
    color: #1f252b;
    font-size: min(4vw,20px)
}

.detail-match-team-name[data-v-9ba97f68],.detail-match-team-pos[data-v-9ba97f68] {
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: min(25.333vw,126.667px)
}

.detail-match-team-pos[data-v-9ba97f68] {
    margin-top: min(1.067vw,5.333px);
    height: min(3.467vw,17.333px);
    line-height: min(3.467vw,17.333px);
    color: #646566;
    font-size: min(3.2vw,16px)
}

.dmd-top[data-v-9ba97f68] {
    margin-top: min(4.267vw,21.333px);
    height: min(4.267vw,21.333px);
    line-height: min(4.267vw,21.333px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow: hidden
}

.dmd-league[data-v-9ba97f68] {
    font-size: min(2.933vw,14.667px);
    color: #868689;
    max-width: min(14.933vw,74.667px);
    overflow: hidden;
    white-space: nowrap
}

.dmd-time[data-v-9ba97f68] {
    font-size: min(2.933vw,14.667px);
    color: #868689;
    padding-left: min(2.133vw,10.667px)
}

.dmd-status-box[data-v-9ba97f68] {
    position: relative;
    margin-top: min(1.067vw,5.333px);
    height: min(4.267vw,21.333px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.dmd-status-bg[data-v-9ba97f68] {
    width: min(8.533vw,42.667px);
    height: min(4.267vw,21.333px);
    opacity: .1;
    border-radius: min(2.133vw,10.667px)
}

.dmd-status[data-v-9ba97f68] {
    position: absolute;
    width: min(8.533vw,42.667px);
    height: min(4.267vw,21.333px);
    line-height: min(4.267vw,21.333px);
    text-align: center;
    font-size: min(2.667vw,13.333px)
}

.dmd-center[data-v-9ba97f68] {
    margin-top: min(.533vw,2.667px);
    height: min(8vw,40px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.dmd-score1[data-v-9ba97f68] {
    text-align: right
}

.dmd-score1[data-v-9ba97f68],.dmd-score2[data-v-9ba97f68] {
    height: min(8vw,40px);
    line-height: min(8vw,40px);
    flex: 1;
    font-size: min(6.933vw,34.667px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-score2[data-v-9ba97f68] {
    text-align: left
}

.dmd-score-line[data-v-9ba97f68] {
    width: min(10.667vw,53.333px);
    height: min(8vw,40px);
    line-height: min(8vw,40px);
    text-align: center;
    font-size: min(4vw,20px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-vs[data-v-9ba97f68] {
    line-height: min(6.4vw,32px);
    color: #969799
}

.dmd-bottom[data-v-9ba97f68] {
    height: min(4.533vw,22.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.dmd-half-score[data-v-9ba97f68] {
    color: #868689
}

.dmd-cd[data-v-9ba97f68],.dmd-half-score[data-v-9ba97f68] {
    margin-top: min(2.133vw,10.667px);
    height: min(4.533vw,22.667px);
    line-height: min(4.533vw,22.667px);
    font-size: min(3.2vw,16px)
}

.dmd-cd[data-v-9ba97f68] {
    color: #646566
}

.detail-btns[data-v-9ba97f68] {
    position: absolute;
    left: 50%;
    top: min(33.333vw,166.667px);
    width: min(46.933vw,234.667px);
    height: min(7.467vw,37.333px);
    margin-left: max(-23.467vw,-117.333px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.detail-btn-follow[data-v-9ba97f68] {
    position: relative;
    width: min(22.4vw,112px);
    height: min(7.467vw,37.333px);
    background: #f2f3f5;
    border-radius: min(1.067vw,5.333px);
    line-height: min(7.467vw,37.333px);
    padding-left: min(6.4vw,32px);
    color: #323233;
    font-size: min(3.467vw,17.333px);
    cursor: pointer
}

.detail-btn-follow[data-v-9ba97f68]:before {
    background: url(../image/iconSave.png) no-repeat;
    background-size: 100% 100%
}

.detail-btn-follow-has[data-v-9ba97f68]:before,.detail-btn-follow[data-v-9ba97f68]:before {
    content: " ";
    position: absolute;
    left: min(2.133vw,10.667px);
    top: min(1.867vw,9.333px);
    width: min(3.733vw,18.667px);
    height: min(3.733vw,18.667px)
}

.detail-btn-follow-has[data-v-9ba97f68]:before {
    background: url(../image/iconSaveHas.png) no-repeat;
    background-size: 100% 100%
}

.tabs-box[data-v-9ba97f68] {
    height: min(12.8vw,64px);
    overflow: hidden;
    background: #f7f8f9
}

.tabs[data-v-9ba97f68] {
    overflow: hidden;
    white-space: nowrap;
    padding-left: min(2.133vw,10.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff
}

.tab[data-v-9ba97f68],.tabs[data-v-9ba97f68] {
    position: relative;
    height: min(11.733vw,58.667px)
}

.tab[data-v-9ba97f68] {
    flex: 1;
    line-height: min(11.733vw,58.667px);
    font-size: min(4vw,20px);
    color: #646566;
    text-align: center
}

.tab.selected[data-v-9ba97f68] {
    font-weight: 700;
    color: #29292e
}

.tab.selected[data-v-9ba97f68]:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(4.267vw,21.333px);
    height: min(.8vw,4px);
    border-radius: min(.4vw,2px);
    background: red;
    content: " "
}

.page-match-header-fixed[data-v-e6ab1390] {
    position: fixed;
    top: min(12.8vw,64px);
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    height: min(25.6vw,128px);
    overflow: hidden;
    z-index: 500;
    background: url(../image/bgi.png) center max(-12.8vw,-64px) no-repeat #fff;
    background-size: 100% auto
}

.detail-match-info[data-v-e6ab1390] {
    height: min(12.8vw,64px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0 min(8vw,40px)
}

.detail-match-team1[data-v-e6ab1390] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team1 .detail-match-team-name[data-v-e6ab1390] {
    text-align: right;
    padding-right: min(.8vw,4px);
    padding-left: 0
}

.detail-match-team-host[data-v-e6ab1390] {
    position: absolute;
    left: 0;
    top: min(4.8vw,24px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-left: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-team2[data-v-e6ab1390] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: min(25.333vw,126.667px)
}

.detail-match-team-guest[data-v-e6ab1390] {
    position: absolute;
    right: 0;
    top: min(4.8vw,24px);
    width: min(3.2vw,16px);
    height: min(3.2vw,16px);
    background: #fda609;
    margin-right: max(-4vw,-20px);
    color: #fff;
    font-size: min(2.667vw,13.333px);
    line-height: min(3.2vw,16px);
    text-align: center;
    border-radius: min(.533vw,2.667px)
}

.detail-match-logo-box[data-v-e6ab1390] {
    height: min(12.8vw,64px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.detail-match-logo[data-v-e6ab1390] {
    width: auto;
    max-width: min(8vw,40px);
    min-width: min(2.667vw,13.333px);
    height: min(5.333vw,26.667px)
}

.detail-match-team-name[data-v-e6ab1390] {
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    text-align: left;
    padding-left: min(.8vw,4px);
    color: #1f252b;
    font-size: min(4vw,20px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: min(25.333vw,126.667px)
}

.detail-match-data[data-v-e6ab1390] {
    width: min(33.067vw,165.333px);
    padding: 0 min(1.333vw,6.667px)
}

.dmd-center[data-v-e6ab1390] {
    height: min(12.8vw,64px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.dmd-score1[data-v-e6ab1390] {
    text-align: right
}

.dmd-score1[data-v-e6ab1390],.dmd-score2[data-v-e6ab1390] {
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    flex: 1;
    font-size: min(5.333vw,26.667px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-score2[data-v-e6ab1390] {
    text-align: left
}

.dmd-score-line[data-v-e6ab1390] {
    width: min(10.667vw,53.333px);
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    text-align: center;
    font-size: min(4vw,20px);
    font-weight: 700;
    color: #ff2d2d
}

.dmd-vs[data-v-e6ab1390] {
    font-size: min(4.8vw,24px);
    color: #868689
}

.tabs-box[data-v-e6ab1390] {
    height: min(12.8vw,64px);
    overflow: hidden;
    background: #f7f8f9
}

.tabs[data-v-e6ab1390] {
    overflow: hidden;
    white-space: nowrap;
    padding-left: min(2.133vw,10.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff
}

.tab[data-v-e6ab1390],.tabs[data-v-e6ab1390] {
    position: relative;
    height: min(11.733vw,58.667px)
}

.tab[data-v-e6ab1390] {
    flex: 1;
    line-height: min(11.733vw,58.667px);
    font-size: min(4vw,20px);
    color: #646566;
    text-align: center
}

.tab.selected[data-v-e6ab1390] {
    font-weight: 700;
    color: #29292e
}

.tab.selected[data-v-e6ab1390]:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(4.267vw,21.333px);
    height: min(.8vw,4px);
    border-radius: min(.4vw,2px);
    background: red;
    content: " "
}

.bar-wrap[data-v-e8d08252] {
    width: min(84vw,420px);
    height: min(7.467vw,37.333px);
    margin: min(4.267vw,21.333px) auto 0
}

.bar-wrap .top[data-v-e8d08252] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: min(1.6vw,8px)
}

.bar-wrap .top .title[data-v-e8d08252] {
    position: absolute;
    font-size: min(3.467vw,17.333px);
    color: #808c98;
    margin-bottom: min(.533vw,2.667px);
    left: 50%;
    transform: translateX(-50%)
}

.bar-wrap .top .num[data-v-e8d08252] {
    color: #1f252b
}

.bar-wrap .bottom[data-v-e8d08252] {
    width: min(84vw,420px);
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

.bar-wrap .bottom .bar[data-v-e8d08252] {
    width: min(41.6vw,208px);
    height: min(.8vw,4px);
    background: #e9e9e9
}

.toast-container[data-v-7bfe884a] {
    position: fixed;
    z-index: 9999;
    display: flex;
    justify-content: center;
    left: calc(50% - min(210px, 42%));
    right: calc(50% - min(210px, 42%));
    bottom: 45vh
}

.toast-container.fade-enter-active[data-v-7bfe884a],.toast-container.fade-leave-active[data-v-7bfe884a] {
    transition: opacity .3s
}

.toast-container.fade-enter-from[data-v-7bfe884a],.toast-container.fade-leave-to[data-v-7bfe884a] {
    opacity: 0
}

.toast-message[data-v-7bfe884a] {
    padding: min(4vw,20px) min(6.667vw,33.333px);
    font-size: min(3.733vw,18.667px);
    line-height: min(5.867vw,29.333px);
    text-align: center;
    border-radius: min(1.6vw,8px);
    background-color: rgba(0,0,0,.8);
    color: #fff
}

.tab-bar[data-v-5529643a] {
    position: fixed;
    bottom: 0;
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    z-index: 1000;
    padding-bottom: min(4.267vw,21.333px);
    height: min(17.067vw,85.333px);
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0 max(-.267vw,-1.333px) min(1.333vw,6.667px) rgba(0,0,0,.04)
}

.tab-bar-item[data-v-5529643a] {
    position: relative;
    flex: 1;
    height: min(15.467vw,77.333px);
    padding-top: min(3.2vw,16px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.tab-bar-item .icon[data-v-5529643a] {
    display: block;
    width: min(6.4vw,32px);
    height: min(6.4vw,32px);
    background-size: 100% 100%
}

.tab-bar-item .text[data-v-5529643a] {
    text-align: center;
    height: min(5.867vw,29.333px);
    line-height: min(5.867vw,29.333px);
    color: #646566;
    font-size: min(2.667vw,13.333px)
}

.tab-bar-item .text.selected[data-v-5529643a] {
    color: #e62d2d
}

.message-count[data-v-5529643a] {
    position: absolute;
    top: min(2.133vw,10.667px);
    left: 50%;
    margin-left: min(1.333vw,6.667px);
    font-size: min(1.867vw,9.333px);
    width: min(3.733vw,18.667px);
    height: min(3.733vw,18.667px);
    line-height: min(3.2vw,16px);
    border-radius: 100%;
    background: #ec292d;
    color: #fff;
    border: min(.133vw,.667px) solid #fff;
    text-align: center
}

.go-captcha-box[data-v-d6bbdf14] {
    position: fixed;
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.2);
    z-index: 1000;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex
}

.go-captcha[data-v-d6bbdf14] {
    width: 100%;
    margin: 0 auto
}

.captcha-container[data-v-d6bbdf14] {
    background: #f5f5f5;
    border-radius: min(1.067vw,5.333px);
    padding: min(2.667vw,13.333px)
}

.captcha-image[data-v-d6bbdf14] {
    margin-bottom: min(2.667vw,13.333px)
}

.captcha-image img[data-v-d6bbdf14] {
    width: 100%;
    height: auto;
    border-radius: min(1.067vw,5.333px)
}

.captcha-slider[data-v-d6bbdf14] {
    padding: 0 min(2.667vw,13.333px)
}

.slider-track[data-v-d6bbdf14] {
    position: relative;
    height: min(10.667vw,53.333px);
    background: #e8e8e8;
    border-radius: min(5.333vw,26.667px)
}

.slider-button[data-v-d6bbdf14] {
    position: absolute;
    top: 0;
    width: min(10.667vw,53.333px);
    height: min(10.667vw,53.333px);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 min(.533vw,2.667px) min(1.067vw,5.333px) rgba(0,0,0,.1);
    cursor: pointer;
    transition: background-color .3s
}

.slider-button[data-v-d6bbdf14]:hover {
    background: #f0f0f0
}

.nav-rule-list[data-v-36d41f62] {
    overflow: hidden;
    position: relative;
    min-height: min(26.667vw,133.333px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    background: #fff;
    padding: min(5.333vw,26.667px) min(4vw,20px) min(4vw,20px);
    border-bottom: min(1.067vw,5.333px) solid #f7f8f9
}

.nav-rule-item[data-v-36d41f62] {
    flex: 1 1 min(17.867vw,89.333px);
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.nav-rule-item-pic[data-v-36d41f62] {
    overflow: hidden;
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px)
}

.nav-rule-item-shoot[data-v-36d41f62] {
    background: url(../image/i1.png) no-repeat 50%;
    background-size: 100% 100%
}

.nav-rule-item-trend[data-v-36d41f62] {
    background: url(../image/i2.png) no-repeat 50%;
    background-size: 100% 100%
}

.nav-rule-item-review[data-v-36d41f62] {
    background: url(../image/i3.png) no-repeat 50%;
    background-size: 100% 100%
}

.nav-rule-item-expert[data-v-36d41f62] {
    background: url(../image/i4.png) no-repeat 50%;
    background-size: 100% 100%
}

.nav-rule-item-title[data-v-36d41f62] {
    padding-top: min(1.333vw,6.667px);
    height: min(6.133vw,30.667px);
    line-height: min(4.8vw,24px);
    text-align: center;
    font-size: min(3.733vw,18.667px);
    color: #29292e
}

.plan-list[data-v-1d261b6e] {
    position: relative;
    overflow: hidden;
    min-height: min(80vw,400px)
}

.plan-item-szc[data-v-1d261b6e] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: min(27.2vw,136px);
    padding: min(5.067vw,25.333px) min(3.733vw,18.667px) min(4vw,20px) 0;
    background: #fff;
    border-radius: min(2.133vw,10.667px);
    margin-top: min(.267vw,1.333px);
    cursor: pointer
}

.vip-free[data-v-1d261b6e] {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/vipTip.png) 50% no-repeat;
    background-size: 100% 100%;
    width: min(14.4vw,72px);
    height: min(4.267vw,21.333px)
}

.pis-left[data-v-1d261b6e] {
    position: absolute;
    left: min(4.267vw,21.333px);
    top: min(4.533vw,22.667px);
    width: min(17.067vw,85.333px);
    height: min(23.2vw,116px)
}

.pis-expert-logo[data-v-1d261b6e] {
    display: block;
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px);
    border-radius: 100%;
    margin-left: min(1.067vw,5.333px)
}

.pis-expert-name[data-v-1d261b6e] {
    margin-top: min(2.133vw,10.667px);
    width: min(14.4vw,72px);
    height: min(4.8vw,24px);
    line-height: min(4.8vw,24px);
    font-size: min(3.2vw,16px);
    color: #29292e;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.pis-right[data-v-1d261b6e] {
    padding: 0 0 0 min(24.267vw,121.333px);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.pis-title[data-v-1d261b6e] {
    font-size: min(4.267vw,21.333px);
    font-weight: 500;
    color: #29292e;
    line-height: min(5.6vw,28px);
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pis-info[data-v-1d261b6e] {
    position: relative;
    margin-top: min(2.133vw,10.667px);
    height: min(4.8vw,24px);
    line-height: min(4.8vw,24px);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.pis-issue[data-v-1d261b6e] {
    font-size: min(3.467vw,17.333px);
    color: #29292e
}

.plan-item-price[data-v-1d261b6e] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: min(4.8vw,24px);
    line-height: min(4.8vw,24px)
}

.plan-item-price-text[data-v-1d261b6e],.plan-item-price-unit-text[data-v-1d261b6e] {
    font-size: min(3.467vw,17.333px);
    color: #ee0a24
}

.plan-item-price-text-member[data-v-1d261b6e] {
    font-size: min(3.467vw,17.333px);
    color: #ee0a24;
    text-decoration: line-through
}

.plan-item-price-text-gray[data-v-1d261b6e] {
    font-size: min(3.467vw,17.333px);
    color: #969799;
    text-decoration: line-through;
    padding-left: min(.267vw,1.333px)
}

.plan-list[data-v-a20c58f8] {
    position: relative;
    overflow: hidden;
    min-height: min(80vw,400px)
}

.plan-item[data-v-a20c58f8] {
    background-color: #fff;
    border-radius: min(2.133vw,10.667px);
    margin-bottom: min(.267vw,1.333px)
}

.plan-item .plan-item-inner[data-v-a20c58f8],.plan-item[data-v-a20c58f8] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.plan-item .plan-item-inner[data-v-a20c58f8] {
    padding: min(4.267vw,21.333px) min(2.667vw,13.333px) min(3.2vw,16px)
}

.plan-item .plan-item-recommend[data-v-a20c58f8] {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../image/ic_recommend.png);
    background-repeat: no-repeat;
    background-size: min(12vw,60px) min(4.267vw,21.333px);
    width: min(12vw,60px);
    height: min(4.267vw,21.333px);
    background-position: 0
}

.plan-item .plan-item-header[data-v-a20c58f8] {
    position: relative;
    display: flex;
    height: min(12.267vw,61.333px);
    overflow: hidden;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.plan-item .plan-tx[data-v-a20c58f8] {
    position: absolute;
    left: 0;
    top: min(.267vw,1.333px);
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px);
    overflow: hidden
}

.plan-item .plan-tx-image[data-v-a20c58f8] {
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px);
    border-radius: min(5.867vw,29.333px)
}

.plan-item .plan-name[data-v-a20c58f8] {
    position: absolute;
    top: 0;
    left: min(14.933vw,74.667px);
    font-size: min(4.267vw,21.333px);
    line-height: min(5.867vw,29.333px);
    color: #29292e
}

.plan-item .plan-name1[data-v-a20c58f8] {
    line-height: min(12.267vw,61.333px)
}

.plan-item .plan-hash-tags[data-v-a20c58f8] {
    position: absolute;
    top: min(6.933vw,34.667px);
    left: min(14.933vw,74.667px);
    overflow: hidden
}

.plan-item .plan-hash-tag[data-v-a20c58f8],.plan-item .plan-hash-tags[data-v-a20c58f8] {
    height: min(5.333vw,26.667px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.plan-item .plan-hash-tag[data-v-a20c58f8] {
    margin-right: min(1.6vw,8px);
    background-color: #feeef0;
    padding: 0 min(2.667vw,13.333px);
    border-radius: 0 min(2.667vw,13.333px) min(2.667vw,13.333px) min(2.667vw,13.333px)
}

.plan-item .plan-hash-tag-image[data-v-a20c58f8] {
    display: block;
    width: min(3.2vw,16px);
    height: min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-image.plan-hash-tag-football[data-v-a20c58f8] {
    background: url(../image/ic_football.png) no-repeat;
    background-size: min(3.2vw,16px) min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-image.plan-hash-tag-basketball[data-v-a20c58f8] {
    background: url(../image/ic_basketball.png) no-repeat;
    background-size: min(3.2vw,16px) min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-image.plan-hash-tag-cup[data-v-a20c58f8] {
    background: url(../image/ic_cup.png) no-repeat;
    background-size: min(3.2vw,16px) min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-text[data-v-a20c58f8] {
    padding-left: min(1.067vw,5.333px);
    color: #ee0a24;
    font-size: min(3.2vw,16px)
}

.plan-item .plan-order-rank[data-v-a20c58f8] {
    position: absolute;
    top: 0;
    right: 0;
    height: min(5.333vw,26.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.plan-item .plan-order-rank-num[data-v-a20c58f8] {
    height: min(5.867vw,29.333px);
    line-height: min(5.867vw,29.333px);
    color: #ee0a24;
    font-size: min(5.867vw,29.333px);
    font-weight: 700;
    font-family: DINAlternateBold
}

.plan-item .plan-order-rank-unit[data-v-a20c58f8] {
    height: min(5.867vw,29.333px);
    padding-top: min(1.333vw,6.667px);
    line-height: min(4.533vw,22.667px);
    color: #ee0a24;
    font-size: min(3.2vw,16px)
}

.plan-item .plan-order-type[data-v-a20c58f8] {
    position: absolute;
    top: min(6.4vw,32px);
    right: 0;
    font-size: min(3.2vw,16px);
    line-height: min(5.333vw,26.667px);
    color: #969799
}

.plan-item .plan-item-content[data-v-a20c58f8] {
    margin-top: min(3.2vw,16px);
    border: min(.267vw,1.333px) solid #ebedf0;
    border-radius: min(1.067vw,5.333px);
    flex-direction: column
}

.plan-item .plan-item-title[data-v-a20c58f8] {
    padding: min(4.8vw,24px) min(3.2vw,16px) min(2.667vw,13.333px);
    overflow: hidden
}

.plan-item .plan-item-title-text[data-v-a20c58f8] {
    font-size: min(4.267vw,21.333px);
    color: #29292e;
    line-height: min(6.4vw,32px)
}

.plan-item .plan-item-bottom[data-v-a20c58f8] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 min(3.2vw,16px) min(3.2vw,16px);
    position: relative;
    height: min(8vw,40px)
}

.plan-item .plan-item-game-type[data-v-a20c58f8] {
    line-height: min(4.8vw,24px);
    font-size: min(3.467vw,17.333px);
    color: #29292e
}

.plan-item .plan-item-line[data-v-a20c58f8] {
    line-height: min(4.8vw,24px);
    font-size: min(3.467vw,17.333px);
    color: #dcdee0;
    padding: 0 min(1.6vw,8px)
}

.plan-item .plan-item-sale-time[data-v-a20c58f8] {
    line-height: min(4.8vw,24px);
    font-size: min(3.467vw,17.333px);
    color: #bababd
}

.plan-item .plan-item-price[data-v-a20c58f8] {
    position: absolute;
    top: 0;
    right: min(3.2vw,16px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: min(4.8vw,24px);
    line-height: min(4.8vw,24px)
}

.plan-item .plan-item-price-text[data-v-a20c58f8],.plan-item .plan-item-price-unit-text[data-v-a20c58f8] {
    font-size: min(3.467vw,17.333px);
    color: #ee0a24
}

.plan-item .plan-item-price-text-gray[data-v-a20c58f8] {
    font-size: min(3.467vw,17.333px);
    color: #969799;
    text-decoration: line-through;
    padding-left: min(.267vw,1.333px)
}

.plan-item .plan-item-match[data-v-a20c58f8] {
    position: relative;
    height: min(9.067vw,45.333px);
    background-color: #f7f8f9;
    margin-bottom: min(2.667vw,13.333px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.plan-item .plan-item-match-league[data-v-a20c58f8] {
    font-size: min(3.2vw,16px);
    padding-left: min(3.2vw,16px);
    font-size: min(3.467vw,17.333px);
    color: #969799
}

.plan-item .plan-item-match-line[data-v-a20c58f8] {
    padding: 0 min(1.067vw,5.333px);
    font-size: min(2.933vw,14.667px);
    color: #969799
}

.plan-item .plan-item-match-time[data-v-a20c58f8] {
    font-size: min(3.467vw,17.333px);
    color: #969799
}

.plan-item .plan-item-match-team1[data-v-a20c58f8] {
    font-size: min(3.467vw,17.333px);
    color: #29292e;
    padding-left: min(4vw,20px)
}

.plan-item .plan-item-match-vs[data-v-a20c58f8] {
    font-size: min(3.467vw,17.333px);
    color: #969799;
    padding: 0 min(2.133vw,10.667px)
}

.plan-item .plan-item-match-team2[data-v-a20c58f8] {
    font-size: min(3.467vw,17.333px);
    color: #29292e
}

.plan-item .plan-item-match-ar[data-v-a20c58f8] {
    position: absolute;
    right: min(2.667vw,13.333px);
    top: min(2.933vw,14.667px);
    width: min(1.867vw,9.333px);
    height: min(2.933vw,14.667px);
    background: url(../image/iconAr1.png) no-repeat;
    background-size: min(1.867vw,9.333px) min(2.933vw,14.667px)
}

.result[data-v-a20c58f8] {
    width: min(10.933vw,54.667px);
    height: min(12.267vw,61.333px);
    background-repeat: no-repeat;
    background-size: min(10.933vw,54.667px) min(12.267vw,61.333px);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000
}

.result.result1[data-v-a20c58f8] {
    background-image: url(../image/planResultIcon1.png)
}

.result.result2[data-v-a20c58f8] {
    background-image: url(../image/planResultIcon2.png)
}

.result.result3[data-v-a20c58f8] {
    background-image: url(../image/planResultIcon3.png)
}

.result.result4[data-v-a20c58f8] {
    background-image: url(../image/planResultIcon4.png)
}

.pay-box[data-v-0e286769] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    background: rgba(0,0,0,.3);
    z-index: 1001
}

.pay-inner[data-v-0e286769] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: min(120vw,600px);
    overflow: hidden;
    background-color: #fff;
    border-radius: min(2.667vw,13.333px) min(2.667vw,13.333px) 0 0
}

.pay-name[data-v-0e286769] {
    padding-top: min(5.6vw,28px);
    height: min(12vw,60px);
    line-height: min(6.4vw,32px);
    text-align: center;
    color: #1a1a1c;
    font-size: min(4.533vw,22.667px)
}

.pay-unlock[data-v-0e286769] {
    padding-top: min(2.133vw,10.667px);
    height: min(12.8vw,64px);
    line-height: min(5.6vw,28px);
    text-align: center;
    color: #646566;
    font-size: min(4vw,20px)
}

.pay-price[data-v-0e286769] {
    padding-top: min(4.533vw,22.667px);
    height: min(14.4vw,72px);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: center;
    align-items: flex-start
}

.pay-price-sale-text[data-v-0e286769] {
    line-height: min(8.533vw,42.667px);
    color: #323233;
    font-size: min(7.467vw,37.333px);
    font-weight: 700;
    font-family: DINAlternateBold
}

.pay-price-unit-text[data-v-0e286769] {
    line-height: min(9.333vw,46.667px);
    color: #323233;
    font-size: min(3.733vw,18.667px);
    padding: 0 min(1.867vw,9.333px) 0 min(.8vw,4px)
}

.pay-price-source-text[data-v-0e286769] {
    line-height: min(9.333vw,46.667px);
    color: #c8c9cc;
    font-size: min(3.733vw,18.667px);
    text-decoration: line-through
}

.my-coupon[data-v-0e286769] {
    height: min(13.333vw,66.667px);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    margin: 0 min(2.667vw,13.333px);
    border-top: min(.133vw,.667px) solid #f2f2f2
}

.pay-icon-coupon[data-v-0e286769] {
    width: min(6.4vw,32px);
    height: min(6.4vw,32px);
    background: url(../image/iconCoupon.png) no-repeat;
    background-size: 100% 100%
}

.my-coupon-text[data-v-0e286769] {
    flex: 1;
    line-height: min(13.333vw,66.667px);
    color: #1a1a1c;
    font-size: min(4vw,20px);
    padding-left: min(2.667vw,13.333px)
}

.my-coupon-val[data-v-0e286769] {
    height: min(13.333vw,66.667px);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: flex-end;
    align-items: center
}

.my-coupon-val-text[data-v-0e286769] {
    line-height: min(13.333vw,66.667px);
    color: #969799;
    font-size: min(3.733vw,18.667px);
    padding-right: min(.533vw,2.667px);
    white-space: nowrap
}

.my-best-coupon-val[data-v-0e286769] {
    position: relative;
    height: min(6.4vw,32px);
    line-height: min(6.4vw,32px);
    padding: 0 min(6.133vw,30.667px) 0 min(4vw,20px);
    color: #fff;
    font-size: min(3.467vw,17.333px);
    border-radius: min(3.2vw,16px);
    background: linear-gradient(120deg,#ff8931,#ffa646)
}

.my-best-coupon-val[data-v-0e286769]:before {
    content: " ";
    position: absolute;
    top: min(1.867vw,9.333px);
    right: min(3.2vw,16px);
    width: min(1.6vw,8px);
    height: min(2.667vw,13.333px);
    background: url(../image/iconPayAr.png) no-repeat;
    background-size: 100% 100%
}

.pay-way[data-v-0e286769] {
    height: min(13.333vw,66.667px);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    margin: 0 min(2.667vw,13.333px);
    border-top: min(.133vw,.667px) solid #f2f2f2;
    padding-left: min(2.667vw,13.333px)
}

.border-no[data-v-0e286769] {
    border-bottom: 0 none
}

.pay-icon-nm[data-v-0e286769] {
    width: min(5.333vw,26.667px);
    height: min(5.333vw,26.667px);
    background: url(../image/iconPayNm.png) no-repeat;
    background-size: 100% 100%
}

.pay-icon-nm-g[data-v-0e286769] {
    width: min(5.333vw,26.667px);
    height: min(5.333vw,26.667px);
    background: url(../image/iconPayNmG.png) no-repeat;
    background-size: 100% 100%
}

.pay-icon-wallet[data-v-0e286769] {
    width: min(5.333vw,26.667px);
    height: min(5.333vw,26.667px);
    background: url(../image/iconPayWallet.png) no-repeat;
    background-size: 100% 100%
}

.pay-way-text[data-v-0e286769] {
    flex: 1;
    line-height: min(13.333vw,66.667px);
    color: #1a1a1c;
    font-size: min(4vw,20px);
    padding: 0 0 0 min(1.333vw,6.667px)
}

.pay-way-nm-free-num[data-v-0e286769] {
    color: #ee0a24
}

.pay-recharge[data-v-0e286769] {
    height: min(13.333vw,66.667px);
    width: min(21.333vw,106.667px);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: flex-end;
    align-items: center
}

.pay-recharge-text[data-v-0e286769] {
    line-height: min(13.333vw,66.667px);
    color: #ee0a24;
    font-size: min(3.733vw,18.667px);
    padding-right: min(.533vw,2.667px)
}

.pay-icon-ar[data-v-0e286769] {
    margin: 0 min(1.067vw,5.333px);
    width: min(2.133vw,10.667px);
    height: min(3.733vw,18.667px);
    background: url(../image/iconPayAr1.png) no-repeat;
    background-size: 100% 100%
}

.pay-icon-zfb[data-v-0e286769] {
    width: min(5.333vw,26.667px);
    height: min(5.333vw,26.667px);
    background: url(../image/iconPayZfb.png) no-repeat;
    background-size: 100% 100%
}

.pay-icon-wx[data-v-0e286769] {
    width: min(5.333vw,26.667px);
    height: min(5.333vw,26.667px);
    background: url(../image/iconPayWx.png) no-repeat;
    background-size: 100% 100%
}

.pay-way-select[data-v-0e286769] {
    height: min(13.333vw,66.667px);
    width: min(4.8vw,24px);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: flex-end;
    align-items: center
}

.pay-way-select-icon[data-v-0e286769] {
    width: min(4.8vw,24px);
    height: min(4.8vw,24px);
    background: url(../image/iconPayCircle.png) no-repeat;
    background-size: 100% 100%
}

.pay-way-select-icon-selected[data-v-0e286769] {
    width: min(4.8vw,24px);
    height: min(4.8vw,24px);
    background: url(../image/iconPayCircleR.png) no-repeat;
    background-size: 100% 100%
}

.purchase-bar[data-v-0e286769] {
    position: fixed;
    bottom: 0;
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    background: url(../image/bar.png) no-repeat center min(4.533vw,22.667px) #fff;
    background-size: min(92vw,460px) min(12.8vw,64px);
    height: min(23.467vw,117.333px);
    z-index: 1000
}

.purchase-bar .purchase-bar-center[data-v-0e286769] {
    position: absolute;
    top: min(8.8vw,44px);
    left: min(10.133vw,50.667px);
    line-height: min(4.267vw,21.333px)
}

.purchase-bar .purchase-bar-top[data-v-0e286769] {
    position: absolute;
    top: min(7.2vw,36px);
    left: min(10.133vw,50.667px);
    line-height: min(4.267vw,21.333px)
}

.purchase-bar .purchase-bar-bottom[data-v-0e286769] {
    position: absolute;
    top: min(12vw,60px);
    left: min(10.133vw,50.667px);
    line-height: min(4.267vw,21.333px)
}

.purchase-bar .purchase-text[data-v-0e286769] {
    float: left;
    font-size: min(3.733vw,18.667px);
    color: #323233
}

.purchase-bar .purchase-price[data-v-0e286769] {
    float: left;
    padding-left: min(1.067vw,5.333px);
    font-size: min(4vw,20px);
    font-weight: 700;
    color: #ee0a24
}

.purchase-bar .purchase-price-source[data-v-0e286769] {
    float: left;
    font-size: min(2.933vw,14.667px);
    color: #969799;
    text-decoration: line-through;
    margin-right: min(.533vw,2.667px);
    padding-top: min(.267vw,1.333px);
    line-height: min(4vw,20px)
}

.purchase-bar .purchase-price-coupon[data-v-0e286769] {
    float: left;
    font-size: min(2.667vw,13.333px);
    color: rgba(255,0,0,.7);
    background: #fef0f0;
    border: min(.133vw,.667px) solid #ff99a5;
    height: min(4.267vw,21.333px);
    line-height: min(4.267vw,21.333px);
    border-radius: min(.533vw,2.667px);
    padding: 0 min(1.333vw,6.667px)
}

.purchase-bar .purchase-btn[data-v-0e286769] {
    position: absolute;
    right: min(3.733vw,18.667px);
    top: min(4.533vw,22.667px);
    width: min(31.467vw,157.333px);
    height: min(12.8vw,64px);
    cursor: pointer
}

.pay-btn-gray[data-v-0e286769] {
    background-color: #f7f8f9;
    border: min(.267vw,1.333px) solid #dcdee0;
    color: #dcdee0
}

.pay-tips[data-v-0e286769] {
    position: fixed;
    bottom: min(21.333vw,106.667px);
    left: calc(50% - min(50%, 250px));
    right: calc(50% - min(50%, 250px));
    z-index: 1000;
    line-height: min(4.533vw,22.667px);
    color: #969799;
    font-size: min(3.2vw,16px);
    text-align: center
}

.coupon-box[data-v-0e286769] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: min(133.333vw,666.667px);
    overflow: hidden;
    background-color: #f9f9f9;
    border-radius: min(2.667vw,13.333px) min(2.667vw,13.333px) 0 0;
    z-index: 1001
}

.coupon-header[data-v-0e286769] {
    position: relative;
    height: min(15.467vw,77.333px)
}

.coupon-header-icon[data-v-0e286769],.coupon-header[data-v-0e286769] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.coupon-header-icon[data-v-0e286769] {
    position: absolute;
    left: min(1.333vw,6.667px);
    top: min(4.267vw,21.333px);
    width: min(5.867vw,29.333px);
    height: min(5.867vw,29.333px)
}

.coupon-header-icon-image[data-v-0e286769] {
    width: min(1.6vw,8px);
    height: min(2.667vw,13.333px);
    background: url(../image/iconAl.png) no-repeat;
    background-size: 100% 100%
}

.coupon-header-title[data-v-0e286769] {
    line-height: min(14.4vw,72px);
    color: #29292e;
    font-size: min(4.267vw,21.333px);
    font-weight: 700
}

.coupon-header-not-select[data-v-0e286769] {
    position: absolute;
    right: min(3.2vw,16px);
    top: min(4.8vw,24px);
    height: min(5.867vw,29.333px);
    line-height: min(5.867vw,29.333px);
    color: #ee0a24;
    font-size: min(3.467vw,17.333px)
}

.coupon-tabs[data-v-0e286769] {
    position: relative;
    flex-direction: row
}

.coupon-tab[data-v-0e286769],.coupon-tabs[data-v-0e286769] {
    height: min(11.733vw,58.667px);
    display: flex;
    justify-content: center;
    align-items: center
}

.coupon-tab[data-v-0e286769] {
    flex-direction: column;
    width: min(56vw,280px)
}

.coupon-tab-title[data-v-0e286769] {
    flex: 1;
    color: #969799;
    font-size: min(4.267vw,21.333px);
    height: min(10.933vw,54.667px);
    line-height: min(10.933vw,54.667px);
    flex-wrap: nowrap;
    text-align: center
}

.coupon-tab-title-active[data-v-0e286769] {
    color: #323233;
    font-weight: 700
}

.coupon-tab-indicator[data-v-0e286769] {
    width: min(10.667vw,53.333px);
    height: 0
}

.coupon-tab-indicator-active[data-v-0e286769] {
    width: min(6.4vw,32px);
    height: min(.8vw,4px);
    background: url(../image/tabLine.png) no-repeat;
    background-size: 100% 100%
}

.pay-page-scroll[data-v-0e286769] {
    position: absolute;
    top: min(27.2vw,136px);
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.coupon-list[data-v-0e286769] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    padding: min(3.2vw,16px) 0
}

.h30[data-v-0e286769] {
    height: min(4vw,20px)
}

.coupon-item[data-v-0e286769] {
    padding: 0 min(2.133vw,10.667px) min(1.067vw,5.333px)
}

.coupon-item-inner[data-v-0e286769],.coupon-item[data-v-0e286769] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.coupon-item-inner[data-v-0e286769] {
    background-color: #fff;
    border-radius: min(1.6vw,8px)
}

.coupon-item-left[data-v-0e286769] {
    position: absolute;
    left: 0;
    top: 0;
    height: min(34.133vw,170.667px);
    display: flex;
    flex-direction: column;
    width: min(34.667vw,173.333px)
}

.coupon-item-lt[data-v-0e286769] {
    padding: min(8vw,40px) 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.coupon-item-lt1[data-v-0e286769] {
    padding: min(10.667vw,53.333px) 0 0 0
}

.coupon-item-value[data-v-0e286769] {
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    color: #ee0a24;
    font-size: min(10.667vw,53.333px);
    font-weight: 700;
    font-family: DINAlternateBold
}

.coupon-item-value.coupon-item-value-dk[data-v-0e286769] {
    font-size: min(6.667vw,33.333px)
}

.coupon-item-unit[data-v-0e286769] {
    padding: min(3.467vw,17.333px) 0 0 min(1.067vw,5.333px);
    height: min(12.8vw,64px);
    line-height: min(9.333vw,46.667px);
    color: red;
    font-size: min(4.267vw,21.333px)
}

.coupon-item-lb[data-v-0e286769] {
    height: min(5.333vw,26.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.coupon-item-extra[data-v-0e286769] {
    height: min(5.333vw,26.667px);
    line-height: min(5.333vw,26.667px);
    color: #969799;
    font-size: min(3.733vw,18.667px)
}

.coupon-item-line[data-v-0e286769] {
    position: absolute;
    left: min(34.667vw,173.333px);
    top: min(8vw,40px);
    height: min(18.133vw,90.667px);
    width: min(.267vw,1.333px);
    background-color: #ebedf0
}

.coupon-item-right[data-v-0e286769] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: min(5.333vw,26.667px) 0 min(3.467vw,17.333px) min(40vw,200px);
    overflow: hidden
}

.coupon-item-rt[data-v-0e286769] {
    height: min(5.867vw,29.333px);
    margin-bottom: min(2.4vw,12px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.coupon-item-rt-level[data-v-0e286769] {
    width: min(16vw,80px);
    height: min(4.8vw,24px)
}

.coupon-item-rt-level.level[data-v-0e286769] {
    background: url(../image/base.png) no-repeat;
    background-size: 100% 100%
}

.coupon-item-rt-level.level1[data-v-0e286769] {
    background: url(../image/vip.png) no-repeat;
    background-size: 100% 100%
}

.coupon-item-rt-level.level2[data-v-0e286769] {
    background: url(../image/new.png) no-repeat;
    background-size: 100% 100%
}

.coupon-item-rt-level.level-g[data-v-0e286769] {
    background: url(../image/baseg.png) no-repeat;
    background-size: 100% 100%
}

.coupon-item-rt-level.level-g1[data-v-0e286769] {
    background: url(../image/vipg.png) no-repeat;
    background-size: 100% 100%
}

.coupon-item-rt-level.level-g2[data-v-0e286769] {
    background: url(../image/newg.png) no-repeat;
    background-size: 100% 100%
}

.coupon-item-rt-type[data-v-0e286769] {
    margin-left: min(1.067vw,5.333px);
    font-size: min(4.8vw,24px);
    font-family: DINAlternateBold
}

.coupon-item-rc[data-v-0e286769] {
    padding: 0 min(3.2vw,16px) min(1.6vw,8px) 0;
    overflow: hidden
}

.coupon-item-rc-text[data-v-0e286769] {
    line-height: min(4.267vw,21.333px);
    font-size: min(3.467vw,17.333px);
    color: #323233
}

.coupon-item-gray .coupon-item-rc-text[data-v-0e286769],.coupon-item-gray .coupon-item-unit[data-v-0e286769],.coupon-item-gray .coupon-item-value[data-v-0e286769] {
    color: #969799
}

.coupon-item-expired[data-v-0e286769] {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../image/expired.png) no-repeat;
    background-size: min(19.2vw,96px) min(19.2vw,96px);
    width: min(19.2vw,96px);
    height: min(19.2vw,96px)
}

.coupon-item-recommend[data-v-0e286769] {
    position: absolute;
    top: min(1.333vw,6.667px);
    right: min(2.133vw,10.667px);
    background: url(../image/iconRecommend.png) no-repeat;
    background-size: 100% 100%;
    width: min(9.067vw,45.333px);
    height: min(5.333vw,26.667px)
}

.coupon-item-select[data-v-0e286769] {
    position: absolute;
    top: min(6.667vw,33.333px);
    right: min(4.267vw,21.333px)
}

.coupon-item-unavailable[data-v-0e286769] {
    margin: min(2.133vw,10.667px) 0 min(1.067vw,5.333px) 0;
    height: min(4.533vw,22.667px);
    overflow: hidden
}

.coupon-item-unavailable-text[data-v-0e286769] {
    font-size: min(3.467vw,17.333px);
    line-height: min(4.533vw,22.667px);
    color: red
}

.vip-free[data-v-0e286769] {
    position: absolute;
    right: max(-14.667vw,-73.333px);
    top: max(-3.2vw,-16px);
    background: url(../image/vipTip.png) 50% no-repeat;
    background-size: 100% 100%;
    width: min(14.4vw,72px);
    height: min(4.267vw,21.333px)
}

.plan-list[data-v-2121bf72] {
    position: relative;
    overflow: hidden;
    min-height: min(80vw,400px)
}

.plan-item[data-v-2121bf72] {
    background-color: #fff;
    border-radius: min(2.133vw,10.667px);
    margin-bottom: min(.267vw,1.333px)
}

.plan-item .plan-item-inner[data-v-2121bf72],.plan-item[data-v-2121bf72] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.plan-item .plan-item-inner[data-v-2121bf72] {
    padding: min(4.267vw,21.333px) min(2.667vw,13.333px) min(3.2vw,16px)
}

.plan-item .plan-item-recommend[data-v-2121bf72] {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../image/ic_recommend.png);
    background-repeat: no-repeat;
    background-size: min(12vw,60px) min(4.267vw,21.333px);
    width: min(12vw,60px);
    height: min(4.267vw,21.333px);
    background-position: 0
}

.plan-item .plan-item-header[data-v-2121bf72] {
    position: relative;
    display: flex;
    height: min(12.267vw,61.333px);
    overflow: hidden;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.plan-item .plan-tx[data-v-2121bf72] {
    position: absolute;
    left: 0;
    top: min(.267vw,1.333px);
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px);
    overflow: hidden
}

.plan-item .plan-tx-image[data-v-2121bf72] {
    width: min(11.733vw,58.667px);
    height: min(11.733vw,58.667px);
    border-radius: min(5.867vw,29.333px)
}

.plan-item .plan-name[data-v-2121bf72] {
    position: absolute;
    top: 0;
    left: min(14.933vw,74.667px);
    font-size: min(4.267vw,21.333px);
    line-height: min(5.867vw,29.333px);
    color: #29292e
}

.plan-item .plan-name1[data-v-2121bf72] {
    line-height: min(12.267vw,61.333px)
}

.plan-item .plan-hash-tags[data-v-2121bf72] {
    position: absolute;
    top: min(6.933vw,34.667px);
    left: min(14.933vw,74.667px);
    overflow: hidden
}

.plan-item .plan-hash-tag[data-v-2121bf72],.plan-item .plan-hash-tags[data-v-2121bf72] {
    height: min(5.333vw,26.667px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.plan-item .plan-hash-tag[data-v-2121bf72] {
    margin-right: min(1.6vw,8px);
    background-color: #feeef0;
    padding: 0 min(2.667vw,13.333px);
    border-radius: 0 min(2.667vw,13.333px) min(2.667vw,13.333px) min(2.667vw,13.333px)
}

.plan-item .plan-hash-tag-image[data-v-2121bf72] {
    display: block;
    width: min(3.2vw,16px);
    height: min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-image.plan-hash-tag-football[data-v-2121bf72] {
    background: url(../image/ic_football.png) no-repeat;
    background-size: min(3.2vw,16px) min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-image.plan-hash-tag-basketball[data-v-2121bf72] {
    background: url(../image/ic_basketball.png) no-repeat;
    background-size: min(3.2vw,16px) min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-image.plan-hash-tag-cup[data-v-2121bf72] {
    background: url(../image/ic_cup.png) no-repeat;
    background-size: min(3.2vw,16px) min(3.467vw,17.333px)
}

.plan-item .plan-hash-tag-text[data-v-2121bf72] {
    padding-left: min(1.067vw,5.333px);
    color: #ee0a24;
    font-size: min(3.2vw,16px)
}

.plan-item .plan-order-rank[data-v-2121bf72] {
    position: absolute;
    top: 0;
    right: 0;
    height: min(5.333vw,26.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.plan-item .plan-order-rank-num[data-v-2121bf72] {
    height: min(5.867vw,29.333px);
    line-height: min(5.867vw,29.333px);
    color: #ee0a24;
    font-size: min(5.867vw,29.333px);
    font-weight: 700;
    font-family: DINAlternateBold
}

.plan-item .plan-order-rank-unit[data-v-2121bf72] {
    height: min(5.867vw,29.333px);
    padding-top: min(1.333vw,6.667px);
    line-height: min(4.533vw,22.667px);
    color: #ee0a24;
    font-size: min(3.2vw,16px)
}

.plan-item .plan-order-type[data-v-2121bf72] {
    position: absolute;
    top: min(6.4vw,32px);
    right: 0;
    font-size: min(3.2vw,16px);
    line-height: min(5.333vw,26.667px);
    color: #969799
}

.plan-item .plan-item-content[data-v-2121bf72] {
    margin-top: min(3.2vw,16px);
    border: min(.267vw,1.333px) solid #ebedf0;
    border-radius: min(1.067vw,5.333px);
    flex-direction: column
}

.plan-item .plan-item-title[data-v-2121bf72] {
    padding: min(4.8vw,24px) min(3.2vw,16px) min(2.667vw,13.333px);
    overflow: hidden
}

.plan-item .plan-item-title-text[data-v-2121bf72] {
    font-size: min(4.267vw,21.333px);
    color: #29292e;
    line-height: min(6.4vw,32px)
}

.plan-item .plan-item-bottom[data-v-2121bf72] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 min(3.2vw,16px) min(3.2vw,16px);
    position: relative;
    height: min(8vw,40px)
}

.plan-item .plan-item-game-type[data-v-2121bf72] {
    line-height: min(4.8vw,24px);
    font-size: min(3.467vw,17.333px);
    color: #29292e
}

.plan-item .plan-item-line[data-v-2121bf72] {
    line-height: min(4.8vw,24px);
    font-size: min(3.467vw,17.333px);
    color: #dcdee0;
    padding: 0 min(1.6vw,8px)
}

.plan-item .plan-item-sale-time[data-v-2121bf72] {
    line-height: min(4.8vw,24px);
    font-size: min(3.467vw,17.333px);
    color: #bababd
}

.plan-item .plan-item-price[data-v-2121bf72] {
    position: absolute;
    top: 0;
    right: min(3.2vw,16px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: min(4.8vw,24px);
    line-height: min(4.8vw,24px)
}

.plan-item .plan-item-price-text[data-v-2121bf72],.plan-item .plan-item-price-unit-text[data-v-2121bf72] {
    font-size: min(3.467vw,17.333px);
    color: #ee0a24
}

.plan-item .plan-item-price-text-gray[data-v-2121bf72] {
    font-size: min(3.467vw,17.333px);
    color: #969799;
    text-decoration: line-through;
    padding-left: min(.267vw,1.333px)
}

.plan-item .plan-item-match[data-v-2121bf72] {
    position: relative;
    height: min(9.067vw,45.333px);
    background-color: #f7f8f9;
    margin-bottom: min(2.667vw,13.333px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.plan-item .plan-item-match-league[data-v-2121bf72] {
    font-size: min(3.2vw,16px);
    padding-left: min(3.2vw,16px);
    font-size: min(3.467vw,17.333px);
    color: #969799
}

.plan-item .plan-item-match-line[data-v-2121bf72] {
    padding: 0 min(1.067vw,5.333px);
    font-size: min(2.933vw,14.667px);
    color: #969799
}

.plan-item .plan-item-match-time[data-v-2121bf72] {
    font-size: min(3.467vw,17.333px);
    color: #969799
}

.plan-item .plan-item-match-team1[data-v-2121bf72] {
    font-size: min(3.467vw,17.333px);
    color: #29292e;
    padding-left: min(4vw,20px)
}

.plan-item .plan-item-match-vs[data-v-2121bf72] {
    font-size: min(3.467vw,17.333px);
    color: #969799;
    padding: 0 min(2.133vw,10.667px)
}

.plan-item .plan-item-match-team2[data-v-2121bf72] {
    font-size: min(3.467vw,17.333px);
    color: #29292e
}

.plan-item .plan-item-match-ar[data-v-2121bf72] {
    position: absolute;
    right: min(2.667vw,13.333px);
    top: min(2.933vw,14.667px);
    width: min(1.867vw,9.333px);
    height: min(2.933vw,14.667px);
    background: url(../image/iconAr1.png) no-repeat;
    background-size: min(1.867vw,9.333px) min(2.933vw,14.667px)
}

.result[data-v-2121bf72] {
    width: min(10.933vw,54.667px);
    height: min(12.267vw,61.333px);
    background-repeat: no-repeat;
    background-size: min(10.933vw,54.667px) min(12.267vw,61.333px);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000
}

.result.result1[data-v-2121bf72] {
    background-image: url(../image/planResultIcon1.png)
}

.result.result2[data-v-2121bf72] {
    background-image: url(../image/planResultIcon2.png)
}

.result.result3[data-v-2121bf72] {
    background-image: url(../image/planResultIcon3.png)
}

.result.result4[data-v-2121bf72] {
    background-image: url(../image/planResultIcon4.png)
}

.cta[data-v-13cdd608] {
    background: url(../image/xiaopao_xz.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    bottom: min(2.667vw,13.333px);
    z-index: 1002;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden
}

.cta.ctatb[data-v-13cdd608] {
    bottom: min(17.6vw,88px)
}

.ctb[data-v-13cdd608] {
    float: left;
    width: 96%;
    height: 100%
}

.ctc[data-v-13cdd608] {
    float: right;
    width: 4%;
    height: 100%
}

.coupon-box[data-v-125ea0b8] {
    position: fixed;
    left: calc(50% - min(50%, 250px));
    top: 0;
    right: calc(50% - min(50%, 250px));
    bottom: 0;
    z-index: 1003;
    background-color: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.coupon[data-v-125ea0b8] {
    position: relative;
    width: calc(min(100vw, 500px) - min(5.867vw, 29.333px));
    height: min(137.8666666667vw,689.333px)
}

.coupon1[data-v-125ea0b8] {
    height: min(93.3333333333vw,466.667px)
}

.coupon2[data-v-125ea0b8] {
    height: min(115.7333333333vw,578.667px)
}

.coupon-bg[data-v-125ea0b8] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.coupon1 .coupon-bg[data-v-125ea0b8] {
    background: url(../image/home1.png) no-repeat;
    background-size: calc(min(100vw, 500px) - min(5.867vw, 29.333px)) 100%
}

.coupon2 .coupon-bg[data-v-125ea0b8] {
    background: url(../image/home2.png) no-repeat;
    background-size: calc(min(100vw, 500px) - min(5.867vw, 29.333px)) 100%
}

.coupon3 .coupon-bg[data-v-125ea0b8] {
    background: url(../image/home3.png) no-repeat;
    background-size: calc(min(100vw, 500px) - min(5.867vw, 29.333px)) 100%
}

.coupon-header[data-v-125ea0b8] {
    position: absolute;
    top: min(14.133vw,70.667px);
    left: 0;
    right: 0
}

.coupon-title[data-v-125ea0b8] {
    color: #ee0a24;
    font-size: min(8vw,40px);
    height: min(22.4vw,112px);
    line-height: min(11.2vw,56px);
    flex-wrap: nowrap;
    text-align: center
}

.coupon-sub-title[data-v-125ea0b8] {
    color: #fff;
    font-size: min(3.733vw,18.667px);
    height: min(6.133vw,30.667px);
    line-height: min(6.133vw,30.667px);
    flex-wrap: nowrap;
    text-align: center
}

.coupon-list[data-v-125ea0b8] {
    position: absolute;
    top: min(42.667vw,213.333px);
    left: 0;
    right: 0;
    padding-top: min(2.133vw,10.667px);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.coupon-item[data-v-125ea0b8] {
    position: relative;
    flex: 1;
    padding: 0 min(10.133vw,50.667px) min(1.067vw,5.333px) min(10.133vw,50.667px);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.coupon-item-inner[data-v-125ea0b8] {
    position: relative;
    height: min(21.333vw,106.667px);
    border-radius: min(2.667vw,13.333px);
    display: flex;
    flex-direction: row;
    flex-direction: column;
    overflow: hidden
}

.coupon-item-left[data-v-125ea0b8] {
    position: absolute;
    left: 0;
    top: 0;
    width: min(29.333vw,146.667px);
    height: min(21.333vw,106.667px);
    display: flex;
    flex-direction: column;
    padding-left: min(5.333vw,26.667px)
}

.coupon-item-lt[data-v-125ea0b8] {
    padding: min(3.467vw,17.333px) 0 0 0;
    display: flex;
    flex-direction: row
}

.coupon-item-lt1[data-v-125ea0b8] {
    padding: min(5.333vw,26.667px) 0 0 0
}

.coupon-item-value[data-v-125ea0b8] {
    height: min(10.667vw,53.333px);
    line-height: min(10.667vw,53.333px);
    color: #ee0a24;
    font-size: min(10.667vw,53.333px);
    font-weight: 700;
    font-family: DINAlternateBold
}

.coupon-item-mdt-box[data-v-125ea0b8] {
    height: min(10.667vw,53.333px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: min(1.333vw,6.667px)
}

.coupon-item-mdt[data-v-125ea0b8] {
    height: min(5.333vw,26.667px);
    width: min(15.733vw,78.667px)
}

.coupon-item-unit[data-v-125ea0b8] {
    padding: min(2.933vw,14.667px) 0 0 min(1.067vw,5.333px);
    height: min(10.667vw,53.333px);
    line-height: min(7.733vw,38.667px);
    color: red;
    font-size: min(4.267vw,21.333px)
}

.coupon-item-lb[data-v-125ea0b8] {
    height: min(4.267vw,21.333px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.coupon-item-extra[data-v-125ea0b8] {
    line-height: min(4.267vw,21.333px);
    color: #969799;
    font-size: min(3.733vw,18.667px)
}

.coupon-item-right[data-v-125ea0b8] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: min(5.333vw,26.667px) 0 0 min(34.667vw,173.333px)
}

.coupon-item-rt[data-v-125ea0b8] {
    height: min(5.867vw,29.333px);
    margin-bottom: min(2.4vw,12px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.coupon-item-rt-level[data-v-125ea0b8] {
    width: min(16vw,80px);
    height: min(4.8vw,24px)
}

.coupon-item-rt-type[data-v-125ea0b8] {
    margin-left: min(1.067vw,5.333px);
    width: min(14.4vw,72px);
    height: min(4.533vw,22.667px)
}

.coupon-item-rc[data-v-125ea0b8] {
    height: min(4.267vw,21.333px);
    line-height: min(4.267vw,21.333px);
    font-size: min(3.467vw,17.333px);
    color: #323233
}

.coupon-btn-box[data-v-125ea0b8] {
    position: absolute;
    bottom: min(10.133vw,50.667px);
    left: 0;
    right: 0;
    height: min(13.333vw,66.667px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.coupon-btn[data-v-125ea0b8] {
    width: min(57.867vw,289.333px);
    height: min(10.667vw,53.333px);
    line-height: min(10.667vw,53.333px);
    color: #d41a12;
    font-size: min(4.8vw,24px);
    text-align: center;
    cursor: pointer
}

.popup-box[data-v-125ea0b8] {
    position: fixed;
    left: calc(50% - min(50%, 250px));
    top: 0;
    right: calc(50% - min(50%, 250px));
    bottom: 0;
    z-index: 1003;
    background-color: rgba(0,0,0,.6)
}

.popup-box[data-v-125ea0b8],.popup[data-v-125ea0b8] {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.popup[data-v-125ea0b8] {
    position: relative;
    flex-direction: column
}

.popup-h80[data-v-125ea0b8] {
    width: 100%;
    height: min(10.667vw,53.333px)
}

.popup-bg-image[data-v-125ea0b8] {
    overflow: hidden
}

.popup-btn[data-v-125ea0b8] {
    margin-top: min(4vw,20px);
    width: min(12.533vw,62.667px);
    height: min(12.533vw,62.667px);
    background: url(../image/popupCloseBtn.png) no-repeat;
    background-size: 100% 100%
}

.popup-tip[data-v-125ea0b8] {
    position: fixed;
    right: calc(50% - min(236.667px, 47.333%));
    bottom: min(37.333vw,186.667px);
    z-index: 1000
}

.popup-tip-image[data-v-125ea0b8] {
    display: block
}

.popup-tip-btn[data-v-125ea0b8] {
    margin: max(-.8vw,-4px) auto 0;
    width: min(4.267vw,21.333px);
    height: min(4.267vw,21.333px);
    background: url(../image/popupTipCloseBtn.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 100%
}

.error[data-v-6a3b7500] {
    padding: min(13.333vw,66.667px) 0
}

.info[data-v-6a3b7500] {
    color: #868689;
    font-size: min(4.267vw,21.333px);
    line-height: min(8.267vw,41.333px);
    text-align: center
}

.tel-box[data-v-6a3b7500] {
    padding-top: min(5.333vw,26.667px);
    text-align: center
}

.tel[data-v-6a3b7500] {
    display: inline-block;
    width: min(69.333vw,346.667px);
    height: min(13.333vw,66.667px);
    line-height: min(6.4vw,32px);
    padding: min(3.2vw,16px) min(2.667vw,13.333px);
    font-size: min(4.267vw,21.333px);
    color: #cd3a3d;
    border: min(.267vw,1.333px) solid #cd3a3d;
    text-align: center;
    border-radius: min(.8vw,4px)
}

.ac-purchase[data-v-8460b8d2] {
    background: url(../image/alock.png) no-repeat;
    background-size: 100% 100%
}

.ac-purchase0[data-v-8460b8d2],.ac-purchase[data-v-8460b8d2] {
    position: relative;
    width: calc(min(100vw, 500px) - min(4.267vw, 21.333px));
    height: calc((min(100vw, 500px) - min(4.267vw, 21.333px))*459/1107);
    overflow: hidden
}

.ac-purchase0[data-v-8460b8d2] {
    background: url(../image/alock0.png) no-repeat;
    background-size: 100% 100%
}

.count-down-article[data-v-8460b8d2] {
    position: absolute;
    top: calc((min(100vw, 500px) - min(4.267vw, 21.333px))*60/343);
    left: 0;
    right: 0;
    height: min(6.933vw,34.667px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.cda-h[data-v-8460b8d2] {
    padding: 0 min(1.067vw,5.333px);
    min-width: min(6.667vw,33.333px)
}

.cda-h[data-v-8460b8d2],.cda[data-v-8460b8d2] {
    height: min(6.933vw,34.667px);
    line-height: min(6.933vw,34.667px);
    border-radius: min(1.067vw,5.333px);
    background-color: #fff;
    font-family: DINAlternateBold;
    font-size: min(4.533vw,22.667px);
    font-weight: 700;
    color: #646566
}

.cda[data-v-8460b8d2] {
    width: min(6.667vw,33.333px);
    text-align: center
}

.cda-mh[data-v-8460b8d2] {
    background: url(../image/amh.png) no-repeat 50%;
    background-size: min(.533vw,2.667px) min(2.133vw,10.667px);
    width: min(3.2vw,16px);
    height: min(6.933vw,34.667px)
}

.loading[data-v-4b6e168a] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.loading .loading-content[data-v-4b6e168a] {
    text-align: center
}

.loading .loading-content .desc[data-v-4b6e168a] {
    line-height: min(5.333vw,26.667px);
    font-size: min(3.733vw,18.667px);
    color: #29292e
}

.loading[data-v-1bcda413] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.loading .loading-content[data-v-1bcda413] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center
}

.loading .loading-content .desc[data-v-1bcda413] {
    padding-left: min(1.333vw,6.667px);
    line-height: min(5.333vw,26.667px);
    font-size: min(3.2vw,16px);
    color: #868689
}

.no-result[data-v-7dbc1714] {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: min(80vw,400px)
}

.no-result .no-result-content[data-v-7dbc1714] {
    text-align: center
}

.no-result .no-result-content .icon[data-v-7dbc1714] {
    width: min(40vw,200px);
    height: min(38.133vw,190.667px);
    margin: 0 auto;
    background: url(../image/nodata.png);
    background-size: 100% 100%
}

.no-result .no-result-content .text[data-v-7dbc1714] {
    margin-top: min(2.667vw,13.333px);
    font-size: min(3.733vw,18.667px);
    color: #868689
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline
}

a,button,div,img,p,span {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

h1,h2,h3,h4,h5 {
    font-size: 100%;
    font-weight: 400
}

li {
    list-style: none
}

fieldset,img {
    border: 0
}

img {
    border: 0 none;
    width: auto;
    max-width: 100%;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

caption,th {
    text-align: left
}

caption,em,th {
    font-style: normal;
    font-weight: 400
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

wbr:after {
    content: "​"
}

a,a:active,a:focus,button,button:active,input,input:focus,select,select:focus,textarea,textarea:focus {
    outline: 0;
    -webkit-tap-highlight-color: hsla(0,0%,100%,0);
    cursor: pointer
}

article,aside,dialog,figure,footer,header,nav,section {
    display: block;
    margin: 0;
    padding: 0
}

html {
    font-size: min(4.267vw,21.333px)
}

body {
    position: relative;
    font-size: min(3.2vw,16px);
    line-height: min(4.8vw,24px);
    font-family: PingFangSC-Regular,PingFang SC,Microsoft YaHei,PingHei,STHeitiSC-Light,Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;
    background-color: #f7f8f9;
    color: #29292e;
    overflow-y: auto;
    min-height: 100%;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
    touch-action: none
}

a,a:visited {
    color: #29292e;
    -webkit-backface-visibility: hidden;
    text-decoration: none
}

a:hover {
    color: #eb3a29
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.clearfix {
    zoom:1}

.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden
}

.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wrap1000 {
    width: min(266.667vw,1333.333px);
    margin: 0 auto;
    position: relative
}

.fl {
    float: left
}

.fr {
    float: right
}

.mt0 {
    margin-top: 0!important
}

.ml0 {
    margin-left: 0!important
}

.mt10 {
    margin-top: min(2.667vw,13.333px)!important
}

::-moz-placeholder {
    color: #969799
}

::placeholder {
    color: #969799
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 min(266.667vw,1333.333px) #fff inset
}

input[type=password]:focus,input[type=text]:focus,textarea:focus {
    -webkit-box-shadow: 0 0 0 min(266.667vw,1333.333px) #f7f8f9 inset
}

.g-relative {
    position: relative
}

.slide-enter-active,.slide-leave-active {
    transition: all .3s
}

.slide-enter-from,.slide-leave-to {
    transform: translate3d(100%,0,0)
}

.list-enter-active,.list-leave-active {
    transition: all .3s
}

.list-enter-from,.list-leave-to {
    height: 0!important
}

.fade-enter-active,.fade-leave-active {
    transition: all .3s;
    opacity: 1
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@media(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5) {
    .border-1px:after {
        transform:scaleY(.7)
    }

    .border-1px-v:after {
        transform: scaleX(.7)
    }
}

@media(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .border-1px:after,.border-top-1px:after {
        transform:scaleY(.5)
    }

    .border-1px-v:after {
        transform: scaleX(.5)
    }
}

@media(-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio:3) {
    .border-1px:after,.border-top-1px:after {
        transform:scaleY(.5)
    }

    .border-1px-v:after {
        transform: scaleX(.5)
    }
}

.border-1px {
    position: relative
}

.border-1px:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: min(.267vw,1.333px);
    background: #ebe8e8;
    content: " "
}

.border-top-1px {
    position: relative
}

.border-top-1px:after {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: min(.267vw,1.333px);
    background: #ebe8e8;
    content: " "
}

.border-1px-v {
    position: relative
}

.border-1px-v:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: min(.267vw,1.333px);
    background: #ebe8e8;
    content: " "
}

.border-no:after {
    display: none
}

.content-box p {
    padding: min(2.667vw,13.333px) 0 0 0
}

.content-box p img {
    padding: 0 min(2.667vw,13.333px)
}

[v-cloak] {
    display: none
}

.cube-dialog-icon {
    color: #eb3a29!important
}

.plr3 {
    padding: 0 min(.8vw,4px)
}

.ht5 {
    height: min(1.333vw,6.667px);
    background-color: #f7f8f9
}

@font-face {
    font-family: DINAlternateBold;
    src: url(../font/DINAlternateBold.ttf) format("truetype")
}

#app {
    max-width: 500px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    overflow: hidden
}

.page-scroll {
    position: fixed;
    top: min(12.8vw,64px);
    bottom: 0;
    width: min(100%,500px)
}

.pulldown-wrapper {
    position: absolute;
    width: 100%;
    height: min(18.667vw,93.333px);
    box-sizing: border-box;
    transform: translateY(-100%) translateZ(0);
    text-align: center;
    color: #999
}

.pullup-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: min(10.667vw,53.333px);
    box-sizing: border-box
}

.box-header {
    position: relative;
    height: min(11.733vw,58.667px);
    line-height: min(11.733vw,58.667px);
    background-color: #fff
}

.box-title {
    overflow: hidden;
    padding-left: min(2.667vw,13.333px);
    font-size: min(4.267vw,21.333px)
}

.box-more {
    position: absolute;
    right: min(3.2vw,16px);
    top: 0;
    height: min(11.733vw,58.667px);
    line-height: min(11.733vw,58.667px);
    font-size: min(3.733vw,18.667px);
    color: #868689
}

.to-top {
    position: fixed;
    right: calc(50% - min(236.667px, 47.333%));
    bottom: min(18.667vw,93.333px);
    background: url(../image/totop.png) no-repeat;
    background-size: min(12.8vw,64px) min(12.8vw,64px);
    width: min(12.8vw,64px);
    height: min(12.8vw,64px);
    z-index: 10005;
    transform: translateX(0) translateY(0) translateZ(min(.267vw,1.333px))
}

.ht10 {
    height: min(2.667vw,13.333px)
}

.ht10,.ht15 {
    display: block
}

.ht15 {
    height: min(4vw,20px)
}

.ht30 {
    height: min(8vw,40px)
}

.ht30,.ht50 {
    display: block
}

.ht50 {
    height: min(13.333vw,66.667px)
}

.logo-ssq {
    background-image: url(../image/logo_ssq.png)!important
}

.logo-3d,.logo-fc3d {
    background-image: url(../image/logo_fc3d.png)!important
}

.logo-qlc {
    background-image: url(../image/logo_qlc.png)!important
}

.logo-kl8 {
    background-image: url(../image/logo_kl8.png)!important
}

.logo-dlt {
    background-image: url(../image/logo_dlt.png)!important
}

.logo-qxc {
    background-image: url(../image/logo_qxc.png)!important
}

.logo-p3,.logo-pl3 {
    background-image: url(../image/logo_pl3.png)!important
}

.logo-p5,.logo-pl5 {
    background-image: url(../image/logo_pl5.png)!important
}

.logo-sfc {
    background-image: url(../image/logo_sfc.png)!important
}

.logo-df61 {
    background-image: url(../image/icon_df61.png)!important
}

.logo-hc1 {
    background-image: url(../image/icon_hc1.png)!important
}

.logo-hd15x5 {
    background-image: url(../image/icon_15x5.png)!important
}

.logo-hn22x5 {
    background-image: url(../image/icon_22x5.png)!important
}

.logo-ny36x7 {
    background-image: url(../image/icon_36x7.png)!important
}

.logo-hljp62 {
    background-image: url(../image/icon_hljp62.png)!important
}

.logo-js7ws {
    background-image: url(../image/icon_js7ws.png)!important
}

.logo-fj36x7 {
    background-image: url(../image/icon_36x7.png)!important
}

.logo-fj22x5 {
    background-image: url(../image/icon_22x5.png)!important
}

.logo-zj61 {
    background-image: url(../image/icon_zj61.png)!important
}

.logo-zj20x5 {
    background-image: url(../image/icon_fj22x5.png)!important
}

.logo-fj31x7 {
    background-image: url(../image/icon_31x7.png)!important
}

.logo-hlj61 {
    background-image: url(../image/icon_fj22x5.png)!important
}

.network-no-page {
    padding-top: min(6.667vw,33.333px);
    flex: 1;
    background-color: #fff;
    min-height: min(40vw,200px)
}

.network-no,.network-no-page {
    flex-direction: column;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
    text-align: center
}

.network-no {
    display: flex;
    padding: 0 min(4.267vw,21.333px)
}

.network-no-text {
    height: min(16vw,80px);
    line-height: min(14.933vw,74.667px);
    text-align: center;
    font-size: min(3.733vw,18.667px);
    color: #ccc
}

.network-no-btn {
    width: min(26.667vw,133.333px);
    height: min(11.733vw,58.667px);
    line-height: min(11.733vw,58.667px);
    background-color: #ee0a24;
    border-radius: min(1.067vw,5.333px);
    font-size: min(4.267vw,21.333px);
    color: #fff;
    text-align: center
}

.detail-h8,.ht8 {
    height: min(2.133vw,10.667px);
    background-color: #f7f8f9
}

.detail-h4 {
    background-color: #f7f8f9
}

.detail-h4,.detail-h4-white {
    font-size: 0;
    height: min(1.067vw,5.333px)
}

.detail-h4-white {
    background-color: #fff
}

.img-wrap {
    margin: min(2.667vw,13.333px) 0
}

.img-wrap img {
    width: 100%
}

.red {
    color: red
}

.bold {
    color: #29292e;
    font-weight: 700
}

.open-main {
    padding: min(2.667vw,13.333px) min(2.667vw,13.333px) min(8vw,40px)
}

.open-main,.open-main-qgc {
    overflow: hidden;
    position: relative
}

.open-main-content {
    padding: 0 min(2.667vw,13.333px) min(8vw,40px)
}

.h1 {
    font-size: min(5.333vw,26.667px);
    line-height: min(10.667vw,53.333px);
    font-weight: 700;
    padding: min(2.667vw,13.333px) 0;
    text-align: center
}

.h2 {
    font-size: min(4.8vw,24px);
    padding: min(5.333vw,26.667px) 0 0
}

.h2,.h3 {
    line-height: min(8vw,40px);
    font-weight: 700;
    text-align: justify
}

.h3 {
    font-size: min(4.267vw,21.333px);
    padding: min(4vw,20px) 0 0
}

.h5 {
    line-height: min(6.4vw,32px);
    text-indent: 2em;
    text-align: justify;
    margin-top: min(1.333vw,6.667px)
}

.h5,.hv {
    font-size: min(3.467vw,17.333px);
    color: #666
}

.hv {
    line-height: min(6.933vw,34.667px);
    text-align: center;
    margin-top: min(2.667vw,13.333px)
}

.link {
    color: #2a6dd7;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
    text-decoration: none
}

.rt-img {
    width: 100%!important;
    padding-bottom: 0!important
}

.rt-p {
    padding-bottom: min(2.667vw,13.333px)!important;
    word-break: break-all
}

.pl5 {
    padding-left: min(1.333vw,6.667px)
}

.tab-bar-placeholder {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: min(17.067vw,85.333px)
}

.cth {
    height: min(16vw,80px)
}

#login-u-verify {
    position: relative;
    overflow: hidden;
    background: #fff;
    top: auto;
    left: auto;
    word-break: break-all
}

#login-u-verify .nav {
    display: none
}

#login-u-verify .logo {
    position: absolute;
    left: 50%;
    top: min(16vw,80px);
    background: url(../image/login_logo.png) no-repeat;
    background-size: min(52vw,260px) min(13.333vw,66.667px);
    width: min(52vw,260px);
    height: min(13.333vw,66.667px);
    margin: 0 0 0 max(-25.867vw,-129.333px)
}

#login-u-verify .page-type-container {
    position: relative;
    overflow: hidden;
    background: #fff;
    top: auto;
    left: auto;
    padding-top: min(45.333vw,226.667px)
}

#login-u-verify .page-type-container .submit-btn {
    margin: min(5.333vw,26.667px) min(4.267vw,21.333px) 0;
    height: min(12.8vw,64px);
    line-height: min(12.8vw,64px);
    font-size: min(4.8vw,24px);
    font-weight: 700;
    color: #fff;
    padding: 0;
    width: min(91.467vw,457.333px);
    border-radius: min(2.133vw,10.667px);
    background: linear-gradient(120deg,#ff6034,#ee0a24)
}

#login-u-verify .page-type-container .submit-disabled {
    opacity: .5
}

#login-u-verify .number-con div,#login-u-verify .number-con input {
    color: #323233;
    font-size: min(7.467vw,37.333px);
    font-weight: 700
}

#login-u-verify .number-con-wrap {
    height: min(16vw,80px)
}

#login-u-verify .agreement {
    position: absolute;
    left: min(4.267vw,21.333px);
    right: min(4.267vw,21.333px);
    top: min(109.333vw,546.667px);
    margin: 0;
    display: block;
    padding-left: min(4.8vw,24px)
}

#login-u-verify .agreement .checke-0,#login-u-verify .agreement .checke-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: min(3.733vw,18.667px);
    height: min(3.733vw,18.667px);
    padding: 0;
    float: left
}

#login-u-verify .agreement .checke-0 img,#login-u-verify .agreement .checke-1 img {
    width: 100%;
    height: 100%
}

#login-u-verify .agreement .agree-content-tip {
    top: max(-10.667vw,-53.333px);
    left: max(-1.6vw,-8px);
    border: min(.267vw,1.333px) solid #3d3d3d;
    color: #323233
}

#login-u-verify .agreement .agree-content1 {
    line-height: min(5.333vw,26.667px)
}

#login-u-verify .agree-content {
    font-size: min(3.2vw,16px);
    color: #969799
}

#login-u-verify .agree-content a {
    color: #5ab3ff
}

#login-u-verify .agree-content-tip {
    z-index: 10000
}

#login-u-verify .toggle-login {
    position: absolute;
    top: min(86.933vw,434.667px);
    left: 50%;
    transform: translateX(-50%);
    font-size: min(4.533vw,22.667px);
    color: #646566;
    cursor: pointer
}

#login-u-verify .privacy-alert-container {
    width: 0;
    height: 0
}

#login-u-verify .privacy-alert-container .privacy-alert-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,max(-46.667vw,-233.333px),0);
    width: min(80vw,400px);
    height: min(54.933vw,274.667px);
    min-height: min(54.933vw,274.667px);
    border-radius: min(3.733vw,18.667px);
    border: min(.133vw,.667px) solid #e0e0e0;
    overflow: hidden
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .page-type-list-body {
    display: none
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .privacy-alert-modal-title {
    width: 100%;
    height: min(6.667vw,33.333px);
    line-height: min(6.667vw,33.333px);
    font-size: min(5.067vw,25.333px);
    font-weight: 700;
    margin-top: min(6.667vw,33.333px)
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .page-type-tabs .page-type-list-nav {
    border: 0 none;
    padding: min(6.4vw,32px) min(5.333vw,26.667px);
    display: block
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .page-type-tabs .page-type-list-nav span {
    float: left;
    border: 0 none;
    font-size: min(3.2vw,16px);
    color: #5ab3ff;
    padding: min(1.6vw,8px) 0 0;
    width: auto;
    min-width: auto;
    max-width: 100%;
    white-space: normal
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .privacy-alert-btn {
    padding: 0;
    margin: 0;
    right: 0;
    left: auto;
    border-left: min(.133vw,.667px) solid #e0e0e0;
    background: #fff;
    z-index: 20001
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .close-btn,#login-u-verify .privacy-alert-container .privacy-alert-modal .privacy-alert-btn {
    bottom: 0;
    width: min(40vw,200px);
    height: min(13.6vw,68px);
    line-height: min(13.6vw,68px);
    border-top: min(.133vw,.667px) solid #e0e0e0;
    color: red;
    font-size: min(4.267vw,21.333px);
    font-weight: 400;
    border-radius: 0
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .close-btn {
    position: absolute;
    top: auto;
    right: auto;
    left: 0
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .close-btn:before {
    display: none
}

#login-u-verify .privacy-alert-container .privacy-alert-modal .close-btn:after {
    position: absolute;
    content: "不同意";
    background-color: #fff;
    width: 100%;
    height: 100%;
    transform: rotate(0);
    text-align: center;
    color: #868689
}

:root {
    --van-primary-color: #eb3a29!important
}