*{margin:0;padding:0;box-sizing: border-box}
html{height: 100%}
body,pre,textarea{font-size: 14px;-webkit-tap-highlight-color: transparent;font-family: "Helvetica Neue", "Microsoft YaHei", Helvetica, Tahoma, sans-serif;word-wrap: break-word;/*user-select: none;-webkit-user-select: none;*/}
body{background: #f5f5f5}
body a{color: #000;text-decoration: none;cursor:pointer;font-size:14px;display:inline-block;}
ol, ul, li{display:inline-block;list-style:none;margin:0}
.clear{clear:both}
.none{display:none!important}
.hide{display:none}
.mw{width:100%;margin:0 auto}
.header{width:100%;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.03);position:fixed;z-index:999}
.header .logo{background: url(img/logo.png) no-repeat center center;background-size:140px 38px; background-position-x:0; width: 100px;height: 44px;}
.header a,.header ul{display:inline-block}
.header .mh{background: #2196F3;height:44px;padding:0 4px;overflow-x:hidden;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.header .mh::-webkit-scrollbar{display:none}
.header .sh{background: #fff;height:40px}
.header .menu{float:right}
.header .menu li {float: left;text-align:center;padding:0 6px}
.header .menu li.active{display: inline-block; background: url(img/active.png) no-repeat;background-position: 50%;background-size: 12px 6px;background-position:50% 100%}
.header .menu a{font-size:16px;color:#fff;line-height:44px}
.header .menu a:active{background:rgba(0,0,0,0.05)}
.header .sub_menu{display:none;padding:0 8px;white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.header .sub_menu::-webkit-scrollbar{display:none}
.header .sub_menu.cur{display:block}
.header .sub_menu li {display:inline-block}
.header .sub_menu li.active a {color:#2196F3}
.header .sub_menu li:first-child a::before{display:none}
.header .sub_menu a{font-size:14px;color:#000;line-height:40px;padding-right:13px}
.header .sub_menu a::before{content: '·';display: inline-block;margin:0 6px 0 -8px;position:relative}
.placeholder{height:84px}

.header-play{height:44px;width:100%;padding:0 4px;background-color:#2196F3!important}
.header-play a{float:right;padding:0 10px;margin:10px 4px;color:#fff;font-size:12px;line-height:24px;display:inline-block;border:solid 1px #fff;border-radius:30px;}
.header-play logo{display:inline-block;width:100px;height:44px;background: url(img/logo.png) no-repeat center center;background-size:140px 38px; background-position-x:0}
.header-play a.logo{float: unset;border: unset;line-height: unset;border-radius: unset;font-size: unset;margin:0px;padding:0px}


.app{overflow:hidden;height:26px;position:relative;width:90px;text-align:center;background:rgba(255, 255, 255, 0.85);border:none!important;}
.app .anim{display:block;position:absolute;animation:animd 6s steps(1,end) infinite;height:52px;width:72px;color:#2196F3;font-size:12px;font-weight:bold}
.app .anim li{height:26px;line-height:26px}
@keyframes animd2{ 0%{top:26px} 7%{top:0px} 47%{top:0px} 55%{top:-26px} 96%{top:-26px} 100%{top:-39px} }
@keyframes animd{ 0%{top:0px;}55%{top:-26px}100%{} }

.footer{width:100%;background:#212224;margin-top:80px;}
.footer .links{padding:20px 0 10px 8px;border-bottom:solid 1px #161617}
.footer .links a{color:#8D93A1;display:inline-block;padding:10px 0;margin-right:20px}
.footer .links a:active{color:#B93131}
.footer .links h5{font-size:16px;color:#fff}
.footer .notice{padding-top:20px;color:#8D93A1;font-size:12px;text-align:center}
.footer .cp{padding:10px 0 50px 0;color:#8D93A1;font-size:12px;text-align:center}
.mfooter{position:relative;margin:0 auto;margin-top:170px;text-align:center;}
.mfooter .opacity{opacity:0.3}
.mfooter .slogan{width:225px;height:37px;margin:0 auto;background:url(img/mfooter.png) no-repeat;background-size:100%}
.mfooter a {position:absolute;display:inline-block;color:#484259;font-size: 12px;width:24%;height:25px;line-height:23px;margin-top:-30px;left:38%;border:solid 1px #484259;border-radius:13px}
.top{display:none;color:#959595;font-size:10px;position:fixed;bottom:70px;width:52px;height:52px;line-height:65px;cursor:pointer;text-align:center;background:url(img/top.png) no-repeat center center;background-size:12px 9px;background-position:20px 15px;border-radius:26px;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.05);background-color:#fff;}

/*404*/
.e404{background:#fff;min-height:600px;padding:90px 0;margin-top:8px}
.e404 .txt{width:80%;margin:60px auto}
.e404 .notice{width:248px;height:150px;margin: auto;background:url(img/404.png) no-repeat;background-size:100%}

/* */
.content{}
.content li a:active, .header .mw .sub_menu a:active{color:#B93131}
.marsk{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000}

.wbg{background-color: #fff}
.nbg{background-color: unset!important;}

li.hot a{font-weight:bold}
.wrap-body a:active, li a:active{color:#2196F3}

.pl-wrap{margin:8px 8px 0 8px;background:#fff;border-radius:4px;vertical-align:top;overflow:hidden}
.pl-wrap .wrap-head, .main-wrap .wrap-head{height:44px;line-height:44px;font-size:14px;font-weight:600;padding-left:28px}
.pl-wrap .wrap-head.slash::before {display: inline-block;width: 3px;height: 14px; background: #2196F3; border-radius:3px; content: '';margin: 15px 0 0 -8px;position: absolute;}
.pl-wrap .wrap-head.slash{padding-left:16px!important;border-bottom:solid 1px #F7F7F7}
.pl-wrap .wrap-head.empty{padding-left:8px;border-bottom:solid 1px #F7F7F7}
.pl-wrap .wrap-head.empty::before{display:none}
.pl-wrap .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-video.png) no-repeat;content: '';margin: 10px 0 0 -28px;position: absolute;background-size: auto 100%;}
.pl-wrap .wrap-head a{font-size:12px;float:right;margin-right:15px}
.pl-wrap .wrap-head a.more::after{display: inline-block;width: 16px;height:16px; background: url(img/icon-more.png) no-repeat;content: '';margin: 14px 0 0 0;position: absolute;background-size: auto 100%;}
.pl-wrap .wrap-head a.btn{width:80px;height:28px;line-height:28px;font-size:12px;font-weight:normal;text-align:center;color:#2196F3;margin:8px 8px 0 0;background:rgba(255,77,77,0.15);border-radius:14px;background:rgba(255,77,77,0.15)}
.pl-wrap .wrap-head a.btn.active{background:#2196F3;color:#fff;box-shadow:0px 2px 4px 0px rgba(255,77,77,0.3)}
.pl-wrap .wrap-head.empty a.btn{float:left;width:80px;height:28px;line-height:28px;font-size:12px;font-weight:normal;text-align:center;color:#2196F3;margin:8px 8px 0 0;background:rgba(255,77,77,0.15);border-radius:14px;background:rgba(255,77,77,0.15)}
.pl-wrap .wrap-head.empty a.btn.active{background:#2196F3;color:#fff;box-shadow:0px 2px 4px 0px rgba(255,77,77,0.3)}
.pl-wrap .wrap-body{background:#fff}
.pl-wrap .wrap-body li{height:28px;line-height:25px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-wrap .wrap-body li a{display:unset}
.pl-wrap .wrap-body ul.list li{padding:0 8px}
.pl-wrap .wrap-body .top1{padding:8px;position:relative;overflow:hidden;width:100%;height:82px}
.pl-wrap .wrap-body .top1 .img{width: 120px;height: 66px;position: absolute}
.pl-wrap .wrap-body .top1 .img img{height:66px;width:120px;}
.pl-wrap .wrap-body .top1 .title{padding: 0 8px;display: inline-block;position: absolute;left: 125px;height: 66px}
.pl-wrap .wrap-body .top1 .title a{line-height:20px;word-wrap:break-word;word-break:break-all}
.pl-wrap .wrap-body .top1 .title span{color:#959595;font-size:12px;display:block;bottom:0px;position:absolute}
.pl-wrap .wrap-body .top1 .title span a{color:#959595;font-size:12px;margin-right:16px}
.pl-wrap .wrap-body .top1 .title span a:after{content:'·';display:inline-block;margin: 0px 0 0 6px;position:absolute;font-size:20px;}
.pl-wrap .wrap-body hr{width:95%;border:none;margin: 0 auto 8px;border-bottom:solid 1px #f7f7f7 !important}
.pl-wrap ul{width:100%;padding:8px 0}
.pl-wrap ul span{font-size:14px;padding-right:18px;color:#959595;}
.pl-wrap li span a{color:#959595}
.pl-wrap ul span::after {content: '·';display:inline-block;margin: 0 0 0 5px;position:absolute;font-size:30px;}

/*  */
/*.pl-wrap.hot-video .img, .pl-wrap.hot-news .img{width:390px;height:138px;margin:-10px 0 0 -10px}*/
.hot-video {float:left;}
.pl-wrap.hot-video .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-video.png) no-repeat;content: '';margin: 9px 0 0 -28px;position: absolute;background-size: auto 100%;}
.hot-news{margin-left:15px;float:left;}
.pl-wrap.hot-news .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-news.png) no-repeat;content: '';margin: 9px 0 0 -28px;position: absolute;background-size: auto 100%;}
.pl-wrap.hot-bb .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-bb.png) no-repeat;content: '';margin: 9px 0 0 -28px;position: absolute;background-size: auto 100%;}
.pl-wrap.hot-fb .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-fb.png) no-repeat;content: '';margin: 9px 0 0 -28px;position: absolute;background-size: auto 100%;}
.pl-wrap.hot-ot .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-ot.png) no-repeat;content: '';margin: 9px 0 0 -28px;position: absolute;background-size: auto 100%;}

.index-banner{margin:8px}
.index-banner img{width:100%;display:block}

/* living list */
.pl-wrap.hot-live{}
.main-wrap{padding-top:15px;}
.main-wrap .wrap-head::before {display: inline-block;width: 28px;height: 28px; background: url(img/icon-live.png) no-repeat;content: '';margin: 10px 0 0 -28px;position: absolute;background-size: auto 100%;}
.main-wrap .wrap-body{background:#fff;min-height:485px}
.no-data{width:174px;height:242px;margin:0 auto;background:url(img/no-data.png) no-repeat;background-size:174px 142px;background-position-y:50px;}
/* filter */
#filter-list{display:none}
.category{border-bottom:solid 1px #EEEEEE}
.category li{float:left;text-align:center;margin:5px;min-width:60px;height:28px;border-radius:14px;border:1px solid rgba(238,238,238,1);}
.category li.active{background:#2196F3;border:1px solid #2196F3}
.category li.active a{color:#fff}
.category li a{font-size:12px;line-height:25px;display:inline-block;padding:0 10px;}
.filter{font-size:12px!important;float:right}
.filter::before{display: inline-block;width: 24px;height: 24px; background: url(img/icon-filter.png) no-repeat;content: '';margin: 10px 0 0 -24px;position: absolute;background-size: auto 100%;}
.filter::after{display:none!important;}
.filter.active{color:#2196F3}
.filter.active::before{display: inline-block;width: 24px;height: 24px; background: url(img/icon-filter-active.png) no-repeat;content: '';margin: 10px 0 0 -24px;position: absolute;background-size: auto 100%;}
.category.main{display:none}
.category.main ul{padding-bottom:unset}
.category.sub{background:#FCFCFC;margin-top:10px;padding-bottom:10px;display:none}
.category.shadow{box-shadow:0px 5px 10px 0px #f0f0f0}
.confirm{display:block;color:#2196F3;text-align:center;margin:5px auto;min-width:60px;height:28px;line-height:26px;width:50%;border-radius:14px;border:1px solid #2196F3}
/* one day */
.daily{background:#FFF}
.daily .date{z-index:99;font-size:12px;width:110px;height:20px;line-height:20px;padding-left:26px;color:#2196F3;background:#FCEEED;border-radius:0px 100px 100px 0px;margin:8px 0 8px -10px;}
.daily .date::before{content: '·';display: inline-block;margin:-2px 0 0 -15px;font-size:40px;position: absolute;}
.matches{text-align:center;background:#F7F7F7}
.matches .row{position:relative}
.matches .row .pl-wrap{display:none}
.matches .row .pl-wrap{position:fixed;left:0px;bottom:0px;width:100%;min-height:360px;text-align:left;margin:0px;z-index:1001;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.03);border-radius:10px 10px 0px 0px}
.matches .row .pl-wrap .wrap-body{margin-top:4px}
.matches .row .pl-wrap .list{padding-top:10px}
.matches .row .pl-wrap .wrap-head.slash{box-shadow:0px 2px 4px 0px rgba(0,0,0,0.03);border-radius:10px 10px 0px 0px;}
.matches .row .pl-wrap .wrap-head.slash i{display:inline-block;float:right;width:20px;height:20px;margin-top:10px;margin-right:15px;line-height:44px;background:url(img/icon-close.png) no-repeat;background-size:100%;}
/* item */
.item{display:block;text-align:left;overflow:hidden;margin-bottom:4px;background:#fff}
.item .league{display:inline-block;float:left;width:22.83%;height:96px;padding:22px 0 0 8px}
.item .league p{line-height:14px;font-size:10px;margin:1px 0;color:#959595}
.item .league p.time{line-height:17px;font-size:12px;margin:1px 0;color:#000}
.item .title{display:inline-block;float:left;width:52.29%;height:96px;font-size:12px;padding:35px 0}
.item .team{display:inline-block;float:left;overflow:hidden;width:43.6%;height:96px;padding-top:8px}
.item .team img{display:inline-block;width:22%;min-width:24px;max-width:28px;max-height:28px;border-radius:50%;vertical-align:middle}
.item .team .ht, .item .team .gt{height:40px;;vertical-align:middle;overflow:hidden}
.item .team .name{display:inline-block;line-height:40px;width:74%;font-size:12px;font-weight:normal;margin-left:5px}
.item .bf{display:inline-block;float:left;width:8.35%;height:96px}
.item .bf em{display:block;font-style:normal;height:40px;line-height:20px;padding-top:18px;text-align:center}
.item .btn{display:inline-block;float:left;width:24.74%;height:96px}
.item .btn .play, .item .btn .wait, .item .btn .related{display:block;width:72%;height:24px;line-height:22px;margin:36px auto;font-size:12px;color:#2196F3;text-align:center;border-radius:14px}
.item .btn .play, .item .btn .related{border:1px solid #2196F3}
.item .btn .wait{color:#959595;border:1px solid #959595}
.item.fixtop .team .name, .item.hot .team .name, .item.hot .title, .item.fixtop .title{font-weight:bold}
.item b.fixtop {display: inline-block;width: 40px;height: 17px;position: absolute;right: 0px;border-radius: 100px 0px 0px 100px;background:#2196F3 url(img/micon-fixtop.png) no-repeat;background-size:20px 17px;background-position-x:50%}
/*.item b.hot {display: inline-block;width: 40px;height: 17px;position: absolute;right: 8px;border-radius: 100px 0px 0px 100px;background:linear-gradient(270deg,rgba(255,137,43,1) 0%,rgba(255,78,9,1) 100%); background-image:url(img/micon-hot.png);background-size:20px 17px;background-position-x:50%}*/
.item b.hot {display: inline-block;width: 40px;height: 17px;position: absolute;right: 0px;border-radius: 100px 0px 0px 100px;background:#2196F3 url(img/micon-hot.png)no-repeat;background-size:20px 17px;background-position-x:50%}


.content-nav {font-size:12px;line-height:24px;padding:8px 0 0 8px;}
.content-nav a{font-size:12px;}
.content-nav .arrow{margin-left:18px}
.content-nav .arrow::before{display: inline-block;width: 18px;height: 19px; background: url(img/arrow.png) no-repeat;content: '';margin: 3px 0 0 -18px;position: absolute;background-size: auto 100%;}
h1{font-size:18px}
a h1{font-size:24px}
a strong{font-weight:normal}

/* data */
.content.data{padding-top:10px;margin-top:10px;text-align:center;background:#fff;overflow:scroll}
.content.data iframe{margin-top:-70px}

/* bifen */
.content.bifen{padding-top:16px;margin-top:10px;text-align:center;background:#fff;overflow:scroll}
.content.bifen iframe{margin-top:-135px}

/* news view */
.news-head{text-align:left;padding:16px;}
.news-head h1{font-size:18px;}
.news-head span{color:#888;font-size:12px;line-height:22px;display:inline-block}
.news-head .from{}
.news{}
.news hr {width:90%;margin:0 auto;border:none;border-bottom: solid 1px #eee;}
.news .wrap-body{padding:16px 16px 60px 16px}
.news .wrap-body p {line-height:28px;font-size:16px}
.news .wrap-body img {width:100%;display:block;margin:15px auto}
.news .pub-time{margin-left:15px}

/* live sigs */
.sig-vs {width:100%;color:#fff; text-align: center;  overflow: hidden;}
.sig-vs img {width:50%;display:block;margin:0 auto;border-radius:5px}
.sig-vs div {}
.sig-vs div * {vertical-align: middle;}
.sig-vs b, .sig-vs b a {color:#fff;line-height:30px;font-size:14px;display: inline-block;}
.sig-vs i {color:#2196F3;font-size: 0px;  font-style: normal;  font-weight:600;  margin: auto 5px;}
.sig-vs .vs{display:inline-block;width:100%;background:url(img/mbg-sigs.png)no-repeat;background-size:100%;}
.sig-vs .vs{display:inline-block;width:100%}
.sig-vs .vs div{display:inline-block}
.sig-vs .team{display:inline-block;width:34%}
.sigs .sig-vs{margin-top:8px}
.sigs .sig-vs{margin-top:8px}
.sigs .sig-vs .vs{padding:50px 0;background-color:#000}
.sig-vs-txt {width:29%}
.sig-vs-txt.title {width:90%}
.sig-vs-txt b{font-size: 12px;line-height: 20px}
.sig-vs-txt em{font-size: 20px;line-height: 28px;color:#2196F3;display:block;font-style:normal}
.sig-vs-txt span {font-size: 12px; line-height: 20px;color:rgba(255,255,255,0.4); display:block;  vertical-align: middle;}
.sig-list {display:block;text-align:center;padding-bottom:16px;margin-top:-1px;background:url(img/mbg-sigs2.png)no-repeat;background-size:100% 100%}
.a,.b{display:none}
.ia,.ib{display:none;font-style:normal}
.c{}
.ic{font-style:normal}
.play i, .wait i{font-style:normal}
.sig-list a{display:inline-block;color:#2196F3;font-size:12px;padding:0 8px;height:24px;line-height:22px;margin:15px 5px!important; border:solid 1px #2196F3;border-radius:14px;}
.sig-prev {width: 80%;  border: 1px dotted #f8990c;  margin: 20px auto;  padding: 10px 20px;  background-color: #fff;}
.sig-list a {margin:16px 5px 0px 5px !important}
.sig-list a.active{background:#2196F3;color:#fff}
.sig-table {width: 100%;font-size:12px}
.sig-table thead tr td{background-color: #D8D8D8}
.sig-table td {border-bottom: 1px solid #eee;  height: 50px;  text-align: center;}
.sig-table .trbg {background-color: #FCFCFC;}
.sig-table .bold {font-weight:bold;font-size:14px}
.sig-message{background: #fff;padding:16px;line-height: 24px;color:#959595}
.sig-list a.jump{}
.sig-list a.jump::before{display: inline-block;width: 16px;height: 16px; background: url(img/icon-jump.png) no-repeat;content: '';top:3px;position: relative;background-size: auto 100%;}

.sigsAppDL{color:#ffa101 !important;border:solid 1px #ffa101 !important;}

/* live play */
body.play{background:#14122c}
body.play .sig-list.a{white-space:normal}
body.play .sig-list {background:rgba(0,0,0,0.1);!important;}
.sig-vs.play{height:100px;background:rgba(0,0,0,0.1);display:table}
.sig-vs.play .vs{display:table-cell;vertical-align:middle;background:unset}
.sig-vs.play .sig-vs-txt{width:29%}
.sig-vs.play .sig-vs-txt.title{width:90%}
.sig-vs.play .sig-vs-txt b {line-height:20px;font-size: 14px;color:#2196F3; display: inline-block;}
.sig-vs.play .sig-vs-txt em{color:#fff;font-size:12px;}
.sig-vs.play .sig-vs-txt span{font-size:12px;line-height:17px}
.sig-vs.play .sig-vs-txt span.li{font-size:10px;line-height:10px}
.sig-vs.play img {display:block;width:35%;max-width:50px;margin:5px auto;border-radius:3px}
.sig-vs.play i{color:#fff}
.sig-vs.play .team{width:34%;padding:unset;height:unset}
.sig-vs.play .team span{font-size:12px;display:block}
.content.player{position:relative}
.player-wrap{}
.player-wrap .player{position:relative;background:#000; width:100%;margin:0 auto;overflow:hidden;z-index:99}
.player-wrap .player.full {position:fixed;left:0;top:0;width:100%;height:100%;}
.player-wrap .player .web-fullscreen{color:#ccc;text-align:center;font-size:12px;display:block;width:60px;height:40px;line-height:40px;right:-70px;top:-40px;background:rgba(0,0,0,0.3);border-radius:5px;position:relative;cursor:pointer;float:right}
.player-wrap .player.full .web-fullscreen{right:5px;background:#fff;color:#888;}
.player-wrap .player #msg {color:#2196F3;font-size: 16px;}
.content.f2{width:100%!important;text-align:center;background:#fff;overflow:hidden}
.blurmask {position:absolute;top:0px;right:0px;width:135px;height:20px;background:rgba(0,0,0,.6);z-index:999;box-shadow:-2px 1px 5px 0px #000}
.nwp {padding: 10%;color: #ddd;font-size: 16px;text-align: center}
.nwp a {color: #2196F3;font-size: 16px}
.nwp p {line-height: 50px}
.tvcast {display:none;width:56px;height:26px;position:absolute;right:0px;top:50px;border-radius:15px 0px 0px 15px;line-height:26px;font-size:12px;color:#fff;text-align:right;padding-right:5px;background:rgba(0, 0, 0, 0.5) url(img/tvcast.png?v=2) no-repeat;background-size:14px 14px;background-position-x:8px;background-position-y:6px;z-index:999;}
.tvcast.show{display:block;}
.apause {position:absolute;bottom:10%;width:100%}
.apause .con {width:60%;margin:0 auto;position:relative;text-align:center}
.apause .con a {display:inline-block;position:relative}
.apause .con img {max-height:50px}
.apause .close {width:20px;height:20px;position:absolute;right:-20px;top:0px;background:url(img/icon-close.png) no-repeat;background-size:20px 20px;background-color:rgba(0,0,0,.5);border-radius:2px;cursor:pointer;display:inline-block;}
.acmfooter{width:100%;text-align:center;margin-top:0px;padding:0 8px}
.acmfooter img{width:100%}

.acdanner{display:none}
.acdanner img{width:100%}

/* share */
.share{width:100%;padding:0 16px;margin-top:20px;text-align:center;display:none}
.share .center{display:inline-block;height:26px}
.share .url{float:left;min-width:160px;height:26px;border-radius:15px 0 0 15px;color:rgba(255,255,255,0.5);font-size:10px;padding-left:10px;border:1px solid #3F364C;background-color:transparent;text-overflow:ellipsis}
.share .copy{float:left;min-width:60px;height:26px;color:rgba(255,255,255, 0.5);font-size:12px;line-height:26px;background:#3F364C;border-radius:0px 15px 15px 0px}
.share .btn{float:left;min-width:60px;height:26px;color:rgba(255,255,255, 0.6);font-size:12px;line-height:26px;background:#3F364C;border-radius:15px;margin-left:10px}
.share .btn::before{display: inline-block;width: 14px;height: 14px; background: url(img/icon-share.png) no-repeat;content: '';top:3px;position: relative;background-size: auto 100%;opacity:0.6;filter:alpha(opacity=60)}


/* league */

/* cate */
.nmt{margin-top:0}
.npt{padding-top:0}


/* list */
.pl-wrap.list{}
.pl-wrap.list .wrap-body ul{width:100%;min-height:600px}
.pl-wrap.list .wrap-body li{display:block;height:32px;line-height:32px;width:100%;position:relative}
.pl-wrap.list .wrap-body li em{font-style:normal;color:#959595;position:absolute;right:16px}
.pl-wrap.list .wrap-body li span{font-size:14px;padding:0 18px 0 16px;color:#959595;}
.pl-wrap.list .wrap-body li span a{color:#959595}
.pl-wrap.list .wrap-body li span::after {content: '·';display:inline-block;margin: -2px 0 0 5px;position:absolute;font-size:30px;}
.pl-wrap.live .wrap-body{min-height:unset}
.pl-wrap.live .wrap-body li{height:148px;padding:20px 10px;border-bottom:solid 1px #eee}
.pl-wrap.live .wrap-body li img{display:inline-block!important;width:60px;max-width:60px;max-height:60px}
.pl-wrap.live .wrap-body li div{display:inline-block;text-align: center}
.pl-wrap.live .wrap-body li div.team{padding-top:8px;width:120px;vertical-align:top}
.pl-wrap.live .wrap-body li div *{display:block;font-style:normal;font-weight:normal}
.pl-wrap.live .wrap-body li div.vs{width:110px;padding-top:22px}
.pl-wrap.live .wrap-body li div.vs b{font-size:18px}
.pl-wrap.live .wrap-body li div.vs i{color:#959595}
.pl-wrap.list.noh .wrap-body ul{min-height:unset}
.pl-wrap.list.noh .wrap-body li span{padding:0 18px 0 0}

/* video sigs */
.pl-wrap.sigs .wrap-body{min-height:160px}
.pl-wrap.sigs .video-tab{height:44px;border-bottom:solid 1px #eee}
.pl-wrap.sigs .video-tab a{display:inline-block;margin:8px;width:23%;height:28px;line-height:28px;text-align:center;font-size:12px;color:#2196F3;background:rgba(255,77,77,0.15);border-radius:14px}
.pl-wrap.sigs .video-tab a.active{background:#2196F3;color:#fff;box-shadow:0px 2px 4px 0px rgba(255,77,77,0.3)}
.pl-wrap.sigs .wrap-body ul{width:100%}
.pl-wrap.sigs .wrap-body ul a{display:block;margin-right:8px;overflow:hidden}
.pl-wrap.sigs .wrap-body #lx li span, .pl-wrap.sigs .wrap-body #jj li span{margin:0 -3px 0 30px;padding-right:5px;}
.pl-wrap.sigs .wrap-body #lx li span::before{display: inline-block;width: 24px;height: 24px; background: url(img/icon-lx.png) no-repeat;content: '';margin: 14px 0 0 -24px;position: absolute;background-size: auto 100%;}
.pl-wrap.sigs .wrap-body #lx li span::after, .pl-wrap.sigs .wrap-body #jj li span::after{display:none}
.pl-wrap.sigs .wrap-body #jj{display:none}
.pl-wrap.sigs .wrap-body #jj li span::before{display: inline-block;width: 24px;height: 24px; background: url(img/icon-jj.png) no-repeat;content: '';margin: 14px 0 0 -24px;position: absolute;background-size: auto 100%;}
.pl-wrap.sigs .wrap-body li{display:block;height:50px;line-height:50px;width:100%;position:relative}
.pl-wrap.sigs .wrap-body li em{font-style:normal;color:#959595;padding:0 16px;position:absolute;right:0}
.pl-wrap.content{}
.pl-wrap.content .wrap-body{color:#959595;line-height:24px;padding:16px}

/* tags */
ul.tags{width:100%;background:#fff;padding:16px;border-top:solid #F7F7F7 1px}
ul.tags.center{text-align:center}
ul.tags i{font-style:normal;color:#959595;font-size:12px}
.pl-wrap.tags .wrap-body li, ul.tags li{display:inline-block;width:unset;height:22px;line-height:20px;margin:5px 8px 5px 8px;padding:0 10px 0 10px;background:#F5F5F5;border-radius:14px;}
.pl-wrap.tags .wrap-body li a, ul.tags li a{font-size:12px}

/* video/news index */
.w15{width:15px;height:1px;display:inline-block;float:left;}

/* feedback */
.w100{width:100%}


.upgrade{position:fixed;top:25%;width:100%;z-index:2000;}
.up-con{margin:0 auto;width:260px;background:#fff;border-radius:10px;}
.up-head{height:109px;padding:18px;color:#fff;background:url("img/up-head.png");background-size:100%;border-top-left-radius:10px;border-top-right-radius:10px;}
.up-head h3{font-weight:normal;color:#fff;font-size:16px;}
.up-head p{font-size:12px;line-height:20px;}
.up-body{padding:18px;min-height:50px;}
.upgrade input{width:100%;height:30px;}
.up-btn{padding:5px;width:100%;}
.up-btn a{display:block;margin:10px;text-align:center;width:80%;height:40px;line-height:40px;margin:0 auto;}
.up-y{border-radius:40px;color:#fff;background: linear-gradient(270deg, #FF3C3C 0%, #FF5454 100%, #FF5454 100%);}
.up-n{font-size:12px;color:gray;}

.bootom-fixed{position:fixed;bottom:10px;left:0px;width:100%;padding:0 10px;z-index:9}
.appdown {width:100%;height:54px;background:rgba(0,0,0,0.7);border-radius:27px;}
.appdown .icon {float:left;width:44px;height:44px;margin:5px;}
.appdown .text {width:100%;left:60px;top:8px;min-width:240px;height:54px;padding-top:7px;}
.appdown .text h3{color:#fff;font-size:15px;}
.appdown .text h3:after {content:'支持投屏';position:absolute;background:#d7763c;font-size:10px;font-weight:normal;border-radius:3px;padding:1px 5px;margin-left:5px;top:10px;background-image:linear-gradient(to right, #d88747, #d3562a)}
.appdown .text span {font-size:12px;color:#aaa;letter-spacing:1px;}
.appdown .down {position:absolute;display:inline-block;width:80px;height:31px;line-height:29px;color:#fff;font-size:12px;text-align:center;top:11px;right:50px;border:solid 1px #fff;border-radius:18px;}
.appdown .close{position:absolute;display:inline-block;width:30px;height:54px;line-height:54px;right:10px}
.appdown .close span{display:inline-block;width:12px;height:12px;background:url(img/mdown-close.png) no-repeat;background-size:100%}
@media screen and (max-width: 370px){
    /*.header .menu li{width:38px}*/
    .header .menu a{font-size:14px;}
}
@media screen and (min-height:667px ) {
    .mfooter{margin-top:170px}
}
@media screen and (min-height:736px ) {
    .mfooter{margin-top:230px}
}
@media screen and (min-height:812px ) {
    .mfooter{margin-top:290px}
}