.zh-match .zh-match-title {
    height: 4.4rem;
    line-height: 4.4rem;
    padding-left: 1rem;
    border-bottom: 1px solid #eee;
}

.zh-match .zh-match-title h2 {
    display: inline-flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
}

.zh-match .zh-match-title h2::after {
    content: '';
    /*background: url(../img/icon1.png) no-repeat center/15px 16px;*/
    width: 15px;
    height: 16px;
    margin: 0 12px 0 5px;
    display: block;
}

.zh-match-content {
    width: 100%;
    overflow-x: scroll;
    display: flex;
    padding: 1.5rem 0;
}

.zh-match-content .item {
    width: 5.5rem;
    text-align: center;
    margin-right: 2.5rem;
}

.zh-match-content .picbox {
    width: 100%;
    height: 6.5rem;
    overflow: hidden;
}

.zh-match-content .picbox img {
    width: 5.5rem;
}

.zh-match-content .item .name {
    font-size: 1.4rem;
    color: #333333;
    width: 100%;
}

.blockline {
    width: 100%;
    height: 1rem;
    background: #eeeeee;
}

.left-list .item>.title {
    line-height: 64px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.left-list .item>.title .txt {
    ont-size: 16px;
    font-weight: bold;
    color: #e60012;
    float: left;
    margin-left: 20px;
}

.location {
    margin: 20px 0;
    color: #777;
}

.location a {
    color: #777;
}

.location a h1 {
    font-size: 12px;
    display: inline;
    font-weight: normal;
}

.left-list .item>.title .icon {
    float: right;
    margin-right: 20px;
}

.left-list .item>.children {
    display: none;
}

.left-list .item>.children .tit {
    line-height: 44px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.left-list .item>.children .tit>.icon {
    float: left;
    margin-left: 20px;
}

.left-list .item>.children .tit>.mlogo {
    float: left;
    margin-left: 10px;
    width: 14px;
}

.left-list .item>.children .tit>.mlogo img {
    width: 100%;
}

.left-list .item>.children .tit>.txt {
    float: left;
    margin-left: 10px;
    font-size: 14px;
}

.left-list .item>.children .fd-list {
    display: none;
}

.left-list .item>.children .fd-list li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 44px;
    text-indent: 70px;
    font-size: 14px;
}

.left-list .item>.children .fd-list li.on a {
    color: #e60012;
}

.left-list .item.on>.children {
    display: block;
}

.left-list .item>.children.on .fd-list {
    display: block;
}

.zh-match .zh-side-title {
    height: 4.4rem;
    line-height: 4.4rem;
    padding-left: 1rem;
    border-bottom: 1px solid #eee;
}

.zh-match .zh-side-title h2 {
    display: inline-flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
}

.zh-match .zh-side-title h2::after {
    content: '';
    /*background: url(../img/icon1.png) no-repeat center/15px 16px;*/
    width: 15px;
    height: 16px;
    margin: 0 12px 0 5px;
    display: block;
}

.zh-match .zh-side-title a {
    float: right;
    margin-right: 1rem;
}

.sort {
    display: flex;
    align-items: center;
    background: #f9f9f9;
    padding: 10px;
    justify-content: space-between;
}

.sort p {
    font-size: 14px;
    color: #666666;
    text-align: center;
}

.sortul {
    padding: 0 17px;
}

.sortul li {
    margin-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px #eaeaea dashed;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sortul li p {
    width: 18px;
    height: 18px;
    background-color: #e9e9e9;
    border-radius: 2px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 18px;
}

.sortul li:nth-child(1) p {
    background: #ff5757;
}

.sortul li:nth-child(2) p {
    background: #ff8657;
}

.sortul li:nth-child(3) p {
    background: #ffca57;
}

.sortul li .name {
    font-size: 14px;
    color: #999999;
    display: inline-flex;
    align-items: center;
}

.sortul li .name img {
    max-width: 18px;
    margin-right: 5px;
}

.sortul li:nth-child(1) .name {
    color: #ff5757;
}

.sortul li:nth-child(2) .name {
    color: #ff8657;
}

.sortul li:nth-child(3) .name {
    color: #ffca57;
}

.sortul li span {
    font-size: 14px;
    color: #999999;
}

.sortul li:nth-child(1) span {
    color: #ff5757;
}

.sortul li:nth-child(2) span {
    color: #ff8657;
}

.sortul li:nth-child(3) span {
    color: #ffca57;
}

/* 联赛开始 */
.leaguebox {
    background: #21222d;
}

.leaguename {
    padding-top: 1.5rem;
}

.leaguename .l-logo {
    float: left;
    width: 7rem;
    height: 7rem;
    overflow: hidden;
    border-radius: 50%;
    margin-left: 2.5rem;
    box-sizing: border-box;
}

.leaguename .l-logo img {
    width: 7rem;
    height: 7rem;
}

.leaguename h1 {
    float: left;
    font-size: 1.8rem;
    color: #fff;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-bottom: .5rem;
    min-width: 70%;
}

.leaguename .selectbox {
    float: left;
    position: relative;
    z-index: 11;
}

.leaguename .select {
    width: 104px;
    height: 26px;
    text-indent: 10px;
    line-height: 26px;
    color: #fff;
}

.leaguename .select .iconfont {
    margin-left: 10px;
}

.leaguename .selectbox .selectul {
    border: 1px solid #eee;
    margin-top: -1px;
    background: #fff;
    position: absolute;
    width: 104px;
    display: none;
}

.leaguename .selectbox .selectul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 28px;
    text-align: center;
}

