html{font-size:33.34px;}
@media screen and (min-width:345px){html{font-size:31.94px}
}
@media screen and (min-width:360px){html{font-size:33.33px}
}
@media screen and (min-width:375px){html{font-size:34.72px}
}
@media screen and (min-width:390px){html{font-size:36.11px}
}
@media screen and (min-width:405px){html{font-size:37.5px}
}
@media screen and (min-width:420px){html{font-size:38.89px}
}
@media screen and (min-width:435px){html{font-size:40.28px}
}
@media screen and (min-width:450px){html{font-size:41.67px}
}
@media screen and (min-width:465px){html{font-size:43.06px}
}
@media screen and (min-width:480px){html{font-size:44.44px}
}
*,:after,:before{box-sizing:border-box;margin:0;border:0;padding:0;font-family:miui,Oxygen,Arial,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif}
body{color:#222;font-size:16px}
a,a:hover,a:link,a:visited{color:#222;text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}
li{ list-style:none;}
.border-1px, .bottom-1px, .top-1px {position: relative;}
.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: 2.5rem;height: 1.5rem; 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:1.08rem;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:1.05rem}
.head-nav .list a{color:#fff;font-size:.42rem;height:1.05rem;line-height:1.08rem;margin:0 .27rem;display:inline-block}
.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}


.midtitle{background:url(../images/midtitle_bg.png) no-repeat;line-height:24px;border-bottom:1px #eeeeee solid;margin:0.5rem .45rem 0;padding-left:0.35rem;font-size:0.4rem;font-weight:normal;padding-bottom:0.2rem;}
.midtitle h2,.midtitle h1{ font-weight:normal; font-size:0.55rem;}
.clear{clear:both;}
.jj_list{margin:0.5rem .45rem 0;}
.jj_list li{ width:49%; margin-right:2%;float:left; margin-bottom:2%;}
.jj_list li:nth-child(2n){ margin-right:0;}
.jj_list li .img{ width:100%; height:85px; overflow:hidden; margin-bottom:3px; position:relative;}
.jj_list li .img i{position:absolute; left:7px; bottom:6px; background:url(../images/icon_play.png) no-repeat center center; width:30px; height:30px;}
.jj_list li .img span{position:absolute; right:7px; bottom:6px; background: url(../images/tag_bg.png) repeat-x; height:22px; line-height:22px; background-size:80%;padding: 0 10px; color:#fff; font-size:12px;}
.jj_list li .img img{ width:100%; min-height:85px;}
.jj_list li .txt{ width:100%; height:40px; line-height:20px; font-size:14px; overflow:hidden;}
.sclist{margin:0 .45rem;}
.sclist .list_sc{ margin:10px 0 0; border-bottom:1px solid #eeeeee; padding-bottom:10px;}
.sclist .list_sc:last-child{ border-bottom:none;}
.sclist .list_sc .list_sc_zb{ font-size:14px; padding-top:8px;}
.sclist .list_sc .list_sc_zb a{ color:#006BB7; margin-right:15px;}

.teamtab{margin:0.3rem .45rem 0; background:#fafafa; border:1px solid #eeeeee; border-top:none; float:left}
.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 #D93757;}
.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:66px; display:block; overflow:hidden;}
.teamtab #con ul a .img img{ width:66px;}
.teamtab #con ul a .txt{ font-size:14px; display:block;width:100%; height:16px; line-height:16px; overflow:hidden;}

.r_qy{ padding:15px;}
.r_qy a.mnav_p{ display:inline-block;width:32%; height:100px;overflow: hidden;margin-bottom: 7px; text-align:center;}
.r_qy a.mnav_p:nth-child(4n){ margin-right:0;}
.r_qy a.mnav_p .img{ margin:0 auto;width:75px; height:75px; overflow:hidden; border-radius:80px; background:#f5f5f5;border:1px solid #eeeeee;}
.r_qy a.mnav_p .img img{ height:75px; margin-left:-15px; }
.r_qy a.mnav_p .txt{ margin:0 auto; font-size:14px;line-height: 22px;}



.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%;}

.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:.57rem;color:#FFF;font-size:.39rem}
.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:.57rem}
.channel-list a{ color:#FFF;width:30%;height:.96rem;float:left;margin-bottom:.36rem;position:relative;border-radius: .2rem; border-color: #ccc; border:1px solid #ccc;text-align: center;line-height: .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: 0;    background-color:#007CBF;}
.channel-list a:nth-child(3n){}

@media screen and (-webkit-min-device-pixel-ratio:1){.item.border-1px:before{border-radius:.15rem}}
@media screen and (-webkit-min-device-pixel-ratio:1){.bottom-1px:after,.top-1px:before{content:"";position:absolute;left:0;right:0;height:1px;width:100%;background:#d8d8d8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.bottom-1px:after{bottom:0}
.top-1px:before{top:0}
.border-1px:before{content:"";width:100%;height:100%;border:1px solid #ccc;position:absolute;left:0;top:0}
}
@media screen and (-webkit-min-device-pixel-ratio:2){.item.border-1px:before{border-radius:.3rem}}
@media screen and (-webkit-min-device-pixel-ratio:3){.item.border-1px:before{border-radius:.45rem}}
.border-1px:before{content:"";width:100%;height:100%;border:1px solid #ccc;position:absolute;left:0;top:0}
}
@media screen and (-webkit-min-device-pixel-ratio:2){.bottom-1px:after,.top-1px:before{content:"";position:absolute;left:0;right:0;height:1px;width:200%;background:#d8d8d8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.bottom-1px:after{bottom:0;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
.top-1px:before{top:0}
.border-1px:before{content:"";width:200%;height:200%;border:1px solid #ccc;position:absolute;left:0;top:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
}
@media screen and (-webkit-min-device-pixel-ratio:3){.bottom-1px:after,.top-1px:before{content:"";position:absolute;left:0;right:0;height:1px;width:300%;background:#d8d8d8;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.bottom-1px:after{bottom:0;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
.top-1px:before{top:0}
.border-1px:before{content:"";width:300%;height:300%;border:1px solid #ccc;position:absolute;left:0;top:0;-webkit-transform:scale(.333334);-ms-transform:scale(.333334);transform:scale(.333334);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
}

.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:.45rem}
.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:3.24rem;height:2.16rem;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:.51rem;color:#222;line-height:.65rem;text-align:justify}
.doc-info{color:#999;font-size:.33rem;position:absolute;bottom:.15rem}
.doc-info span{margin-right: .3rem;display: inline-block;max-width: 2.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}

.img{background:no-repeat 50%;background-size:cover}
.line-clamp-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.line-clamp-1,.line-clamp-2{text-overflow:ellipsis;overflow:hidden}
.line-clamp-1{white-space:nowrap}
.border-1px,.bottom-1px,.top-1px{position:relative}

.doc-picture{margin:0 .33rem}

.pushmore{ width:100%; padding:0.33rem 0; text-align:center; color:#999;}


.relative-news-wrapper{position:relative;border-top:.3rem solid #f2f2f2;;}
.relative-news-wrapper h4{font-size: .5rem;color: #5d5d5d;font-weight: 800;padding: .4rem 0;position: relative;}
.relative-news-wrapper h4 span{display:inline-block;border-left:2px solid #00a8ff;margin-left: .35rem; padding-left: .2rem; height: .45rem; line-height: .45rem;}
.relative-news-wrapper h4:after{content:'';width:200%;height:200%;position:absolute;left:0;top:0;border-bottom:1px solid #e8e8e8;border-radius:.06rem;transform:scale(.5);-webkit-transform:scale(.5);transform-origin:left top;-webkit-transform-origin:left top}
.notop{top:0 !important;}

.article_top{ height:40px; background-color:#009bf5; padding:0 0.45rem; text-align:center}
.article_top a{ display:inline-block; vertical-align:middle;}
.article_top a.article_back{ background:url(../images/article_back.png) no-repeat; width:10px; height:19px; margin-top:11px; float:left;}
.article_top a.article_index{ background:url(../images/logo_article.png) no-repeat center left; padding-left: 126px; margin-top:7px; color:#fff; font-size:0.5rem;background-size: 115px;}
.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;}


.article_p{ font-size:16px;padding:0.5rem;position: relative; color: #343434;-webkit-text-size-adjust: 100%!important;-webkit-tap-highlight-color: transparent;}
.article_p h1{font-size: .65rem;line-height: 0.85rem;}
.article_p .des{color: #999;margin-bottom: .7rem;margin-top: .4rem;font-size: .42rem;position: relative;line-height: .42rem; height: .42rem;}
.article_p .des .chanel{margin-left: 20px;padding: 3px 6px;border: 1px solid #d8d8d8;border-radius: 5px; font-size:0.38rem;}
.article_p .des h2{font-size:10px; color:#000; float:right; font-weight:normal; display:inline-block;}
.article_p .newstext{font-size: 0.53rem;line-height: 0.92rem;color: #222;margin-bottom: .3rem;text-align: justify;word-break: break-word;}
.article_p .newstext p,.article_p .newstext div,.article_p .newstext center{vertical-align:baseline;color:#222;letter-spacing:-.5px; margin: 0 0 .43rem;}
.article_p .newstext img{width: auto !important;height: auto !important;vertical-align: top;display: block; margin: 0 auto;max-width: 100% !important;}

.article_p .newstext h3{ border-left:5px solid #5FADE4; padding-left:10px; line-height:22px; font-size:14px; color:#00669A; margin:20px 0;}
.article_p .newstext p.match_team{ float:left;}
.article_p .newstext p.match_team span{ float:left; display:block;}
.article_p .newstext p.match_team span img{ width:160px; height:160px;}
.article_p .newstext p.match_team span.vs{font-size:40px; font-style:italic; width:20%;line-height:120px; color:#999; text-align:center;}
.article_p .newstext p.match_team span.lteam{ width:30%; overflow:hidden; margin-left:10%}
.article_p .newstext p.match_team span.rteam{ width:30%; overflow:hidden; }
.article_p .newstext p.match_team span.lteam u,.newstext p.match_team span.rteam u{ width:100%; text-align:center; display:block; text-decoration:none;}

.newstext p.pgc-img-caption{ text-align:center; font-size:14px; color:#666;margin: 0; margin-top: -15px;}
.newstext table{ border-spacing:0; width:100%;}
.newstext td{ padding: 2px 10px; font-size: 12px;    line-height: 22px;    height: 22px;    border: 1px solid #e6e6e6;margin-bottom: -1px;    margin-left: -1px;    float: left;}

.newstext p.texttips{margin:0 0 15px 0;text-align:center; line-height:16px;}
.newstext p.texttips a{ font-size:14px;color:red;}
.newstext p.texttips a:hover{text-decoration:underline;color:blue}
.newstext p.p-iframe{margin-bottom:0;}
.newstext p.p-small{font-size:12px; text-align:center; color:#999; margin:0px; text-align:center;}

.pagers{width:100%;margin-bottom:20px}
.pagers dt{border-left:5px solid #5FADE4;padding-left:10px;height:22px;line-height:22px;font-size:16px;color:#00669A;margin:15px 0;}
.pagers ul{width:100%;}
.pagers ul li{font-size:14px;background:#5FADE4;color:#fff;border-radius:5px;margin-bottom:6px;padding:0 2%;font-size:12px;height:30px;line-height:30px;overflow:hidden}
.pagers ul li a{color:#fff}
.pagers ul li:hover{background:#f23d60;}

.pages{ text-align:center; margin:0.5rem 0;}
.pages a,.pages span{padding: 4px 15px;border: 1px solid #ccc;color: #666;display: inline-block;font-size: 14px;margin: 0 5px;border-radius: 5px;}
.pages span{border: 1px solid #fcfcfc;}
.pages a.on{ border-color:#fff; font-weight:bold; color:#129aee;}
.pages a:hover{ background:#129aee; border-color:#129aee; color:#fff;}

.diy_list{ padding:3.5% 4%;}
.diy_list a{ display:block;height: 0.7rem; line-height:0.7rem;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');margin-bottom: 0.2rem;}
.diy_list a i{display: inline-block;width: 3px;height: 3px;vertical-align: middle;background:#129aee;margin-right: 10px;}

.main_uc{font-family: sans-serif !important;}
.article_u{ padding:0 .45rem; color:#333;}
.article_u h1{line-height: 30px;font-size: 20px;text-align: center;padding: 30px 8% 0;}
.article_u_info{padding-top: 10px;font-size: 13px;text-align: center;line-height: 20px;}
.article_u_info .source{padding-left: 1rem;background: url(../images/fxicon.png) no-repeat left center; background-size:.8rem .8rem;}
.article_u_info .date{color: #bbb;padding-left: 8px;}

.newstext{font-size: 18px;line-height: 32px;text-align: justify; color:#333;word-break: break-all; word-wrap: break-word;}
.newstext p,.newstext div,.newstext center{margin-bottom:20px;vertical-align:baseline;letter-spacing:-.5px;}
.newstext img{ width:100%; height:auto !important; margin-left:-.45rem;vertical-align: top;display: block;}
.newstext iframe{ width:100% !important; height:8rem !important;}


.main_uc .relative-news-wrapper{border-top:none;background: #fff;}
.article_u .newstext{padding-top: 25px;}
.article-page-title {margin-bottom: 15px;text-align: center;font-size: 0;margin-top: 40px;}
.article-page-title-bar {width: 60px;height: 0;border-bottom: 1px solid #bbb;-webkit-transform: scale3d(.5,.5,1);transform: scale3d(.5,.5,1);}
.article-page-title-bar, .article-page-title-content {display: inline-block;vertical-align: middle;}
.article-page-title-content {letter-spacing: 5px;width: auto;text-align: center;}
.article-page-title-cn {line-height: 1.4; overflow: hidden; font-size: 18px; font-weight: 900;}
.article-page-title-en { letter-spacing: 6px; margin-left: 0;line-height: 1.2; font-size: 10px; letter-spacing: 4px;}
.newslist a{ border-bottom:1px solid #d8d8d8;}
.newstext a{ color:#009bf5;}

.nbazt .ninfo{margin:0.5rem .45rem 0;border:1px solid #eee;border-top:2px solid #5FADE4;padding:.45rem;}
.nbazt .ninfo h3{ font-size:16px; color:#006BB7; margin-bottom:10px;}
.nbazt .ninfo p{line-height: 26px;font-size:14px;}
.nbazt .info1{ text-align:center; position:relative;}
.nbazt .info1 img{    margin-bottom:10px;width:35%;border:1px solid #eee;border-radius:50%;padding:.25rem;background:#fafafa;}
.nbazt .info1 h1{ font-weight:normal; font-size:24px; margin-bottom:5px;}

.nbazt .info4 ul{position:relative; height:194px;}
.nbazt .info4 ul a{ width:72px; height:90px; display:block;}
.nbazt .info4 ul a .img{ width:70px; height:70px; overflow:hidden; background:#f5f5f5; border:1px solid #eee; border-radius:50%; display:block;}
.nbazt .info4 ul a .img img{ height:70px; margin-left:-14px;}
.nbazt .info4 ul a .qy{ font-size:12px; text-align:center; width:100%; display:inline-block; height:18px; overflow:hidden; line-height:18px;}
.nbazt .info4 ul a.player1{ position:absolute; top:0px; left:0px}
.nbazt .info4 ul a.player2{ position:absolute; top:0px; right:0px}
.nbazt .info4 ul a.player3{ position:absolute; top:26%; left:40%}
.nbazt .info4 ul a.player4{ position:absolute; bottom:0px; left:0px}
.nbazt .info4 ul a.player5{ position:absolute; bottom:0px; right:0px}
.qylist{margin:0.5rem .45rem 0;}
.qylist ul{margin:0.5rem 0 0;}
.qylist ul a{ display: inline-block; width:32%; float:left; height:102px; padding-top:5px; border:1px solid #eee; background:#f5f5f5; font-size:12px; text-align:center; margin-right:2%;margin-bottom:10px;}
.qylist ul a:nth-child(3n){ margin-right:0;}
.qylist ul a img{ width:84px; margin-bottom:5px;}
.qylist ul a span{ display:inline-block; width:100%; color:#666}
.corner{display:block;width:120px;height:120px;position:absolute;top:0;left:0;background:url(../images/player_team_bg.png) no-repeat;text-align:left}
.corner .logo{display:block;width:42px;height:42px;margin:5px 0 0 5px}
.corner .logo a{display:block;float:left}
.corner .logo a img{width:100%;height:100%;border:0;margin:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.corner .text{display:block;position:absolute;bottom:50%;right:50%;margin-bottom:10px;color:#393939;font-size:12px;text-align:center;line-height:16px;text-decoration:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.newstext p.user_info{border:1px solid #ddd;padding:2%;border-radius:5px;background:#fafafa;width:96%;height: 74px;}
.user_img{ height:60px;float:left;margin-right:15px;}
.article_p .newstext span.user_img img{ height:60px !important;}
.user_name{display:block;font-weight:800;color:#5FADE4; font-size:14px; line-height:28px;}
.user_intro{display:block;color:#777; font-size:12px; line-height:16px;}




.ad_titleup img{ width:100%;}
.ad_px{margin:0 .45rem;border-bottom: 1px solid #ddd; padding: .3rem 0;}
.allpage_top{ position: relative;top: 2.55rem;}
.allpage_top img{ width:100%}
.article_page .allpage_top{top:0.1rem;}







.tab-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 0 solid #717171;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 10px #989898;
}

.tab-wrap .tab-item {
    width: 20%;
    font-size: 14px;
    text-align: center;
}

.tab-wrap .tab-item.active {
    color: #fff;
    background: #40599c;
}

.tab-wrap .tab-item p {
    height: 50px;
    line-height: 50px;
}

.tab-wrap .tab-item img {
    width: 16px;
    height: auto;
    margin-right: 6px;
    vertical-align: middle;
}


#teamswrapper table {
     width: 100%;
    border: 0 solid #717171;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 10px #989898;
	background-color: #ccc;
    margin-bottom: 10px;
    vertical-align: top;
    display: table;
    table-layout: fixed;	
}

#teamswrapper table tr {
    vertical-align: middle;
    cursor: pointer;
	
display: block;
    border-bottom: 1px solid rgba(62, 62, 62, 0.33) !important;	
	
}

#teamswrapper table th {
    color: #232A31;
    text-align: left;
    padding: 14px 30px;
    border-bottom: 1px solid rgba(62, 62, 62, 0.33) !important;
	    background: #E2E2E2;
    background-image: url(../images/streamhub-white-bar.png);
	
	display: block;
    text-align: left;
    padding: 14px 15px;
	
	
	
}

h3 {
    font-size: 13px;
}

#teamswrapper table tr {
    vertical-align: middle;
    cursor: pointer;
	display: block;
    border-bottom: 1px solid rgba(62, 62, 62, 0.33) !important;
}


.item .team {
    width: 30%;
    text-align: center;
}
.fl {
    float: left!important;
}
.fr {
    float: right!important;
}
.match-list .item {
    /* padding: .2rem; */
    margin-bottom: 3px;
    background: #fff;
}

.item .prompt {
    text-align: center;
    color: #999;
}
.item .prompt a{ margin-left:10px;}

#teamswrapper table td.start-details {
    display: inline-block;
    padding: 1% 1% 1% 1%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    width: 100%;
    font-size: 15px;
}
.team-info{ overflow:hidden}
.item .live-info {
    width: 40%;
    text-align: center;
}
.clearfix {
    clear: both;
}

.item .live-info .live-vs {
    font-size: 20px;
    color: #333;
    margin-top: 15px;
}

.live-state{ margin-top:10px;}
.live-state .not-started-btn {
    background-color: #b9b9b9;
    color: #fff;
    display: inline-block;
    width: 76px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
}

.live-state .live-btn {
    background-color: #00679c;
    color: #fff;
    display: inline-block;
    width: 76px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
}
.tac{ text-align:center; margin-top:10px; margin-bottom:5px; overflow:hidden}

.tac a{padding: 1px 4px 1px 25px;color:#4682f7;border:1px solid #4682f7;border-radius: 15px;margin-right: 4px;background-image: url(../images/liveing.png);background-position: 5px;background-repeat: no-repeat;height: 25px;line-height: 25px; display:inline-block}


#Info {
    padding: 10px 0px 30px 10px;
    margin-bottom: 0;
    border: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#Info .team {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#Info .team img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
}

#Info .team p {
    max-height: 64px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

#Info .score {
    width: 150px;
    line-height: 30px;
    text-align: center;
}

.score span.time {
    height: 32px;
    /* margin-top: 36px; */
    padding: 0 10px;
    background: #fff;
    font-size: 14px;
    color: #999;
    display: block;
}

.ive_box {
    margin: 10px;
    background-color: #f5f5f5;
    border: 1px solid #dbdbdb;
}

.ive_box  dl {
    line-height: 24px;
    position: relative;
    border: 1px solid #eee;
}

.ive_box dl dt {
    padding: 0 15px;
    line-height: 35px;
    float: none;
    color: #666;
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    margin-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}

.ive_box dl dd {
    line-height: 20px;
    float: none;
    display: block;
    padding: 0 15px;
}

.ive_box  dl dd div {
    font-size: 14px;
    margin: 8px 0;
    line-height: 28px;
    color: #666;
}






#Video{background-color: #000;
    font-size: 18px;
    text-align: center;
    color: #eee; height: 260px; position:relative
}

#Video .bfan{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

em{font-style:normal}

.ggh{overflow:hidden; margin:10px;}

.ggh a{
    height: 24px; line-height: 24px;
    min-width: 50px;
    padding: 0 8px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #bc1c25;
    font-size: 12px;
    color: #bc1c25;
    display: inline-block; margin-right: 10px;
}