html,
body {
    min-width: 6.25rem;
}
body.mo{
    min-width: 6.7708333rem;
}
* {
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

/*字体*/
.highlightedFont {
    font-size: .09375rem;
    color: #ae4800
}

.highlightedFont2 {
    font-size: .083333333rem;
    color: #ae4800
}

.boldFont {
    font-size: .09375rem;
    color: #ae4800;
    font-weight: 600
}

.boldFontRed {
    font-size: .09375rem;
    color: #ff5533;
    font-weight: 600
}

.basisFont {
    font-size: .09375rem;
    color: #584436;
}

.app {
    position: relative;
}

.topBox {
    height: 20.8489583rem;
    background-image: url('../images/web-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 10rem 20.8489583rem;
    position: relative;
}
.topBox.mo {
    height: 20.5489583rem;
    background-image: url('../images/web-bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 10rem 20.5489583rem;
    position: relative;
}
.mainnav.pc {
    position: absolute;
    width: auto;
    height: 100%;
    z-index: 21;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    -webkit-animation: leftIn 1s linear;
    animation: leftIn 1s linear;
    overflow: visible;
}

.navbox {
    width: 132px;
    height: 936px;
    background: url(../images/nav.png) no-repeat;
    position: sticky;
    top: 0;
    z-index: 21;
    transform-origin: left top;
}
.mainnav.mobile{
    position: fixed;
    width: 6.770833rem;
    height: 210px;
    display: none;
    top: -210px;
    z-index: 21;
}
.mainnav.mobile .navbox{        
    width: 6.770833rem;
    height: 210px;
    background: url(../images/nav-m.png) no-repeat;
    background-size: 6.770833rem 2.589843rem;
    display: flex;
    opacity: .9;
    transform-origin: center top;

}
@keyframes leftIn {
    0% {
        left: -132px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes leftIn {
    0% {
        left: -132px;
    }

    100% {
        left: 0;
    }
}

.navbox a {
    width: 132px;
    height: 188px;
    display: block;
    text-indent: -9999em;
    position: relative;
    font-size: 0;
}
.mainnav.mobile .navbox a{
    width: 1.35416667rem;
    height: 1.09375rem;
}

/*.navbox a:hover,*/
.navbox a.on {
    background: url(../images/nav.png) no-repeat;
    background-position: -150px 0;
}

/*.navbox a.nav1:hover,*/
.navbox a.nav1.on {
    background-position: -150px -188px;
}

/*.navbox a.nav2:hover,*/
.navbox a.nav2.on {
    background-position: -150px -376px;
}

/*.navbox a.nav3:hover,*/
.navbox a.nav3.on {
    background-position: -150px -564px;
}

/*.navbox a.nav4:hover,*/
.navbox a.nav4.on {
    background-position: -150px -752px;
}

/*.navbox a.nav5:hover,*/
.navbox a.nav5.on {
    background-position: -150px -940px;
}

@media screen and (min-width: 6.770833rem) {
    .navbox.pc a:hover {
        background: url(../images/nav.png) no-repeat;
        background-position: -150px 0;
    }

    .navbox.pc a.nav1:hover {
        background-position: -150px -188px;
    }

    .navbox.pc a.nav2:hover {
        background-position: -150px -376px;
    }

    .navbox.pc a.nav3:hover {
        background-position: -150px -564px;
    }

    .navbox.pc a.nav4:hover {
        background-position: -150px -752px;
    }

    .navbox.pc a.nav5:hover {
        background-position: -150px -940px;
    }
}
@media screen and (max-width: 1300px) {
    .navbox a.nav0.ons {
        background-image: url('../images/nav-m.png');
        background-repeat: no-repeat;
        background-size: 6.770833rem 2.589843rem;
        background-position: 0 -1.4791667rem;
    }
    .navbox a.nav1.ons {
        background-image: url('../images/nav-m.png');
        background-repeat: no-repeat;
        background-size: 6.770833rem 2.589843rem;
        background-position: -1.34375rem -1.4791667rem;
    }
    .navbox a.nav2.ons {
        background-image: url('../images/nav-m.png');
        background-repeat: no-repeat;
        background-size: 6.770833rem 2.589843rem;
        background-position: -2.723958333rem -1.4791667rem;
    }
    .navbox a.nav3.ons {
        background-image: url('../images/nav-m.png');
        background-repeat: no-repeat;
        background-size: 6.770833rem 2.589843rem;
        background-position: -4.05729167rem -1.4791667rem;
    }
    .navbox a.nav4.ons {
        background-image: url('../images/nav-m.png');
        background-repeat: no-repeat;
        background-size: 6.770833rem 2.589843rem;
        background-position: -1040px -1.4791667rem;
    }
}
.navs {
    width: 131px;
    height: 186px;
    position: absolute;
    left: 0;
    top: 188px;
    display: none;
}

.navs2 {
    top: 374px;
}

.navs3 {
    top: 561px;
}

.navs4 {
    top: 749px;
}

.navs.on {
    display: block;
}
.mainnav.mobile .navs.on{
    display: none;
}
.navs ul {
    width: 131px;
    height: 186px;
    background: url(../images/navs-bg.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: 0;
    font-size: 12px;
    color: #8d4923;
    box-sizing: border-box;
    padding: 54px 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.navs ul::before {
    content: '';
    position: absolute;
    left: 17px;
    top: 54px;
    width: 1px;
    height: 124px;
    border-left: .0052083333rem dashed #823317;
}

.navs2 ul,
.navs3 ul {
    padding-top: .22916667rem;
}

.navs2 ul::before,
.navs3 ul::before {
    top: 42px;
    height: 140px;
}

.navs span {
    position: absolute;
    background: url(../images/nav.png) no-repeat;
    z-index: 1;
    top: 20px;
    left: 0;
    width: 131px;
    height: 21px;
    background-position: 0 -949px;
    text-indent: -9999em;
}

.navs2 span,
.navs3 span {
    top: 12px;
}

.navs2 span {
    background-position: 0 -984px;
}

.navs3 span {
    background-position: 0 -1018px;
}

.navs4 span {
    background-position: 0 -1053px;
}

.navs li {
    cursor: pointer;
    width: 131px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    padding-left: 26px;
    position: relative;
}

.navs2 li,
.navs3 li {
    height: 28px;
    line-height: 28px;
}

.navs li::before {
    content: '';
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fadb80;
    border: 1px solid #ab6c32;
}

.navs li::after {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ab6c32;
}

.navs li.on::before {
    border: 1px solid #a63107;
}

.navs li.on::after {
    background: #a63107;
}

.navs li.on {
    background: url(../images/navs-on.png) no-repeat;
    background-position: center;
    color: #a63107;
}

.float {
    position: fixed;
    right: 0;
    top: 1.0416667rem;
    height: 2.34375rem;
    width: 1.07291667rem;
    z-index: 999;
    display: none;
    overflow: hidden;
}
.float.mo{
    top: 5.0416667rem;
}
.sur-bg {
    background: url(../images/float-open.png) no-repeat;
    background-size: 100% auto;
    width: 1.07291667rem;
    height: 2.34375rem;
    position: relative;
    right: 0;
}

.sur-bg,
.tar-bg {
    transition: all .3s linear;
}

.sur-bg.cur {
    right: -1.82291667rem;
}

.btn-arrow {
    position: absolute;
    left: 0;
    top: .869791667rem;
    width: .052083333rem;
    height: .23958333rem;
    cursor: pointer;
}

.get-btn {
    position: absolute;
    left: .270833333rem;
    overflow: hidden;
    top: 1.671875rem;
    width: .692708333rem;
    height: .22916667rem;
    line-height: .22916667rem;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-family: 'FZYANS_ZHONGJW';
}

.float.close {
    width: .255208333rem;
    height: .614583333rem;
}

.banner {
    position: relative;
    width: 100%;
    padding-top: 5.625rem;
    overflow: hidden;
}

.banner .banner-video {
    width: 10rem;
    height: 5.625rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-mask: url('./../images/kv-mask.png') center / 100% 100%;
    mask: url('./../images/kv-mask.png') center / 100% 100%;
}

.banner .banner-video video {
    width: 100%;
}
.banner .banner-video img {
    width: 100%;
}


.down {
    width: 0.953125rem;
    height: 0.838541667rem;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 50%;
    margin-left: .34375rem;
    transform: translate3D(-50%, 0, 0);
    background-image: url('./../images/down.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: 1.4s linear 0s infinite normal none running bounce;
}

@keyframes bounce {
    0% {
        -webkit-transform: translate3D(-50%, 0, 0);
    }

    50% {
        -webkit-transform: translate3D(-50%, -.05208333rem, 0) scale(1.06);
    }

    100% {
        -webkit-transform: translate3D(-50%, 0, 0);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translate3D(-50%, 0, 0);
    }

    50% {
        -webkit-transform: translate3D(-50%, -.05208333rem, 0) scale(1.06);
    }

    100% {
        -webkit-transform: translate3D(-50%, 0, 0);
    }
}

.maintit {
    margin: 0 auto;
    width: 4.78124rem;
    height: .7339583333rem;
    background-image: url('./../images/tit.png');
    background-repeat: no-repeat;
    background-size: 9.5833333rem 10.41666667rem;
    background-position: 0 0;
    text-indent: -9999em;
}

.tit-02 {
    background-position: -4.80208333rem 0;
}

.tit-03 {
    width: 4.97916667rem;
    background-position: 0 -.90625rem;
}

.tit-05 {
    height: .744791667rem;
    background-position: 0 -1.8125rem;
}

.tit-06 {
    height: .744791667rem;
    background-position: -4.802083333rem -1.8125rem;
}

.tit-07 {
    height: .75rem;
    background-position: 0 -2.72395833rem;
}

.tit-08 {
    height: .744791667rem;
    background-position: -4.802083333rem -2.72395833rem;
}

.tit-09 {
    height: .75rem;
    background-position: 0 -3.640625rem;
}

.tit-10 {
    width: 4.78125rem;
    height: .744791667rem;
    background-position: -4.802083333rem -3.63541667rem;
    margin: 0 auto;
}

.tit-11 {
    width: 4.78125rem;
    height: .739583333rem;
    background-position: 0 -4.55729167rem;
}

.tit-12 {
    width: 4.78125rem;
    height: .75rem;
    background-position: -4.802083333rem -5.453125rem;
    margin: .3125rem auto 0;
}

.tit-13 {
    width: 4.78125rem;
    height: .75rem;
    background-position: -4.802083333rem -4.55729167rem;
    margin: .3125rem auto 0;
}

.tit-14 {
    width: 4.78125rem;
    height: .744791667rem;
    background-position: 0 -5.46354167rem;
    margin: .4166667rem auto 0;
}

.tit-15 {
    width: 5.3125rem;
    height: .744791667rem;
    margin-top: .260416667rem;
    background-position: -.15625rem -6.375rem;
}

.tit-16 {
    width: 4.78125rem;
    height: .739583333rem;
    background-position: 0 -7.28645833rem;
    margin: .3125rem auto 0;
}
.tit-19 {
    width: 4.78125rem;
    height: .75rem;
    background-position: -4.802083333rem -5.453125rem;
    margin: .4166667rem auto 0;
}

.course,
.fight,
.news {
    width: 6.25rem;
    margin: 0 auto;
    transform: translate3d(.34375rem, 0, 0);
}

.course.mo,
.fight.mo,
.news.mo {
    width: 6.25rem;
    margin: 0 auto;
    transform: translate3d(0, 0, 0);
}
.fight.mo{
    margin-top: 1rem;
}
.course {
    margin-bottom: 1.3020833333rem;
}

.course .content {
    width: 6.35416667rem;
    height: 2.70833333rem;
    background-image: url('./../images/step.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    overflow: hidden;
}

.course .content ul li {
    width: 1.58854167rem;
    color: #ffe1a6;
    font-size: .104166667rem;
    line-height: .15625rem;
    padding-top: 1.45833333rem;
    box-sizing: border-box;
}

.course .content ul li:nth-child(3) {
    padding-left: .15625rem;
}

.course .content ul li:nth-child(4) {
    padding-left: .2604166667rem;
}

.fight .tabs {
    height: 0.46875rem;
    margin: .20833333rem 0 .1041666666rem;
}

.fight .tabs .item {
    width: 1.27604167rem;
    height: .46875rem;
    background-image: url('./../images/dzhd.png');
    background-repeat: no-repeat;
    background-size: 2.859375rem 1rem;
    background-position: -1.5833333rem 0;
    cursor: pointer;
    font-size: .1458333333rem;
    color: #965400;
    margin: 0 .15625rem;
    padding-bottom: 0.09375rem;
    box-sizing: border-box;
}

.fight .tabs .item.on {
    background-position: 0 0;
    color: #fbf6e2;
}

.fightbox {
    background-image: url('../images/vsbg.png');
    background-position: center top;
    background-size: 3.38541667rem auto;
    background-repeat: no-repeat;
}

.fightbox,
.distab {
    position: relative;
    width: 6.25rem;
    height: 4.5rem;
}

.fight-title {
    position: absolute;
    padding-top: .3333333rem;
    font-size: .145833333rem;
    color: #811a00;
    left: 50%;
    transform: translate3d(-50%, 0, 0);

}

.teamlist {
    position: relative;
}

.teamlist li {
    width: .807291667rem;
    height: .265625rem;
    color: #4f4b41;
    font-size: .08333333rem;
    text-align: center;
    line-height: .265625rem;
    padding-left: .015625rem;
    background-image: url('../images/icon.png');
    background-repeat: no-repeat;
    background-size: 1.71875rem .901041667rem;
    background-position: 0 -.635416667rem;
    position: absolute;
    top: .8125rem;
    left: 0;
}

.teamlist li.blue {
    background-position: 0 -.317708333rem;
    color: #174a97;
}

.teamlist li.yellow {
    /* background-position: 0 0;
    color: #96320f; */
    
    /* background-position: 0 -.317708333rem; */
 	background-position: 0 0;
    color: #174a97;
}

.teamlist li.li1,
.teamlist li.li9 {
    top: 1.130208333rem;
}

.teamlist li.li2,
.teamlist li.li10 {
    top: 1.55208333rem;
}

.teamlist li.li3,
.teamlist li.li11 {
    top: 1.86979167rem;
}

.teamlist li.li4,
.teamlist li.li12 {
    top: 2.29166667rem;
}

.teamlist li.li5,
.teamlist li.li13 {
    top: 2.609375rem;
}

.teamlist li.li6,
.teamlist li.li14 {
    top: 3.03125rem;
}

.teamlist li.li7,
.teamlist li.li15 {
    top: 3.34895833rem;
}

.teamlist li.li8,
.teamlist li.li9,
.teamlist li.li10,
.teamlist li.li11,
.teamlist li.li12,
.teamlist li.li13,
.teamlist li.li14,
.teamlist li.li15 {
    left: 5.45833333rem;
}

.teamlist li.li16,
.teamlist li.li17,
.teamlist li.li18,
.teamlist li.li19 {
    left: .901041667rem;
}

.teamlist li.li20,
.teamlist li.li21,
.teamlist li.li22,
.teamlist li.li23 {
    left: 4.57291667rem;
}

.teamlist li.li26,
.teamlist li.li27 {
    left: 3.6875rem;
}

.teamlist li.li24,
.teamlist li.li25 {
    left: 1.8125rem;
}

.teamlist li.li16,
.teamlist li.li20 {
    top: .973959333rem;
}

.teamlist li.li17,
.teamlist li.li21 {
    top: 1.71354167rem;
}

.teamlist li.li18,
.teamlist li.li22 {
    top: 2.453125rem;
}

.teamlist li.li19,
.teamlist li.li23 {
    top: 3.19270833rem;
}

.teamlist li.li24,
.teamlist li.li26 {
    top: 1.34375rem;
}

.teamlist li.li25,
.teamlist li.li27 {
    top: 2.82291667rem;
}

.teamlist li.li28,
.teamlist li.li29 {
    top: 2.08333333rem;
}

.teamlist li.li28 {
    left: 2.125rem;
}

.teamlist li.li29 {
    left: 3.296875rem;
}

.teamlist li.li30 {
    left: 2.3958333rem;
    top: .291666667rem;
    width: 1.45833333rem;
    font-size: .145833333rem;
    color: rgb(129, 26, 0);
    background: none;
    padding: 0;
    font-family: 'FZYANS_ZHONGJW';
}

/*0 2 4 6*/
.teamlist .li0::before,
.teamlist .li2::before,
.teamlist .li4::before,
.teamlist .li6::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -.03125rem;
    width: .0416666667rem;
    height: .15625rem;
    border-top: .00520833333rem solid #fff;
    border-right: .00520833333rem solid #fff;
}

.teamlist .li0::after,
.teamlist .li2::after,
.teamlist .li4::after,
.teamlist .li6::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -.0729166667rem;
    width: .0416666667rem;
    height: .15625rem;
    border-bottom: .00520833333rem solid #fff;
}

/*1 3 5 7*/
.teamlist .li1::before,
.teamlist .li3::before,
.teamlist .li5::before,
.teamlist .li7::before {
    content: '';
    position: absolute;
    bottom: 50%;
    right: -.03125rem;
    width: .0416666667rem;
    height: .15625rem;
    border-bottom: .00520833333rem solid #fff;
    border-right: .00520833333rem solid #fff;
}

.teamlist .li1::after,
.teamlist .li3::after,
.teamlist .li5::after,
.teamlist .li7::after {
    content: '';
    position: absolute;
    bottom: 50%;
    right: -.0729166667rem;
    width: .0416666667rem;
    height: .15625rem;
    border-top: .00520833333rem solid #fff;
}

/*8 10 12 14*/
.teamlist .li8::before,
.teamlist .li10::before,
.teamlist .li12::before,
.teamlist .li14::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -.03645833333rem;
    width: .03125rem;
    height: .15625rem;
    border-top: .00520833333rem solid #fff;
    border-left: .00520833333rem solid #fff;
}

.teamlist .li8::after,
.teamlist .li10::after,
.teamlist .li12::after,
.teamlist .li14::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -.078125rem;
    width: .0416666667rem;
    height: .15625rem;
    border-bottom: .00520833333rem solid #fff;
}

/*9 11 13 15*/
.teamlist .li9::before,
.teamlist .li11::before,
.teamlist .li13::before,
.teamlist .li15::before {
    content: '';
    position: absolute;
    bottom: 50%;
    left: -.03645833333rem;
    width: .03125rem;
    height: .15625rem;
    border-bottom: .00520833333rem solid #fff;
    border-left: .00520833333rem solid #fff;
}

.teamlist .li9::after,
.teamlist .li11::after,
.teamlist .li13::after,
.teamlist .li15::after {
    content: '';
    position: absolute;
    bottom: 50%;
    left: -.078125rem;
    width: .0416666667rem;
    height: .15625rem;
    border-top: .00520833333rem solid #fff;
}

/*16 18*/
.teamlist .li16::before,
.teamlist .li18::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -.03645833333rem;
    width: .046875rem;
    height: .369791667rem;
    border-top: .00520833333rem solid #fff;
    border-right: .00520833333rem solid #fff;
}

.teamlist .li16::after,
.teamlist .li18::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -.0833333rem;
    width: .046875rem;
    height: .369791667rem;
    border-bottom: .00520833333rem solid #fff;
}

/*17 19*/
.teamlist .li17::before,
.teamlist .li19::before {
    content: '';
    position: absolute;
    bottom: 50%;
    right: -.03645833333rem;
    width: .046875rem;
    height: .3645833333rem;
    border-bottom: .00520833333rem solid #fff;
    border-right: .00520833333rem solid #fff;
}

.teamlist .li17::after,
.teamlist .li19::after {
    content: '';
    position: absolute;
    bottom: 50%;
    right: -.0833333rem;
    width: .046875rem;
    height: .3645833333rem;
    border-top: .00520833333rem solid #fff;
}

/*20 22*/
.teamlist .li20::before,
.teamlist .li22::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -.03645833333rem;
    width: .03125rem;
    height: .369791667rem;
    border-top: .00520833333rem solid #fff;
    border-left: .00520833333rem solid #fff;
}

.teamlist .li20::after,
.teamlist .li22::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -.0833333rem;
    width: .046875rem;
    height: .369791667rem;
    border-bottom: .00520833333rem solid #fff;
}

/*21 23*/
.teamlist .li21::before,
.teamlist .li23::before {
    content: '';
    position: absolute;
    bottom: 50%;
    left: -.03645833333rem;
    width: .03125rem;
    height: .3645833333rem;
    border-bottom: .00520833333rem solid #fff;
    border-left: .00520833333rem solid #fff;
}

.teamlist .li21::after,
.teamlist .li23::after {
    content: '';
    position: absolute;
    bottom: 50%;
    left: -.0833333rem;
    width: .046875rem;
    height: .3645833333rem;
    border-top: .00520833333rem solid #fff;
}

.teamlist .li24::after {
    content: '';
    position: absolute;
    top: .265625rem;
    left: .260416667rem;
    width: .046875rem;
    height: .604166667rem;
    border-left: .005208333rem solid #fff;
    border-bottom: .00520833333rem solid #fff;
}

.teamlist .li25::after {
    content: '';
    position: absolute;
    bottom: .265625rem;
    left: .260416667rem;
    width: .046875rem;
    height: .604166667rem;
    border-left: .005208333rem solid #fff;
    border-top: .00520833333rem solid #fff;
}

.teamlist .li26::after {
    content: '';
    position: absolute;
    top: .265625rem;
    right: .354166667rem;
    width: .046875rem;
    height: .604166667rem;
    border-right: .005208333rem solid #fff;
    border-bottom: .00520833333rem solid #fff;
}

.teamlist .li27::after {
    content: '';
    position: absolute;
    bottom: .265625rem;
    right: .354166667rem;
    width: .046875rem;
    height: .604166667rem;
    border-right: .005208333rem solid #fff;
    border-top: .00520833333rem solid #fff;
}

.teamlist li.win.yellow::after,
.teamlist li.win.yellow::before {
    /* border-color: #b00e0e; */
    border-color: #376fc7;
    z-index: 2;
}

.teamlist li.win.blue::after,
.teamlist li.win.blue::before {
    border-color: #376fc7;
    z-index: 2;
}


.teampop {
    width: 1.625rem;
    position: absolute;
    top: 0;
    left: .83333333rem;
    z-index: 9999;
    text-align: left;
    font-size: .104166667rem;
    opacity: 0;
    pointer-events: none;
    visibility: visible;
    transition: all 0.3s linear;
}

.teamlist li:hover .teampop {
    visibility: visible;
    opacity: 1;
}

.blue .pophead {
    background: url(../images/team_bg2.png) no-repeat;
}

.pophead {
    width: 1.625rem;
    height: .453125rem;
    /* background: url(../images/team_bg1.png) no-repeat; */
    background: url(../images/team_bg2.png) no-repeat;
    overflow: hidden;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: .03125rem .1875rem;
}

.pophead p {
    border-left: .020833333rem solid #fff;
    color: #fff;
    line-height: 1;
    margin: .0625rem 0;
    padding-left: .03125rem;
    white-space: nowrap;
    font-size: .104166667rem;
}

.members {
    background: #fffae8;
    color: #4f4b41;
    margin-left: .08333333rem;
    padding: 0 .09375rem;
    position: relative;
    font-size: .09375rem;
}

.li0 .members,
.li2 .members,
.li4 .members,
.li6 .members,
.li8 .members,
.li10 .members,
.li12 .members,
.li14 .members {
    background-color: #fffae8;
    background-image: url('../images/num-bg.png');
    background-position: right .03125rem bottom .020833333rem;
    background-size: .260416667rem .260416667rem;
    background-repeat: no-repeat;
}

.members::before {
    content: attr(data-content);
    width: .260416667rem;
    height: .260416667rem;
    line-height: .260416667rem;
    text-align: center;
    position: absolute;
    right: .020833333rem;
    bottom: .020833333rem;
    font-size: .145833333rem;
    font-weight: bold;
    color: rgba(189, 90, 53, .2);
}

.blue .members {
    background: #f4f7fb;
}

.li1 .members,
.li3 .members,
.li5 .members,
.li7 .members,
.li9 .members,
.li11 .members,
.li13 .members,
.li15 .members {
    background-color: #f4f7fb;
    background-image: url('../images/num-bg2.png');
    background-position: right .03125rem bottom .020833333rem;
    background-size: .260416667rem .260416667rem;
    background-repeat: no-repeat;
}

.blue .members::before {
    color: rgba(51, 58, 116, .2);
}

.members div {
    width: 100%;
    line-height: .20833333rem;
}

.blue .members div {
    border-color: #cddaf0;
}

.members div:last-child {
    border: none;
}

.teamlist .right {
    background-position: -.911458333rem -.635416667rem;
    padding-left: 0;
    padding-right: .015625rem;
}

.teamlist .right.blue {
    background-position: -.911458333rem -.317708333rem;
}

.teamlist .right.yellow {
    background-position: -.911458333rem 0;
    /* background-position: -.911458333rem -.317708333rem; */
}

.right .pophead {
    /* background: url(../images/team_bg3.png) no-repeat;
    background-size: 1.625rem .453125rem; */
    background: url(../images/team_bg4.png) no-repeat;
    background-size: 1.625rem .453125rem;
    padding: .03125rem .104166667rem;
}

.right.blue .pophead {
    background: url(../images/team_bg4.png) no-repeat;
    background-size: 1.625rem .453125rem;
}

.right .teampop {
    left: -1.640625rem;
}

.right .members {
    margin-left: 0;
    margin-right: .08333333rem;
}

.icon-win {
    width: .171875rem;
    height: .203125rem;
    background: url(../images/com.png) no-repeat;
    background-size: .447916667rem .8333333rem;
    background-position: 0 -.625rem;
    position: absolute;
    right: -.0104166667rem;
    top: -.052083333rem;
}

.right .icon-win {
    right: .6875rem;
}

.newsbox {
    margin-left: -.03125rem;
    width: 6.31770833rem;
    height: 2.94270833rem;
    background: url(../images/juznz.png) no-repeat;
    background-size: 6.31770833rem 2.94270833rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: .760416667rem .34375rem 0;
}

.vsvideo-swiper {
    width: 2.796875rem;
    height: 1.46875rem;
    position: relative;
}

.vsvideo {
    width: 2.796875rem;
    height: 1.46875rem;
    -webkit-mask: url(../images/vimg1.png) center/100% 100%;
    mask: url(../images/vimg1.png) center/100% 100%;
    overflow: hidden;
}

.vsvideo img {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    bottom: -.16666667rem;
    height: .109375rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    font-size: 0;
}

.swiper-pagination-bullet {
    width: .109375rem;
    height: .109375rem;
    background: url(../images/com.png) no-repeat;
    background-position: -.213541667rem -.625rem;
    background-size: .447916667rem .8333333rem;
    opacity: .9;
    margin: 0 .03125rem;
}

.swiper-pagination-bullet-active {
    background-position: -.338541667rem -.625rem;
}

.btn-play {
    width: .380208333rem;
    height: .453125rem;
    background: url(../images/btn-play.png);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.1875rem;
    margin-top: -.291666667rem;
    animation: video1 1.2s ease-in-out infinite alternate;
}

.btn-noplay {
    height: 0.5625rem;
    animation: none;
}

.news {
    padding-bottom: .9479166667rem;
}

.newsbox ul {
    width: 2.6666667rem;
}

.newsbox ul li {
    height: .28125rem;
    line-height: .28125rem;
    border-bottom: .005208333rem dashed #baa67b;
}

.newsbox ul a {
    color: #5c4926;
    font-size: .104166667rem;
    width: 100%;
    height: 100%;
    display: block;
}

.newsbox ul span,
.newsbox ul b {
    float: left;
    width: 2.08333333rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.newsbox ul em {
    float: right;
    padding-right: .0104166667rem;
}

.newsbox ul a:hover {
    color: red;
}

.newsbox ul b {
    color: #aa291b;
    font-weight: bold;
}

.rule {
    width: 100%;
    height: 28.4375rem;
    background: url(../images/rule-contBg.jpg) no-repeat center top;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: .760416667rem;
}
.rule.mo{
    background-size: 10rem 100%;
}
.rule .rulebox {
    width: 5.3125rem;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    transform: translate3d(.34375rem, 0, 0);
}
.rule .rulebox.mo{
    transform: translate3d(0, 0, 0);
}

.rulesUlText {
    color: rgb(88, 68, 54);
    font-size: .09375rem;
    width: 5.3125rem;
    margin: .104166667rem auto 0;
    line-height: 1.6;
}

.rulesUlText li {
    position: relative;
    padding: 0 0 .0572916667rem .15625rem;
}

.serNum {
    width: .13020833333rem;
    height: .13020833333rem;
    font-size: .083333333rem;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(174, 72, 0);
    background: url(../images/serialNumber.png) no-repeat;
}

.boldFont {
    font-size: .09375rem;
    color: rgb(174, 72, 0);
    font-weight: 600;
}

.rulesUlText .indent1 {
    padding-left: .46875rem;
}

.rulesUlText p {
    margin: 0;
}

.smallTit {
    width: 1.046875rem;
    height: .2239583333rem;
    background: url(../images/rule-smallTit.png) no-repeat;
    background-size: 1.046875rem 5.2083333rem;
    text-indent: -9999em;
}

.rules-p,
.rules-p2 {
    margin: .104166667rem 0;
    font-size: .09375rem;
    color: #584436;
}

/*选手资格*/
.t6 {
    background-position: -4.802083333rem -1.8125rem;
}


/*初赛流程*/
.rulesUlText2 {
    padding-left: 0;
    padding-bottom: .0572916667rem;
}

.t7 {
    height: .75rem;
    background-position: 0 -2.72395833rem;
    margin-top: .23958333rem;
}

.st2 {
    width: 1.046875rem;
    height: .2239583333rem;
    background-position: 0 -.223958333rem;
}

.signTime {
    margin: .083333333rem auto 0;
    line-height: .104166667rem;
}

.signTime li {
    padding: 0 0 .0572916667rem 0;
    color: #ae4800;
}

.st5 {
    background-position: 0 -.9479166667rem;
}

.st6 {
    background-position: 0 -1.223958333rem;
}

.st7 {
    background-position: 0 -1.46875rem;
}

.st8 {
    background-position: 0 -1.76041667rem;
}

.st9 {
    background-position: 0 -2.067708333rem;
}

.st10 {
    width: 1.046875rem;
    height: .2239583333rem;
    background-position: 0 -2.34375rem;
}

.rulesUlText b {
    font-weight: bold;
}

.rulesUlText em {
    color: #ae4800;
}

.rulesUlText2 .Method3 {
    margin-left: .15625rem;
    padding-bottom: .0572916667rem;
}

.rulesP {
    text-indent: 2em;
    font-size: .09375rem;
    color: #584436;
    margin: .104166667rem 0;
    line-height: 1.6;
}

.brown {
    color: #ae4800;
}

.red {
    color: #ff5533;
    font-size: .083333333rem;
}

.indent2 {
    padding-left: .65625rem;
}

.rules-p,
.rules-p2 {
    margin: .104166667rem 0;
    font-size: .09375rem;
    color: #584436;
}

.rules-p2 {
    margin: .052083333rem 0;
}

.st4 {
    width: 1.046875rem;
    height: .2239583333rem;
    background-position: 0 -.671875rem;
}

/*表格*/
.schedule {
    width: 100%;
    margin: 0 auto;
    font-size: .083333333rem;
    color: #513c1d;
    text-align: center;
    border-top: .0052083333rem solid #FFFFFF;
    border-left: .0052083333rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    border-spacing: 0;
}

.schedule .schedule-con-head th {
    background-color: #ffdea9;
    height: .20833333rem;
    font-weight: bold;
    border-bottom: .0104166667rem solid #FFFFFF;
}

.schedule td {
    background-color: #fff8e5;
    border-bottom: .0052083333rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    line-height: .21875rem;
}

.session td {
    background-color: #ffe6bb;
    font-weight: bold;
}

.first-tr td {
    background: #ffdea9;
    font-weight: bold;
    line-height: .22916667rem;
}

.rule-cont tr td:first-child {
    font-weight: bold;
}

.serNum2 {
    width: .104166667rem;
    height: .104166667rem;
    line-height: .104166667rem;
    border-radius: 50%;
    border: .0052083333rem solid #584436;
    font-size: .083333333rem;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: .015625rem;
    left: 0;
}

.brown .serNum2 {
    border-color: #ae4800;
}

.schedule2 {
    height: .494791667rem;
    width: 2.8125rem;
}

/*比赛结果*/
.t9 {
    height: .75rem;
    background-position: 0 -3.640625rem;
    margin-top: .260416667rem;
}

.st3 {
    width: 1.046875rem;
    height: .2239583333rem;
    background-position: 0 -.447916667rem;
}

.match-result {
    margin-bottom: .36458333rem;
}

/*决赛流程*/
.t8 {
    height: .744791667rem;
    background-position: -4.802083333rem -2.72395833rem;
    margin-top: 1.125rem;
}

.scheduleBox {
    width: 80%;
    margin: .052083333rem auto .078125rem;
    display: flex;
    justify-content: space-around;
    align-content: center;
}

.scheduleBox .schedule-table1 {
    width: 1.5625rem;
    height: 1.5625rem;
    font-size: .083333333rem;
    color: #513c1d;
    text-align: center;
    border-top: .0104166667rem solid #FFFFFF;
    border-left: .0104166667rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    border-spacing: 0;
}

.scheduleBox .schedule-table2 {
    width: 1.5625rem;
    height: 1.5625rem;
    font-size: .083333333rem;
    color: #513c1d;
    text-align: center;
    border-top: .0104166667rem solid #FFFFFF;
    border-left: .0104166667rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    border-spacing: 0;
}

.scheduleBox .schedule-con-head th {
    background-color: #ffdea9;
    font-weight: bold;
    border-bottom: .0052083333rem solid #FFFFFF;
}

.scheduleBox .session td {
    background-color: #ffe6bb;
    font-weight: bold
}

.scheduleBox tr td {
    background-color: #fff8e5;
    border-bottom: .0052083333rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    text-align: center;
    padding: 0 .052083333rem
}

.schedule-table3 {
    width: 1.5625rem;
    height: 1.15104167rem;
    font-size: .083333333rem;
    color: #513c1d;
    text-align: center;
    border-top: .0052083333rem solid #FFFFFF;
    border-left: .0052083333rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    border-spacing: 0;
    margin: .052083333rem auto;
}

.schedule-table3 .schedule-con-head th {
    background-color: #ffdea9;
    font-weight: bold;
    border-bottom: .0052083333rem solid #FFFFFF;
}

.schedule-table3 .session td {
    background-color: #E3D4A8;
    font-weight: bold
}

.schedule-table3 tr td {
    background-color: #fff8e5;
    border-bottom: .0052083333rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
}

.tips {
    text-align: center;
    color: #584436;
    font-size: .09375rem;
}

.rulesUlText li.p-left0 {
    padding-left: 0;
}

.reward {
    width: 100%;
    height: auto;
    background: url(../images/reward-contBg.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding-top: .854166667rem;
    box-sizing: border-box;
    padding-bottom: .52083333rem;
}

.reward.mo {
    width: 100%;
    height: 51.2291667rem;
    background: url(../images/reward-contBg.jpg) no-repeat center top;
    background-size: 10rem 100%;
    padding-top: .854166667rem;
    box-sizing: border-box;
    padding-bottom: .52083333rem;
}

.reward .rewardbox {
    width: 5.3125rem;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    transform: translate3d(.34375rem, 0, 0);
}
.reward .rewardbox.mo{
    transform: translate3d(0, 0, 0);
}
/*判定规则*/
.decision-rules {
    font-size: .09375rem;
    margin: .083333333rem auto .104166667rem;
}

.decision-rules .dr1 {
    font-size: .11458333rem;
    color: #ae4800;
    font-weight: bold;
    padding-left: .0260416667rem;
}

/*奖励页*/
.reward-cont {
    width: 100%;
    height: 7900px;
    background: url(../images/reward-contBg.jpg) no-repeat center top;
    padding-top: .854166667rem;
    box-sizing: border-box;
    padding-bottom: .52083333rem;
}

.t10 {
    width: 4.78125rem;
    height: .744791667rem;
    background-position: -4.802083333rem -3.63541667rem;
    margin: 0 auto;
}

.t11 {
    width: 4.78125rem;
    height: .739583333rem;
    background-position: 0 -4.55729167rem;
    margin: 1.04166667rem auto 0;
}

.t12 {
    width: 4.78125rem;
    height: .75rem;
    background-position: -4.802083333rem -4.55729167rem;
    margin: .3125rem auto 0;
}

.t13 {
    width: 4.78125rem;
    height: .75rem;
    background-position: -4.802083333rem -4.55729167rem;
    margin: .3125rem auto 0;
}

.t14 {
    width: 4.78125rem;
    height: .744791667rem;
    background-position: 0 -5.46354167rem;
    margin: .4166667rem auto 0;
}

.t19 {
    width: 4.78125rem;
    height: .75rem;
    background-position: -4.802083333rem -5.453125rem;
    margin: .3125rem auto 0;
}

.reward1 {
    margin: .234375rem auto .15625rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.reward2 {
    font-size: .09375rem;
    color: #584436;
}

.reward1 img {
    width: 1.354166667rem;
    height: auto;
    margin-bottom: .15625rem;
}

.reward2 img {
    display: block;
    width: 1.666667rem;
    height: auto;
    margin: .104166667rem auto;
}

.reward1 img,
.reward2 img {
    border: .0104166667rem solid #dbb680;
    box-sizing: border-box;
    object-fit: cover;
    object-position: top;
}

.schedule-table4 {
    width: 4.11458333rem;
    height: 2.1458333rem;
    font-size: .083333333rem;
    color: #513c1d;
    text-align: center;
    border-top: .0104166667rem solid #FFFFFF;
    border-left: .0104166667rem solid #FFFFFF;
    border-right: .0104166667rem solid #FFFFFF;
    border-spacing: 0;
    margin: .052083333rem auto
}

.schedule-table4 .schedule-con-head th {
    background-color: #ffdea9;
    font-weight: bold;
    border-bottom: .0052083333rem solid #FFFFFF;
    height: .22916667rem;
}

.schedule-table4 .session td {
    background-color: #ffe6bb;
    font-weight: bold;
    height: .15625rem;
    font-size: .083333333rem;
}

.schedule-table4 tr td {
    background-color: #fff8e5;
    border-bottom: .0052083333rem solid #FFFFFF;
    border-right: .0052083333rem solid #FFFFFF;
    font-size: .072916667rem;
    padding: .0260416667rem .052083333rem;
    height: .1458333rem;
}

.schedule-table4 tr td.left-txt {
    text-align: left;
}

.schedule-table4 tr td em {
    color: #ae4800;
}

.schedule-table5 {
    width: 4.69270833rem;
    margin: .104166667rem auto 0
}

.schedule-table5 th {
    height: .22916667rem;
}

.schedule-table5 td {
    height: .20833333rem;
}

.tips {
    text-align: center;
    margin-top: .052083333rem
}

.pt-20 {
    margin-top: .104166667rem;
}

.reward-arrow {
    width: 3.05729167rem;
    height: .11458333rem;
    background: url(../images/reward-arrow.png) no-repeat;
    margin: .104166667rem auto;
    text-align: center;
    color: #584436;
    font-size: .125rem;
    line-height: .104166667rem
}

.honourBox {
    width: 100%;
    height: 1.61458333rem;
    display: flex;
    justify-content: space-between;
    align-content: center
}

.honour {
    width: 2.55208333rem;
    height: 1.5041667rem;
    background: url(../images/reward-honour.png)
}

.gemBox,
.wingBox {
    width: 5.20833333rem;
    margin: .20833333rem auto 0;
    text-align: center;
}

.subtit {
    width: 2.5625rem;
    height: .11458333rem;
    line-height: .11458333rem;
    text-align: center;
    font-size: .125rem;
    color: #584436;
    background: url(../images/subtit.png) no-repeat;
    margin: .15625rem auto .104166667rem;
}

.wingBox img {
    width: 3.0833333rem;
    height: auto;
    margin: 0 .104166667rem;
    border: .0104166667rem solid #dbb680;
}

.gem-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.gem-box img {
    width: 1.61458333rem;
    height: auto;
    border: .0104166667rem solid #dbb680;
}


.tips2 {
    color: #ae4800;
    font-size: .09375rem;
    padding-top: .052083333rem;
}

.cheer {
    width: 100%;
    padding-bottom: .52083333rem;
    background: url(../images/cheer-contBg.jpg) center top no-repeat;
    background-size: 100% auto;
    padding-top: .854166667rem;
    box-sizing: border-box;
}

.cheer.mo {
    width: 100%;
    padding-bottom: .52083333rem;
    background: url(../images/cheer-contBg.jpg) center top no-repeat;
    background-size: 10rem auto;
    padding-top: .854166667rem;
    box-sizing: border-box;
}

.cheer .cheerbox {
    width: 5.3125rem;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    transform: translate3d(.34375rem, 0, 0);
}
.cheer .cheerbox.mo{
    transform: translate3d(0, 0, 0);
}

/*助威页*/
.cheer-cont {
    width: 100%;
    min-height:auto;
    padding-bottom: .52083333rem;
    background: url(../images/cheer-contBg.jpg) center top no-repeat;
    padding-top: .854166667rem;
    box-sizing: border-box
}

.t15 {
    width: 5.3125rem;
    height:auto;
    background-position: 0 -6.375rem;
    margin-top: .260416667rem
}

.t16 {
    background-position: 0 -7.28645833rem;
    width: 4.78125rem;
    height: auto;
    margin: .3125rem auto 0;
}

.t17 {
    background-position: 0 -7.604166667rem;
    width: 3.36458333rem;
    height:auto;
    margin: .8333333rem auto 0;
}

.schedule-table6 {
    width: 1.5625rem;
    height: 1.04166667rem;
    font-size: .083333333rem;
    margin: .052083333rem auto
}

.shouting-cheerBox {
    width: 100%;
    height: 2.38541667rem;
    margin: .104166667rem auto;
    display: flex;
    justify-content: center
}

.shouting-cheer {
    width: 3.0208333rem;
    height: 2.38541667rem;
}

.rulesUlText2 {
    color: #584436;
    font-size: .09375rem;
    width: 5.3125rem;
    line-height: 1.6;
    margin: .104166667rem auto 0
}

.rulesUlText3 li {
    padding: 0 0 .0572916667rem 0;
    position: relative;
}

.rulesUlText2 .internalUlText {
    width: 93%;
    margin-top: -.140625rem;
    margin-left: .46875rem;
    font-size: .09375rem;
}

.rulesUlText02 {
    margin-top: .052083333rem;
}

.rulesUlText02 li {
    padding-bottom: .020833333rem;
}

.schedule-table7 {
    width: 4.125rem;
    height: 1.30208333rem;
    font-size: .083333333rem;
    margin: .052083333rem auto
}

.schedule-table7 .td3 {
    border-right: 0 solid #FFFFFF
}

.qw {
    color: #ae4800;
}

.rulesUlText2 li em {
    color: #ae4800;
}

.tips3 {
    padding: .104166667rem 0;
}

.zw-tip {
    text-indent: .1458333rem
}

.zw-high {
    color: #ae4800
}

.qrcode {
    margin: 0 .35625rem .15625rem;
}

.qrcode img {
    height: 1.666667rem;
    width: auto;
    vertical-align: bottom;
}

.qrcode .name {
    font-size: .072916667rem;
    margin: .0260416667rem 0;
    color: #584436;
}

.articleCont {
    margin-bottom: .2604166667rem;
}

.article-font-18 {
    font-size: .09375rem;
}

.article-font-16 {
    font-size: .083333333rem;
}

.article-font-14 {
    font-size: .072916667rem;
}

.article-font-12 {
    font-size: .0625rem;
}