.leaguename .update {
    float: left;
    color: #fff;
    height: 26px;
    line-height: 26px;
    margin-left: 1rem;
}

.leaguebtm {
    margin-top: 2rem;
}

.linkitems {
    margin-top: 1.5rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
    border-radius: 1rem 1rem 0 0;
    border-bottom: 2px solid #eee;
}

.linkitems li {
    float: left;
    width: 25%;
    text-align: center;
}

.linkitems li a {
    color: #333333;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
}

.linkitems li a h2 {
    font-size: 1.6rem;
}

.linkitems li.on a h2{
    font-weight: bold;
}




/* NEW CSS */
.crumbs{
    background: #21222d;
    border-bottom: 1px solid #343541;
}
body{
    background: #f5f6f8;
}
.model-wrap{
    margin-bottom: 1rem;
    background: #fff;
}
.model-title{
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
    color: #000000;
}
.model-title span{
    font-size: 1.2rem;
    margin-left: 1rem;
    color: #999;
    margin-top: .3rem;
}
.model-title::before{
    content: '';
    width: .5rem;
    height: 1.4rem;
    display: block;
    background: #d71318;
    margin-right: .4rem;
}
.integral-wrap .row1{
    display: flex;
    align-items: center;
    background: #f7f7fb;
   
    box-sizing: border-box;
    padding-left: .5rem;
}
.integral-wrap .row1 .item{
    font-size: 1.2rem;
    color: #202021;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
}
.integral-wrap .row1 .item:nth-child(1){
    width: 8.4%;
}
.integral-wrap .row1 .item:nth-child(2){
    width: 30%;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 1rem;
}
.integral-wrap .row1 .item:nth-child(3){
    width: 8.53%;
}
.integral-wrap .row1 .item:nth-child(4){
    width: 18%;
}
.integral-wrap .row1 .item:nth-child(5){
    width: 16.4%;
}
.integral-wrap .row1 .item:nth-child(6){
    width: 8%;
}
.integral-wrap .row1 .item:nth-child(7){
    width: 10.66%;
}
.integral-wrap .row2{
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
}
.integral-wrap .row2 .item img{
    width: 2.5rem;
    
}
.integral-wrap .row2 .item:nth-child(1){
    font-weight: bold;
}
.integral-wrap .row2 .item:nth-child(3),
.integral-wrap .row2 .item:nth-child(5){
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}
.integral-wrap .row2 .item:nth-child(7){
    border-right: 1px solid #f4f4f4;
}

