.index-section{width:100%;background:#fff;padding:0 0.3rem 0.5rem;margin-bottom:0.2rem}
.index-section-header{padding:0.5rem 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.index-section-header h2{font-size:0.8rem;font-weight:700}
.index-section-header img{float:left;margin-right:0.25rem;height:0.9rem}
.index-section-header a{display:inline-block;font-size:0.6rem;color:#666}
.index-section-ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.index-section-ul.stretch .live-room-card{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.section-icon-hot{background:url(/../public/images/hot.png) left top no-repeat;background-size:3.73333vw 4vw;display:inline-block;height:4vw;width:4vw;margin-right:2.13333vw;float:left}
.ht-icon-arrows{display:inline-block;width:0.35rem;height:0.35rem}
.ht-icon-arrows.rotate90{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}
.live-room-card-des span,.live-room-card-title{margin-left:0.1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.live-room-card{position:relative;display:block;margin-bottom:0.8rem;width:49%;height:7.2rem;border-radius:5px;box-shadow:0 4px 1.6vw 0 rgba(0,0,0,.08);padding-bottom:1.733333333333333vw}
.live-room-card-img{display:block;height:4.8rem;position:static;border-radius:3px;width:100%;background:center center no-repeat;background-size:100% 100%;overflow:hidden}
.live-room-card-des{width:100%;position:absolute;bottom:0;font-size:0.5rem;color:#fff;height:1.2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-image:#fff}
.live-room-card-des span{display:inline-block;width:45%;color:#999}
.live-room-card-des b{display:block;margin-right:0.2rem;font-weight:100;color:#666}
.live-room-card-des img{height:0.98rem;width:0.98rem;border-radius:50%;margin:0.2rem}
.live-room-card-des b .ht-icon-popularity{margin-right:.1333rem;margin-top:-.1333rem;vertical-align:middle}
.live-room-card-title{width:100%;display:inline-block;font-size:0.6rem;height:0.8rem;margin-top:0.2rem;text-indent:0}
.live-room-card-title img{float:right;margin-right:0.25rem;height:0.7rem}
.ht-icon-popularity{display:inline-block;background:url(/../public/images/ht-icon-popularity.png) no-repeat;background-size:100% 100%;width:0.5rem;height:0.5rem}
.outs-head{position:relative;background:url(/../public/wap/images/outs-top-bg.jpg?v=2) no-repeat;background-size:100% 100%;height:4.8rem}
.outs-head .back-btn{position:absolute;top:0.7rem;left:0.5rem;display:inline-block;width:0.9rem;height:0.9rem;background:url(../images/iconArrow1.png) no-repeat center;background-size:auto 100%}
.outs-head .outs-date-name{font-size:0.8rem;color:#fff;text-align:center;padding-top:.7rem;margin-bottom:.1rem}
.outs-main{position:fixed;z-index:9999;top:0;min-height:220px;max-width:800px}
.outs-head .outs-team td{text-align:center}
.outs-head .outs-team td img{box-shadow:0 5px 15px 0 rgba(250,80,76,.2);background:hsla(0,0%,100%,.4);display:inline-block;border-radius:50%;line-height:2.8rem;height:0.9rem;width:0.9rem}
.outs-head .outs-team tr:first-child td:nth-child(2),.outs-head .outs-team td:nth-child(4){font-size:0.7rem;color:#FFFFFF}
.outs-head .outs-team .outs-time{display:inline-block;font-size:.44rem;color:#FFFFFF;background:rgba(0,0,0,0.3);border-radius:5px;padding:2px 7px}
.outs-head .outs-team tr:nth-child(1) td{font-size:0.7rem;color:#FFFFFF;padding-top:1.1rem}
.outs-head .outs-team tr:nth-child(2) td{font-size:0.4rem;color:#FFFFFF;padding-top:0.8rem}
.outs-head .outs-team tr:nth-child(3) td{font-size:0.8rem;color:#FFFFFF;padding-top:0.3rem}
.outs-menu{background:#fff;line-height:1.55rem;font-size:0.8rem}
.outs-menu td{text-align:center}
.outs-menu td a{color:#808080;position:relative}
.outs-menu td a.act{color:#333;font-weight:bold}
.outs-menu td a.act:after{content:'';position:absolute;width:0.75rem;height:0.15rem;border-radius:0.15rem;background:#ffae00;left:50%;transform:translateX(-50%);bottom:-0.25rem}
.outs_tab_btn{margin:0.25rem 0.5rem}
.outs_tab_btn .btn{line-height:1.4rem}
.live-room-zhubo-des span,.live-room-zhubo-title{margin-left:0.4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.live-room-zhubo{position:relative;display:block;margin-bottom:0.8rem;width:100%;height:11rem;border-radius:5px;box-shadow:0 4px 1.6vw 0 rgba(0,0,0,.08);padding-bottom:1.733333333333333vw;text-align:center}
.live-room-zhubo-img{display:block;height:8.8rem;position:static;border-radius:3px;width:100%;background:url(/../public/images/icon_share.png) center center no-repeat;background-size:98% 98%;overflow:hidden}
.live-room-zhubo-des{width:100%;position:absolute;bottom:0;font-size:0.5rem;color:#fff;height:1.9rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-image:#fff}
.live-room-zhubo-des span{display:inline-block;width:100%;color:#999}
.live-room-zhubo-des b{display:block;margin-right:0.2rem;font-weight:100;color:#666}
.live-room-zhubo-des b .ht-icon-popularity{margin-right:.5333vw;margin-top:-.9333vw;vertical-align:middle}
.live-room-zhubo-title{width:100%;display:inline-block;font-size:0.75rem;height:1.8rem;margin-top:0.4rem;text-indent:0;text-align:left}
.live-room-zhubo-title img{height:0.98rem;width:0.98rem;border-radius:3px}
.recom-top{position:relative;padding:0.3rem}
.recom-top .l-ico{width:0.8rem;height:0.8rem;vertical-align:middle;display:inline-block;margin-right:0.2rem;background-size:100% 100%;background-color:transparent}
.recom-top .recom-top-title{display:inline-block;vertical-align:middle;white-space:nowrap;word-break:keep-all;color:#333}
.recom-top .arrow-wrap{width:2rem;float:right;font-size:0.6rem;color:#666;line-height:1.2rem}
.recom-top .arrow-wrap .arrow-icon{display:inline-block;vertical-align:middle;width:0.5rem;height:0.5rem;margin-top:-3px;background-image:url(/public/wap/images/arrowRight.png);background-size:100% 100%}
.recom-top .arrow-line{float:left;width:10rem;line-height:1.2rem}
.list-area{margin-bottom:0.2rem;background-color:#fff}
.clearfix{*zoom:1}
.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}
.clearfix:after{clear:both}
.g-link{float:left;width:47%;margin-left:2%;padding-bottom:0.8rem}
.g-link .g-item{position:relative;overflow:hidden;-webkit-box-flex:1}
.g-link .g-item.g-girl-item .g-pic .pic{padding-top:100%}
.g-link .g-item.g-girl-item .g-pic .pic .pic-con{-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;width:auto;height:100%}
.g-link .g-item .g-pic{position:relative}
.g-link .g-item .g-pic .game-name{font-size:0.5rem;position:absolute;z-index:2;top:3px;left:3px;padding:2px 6px;vertical-align:middle;color:#eee;opacity:0.8;border-radius:20%;background:rgba(44,49,54,.7)}
.g-link .g-item .g-pic .pic{position:relative;width:100%;height:0;padding-top:56.25%;border-radius:5px;overflow:hidden;}
.g-link .g-item .g-pic .pic .pic-con{position:absolute;top:0;left:0;width:100%;height: 5rem;}
.g-link .g-item .title{padding:.2rem 3px 0;font-size:0.6rem;color:#000;font-weight:500;line-height:1.2rem;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-break:normal;}
.g-link .g-item .info{color:#999;padding:0.1rem;height:0.8rem;line-height:1.0rem;font-size:0.5rem}
.g-link .g-item .info .nick{float:left;max-width:50%;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-break:normal}
.g-link .g-item .info .viewer-wrap{float:right}
.g-link .g-item .info .viewer-wrap .viewer-icon{float:left;margin-top:0.2rem;width:0.6rem;display:none;height:0.6rem;background:url() no-repeat 0 0/contain;background-size:100%}
.g-link .g-item .info .viewer-wrap .viewer-relate-icon{float:left;width:11px;height:11px;background:url(https://a.msstatic.com/huya/mobile/img/relate_anchnel_2be1e65.png);background-size:100%}
.g-link .g-item .info .viewer-wrap .viewer-count{float:left;padding-left:3px}
.g-link .g-item .room{padding-left:3px;color:#666;font-size:11px;line-height:22px}


.tab {
	height: auto;
	padding: .25rem .25rem;
	font-size: .65rem;
	background-color: #ffffff;
}

.nowTab {
	color: #FFFFFF;
	background: #e60012;
	border: 1px solid #e60012 !important;
}

.tab ul {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.tab ul li {
	padding: .2rem .5rem;
	float: left;
	text-align: center;
	border-radius: 1.2rem;
	margin-left: 1.3rem;
	border: 1px solid #D5D5D5;
}

.tab ul li:first-of-type {
	margin-left: 0%;
}

.catalog {
	width: 100%;
	height: auto;
	position: relative;
	font-size: .65rem;
}

.date {
	height: 1.5rem;
	color: #0c0c0c;
	line-height: 1.5rem;
	text-align: center;
	background: #f2f2f2;
	font-weight: 800;
}

.date span {
	margin-left: 2%;
}

.today {
	background: #f2f2f2;
}

.match a:link,
.match a:visited,
.match a:hover,
.match a:active {
	color: #383838;
}

.list {
	width: 100%;
	border-bottom: .18rem solid #eee;
	background-color: #ffffff;
}
.catalog match a:nth-child(2n) {
    background: #f7f7f7;
}
.list-zf {
	width: 100%;
	border-bottom: 1px solid #F2F2F2;
}
.list-zf p {
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    text-align: center;
    height: 20px;
    margin-left: 10px;
}
.list>div {
	height: 4.5rem;
	float: left;
}

.timer {
	width: 15%;
	text-align: center;
}
.timer p{
	text-align: center;
	margin-top: .3rem;
	font-size: .55rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.timer img {
	height: 1rem;
	margin-top: 1.3rem;
	width: auto;
}
.teamOne,
.teamTwo,
.score {
	width: 25%;
	text-align: center;
}

.score p {
	width: 100%;
	font-size: .55rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#555;
}

.score p:first-of-type {
	margin-top: .3rem;
}

.score p:nth-of-type(2) {
	font-size: .75rem;
	font-weight: bold;
	padding: .3rem 0;
	color: #293b4c;
}

.imgzhibo {
	width: 10%;
	text-align: center;
}

.imgzhibo {
	line-height: 4.5rem;
}

.list {
	overflow: hidden;
}

.teamOne,
.teamTwo {
	text-align: center;
}

.teamOne p,
.teamTwo p {
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.5rem !important;
}

.teamOne img,
.teamTwo img {
	height: 1.3rem;
	margin-top: 1rem;
	width: 1.5rem;
}

.imgzhibo img {
	width: 1.0rem;
	height: auto;
}

#toToday {
	display: none;
	position: fixed;
	left: 42%;
	bottom: 22%;
}

#toToday a {
	color: #FFFFFF;
}

#toToday button {
	width: 3rem;
	height: 1.2rem;
	color: #FFFFFF;
	background: #326295;
	border-radius: .5rem;
}

.mengban{
	width: 100%;
	height: 38px;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
}

.bofangBtn {
	width: 30px;
	height: auto;
	position: absolute;
	top: 44%;
	left: 45%;
}

/*主播*/

.bigBox {
	overflow: hidden;
}

.anchorBox {
	width: 45%;
	height: auto;
	float: left;
	margin-left: 3.4%;
	margin-bottom: 6px;
}

.anchorBox>p {
	color: #383838;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.anchorBox>div {
	position: relative;
}

.anchorBox>div>p {
	color: #FFFFFF;
	padding: 0 4%;
	position: absolute;
	top: 5%;
	left: 3%;
	border-radius: 20px;
	background: -webkit-linear-gradient(left, #2664FF, #41C4FE);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #2664FF, #41C4FE);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #2664FF, #41C4FE);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #2664FF, #41C4FE);
	/* 标准的语法 */
}

.anchorBox img {
	width: 100%;
	height: 95px;
}

.theEnd {
	width: 100%;
	height: auto;
	color: #828282;
	font-size: 12px;
	text-align: center;
	display: block;
	padding: 2% 0;
}


/*提示框*/

#tabHeader {
	width: 100%;
	height: 1.5rem;
	color: #FFFFFF;
	line-height: 1.5rem;
	text-align: center;
	display: none;
	position: fixed;
	top: 0px;
	font-size: .65rem;
}

#tabHeader span{
	margin-left: 2%;
}

/*暂无比赛*/

.noMatch {
	width: 100%;
	height: auto;
	padding: 3% 0;
	text-align: center;
}

.noMatch img {
	width: 130px;
	height: auto;
}

.noMatch p {
	color: #6f6f6f;
}

@media only screen and (min-width: 300px) and (max-width: 320px) {
	.tab ul li {
		margin-left: 3.8% !important;
	}
}

@media only screen and (min-width: 340px) and (max-width: 360px) {
	.tab ul li {
		margin-left: 5.4% !important;
	}
}

@media only screen and (min-width: 400px) and (max-width: 414px) {
	.tab ul li {
		margin-left: 1rem !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
	.infoMore {
		text-align: center;
	}
	.tab ul li {
		margin-left: 10% !important;
	}
	.tab {
		padding: 12px 10px;
	}
	.bofangBtn {
		position: absolute;
		left: 48%;
	}
}

@media only screen and (min-width:1000px) and (max-width: 1024px) {
	.infoMore {
		text-align: center;
	}
	.tab ul li {
		margin-left: 11% !important;
	}
	.tab {
		padding: 12px 10px;
	}
	.bofangBtn {
		position: absolute;
		left: 48%;
	}
}