:root {
    --main-color: #fd626b;
    --main-r: 63;
    --main-g: 134;
    --main-b: 196;
}

ul,
ol,
li {
    list-style: none;
}
.subnav {
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #228b63;
}

.subnav ul {
       display: flex;
    flex-wrap: wrap;
    padding: 0.4rem 0.4rem;
    height: 1.5rem;
    overflow: hidden;
}

.subnav ul li.btn {
    margin-left: auto;
}

.subnav ul li.btn i.iconfont {
    color: #fff;
}

.subnav ul.open {
    height: auto;
}

.subnav ul.open li i.iconfont {
    display: inline-block;
    transform: rotate(180deg);
}

.subnav ul li a,
.subnav ul li span {
    display: block;
    padding: 0.3rem 0.4rem;
    color: #fff;
}

.subnav + .container {
    margin-top: 0.8rem;
}
.container {
    padding: 0.3rem 0 1.2rem;
}

.container > div {
    background-color: #fff;
    margin-bottom: 0.6rem;
}
.match-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.8rem;
}

.match-type a {
    width: 29%;
    color: #fff;
    margin-bottom: 0.3rem;
    border: 1px solid #007a32;
}

.match-type img {
    display: block;
    margin: 0.8rem auto;
    width: 4.5rem;
    height: 4.5rem;
}

.match-type p {
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    background-color: #007a32;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.team-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.3rem;
}

.team-type a {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 0.05rem;
    width: 46%;
    margin-bottom: 0.3rem;
    border-radius: 0.5rem;
}

.team-type img {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background-color: var(--main-color);
}

.team-type p {
    padding-left: 0.22rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    padding: 0.16rem;
}

.tags a {
   display: inline-block;
    padding: 0.5rem 0.5rem;
    margin: 0.56rem;
    background-color: #228b63;
    color: #fff;
    border-radius: 0.06rem;
}

.model {
}
.model .title .tit i {
    font-size: 0.5rem;
    margin-right: 0.2rem;
}
.model .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2.9rem;
    padding: 0 0.5rem;
    border-bottom: 2px solid #228b63;
}

.model .title.sp {
    padding: 0 0.26rem;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(var(--main-r), var(--main-g), var(--main-b), 0.3);
    height: 50px;
}

.model .title.sp a {
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
}

.model .title.sp a.cur {
    font-weight: bold;
    color: var(--main-color);
}

.model .title .tit {
    display: flex;
    align-items: center;
}

.model .title .tit span {
    font-size: 1.34rem;
    font-weight: bold;
}

.model .title .tit i {
       font-size: 1.5rem;
    margin-right: .5rem;
    color: #228b63;
}

.model .title .more {
    font-size: 0.32rem;
    padding-right: 0.1rem;
}
.category {
    display: flex;
    box-sizing: border-box;
    padding: 0.6rem 0.6rem;
    background-color: rgba(var(--main-r), var(--main-g), var(--main-b), 0.2);
    border-bottom: 1px solid rgba(var(--main-r), var(--main-g), var(--main-b), 0.3);
    overflow-x: auto;
    height: 40px;
}

.category a {
    flex-shrink: 0;
    margin-right: 0.14rem;
    padding: 0.06rem 0.12rem;
    font-size: 1.0rem;
}

.category a.cur {
    border-radius: 0.06rem;
    color: #fff;
    background-color: var(--main-color);
}
.play-list {
	    margin-top: 40px;
}

.play-list .play-date {
    line-height: 2.1rem;
    background-color: #eaeaea;
    color: var(--main-color);
    padding: 0 0.5rem;
}
.list-cont {
    padding: 1.0rem;
	
}

.list-cont.sp {
    display: none;
}

.list-cont.cur {
    display: block;
}

.list-cont dd:not(:last-child) {
    border-bottom: 1px solid rgba(var(--main-r), var(--main-g), var(--main-b), 0.3);
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
}

.list-cont .middle-container {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 0.84rem;
}

.list-cont .middle-container .team {
    width: 38%;
}

.list-cont .middle-container .info {
    width: 30%;
}

.list-cont .middle-container .score {
   font-size: 1.2rem;
    padding: 0.6rem 0;
}

.list-cont .middle-container .status {
    padding-top: 0.14rem;
}

.list-cont .middle-container img {
    width: 0.7rem;
    height: 2.5rem;
}