.integral-wrap .row2:nth-child(2) .item:nth-child(1){
    color: #ffc002;
}
.integral-wrap .row2:nth-child(3) .item:nth-child(1){
    color: #f44b23;
}
.integral-wrap .row2:nth-child(4) .item:nth-child(1){
    color: #12cd7c;
}
.model-more{
    height: 3.5rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 3.5rem;
    display: block;
    color: #3e4152;
}

.schedule-wrap .row1 {
    display: flex;
    align-items: center;
    background: #f7f7fb;
    box-sizing: border-box;
    padding-left: .5rem;
}
.schedule-wrap .row1 .item{
    font-size: 1.2rem;
    color: #202021;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
}
.schedule-wrap .row1 .item:nth-child(1){
    width: 14.1%;
}
.schedule-wrap .row1 .item:nth-child(2){
    width: 14.93%;
    align-content: center;
    flex-wrap: wrap;
}
.schedule-wrap .row1 .item:nth-child(3){
    width: 45.86%;
}
.schedule-wrap .row1 .item:nth-child(4){
    width: 17.6%;
}
.schedule-wrap .row2 {
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
}
.schedule-wrap .row2 p{
    width: 100%;
    text-align: center;
}
.schedule-wrap .row2 .name,
.schedule-wrap .row2 .name2{
    color: #333333;
    font-weight: bold;
    width: 6.4rem;
}
.schedule-wrap .row2 .name{
    text-align: right;
}
.schedule-wrap .row2 .score{
    width: 18%;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    margin: 0 .5rem;
}

.schedule-wrap .row2 .score.c1{
    background-color: #f55e55;
    color: #fff;
}
.schedule-wrap .row2 .score.c2{
    background-color: #14cc7d;
    color: #fff;
}
.feeds{
    padding: 0 10px;
    box-sizing: border-box;
}
.format-wrap{
    box-sizing: border-box;
    padding: 0 10px 1px;
    font-size: 12px;
    line-height: 1.5;
    color: #333333;
}
.format-wrap p{
    margin-bottom: 10px;
}
.disc-tab{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.disc-tab .item{
    width: 7.5rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background: #f3f3f3;
    margin: 0 .5rem;
    border-radius: 1.25rem;
    font-size: 14px;
}
.disc-tab .item.on{
    background: #ffc002;
    color: #fff;
}
.disc-statistics{
    text-align: center;
    font-size: 12px;
    color: #ccc;
    margin-top: 3rem;
}
.disc-item{
    display: none;
    align-items: center;
    justify-content: space-around;
    margin-top: 1rem;
}
.disc-item.on{
    display: flex;
}
.disc-blcok{
    width: 16vw;

}
.disc-blcok .chart-box{
    position: relative;
    width: 100%;
    height: 16vw;
    
}
.disc-blcok .chart-box .chart{
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: -1; */
    border-radius: 50%;
    width: 16vw;
    height: 16vw;
}
.disc-blcok .chart-box .text{
    position: absolute;
    top: 5.04vw;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 2.66vw;
    font-weight: bold;
}
.disc-blcok .chart-box .number{
    position: absolute;
    top: 9.2vw;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 2.133vw;
    color: #e5e5e5;
}
.disc-blcok p{
    font-size: 3.067vw;
    color: #f55e53;
    font-weight: bold;
    text-align: center;
    margin-top: .5rem;
}
.disc-blcok:nth-child(2) p{
    color: #a6b2be;
}
.disc-blcok:nth-child(3) p{
    color: #2fcc86;
}
.best-wrap .row1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 4vw 4vw;
    
}
.best-wrap .row1:last-child{
    padding: 0 4vw 4.5vw;
}

.best-wrap .row1 .title{
    width: 33.1vw;
    font-size: 3.33vw;
    text-align: center;
    color: #202021;
}
.best-wrap .row1 .title:nth-child(1){
    color: #ffc002;
}
.best-wrap .row1 .logo{
    display: block;
    max-width: 7.465vw;
    max-height: 7.465vw;
    margin-right: 5.333vw;
}
.best-wrap .row1 .logo:last-child{
    margin-left: 5.333vw;
    margin-right: 0;
}
.best-wrap .row1 .details{
    width: 26.4vw;
   
}
.best-wrap .row1 .details span{
    font-size: 3.2vw;
    color: #ffc002;
    font-weight: bold;
    display: block;
}
.best-wrap .row1 .details p{
    font-size: 3.06vw;
    color: #202021;
}
.best-wrap .row1 .project{
    width: 13vw;
    font-size: 3.06vw;
    color: #999;
    text-align: center;
}
.best-wrap .row1 .details:nth-child(4){
    text-align: right;
}

