html,
body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.home.mian.game {
    height: auto;
}

.gomeList {
    position: relative;
    padding: .13333rem .26667rem;
    height: 1.33333rem
}

.gomeList .list {
    height: 1.06667rem
}

.gomeList .list .swpier {
    height: 100%
}

.gomeList .item {
    height: 1.06667rem;
    line-height: 1.06667rem
}

.gomeList .item .img {
    width: .8rem;
    height: .8rem;
    border-radius: .8rem;
    overflow: hidden
}

.gomeList .item .info {
    width: 100%;
    min-width: 7.46667rem
}

.gomeList .item .info .name {
    width: 2.13333rem;
    font-size: .34667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.gomeList .item .info .price {
    text-align: center
}

.gomeList .item .info .time {
    font-size: .32rem
}

.RankList {
    position: relative;
    padding: .26667rem;
    height: 5.33333rem;
    overflow: hidden
}

.RankList .item {
    height: 1.2rem;
    line-height: 1.2rem
}

.RankList .item .img {
    width: 1.06667rem;
    height: 1.06667rem;
    border-radius: 1.06667rem;
    display: block;
    overflow: hidden
}

.RankList .item .info {
    width: 100%
}

.RankList .item .info .name {
    width: 2.13333rem;
    font-size: .37333rem;
}

.RankList .item .info .price {
    text-align: center;
    color: #ddca8c;
    font-size: .4rem;
    font-weight: 600
}

.RankList .item .info .time {
    font-size: .32rem
}
.van-popup {
    z-index: 99999 !important
}

.game {
    position: relative;
    background-color: #efeef4
}

.game .van-sticky--fixed {
    width: 100%;
    top: 1.33333rem;
    left: 50%;
    transform: translate(-50%);
    max-width: 10.66667rem
}

.game .moveBox {
    width: 80%;
    max-width: 10.66667rem;
    left: 10%;
    top: 2.13333rem;
    height: 8.8rem;
    position: fixed;
    box-shadow: 0 0 .13333rem .08rem #95a5a6;
    z-index: 9999;
    background-color: #fff;
    padding-top: 1.06667rem;
    border-radius: .26667rem
}

.game .moveBox.action {
    height: 100vh;
    width: 100%;
    top: 0 !important;
    left: 0
}

.game .moveBox .moveHead {
    border-radius: .26667rem .26667rem 0 0;
    height: 1.06667rem;
    background-image: linear-gradient(90deg, #cd0103, #f64841);
    cursor: move;
    position: relative;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 .4rem;
    color: #fff
}

.game .v-enter,
.game .v-leave-to {
    opacity: 0;
    transform: scale(.5)
}

.game .content {
    padding: .26667rem
}

.game .v-enter-active,
.game .v-leave-active {
    transition: all .5s ease
}

.game .long {
    width: 100%;
    max-width: 10.66667rem;
    height: 7.46667rem;
    overflow-y: auto
}

.game .long.action {
    height: 100vh;
    overflow-y: auto
}

.game .long .van-tab--active {
    position: relative
}

.game .long .van-tab--active:after {
    content: "";
    width: 100%;
    transition-duration: .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: .08rem;
    background-color: #ee0a24;
    border-radius: .08rem
}

.game .longlist {
    padding: .26667rem
}

.game .longlist .item {
    border-radius: .13333rem;
    background-color: #fff;
    margin-bottom: .26667rem
}

.game .longlist .item .logo {
    height: 1.06667rem;
    width: 1.06667rem;
    border-radius: 1.06667rem;
    overflow: hidden
}

.game .longlist .item .logo .img {
    width: 100%
}

.game .longlist .item .time {
    color: red
}

.game .longlist .item .tag {
    padding: .05333rem .13333rem;
    background-color: #c9c9c9;
    color: #fff;
    margin-right: .13333rem;
    display: inline-block;
    font-size: .32rem
}

.game .longlist .item .tag.bg-L,
.game .longlist .item .tag.bg-O {
    background-color: #ffc511 !important;
    color: #fff
}

.game .longlist .item .tag.bg-E,
.game .longlist .item .tag.bg-red {
    background-color: #fb4e4e !important;
    color: #fff
}

.game .longlist .item .tag.bg-violet {
    background-color: #db5fd1 !important;
    color: #fff
}

.game .longlist .item .tag.bg-green,
.game .longlist .item .tag.bg-H,
.game .longlist .item .tag.bg-small {
    background-color: #5cba47 !important;
    color: #fff
}

.game .longlist .item .tag.issue {
    background-color: #dc3b40 !important;
    color: #fff
}

.game .longlist .item .btn {
    height: .8rem;
    min-width: .8rem;
    max-width: 1.6rem;
    overflow: hidden;
    border-radius: .10667rem;
    margin-left: .05333rem;
    background-color: #fff;
    border: .02667rem solid #ccc;
    color: #dc3b40;
    font-size: .32rem;
    padding: 0 .13333rem
}

.game .longlist .item .btn.action {
    color: #fff;
    background-color: #dc3b40;
    border: .02667rem solid #dc3b40 !important
}

.game .betting-mark {
    max-width: 10.66667rem
}

.game .betting-mark .head .box {
    border-radius: .4rem .4rem 0 0;
    padding: .53333rem .4rem .8rem
}

.game .betting-mark .head .box .con {
    font-weight: 600;
    text-align: center;
    color: #fff;
    font-size: .53333rem
}

.game .betting-mark .head .box .color {
    text-align: center;
    width: 80%;
    background-color: #fff;
    height: .8rem;
    border-radius: .13333rem;
    line-height: .8rem;
    margin: .26667rem auto 0;
    font-size: .37333rem
}

.game .betting-mark .info {
    padding: .4rem
}

.game .betting-mark .info .item {
    height: .8rem;
    line-height: .8rem;
    margin-top: .4rem
}

.game .betting-mark .info .item .tit {
    font-size: .4rem;
    color: #333
}

.game .betting-mark .info .item .amount-box .li {
    text-align: center;
    font-size: .32rem;
    padding: 0 .26667rem;
    margin-left: .13333rem;
    background-color: #f0f0f0
}

.game .betting-mark .info .item .amount-box .li.action {
    background-color: #fa574a;
    color: #fff
}

.game .betting-mark .info .item .stepper-box .digit-box {
    width: 1.86667rem;
    height: .8rem;
    padding: 0;
    border: .02667rem solid #dcdfe6;
    margin: 0 .13333rem
}

.game .betting-mark .info .item .stepper-box .digit-box .van-field__control {
    height: .74667rem;
    text-align: center
}

.game .betting-mark .info .item .stepper-box .li {
    height: .8rem;
    width: .8rem;
    font-size: .8rem;
    background-color: #f0f0f0
}

.game .betting-mark .info .item .stepper-box .li.minus {
    text-align: center;
    line-height: .66667rem
}

.game .betting-mark .info .item .stepper-box .li.action {
    background-color: #fa574a;
    color: #fff
}

.game .betting-mark .info .item .multiple-box .li {
    text-align: center;
    font-size: .32rem;
    padding: 0 .26667rem;
    margin-left: .13333rem;
    background-color: #f0f0f0
}

.game .betting-mark .info .item .multiple-box .li.acion {
    background-color: #f4453e
}

.game .betting-mark .info .item .txt {
    color: #f4453e
}

.game .betting-mark .foot {
    width: 100%;
    height: 1.06667rem;
    line-height: 1.06667rem;
    text-align: center;
    font-size: .37333rem
}

.game .betting-mark .foot .left {
    line-height: 1.06667rem;
    width: 35%;
    background: #25253c;
    color: hsla(0, 0%, 100%, .4)
}

.game .betting-mark .foot .right {
    line-height: 1.06667rem;
    width: 65%;
    background: #fa574a;
    color: #fff
}

.game .betting-mark.color1 .box,
.game .betting-mark.color3 .box,
.game .betting-mark.color7 .box,
.game .betting-mark.color9 .box,
.game .betting-mark.colorgreen .box,
.game .betting-mark.colorsmall .box {
    background: #26bd2f;
    background-image: linear-gradient(90deg, #26bd2f, #75c76b);
    background-size: 100% 100%
}

.game .betting-mark.colorviolet .box {
    background-image: linear-gradient(90deg, #b354fd, #d483ff);
    background-size: 100% 100%
}

.game .betting-mark.color2 .box,
.game .betting-mark.color4 .box,
.game .betting-mark.color6 .box,
.game .betting-mark.color8 .box,
.game .betting-mark.colorred .box {
    background: #fb4e4e;
    background-image: linear-gradient(90deg, #fb4e4e, #fe666e);
    background-size: 100% 100%
}

.game .betting-mark.color0 .box {
    background-color: #fb4e4e;
    background-image: linear-gradient(to bottom right, #fb4e4e 50%, #eb43dd 0) !important;
    background-size: 100% 100%
}

.game .betting-mark.color5 .box {
    background: #5cba47;
    background-image: linear-gradient(to bottom right, #5cba47 50%, #eb43dd 0) !important;
    background-size: 100% 100%
}

.game .betting-mark.colorbig .box {
    background: #f5bb00;
    background-image: linear-gradient(90deg, #f5bb00, #fdd556);
    background-size: 100% 100%
}

.game .betting-mark .box {
    position: relative
}

.game .betting-mark .box:after {
    content: "";
    position: absolute;
    width: 50%;
    left: 0;
    bottom: 0;
    height: 1.06667rem;
    background-image: linear-gradient(10deg, #fff 50%, transparent 0)
}

.game .betting-mark .box:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 1.06667rem;
    background-image: linear-gradient(-10deg, #fff 50%, transparent 0)
}

.home {
    padding-bottom: 2.13333rem;
    background-color: #fbfcfd
}

.home .logo {
    height: 1.01333rem;
    width: auto!important;
}

.home .notice {
    border-radius: .21333rem;
    overflow: hidden
}

.home .notice-box {
    position: relative;
    width: 100%
}

.home .notice-box .van-notice-bar {
    width: 100%
}

.home .notice-box .txt {
    position: absolute;
    right: 0;
    height: 100%;
    color: #ed6a0c;
    background-color: #fffbe8;
    padding: .13333rem .26667rem;
    font-size: .32rem
}

.home .notice-box .txt .sp {
    padding: 0 .26667rem;
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    background-image: linear-gradient(90deg, #cd0103, #f64841);
    border-radius: .8rem;
    color: #fff
}

.home .notice-box .txt .sp .img {
    width: .26667rem;
    margin-right: .05333rem
}

.home .banner .img {
    display: block;
    height: 4.8rem;
    width: 100%
}

.home-tab.action .van-tabs__wrap {
    display: block
}

.home-tab.action .van-tabs__content {
    margin-top: 0
}

.home-tab .van-tabs__content {
    margin-top: -.53333rem
}

.home-tab .van-tabs__wrap {
    height: 2.13333rem;
    overflow: inherit;
    display: none
}

.home-tab .van-tabs__wrap .van-tab {
    flex: 0 1 25%
}

.home-tab .van-tabs__wrap .van-tab:first-child {
    -webkit-animation: stepHome-data-v-432e6ed0 3s infinite alternate;
    animation: stepHome-data-v-432e6ed0 3s infinite alternate;
    animation-fill-mode: forwards
}

.home-tab .van-tabs__wrap .van-tab:nth-child(2) {
    -webkit-animation: stepHome1-data-v-432e6ed0 3s infinite alternate;
    animation: stepHome1-data-v-432e6ed0 3s infinite alternate;
    animation-fill-mode: forwards
}

.home-tab .van-tabs__wrap .van-tab:nth-child(3) {
    -webkit-animation: stepHome-data-v-432e6ed0 3s infinite alternate;
    animation: stepHome-data-v-432e6ed0 3s infinite alternate;
    animation-fill-mode: forwards
}

.home-tab .van-tabs__wrap .van-tab:nth-child(4) {
    -webkit-animation: stepHome1-data-v-432e6ed0 3s infinite alternate;
    animation: stepHome1-data-v-432e6ed0 3s infinite alternate;
    animation-fill-mode: forwards
}

.home-tab .van-tabs__wrap .van-tab.van-tab--active {
    position: relative
}

.home-tab .van-tabs__wrap .van-tab.van-tab--active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: .16rem solid transparent;
    border-left: .16rem solid transparent;
    border-bottom: .21333rem solid #f2413b;
    position: absolute;
    left: 50%;
    bottom: -.05333rem;
    transform: translate(-50%)
}

@-webkit-keyframes stepHome-data-v-432e6ed0 {
    25% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stepHome-data-v-432e6ed0 {
    25% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes stepHome1-data-v-432e6ed0 {
    25% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes stepHome1-data-v-432e6ed0 {
    25% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.home-tab .van-tabs__wrap:after {
    border: none
}

.home-tab .van-tabs__wrap .img {
    width: 2.13333rem;
    margin: 0 auto
}

.home-tab .van-tabs__wrap .name {
    margin-top: -.13333rem
}

.home-tab .van-tabs__wrap .van-tab__text--ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: inherit
}

.home-tab .van-tabs__wrap .van-tabs__line {
    display: none
}

.home-com {
    padding: 0px .4rem;
}

.home-com .btn-list {
    padding: .26667rem;
    background: #fff;
    box-shadow: 0 .02667rem .48rem 0 rgba(203, 202, 220, .56)
}

.home-com .btn-list .item {
    width: 48%;
    height: 1.2rem;
    font-size: .37333rem;
    color: #fff
}

.home-com .btn-list .item.recharge {
    background-image: linear-gradient(94deg, #ffac6b, #ff5f75);
    box-shadow: 0 .24rem .4rem 0 rgba(206, 1, 4, .3);
    border-radius: .26667rem
}

.home-com .btn-list .item.service {
    background-image: linear-gradient(90deg, #50a3ff, #8e79ff);
    box-shadow: 0 .24rem .4rem 0 rgba(96, 152, 255, .53);
    border-radius: .26667rem
}

.home-com .btn-list .item .img {
    width: 1.06667rem;
    height: 1.06667rem
}

.home .gameList {
    margin-left: -8px;
    margin-right: -8px;
}

.home .gameList .item {
    color: #fff;
    border-radius: .4rem;
    display: inline-block;
    padding: 0 8px;
}

.home .gameList .item.maskShow {
    position: relative;
    z-index: 99999
}

.home .gameList .item .info {
    width: 100%;
    padding: .66667rem .4rem;
    border-radius: .4rem;
    position: relative;
}

.home .gameList .item .info .img {
    position: absolute;
    top: -.4rem;
    right: -.4rem;
    width: 3.2rem;
    height: 2.26667rem
}

.home .gameList .item .info .img.imgslot {
    width: 4rem;
    height: 2.26667rem
}

.home .gameList .item .info .img.imglive {
    top: 0;
    right: -.53333rem;
    width: 4rem;
    height: 2.85333rem
}

.home .gameList .item .info .img.imgsport {
    top: 0;
    right: -.53333rem;
    width: 4rem;
    height: 3.36rem
}

.home .gameList .item .info .name {
    font-size: 21px;
    margin-bottom: 8px;
    font-weight: 600
}

.home .gameList .item .info .des {
    font-size: .34667rem
}

.home .gameList .item .info.i1 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #d700ff, #fa3e5f);
    background-size: 100% 100%
}

.home .gameList .item .info.i2 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #a373ff, #7850f9);
    background-size: 100% 100%
}

.home .gameList .item .info.i3 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #64bfff, #2b5dfe);
    background-size: 100% 100%
}

.home .gameList .item .info.i4 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #fc3a3a, #ff0);
    background-size: 100% 100%
}

.home .gameList .item .info.i5 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #3d3b72, #1b30a6);
    background-size: 100% 100%
}

.home .gameList .item .info.i6 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #508871, #435b3f);
    background-size: 100% 100%
}

.home .gameList .item .info.i7 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #64be57, #27704d);
    background-size: 100% 100%
}

.home .gameList .item .info.i8 {
    background: url(../img/game-card-bg.22677281.png) no-repeat 50%, linear-gradient(135deg, #b346dc, #e72ba3);
    background-size: 100% 100%
}

.home .gameList .item .info {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3);
}

.home .gameList .item .userList {
    background-color: #fff;
    border-radius: 0 0 .4rem .4rem;
    color: #000
}

.home .bonus-box {
    width: 100%;
    height: 5.73333rem;
    padding: .53333rem .42667rem 0;
    position: relative;
    z-index: 1
}

.home .bonus-box .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.home .bonus-box .bonus-bg {
    position: absolute;
    top: 0;
    left: 4%;
    z-index: 1;
    width: 92%;
    height: 80%;
    background: url('../images/bdv-bonus.706b203a.png') no-repeat 50%;
    background-size: cover;
    border-radius: .4rem;
}

.home .bonus-box .bonus-bg .inner {
    font-family: MulticoloreFont;
    color: #ffefd8;
    font-size: .53333rem;
    line-height: .53333rem;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 1.28rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home .running-time .running-title {
    height: 1.06667rem;
    font-size: .53333rem;
    line-height: 1.06667rem;
    margin-bottom: .26667rem
}

.home .running-time .flip-num {
    width: 1.86667rem;
    height: 1.86667rem;
    -webkit-box-shadow: 0 .08rem .21333rem 0 rgba(172, 182, 192, .5);
    box-shadow: 0 .08rem .21333rem 0 rgba(172, 182, 192, .5);
    border-radius: .26667rem;
    background: #fff;
    -webkit-perspective: 26.66667rem;
    perspective: 26.66667rem
}

.home .running-time .flip-num .top {
    text-align: center;
    font-size: .48rem;
    color: #000;
    width: 100%;
    font-weight: 700;
    height: .93333rem;
    line-height: .93333rem;
    border-radius: .26667rem .26667rem 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eeeff2));
    background: linear-gradient(180deg, #fff, #eeeff2)
}

.home .running-time .flip-num .bottom {
    position: absolute;
    line-height: .93333rem;
    font-size: .32rem;
    font-weight: 700;
    color: #9da7b3
}

.home .running-time .flip-num .bottom-card {
    width: 100%;
    height: .93333rem;
    position: relative;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 26.66667rem;
    perspective: 26.66667rem;
    border-radius: 0 0 .26667rem .26667rem
}

.home .running-time .flip-num .bottom-card.flipX {
    -webkit-animation: flipX-data-v-432e6ed0 1s;
    animation: flipX-data-v-432e6ed0 1s
}

.home .running-time .flip-num .bottom-card .front {
    font-size: .32rem;
    font-weight: 700;
    color: #9da7b3;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.home .running-time .flip-num .bottom-card .back,
.home .running-time .flip-num .bottom-card .front {
    width: 100%;
    height: .93333rem;
    line-height: .93333rem;
    position: absolute;
    border-radius: 0 0 .26667rem .26667rem
}

.home .running-time .flip-num .bottom-card .back {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeff2), to(#fff));
    background: linear-gradient(180deg, #eeeff2, #fff)
}

.home .running-time .flip-num .bottom-card .back p {
    height: .93333rem;
    line-height: .93333rem;
    font-size: .48rem;
    color: #000;
    width: 100%;
    font-weight: 700;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.home .running-time .flip-num .bottom {
    width: 100%;
    height: .93333rem;
    border-radius: 0 0 .26667rem .26667rem
}

@-webkit-keyframes flipX-data-v-432e6ed0 {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    to {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }
}

@keyframes flipX-data-v-432e6ed0 {
    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }
    to {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }
}

.home .web-info {
    background: url(../images/info-bg.ffeab485.png) no-repeat 50%;
    background-size: cover;
    padding: .4rem;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3);
}

.home .web-info .item {
    flex: 1;
    font-size: .42667rem;
    color: #fff
}

.home .web-info .item .img {
    margin: 0 auto
}

.home .web-info .item .num {
    margin: .13333rem 0;
    font-weight: 600
}

.home .web-info .item .txt {
    font-size: .34667rem;
    color: hsla(0, 0%, 100%, .5)
}

.rank-box {
    padding: .4rem
}

.rank-box .btn {
    margin: 0 auto;
    background-image: linear-gradient(94deg, #ffac6b, #ff5f75);
    box-shadow: 0 .24rem .4rem 0 rgba(206, 1, 4, .3);
    border-radius: 0 0 1.06667rem 1.06667rem;
    width: 60%;
    text-align: center;
    font-size: .4rem;
    height: .8rem;
    line-height: .8rem;
    color: #fff
}

.rank-box.new-box {
    padding: 0 .4rem .4rem
}

.rank-box .rank-tit {
    line-height: 1.73333rem;
    font-size: 16px;
    color: #fff;
    text-align: center;
    height: 1.86667rem;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: contain;
    margin-bottom: .26667rem
}

.rank-box .new-List {
    padding: .13333rem .26667rem;
    background-color: #fff;
    box-shadow: 0 .02667rem .48rem 0 rgba(203, 202, 220, .56)
}

.rank-box .new-List .tit {
    height: .93333rem;
    line-height: .93333rem;
    color: #333
}

.rank-box .new-List .item {
    line-height: 1.33333rem;
    border-top: .02667rem solid #eee
}

.rank-box .new-List .item .li {
    width: .53333rem;
    height: .53333rem;
    text-align: center;
    line-height: .53333rem;
    border-radius: .53333rem;
    background-color: #9195a3;
    color: #fff;
    margin-right: .13333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADiNXWtAAADK0lEQVRIDa1WTWhTQRCe2fwYSrVRG1trRRERxJ+DWA9Wa2ykd8Fe61EExZNX8e5JFLzn2oIHb4XaoPbg70EUD4oUbKs1tU20Sm3y3jjfvuwjSZukYBfC7s7PtzNvv5kNk45fQ0O72js6CoyFlH7PQ2ggwSIchcGzJ7Dhn+f7xUmNWxDJDGNTPHe6jw2/cApfqI/ha8R/7YRuNsnHT9/AwgkAY0yiO9wvXhg4ls+cOeQEvJROJyNcWnICnbPbJqcumwiVr1QJsRwppPtPGma5VaewW/XgwXUVbZPPnpPQTadEhMnc1CubIIQIgql00BBniOWqKlJC/CRKdHuVuYS0YGcdgiDoJQQNh57mUWyMkW/U8x6p4b6GxhUFwjKe+H/1oA+tjJ0+CCm4jxsqHHGK+hnos6met2HSMNDE92vinfXGMDwyOroKeY2DDA/HFxa/7o8Jt/uGSzGTmN86Pv69GiB0AE3iIrGyfkYmGVCa5Un4gU8yIRT7tD2Xs5wMcrB3S9cVad0cxJdTPsc/wskgbuVqupExwgFrcalYG5sk0x1smg0wAHVTVQjNzFWndCn5K10bdtBkU8aX2IYdQMQSy3LFQWZaBERgbeeO3dMGt+gLX2zhkAXFWW/b3sNyJtNV9lb2GpaHml1vjbPS2ifKoXggD2/6vdJiT37ueI2xbvSWF/TCpp08dHACzHDuyed71iNitZ1bA3QulZpzBHVyzDUHuFSg0K+X1rvSEqlLCcqaoR9Y+C7ShDgaSXxpn5iwTRR7e4BN98e3o+T7RqnVkLNwaDGyWpf3yBh/dmf3O2TEKLGifss4c6RM/ljriFscoT04SubSqojXoYwwqF+4oCz/HxxI3BtgEQHboDlYsdY85s0Y6B/AAbZB58HGNhQsNmE4LGAbtDWLqd1qE7ADiAoWsC2LXPMNqNm6NzUNpFKZruDCOnBPG4uwdsRrCjLSFGitMqut9756y5qeXW1rDzLeAdSEpa6g4PRHclijScE2+Mb6uAnlokw5UBLcFz/y2T0GDjPMwAmqZ9TIcrGYXPH+6L8HswUNFXpcHl7QRKStYP8DVd6wal+3/gfBLVPpxGyf5QAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% 100%
}

.rank-box .new-List .item .name {
    max-width: 4.8rem;
    font-size: .37333rem
}

.rank-box .new-List .item .time {
    font-size: .32rem
}

.home-how {
    padding: .4rem
}

.home-how .info {
    box-shadow: 0 .02667rem .42667rem 0 rgba(203, 202, 220, .56);
    padding: 0 .4rem
}

.home-how .info .tit {
    font-size: .58667rem;
    color: #000;
    height: 1.33333rem;
    line-height: 1.33333rem;
    text-align: center;
    margin-bottom: .26667rem
}

.home-how .info .tab {
    padding-bottom: .26667rem
}

.home-how .info .tab .item {
    width: 49%;
    padding: .26667rem;
    background: #feffff;
    border: .02667rem solid #dfdfdf;
    box-shadow: 0 .10667rem .24rem .05333rem hsla(0, 0%, 49%, .13);
    border-radius: .13333rem;
    margin-bottom: .26667rem
}

.home-how .info .tab .item .step {
    display: inline-block;
    font-size: .26667rem;
    padding: .13333rem;
    background: #dfdfdf;
    border-radius: .4rem
}

.home-how .info .tab .item .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: .34667rem;
    margin-top: .10667rem
}

.home-how .info .tab .item.action {
    background: #fff;
    border: .02667rem solid #e1353d;
    box-shadow: 0 -.02667rem .26667rem .13333rem rgba(238, 211, 215, .3);
    border-radius: .13333rem
}

.home-how .info .tab .item.action .step {
    background: #fff7f7;
    color: #e45d61
}

.home-how .info .tab .item.action .name {
    color: #e45d61
}

.home-how .how-list {
    box-shadow: 0 .02667rem .48rem 0 rgba(203, 202, 220, .56);
    padding: .4rem 1.12rem;
    position: relative;
    z-index: 1
}

.home-how .how-list .item {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: .93333rem;
    width: .93333rem;
    z-index: 1
}

.home-how .how-list .item.right {
    right: 0
}

.home-how .how-list .item.left {
    left: 0
}

.home-how .how-list .item .arr {
    height: .93333rem;
    width: .93333rem;
    background: #fbefef;
    border-radius: .26667rem
}

.home .language-box {
    padding: .26667rem .4rem;
    border-bottom: .02667rem solid #eee
}

.home .language-box .item .img {
    display: block
}

.home .language-box .item .size {
    padding-left: .37333rem;
    font-size: .42667rem;
    font-weight: 600
}

.home .language-box .item .right .chek {
    height: .53333rem;
    width: .53333rem;
    line-height: .53333rem;
    text-align: center;
    border-radius: .53333rem;
    border: .05333rem solid #eee
}

.home .language-box .item .right .chek.action {
    background-color: #f2413b;
    border: .05333rem solid #f2413b
}