.list-cont .middle-container .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0.5rem;
}
.list-cont .middle-container .kaishi {
   /* width: 20%;*/
    border: 1px solid #7b837e;
    color: #7b837e;
    padding: 0.14rem 0;
    box-shadow: 0 2px 3px #0003;
}
.list-cont .middle-container .btn {
   /* width: 20%;*/
    border: 1px solid var(--main-color);
    color: var(--main-color);
    padding: 0.14rem 0;
    box-shadow: 0 2px 3px #0003;
}
@font-face {
  font-family: "iconfont"; 
  src: url('/css/fonts/font_4038676_87h40eucsxq.woff2?t=1686043430055') format('woff2'),
       url('/css/fonts/font_4038676_87h40eucsxq.woff?t=1686043430055') format('woff'),
       url('/css/fonts/font_4038676_87h40eucsxq.ttf?t=1686043430055') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-jianjie:before {
  content: "\e685";
}

.icon-close:before {
  content: "\e725";
}

.icon-sousuo:before {
  content: "\e63f";
}

.icon-null:before {
  content: "\e715";
}

.icon-zixun:before {
  content: "\e602";
}

.icon-jijin:before {
  content: "\e627";
}

.icon-luxiang:before {
  content: "\e680";
}

.icon-tag:before {
  content: "\e885";
}

.icon-shipin:before {
  content: "\e622";
}

.icon-jiangbei:before {
  content: "\e872";
}

.icon-zuqiu:before {
  content: "\e619";
}

.icon-lanqiu:before {
  content: "\ea73";
}

.icon-jifen:before {
  content: "\e721";
}

.icon-duiwu:before {
  content: "\e712";
}

.icon-zhibo:before {
  content: "\e626";
}

.icon-shaixuan:before {
  content: "\e641";
}

.icon-bofang:before {
  content: "\e624";
}

.icon-fenxi:before {
  content: "\e76d";
}

.icon-xia:before {
  content: "\e65e";
}

.icon-shang:before {
  content: "\ea74";
}
.teamtab{margin:0.3rem .45rem 0; background:#fafafa; border:1px solid #eeeeee; border-top:none;}
.teamtab #title{float:left; width:100%;}
.teamtab #title span{float:left;width:50%; display:block;height:46px; line-height:46px;color:#333;background:#F5F5F5;text-align:center;cursor:pointer;border-top:1px solid #eeeeee;}
.teamtab #title span.on{background:#FAFAFA; border-top:2px solid #007a32;}
.teamtab #con{background:#fafafa;float:left; width:100%;}

.teamtab #con ul{display:none;padding:10px}
.teamtab #con ul.on{display:block}
.teamtab #con ul a{ display:inline-block; width:32%; overflow:hidden; margin-bottom:15px; text-align:center;}
.teamtab #con ul a .img{ width:100%; height:80px; display:block; overflow:hidden;}
.teamtab #con ul a .img img{ width:80px;height: 80px;}
.teamtab #con ul a .txt{
	font-size: 14px;
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    margin-top: 10px;}
.article-list{}

.doc{display: block;position: relative;overflow: hidden;}
.doc-news{margin:0 .45rem;padding:.45rem 0}
.doc-image-small-wrapper{width:3.24rem;height:2.16rem;float:right;margin-left:.48rem}
.doc-image-small{width:100%;height:100%;background:no-repeat 50%;background-size:cover}
.doc-content{overflow:hidden; min-height:1.4rem;}
.doc-title{font-size:.51rem;color:#222;line-height:.65rem}
.doc-info{color:#999;font-size:.33rem;position:absolute;bottom:.2rem}
.doc-news-big,.doc-news-multi,.doc-news-no-image{padding-top:.09rem;padding-bottom:.39rem}
.doc-news-big .doc-title,.doc-news-multi .doc-title,.doc-news-no-image .doc-title{margin:.2rem 0}
.doc-news-big .doc-info,.doc-news-multi .doc-info,.doc-news-no-image .doc-info{position:static;margin:.27rem 0}
.doc-news-big .remove,.doc-news-multi .remove,.doc-news-no-image .remove{right:-.3rem;bottom:1.36rem}
.doc-news-multi .remove,.doc-news-no-image .remove{bottom:.04rem}
.doc-image-big-wrapper{padding-bottom:50%;position:relative}
.doc-image-big-wrapper .doc-image-big{width:100%;height:100%;position:absolute;left:0;top:0;background:no-repeat 50%;background-size:cover}
.doc-image-multi-wrapper{padding-bottom:21.9%;position:relative}
.doc-image-multi-wrapper .image-0,.doc-image-multi-wrapper .image-1,.doc-image-multi-wrapper .image-2{width:33%;height:100%;position:absolute;left:0;top:0;background:no-repeat 50%;background-size:cover}
.doc-image-multi-wrapper .image-1{left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}
.doc-image-multi-wrapper .image-2{left:auto;right:0}
.doc-news-multi,.doc-news-no-image{padding-bottom:0}
.doc-audio{margin:0 .45rem;padding:.45rem 0}
.doc-image-small-wrapper{
	width: 8rem;
    height: 5rem;
    float: right;
    margin-left: .48rem;
    position: relative;}
.doc-image-small{width:100%;height:100%;background:no-repeat 50%;background-size:cover}
.doc-play{width:.9rem;height:.9rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url('../images/play.png')}
.playing .doc-play{background-image:url('../images/pause.png')}
.doc-title{
	font-size: 1.15rem;
    color: #222;
    line-height: 1.5rem;
    text-align: justify;}
.doc-info{color:#999;font-size:.33rem;position:absolute;bottom:.1rem}
.doc-info span{margin-right: .3rem;display: inline-block;max-width: 4.6rem;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.doc-no-image{padding-top:.09rem;padding-bottom:.39rem}
.doc-no-image .doc-title{margin:.2rem 0}
.doc-no-image .doc-info{position:static;margin:.27rem 0}
.doc-no-image .remove{right:0;bottom:1.66rem;bottom:.34rem}
.doc-no-image{padding-bottom:0}



.head-logo{width: 100%; background: #FFF; }
.head-logo .user{width:.63rem;height:.63rem;background:url("../images/user_m.png") no-repeat 50%;background-size:100%;margin-top:.12rem;float:left;border-radius:100%}
.head-logo .logo{width: 3rem;height: 3rem; margin: 0 auto;background:url("../images/logo.png") no-repeat 50%;background-size:85%;}
.head-logo .search{width:.51rem;height:.51rem;background:url("../images/search_m.png") no-repeat 50%;background-size:100%;float:right;margin-top:.15rem}


.head-nav{width:100%;height:50px;white-space:nowrap;background:#00679C;border-bottom: 1px solid #e8e8e8;}
.head-nav:after{bottom:0;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.head-nav .list{overflow:auto;height:50px}
.head-nav .list a{color: #fff;
    font-size: .42rem;
    height: 1.05rem;
    line-height: 1.08rem;
    /* margin: 0 .27rem; */
    display: inline-block;
    padding: 16px 5px;}
.head-nav .list a.on{font-weight:700;color:#129aee}
.head-nav .listmore{width:1.24rem;height:1.08rem;background:url('../images/down.png') no-repeat 50%;background-size:.39rem .21rem;float:right;position:relative}
.celebrate-nav .tab.active{color:#dc0033}
.channel-news-page{position:relative}
.article_morem{background:url(../images/menu.png) no-repeat center;width:19px;height:16px;POSITION: absolute;right: 15px;top: 17px;}
.article_channel{ padding:0;}
.close{position: absolute;right: 0;border: 1px solid #e8e8e8;color: #fff;display: inline-block;padding: 3px 10px;font-size: 12px;}
.page-channel{ background: #00679C; overflow: hidden;}
.back-wrapper{width:100%;height:1.17rem;background:#eff8ff;padding-left:.57rem;position:fixed;top:1.47rem;left:0;z-index:1}
.back-wrapper .back{height:1.17rem;line-height:1.2rem;padding-left:.57rem;color:#129aee;font-size:.42rem;position:relative}
.back-wrapper .back:before{content:"";width:.18rem;height:.36rem;background:url('../images/back.png') no-repeat 50%;background-size:100%;position:absolute;left:0;top:.4rem}
.my-channel,.recommend-channel{    margin: 1.57rem;
    color: #FFF;
    font-size: .89rem;}
.my-channel h4,.recommend-channel h4{font-weight:400;position:relative}
.my-channel .edit,.recommend-channel .edit{float:right;color:#129aee}

.my-channel .channel-list,.recommend-channel .channel-list{padding-top:1.1rem}
.channel-list a{color: #FFF;
    width: 30%;
    height: 1.96rem;
    float: left;
    margin-bottom: .36rem;
    position: relative;
    border-radius: .2rem;
    border-color: #ccc;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 1.96rem;
    margin-right: 3%;}
.channel-list a.active{ border-color:#129aee;}
.channel-list a.t{display: block;
    /* width: 100%; */
    font-size: 16px;
    border: none;
    color: #fff;
    margin-right: 3;
    background-color: #007CBF;
}}
.channel-list a:nth-child(3n){}
.close{position: absolute;right: 0;border: 1px solid #e8e8e8;color: #fff;display: inline-block;padding: 3px 10px;font-size: 12px;}
.footer{border-top:#D93757 solid 3px; background: #222222;overflow: hidden;color: #EBEBEB;margin-top: 40px;    font-size:14px;text-align:center;padding:15px; padding-bottom:5px;}
.footer p{ margin-bottom:5px;}
.footer a{ color:#EBEBEB}
.top{position: fixed;right:5%; bottom: 12%;}