.shooter-wrap .row1{
    display: flex;
    align-items: center;
    background: #f7f7fa;
}
.shooter-wrap .row1 .item{
    font-size: 12px;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.1vw 0;
    width: 12.6vw;
}
.shooter-wrap .row1 .item:nth-child(1){
    width: 14.267vw;
    border-right: none;
}
.shooter-wrap .row1 .item:nth-child(2){
    width: 19.46vw;
    justify-content: flex-start;
}
.shooter-wrap .row1 .item:nth-child(3){
    width: 16.07vw;
}
.shooter-wrap .row1 .item:nth-child(4){
    width: 17.2vw;
}
.shooter-wrap .row1 .item:nth-child(7){
    width: 10.8vw;
    border-right: none;
}
.shooter-wrap .row2{
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
}
.shooter-wrap .row2 .item{
    color: #656565;
    font-weight: bold;
}
.shooter-wrap .row2 .item{
    padding: 4.4vw 0;
    border-right: 1px solid #f4f4f4;
}
.shooter-wrap .row2 .item:nth-child(3){
    width: 13.07vw;
}
.shooter-wrap .row1:nth-child(2) .item:nth-child(1){
    color: #ffc002;
}
.shooter-wrap .row1:nth-child(3) .item:nth-child(1){
    color: #f44b23;
}
.shooter-wrap .row1:nth-child(4) .item:nth-child(1){
    color: #12cd7c;
}
.total-wrap .row1,.often-wrap .row1{
    display: flex;
    align-items: center;
    background: #f7f7fa;
   

    
}
.total-wrap .row1 .item ,.often-wrap .row1 .item{
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2vw 0;
    flex: 1;
    font-size: 3.06vw;
  
}

.total-wrap .row1 .item:nth-child(1){
    flex: 0 0 7.33vw;
}
.total-wrap .row1 .item:nth-child(2){
    flex: 0 0 21.2vw;
    justify-content: flex-start;
    text-indent: 1em;
}
.total-wrap .row2{
    background: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #f4f4f4;
}
.total-wrap .row2 .item:nth-child(2){
    text-indent: 0;
    justify-content: center;
}
.total-wrap .row2 .item{
    border-right: 1px solid #f4f4f4;
    color: #656565;
}

.total-wrap  .row1:nth-child(2) .item:nth-child(1){
    color: #ffc002;
}
.total-wrap  .row1:nth-child(3) .item:nth-child(1){
    color: #f44b23;
}
.total-wrap  .row1:nth-child(4) .item:nth-child(1){
    color: #12cd7c;
}


.often-wrap .row1 .item:nth-child(1){
    flex: 0 0 13.733vw;
    border-right: none;
}
.often-wrap .row1 .item:nth-child(2){
    flex: 0 0 46.6vw;
}
.often-wrap .row1 .item:nth-child(3){
    flex: 0 0 13.2vw;
}
.often-wrap .row1 .item:nth-child(4){
    flex: 0 0 26vw;
    border-right: none;
}

.often-wrap .row2{
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
}
.often-wrap .row2 .item{
    box-sizing: border-box;
    border-right: 1px solid #f4f4f4;
    color: #656565;
}

.often-wrap  .row1:nth-child(2) .item:nth-child(1){
    color: #ffc002;
}
.often-wrap  .row1:nth-child(3) .item:nth-child(1){
    color: #f44b23;
}
.often-wrap  .row1:nth-child(4) .item:nth-child(1){
    color: #12cd7c;
}
.schedule2-wrap{
    background: #fff;
    padding-bottom: 13.2vw;
    display: none;
}
.schedule2-wrap.on{
    display: block;
}
.schedule2-wrap .row1{
    display: flex;
    align-items: center;
    background: #f7f7fb;
}
.schedule2-wrap .row1 .item{
    padding: 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3vw;
    color: #999999;
}
.schedule2-wrap .row1 .item:nth-child(1){
    width: 18vw;
}
.schedule2-wrap .row1 .item:nth-child(2){
    width: 13vw;
    flex-wrap: wrap;
}
.schedule2-wrap .row1 .item:nth-child(3){
    width: 60vw;
}
.schedule2-wrap .row2{
    background: none;
    border-bottom: 1px solid #f5f6f8;
}
.schedule2-wrap .row2 .item{
  padding: 3.5vw 0;

}
.schedule2-wrap .row2 .item p{
    width: 100%;
    text-align: center;
}
.schedule2-wrap .row2 .item .name{
    width: 20vw;
    color: #222222;
}
.schedule2-wrap .row2 .item .name:nth-child(1){
    text-align: right;
}
.schedule2-wrap .row2 .item .score{
    width: 8.267vw;
	height: 4.267vw;
    text-align: center;
    line-height: 4.267vw;
    color: #222222;
    font-weight: bold;
    margin: 0 2.8vw;
}
.schedule2-wrap .row2 .item .c1{
    color: #fff;
    background: #f55e55;
}
.schedule2-wrap .row2 .item .c2{
    color: #fff;
    background: #12cd7c;
}
.schedule2-screen{
    height: 13.2vw;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    border-top: 1px solid #f5f6f8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 4vw;
}
.schedule2-screen .but{
    font-size: 3.733vw;
    color: #999;
    width: 9rem;
}
.schedule2-screen .but:last-child{
    text-align: right;
}
.schedule2-screen select{
    border: none;
    outline: none;
    background: #fff;
    /* -webkit-appearance: none; */
}
.integral2-wrap .row1{
    display: flex;
    align-items: center;

}


.integral2-wrap{
    background: #fff;
}
.integral2-wrap .row1{
    display: flex;
    align-items: center;
    background: #f7f7fb;
}
.integral2-wrap .row1 .item{
    padding: 3vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3vw;
    color: #999999;
}
.integral2-wrap .row1 .item:nth-child(1){
    width: 9vw;
    border: none;
    font-weight: bold;
}
.integral2-wrap .row1 .item:nth-child(2){
    width: 30vw;
    justify-content: flex-start;
    text-indent: 3vw;
    border: none;
}
.integral2-wrap .row1 .item:nth-child(3){
    width: 9vw;
}
.integral2-wrap .row1 .item:nth-child(4){
    width: 18vw;
}
.integral2-wrap .row1 .item:nth-child(5){
    width: 16vw;
}
.integral2-wrap .row1 .item:nth-child(6){
    width: 8vw;
}
.integral2-wrap .row1 .item:nth-child(7){
    width: 10vw;
}
.integral2-wrap .row2{
    background: none;
    border-bottom: 1px solid #f5f6f8;
}
.integral2-wrap .row2 .item{
  padding: 3.5vw 0;
  font-size: 3.2vw;
  color: #202021;
  border-left:1px solid #f5f6f8 ;
}

.integral2-wrap .row2 .item img{
    max-width: 4.267vw;
	max-height: 4.267vw;
    margin-right: .5vw;
}
/* .integral2-wrap .row2 .item .name:nth-child(1){
    text-align: right;
} */
.integral2-wrap .row1:nth-child(2) .item:nth-child(1){
    color: #ffc002;
}
.integral2-wrap .row1:nth-child(3) .item:nth-child(1){
    color: #f44b23;
}
.integral2-wrap .row1:nth-child(4) .item:nth-child(1){
    color: #12cd7c;
}
.team-wrap{
    box-sizing: border-box;
    padding: 4.5vw 0;
    display: flex;
    flex-wrap: wrap;
}
.team-wrap .item{
    width: 25%;
    text-align: center;
    margin-bottom: 5vw;
}
.team-wrap .item img{
    max-width: 15vw;
    max-height: 15vw;
}
.team-wrap .item p{
    margin-top: 1vw;
    font-size: 3vw;
    color: #333;
}