html,
body {
	overflow-x: hidden;
	overflow-y: auto;
}

.headerSet {
	width: 100%;
	position: fixed !important;
	top: 0;
	left: 0;
	height: 3.17rem;
	background: var(--linetop);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 9999;
	padding: 0.71rem 0;
	line-height: 1.78rem;
	display:block;
}

.se{
	color: rgba(255,255,255,.5);
}
.spacing{
	padding: 0 15px;
}
.header {
	position: fixed !important;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 3.57rem;
	padding: 1.07rem 0;
	line-height: 1.78rem;
	font-weight: bold;
	z-index: 99999;
	box-sizing: border-box;
	background: var(--linetop);
}

.hd {
	height: 3.17rem;
}

.sametop {
	padding-top: 0.71rem;
}

.conbt {
	/* height: calc(100% - 3.14rem); */
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.conbt .leftwh,
.conbt .rightwh {
	height: 100%;
	/* bywh full */
	/* overflow: hidden; */
	position: relative;
}

.danmubtn span {
	margin-top: 15px;
	display: inline-block;
}
.danmubtn .icon_praise{
	margin-left: 0.35rem;
}
.danmubtn .praise_num{
	position: absolute;
	top:5px;
	right: 10px;
	color: var(--main_color);
	font-weight: bold;
}
.danmaku{
	z-index: 9999999999;
}
.conbt .leftwh {
	 height: 15.07rem;
}

.conbt .rightwh {
	/* height: calc(100% - 15.07rem); */
	max-height: 100%;
}

.video_box {
	width: 100%;
	height: 100%;
	position: relative;
	/* bywh full */
	/* overflow: hidden; */
	box-sizing: border-box;
	/* background-image: url("../images/pcbg.png"); */
	background-color: #000;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	overflow: hidden;
}
.video_box #video{
	/* display: none; */
}
/* 全屏弹幕 */
.video_box.full {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 999;
}
.video_box.full video{
	width: 100%;
	height: 100%;
}
.fullbtn{
	width:"30px";
	height:"30px";
	background:"#ff0000";
	display: inline-block
}
#covervideo{
	width:100%;
	height: 100%;
	z-index: 9999999;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #000;
}
/*暂无直播 无回放*/
.no_live {
	font-size: 44px;
	width:100%;
	height: 100%;
	display: none;
	text-align: center;
	padding-top: 60px;
}
.no_live .mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: absolute;
	top:0;
	left: 0;
	z-index: 9998;
}
.no_live p{
	width: 100%;
	height:auto;
	padding: 0.57rem;
	background: var(--linetop);
	color: var(--stand_color);
	/* line-height: 3.57rem; */
	font-size: 1.28rem;
	vertical-align: middle;
	z-index: 9999;
	position: absolute;
	bottom:10%;
	font-weight: 400;
	opacity: 0.8;
}
.vjs-modal-dialog .vjs-modal-dialog-content{
	 height: 3.57rem;
	 height: auto;
	 padding: 0.57rem;
	 vertical-align: middle;
	/*line-height: 3.57rem; */
	background: var(--linetop);
	color: var(--stand_color);
	font-size: 1.28rem !important;
	z-index: 9999;
	position: absolute;
	top:70%;
	font-weight: 400;
	opacity: 0.8;
}
.video-js {
	width: 100% !important;
	height: 100% !important;
}

.video_box video {
	width: 100% !important;
	height: 100% !important;
	object-fit: fill !important;
}

/* 题目 */
.contentBox {
	/* padding: 0rem var(--pd20); */
	padding: 0rem;
	width: 100%;
	height: 100%;
	min-height: calc(100% - 3.21rem - 1rem);
	position: relative;
	box-sizing: border-box;
}

.maintitle {
	position: relative;
}

.maintitle h5 {
	font-size: 1.14rem;
	color: var(--main_color);
}

.maintitle p {
	font-size: 0.85rem;
}

.maintitle span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.menuList li {
	width:auto;
	font-size: 1.07rem;
	line-height: 2.85rem;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 0 0.28rem;
	padding: 0 10px;
}
.menuListtab{
	width: auto;
	position: relative;
	padding-right:var(--pd20);
}
.menuList li.active {
	color: var(--main_color);
	border-bottom: 2px solid var(--main_color);
}
.content_live {
	width: 100%;
	/* height: 3.21rem; */
	height: calc(100% - 3.21rem - 1rem);
	position: relative;
	overflow: hidden;
}

.content_live>div {
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
}

.content_live ul {
	width: 100%;
	height: 100%;
	padding: 0rem var(--pd20);
	position: relative;
}
.content_live .comment ul {
	/* height: calc(100% - 3.21rem); */
	/* padding-bottom: 3.21rem; */
}

.content_live li {
	list-style: none;
	margin-top: var(--pd20);
	font-size: 0.85rem;
	position: relative;
	word-break:break-all

}

/* 安排 */
.plan li {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.plan li hr {
	border: 0px;
	width: 100%;
	height: 1px;
	background: var(--line);
	opacity: 0.4;
}
.plan li h5 {
	padding-left: 1.57rem;
	width: 100%;
	font-size: 0.85rem;
	font-weight: 500;
	box-sizing: border-box;
}
.plan li h4 {
	padding-left: 1.57rem;
	width: 100%;
	font-size:1rem;
	font-weight: 500;
	box-sizing: border-box;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

.plan li p {
	padding-left: 1.57rem;
	font-size: 0.85rem;
	font-weight: 300;
	line-height: 1.07rem;
	opacity: .6;
	box-sizing: border-box;
	margin-bottom: 0px !important;
}

.plan li .icon_cir {
	position: absolute;
	top: 0.71rem;
	left: 0rem;
	width: 0.71rem;
	height: 0.71rem;
	background: var(--main_color);
	border-radius: 7.14rem 0.07rem 7.14rem 0.07rem;
	z-index: 999;
}
/* 嘉宾 */
.jiabin{
	overflow-y: auto;
	width: 100%;
}
.jiabin>div {
	margin: var(--pd20) 0px;
	overflow: hidden;
}

.jiabin ul {
	width: 100%;
	min-height: 26.78rem !important;
	margin-top: 0.71rem;
}
.jiabin ul li{
	margin-top: 0.71rem;
	padding: 0 5px;
	/* min-height: 8.14rem; */

}
.imgGuest{
	width:100%;
	height: 0;
	padding-bottom:125%;
	overflow: hidden;
	margin: 0;
	position: relative;
	border-radius: 0.64rem;
}
.imgGuest img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.jiabin .info {
	width: 100%;
	height: auto;
	position: relative;
}

.jiabin .info h6 {
	font-size: 0.71rem;
	line-height: 1rem;
	margin: 0;
	width: 100%;
	/*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);*/
	position: absolute;
	bottom: 0;
	padding: 5px 8px;
	border-bottom-right-radius: 0.64rem;
	border-bottom-left-radius: 0.64rem;
	text-align: center;
}

.jiabin .info p {
	opacity: .8;
	font-size: 0.71rem;
	text-align: center;
	/*line-height: 0.78rem;*/
}


/* 评论 */
.comment li {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.comment li h5 {
	padding-left: 1.57rem;
	width: 100%;
	font-size: 0.92rem;
	font-weight: 500;
	box-sizing: border-box;
	line-height: 1.42rem;
}

.comment li .icon_cir {
	position: absolute;
	top: 1rem;
	left: 0rem;
	width: 0.57rem;
	height: 0.57rem;
	background: var(--main_color);
	border-radius: 7.14rem 0.07rem 7.14rem 0.07rem;
}

.bottomwh {
	width: 100%;
	height: 4.28rem;
	position: fixed;
	bottom: 0rem;
	right: 0rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, #000000 100%);
	z-index: 9999;
	padding: 0.71rem;
	box-sizing: border-box;
}
.bottomwh table{
	width: 100%;
	height: 100%;
}
.bottomwh table tr,
.bottomwh table tr td{
	margin: 0px;
	padding: 0px;
}
.commentChange .cominput {
	height: 2.85rem;
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid var(--main_color);
	width: 100%;
	display: inline-block;
	color: var(--main_color);
	line-height: 2.85rem;
	box-sizing: border-box;
	padding: 0 0.57rem;
}

.commentChange .comsend {
	height: 2.85rem;
	background: rgba(255, 255, 255, 0.2);
	display: inline-block;
	font-size: 1rem;
	line-height: 2.85rem;
	border: 0rem;
	width: 100%;
}

/* 字幕 */
.dayin {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation: dy 3s steps(60, end) infinite;
	animation: dy 3s steps(50, end) infinite;
}

.mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	right: 0rem;
	top: 0rem;
	z-index: 99998;
	display: none;
}

.wordChange {
	width: 23.57rem;
	height: 27rem;
	position: fixed;
	top: 50%;
	margin-top: -13.5rem;
	right: calc(50% - 11.8rem);
	z-index: 99999;
	background: white;
	border-radius: 1.14rem;
	overflow: hidden;
}

.wordChange h5 {
	font-size: 1.18rem;
	font-weight: 500;
	color: var(--costar_color);
	line-height: 1.78rem;
	text-align: center;
	padding-top: 3.17rem;
	position: relative;
	overflow: hidden;
}

.wordChange .touyun {
	/* margin-top:-36px;
	position: relative;
	width: 331px;
	height: 90px; */
	margin-top: -2.57rem;
	position: relative;
	width: 23.64rem;
	height: 6.42rem;
	border-radius: 50% / 30%;
	background-color: var(--secmain_color);
}

.wordBtn {
	text-align: center;
	padding:1.07rem;
	font-size: 1rem;
	box-sizing: border-box;
	color: white;
}

.wordChange button {
	margin: var(--pd20) 0;
	height: 3.42rem;
	border-radius: 1.71rem;
	width: 100%;
	font-size: 1rem;
}

.wordChange .selopt i {
	width: var(--pd20);
	display: inline-block;
}
.wordChange .selopt button.active{
	background: var(--main_color);
}
.wordChange p{
	color: var(--costar_color);
	text-align: left;
	margin: 0;
	padding: 0;
	/* padding-left: 10%; */
	margin-bottom: -10px;
	font-size: 1.28rem;
	font-weight: bold;
	text-align: center;
}
.wordChange .selcon {
	width: 3.42rem;
	height: 3.42rem;
	position: absolute;
	left: 50%;
	margin-left: -1.71rem;
	border: 0.14rem solid var(--stand_color);
	border-radius: 1.71rem;
	text-align: center;
	line-height: 3.32rem;
	font-size: 1.14rem;
	margin-top: var(--pd20);
}
.wordChange .selopt button{
	outline: none !important;
}
.wordChange .selopt button :focus{
	outline:0 !important;
}
.selLeft {
	padding-right: 0rem;
}

.selLeft button {
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
	padding-right: 0.71rem;
}

.selRight {
	padding-left: 0rem;
}

.selRight button {
	border-top-left-radius: 0rem;
	border-bottom-left-radius: 0rem;
	padding-right: 0.71rem;
}

.no-live {
	font-size: 18px;
	text-align: center;
	display: none !important;
	line-height: 15.07rem;
	color: #fff;
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	/*height: 15.07rem;
	 top: 3.57rem; */
	top: 0rem;
	left: 0rem;

}

@-webkit-keyframes dy {
	from {
		width: 0;
	}
}

@keyframes dy {
	from {
		width: 0;
	}
}

/* @media screen and (min-width: 320px) {
	.conbt .leftwh {
		height: 180px;
	}
}
@media screen and (min-width: 375px) {
	.conbt .leftwh {
		height: 211px;
	}
}
@media screen and (min-width: 411px) {
	.conbt .leftwh {
		height: 233px;
	}
} */
.video-js .onlineNum {
	background: rgba(243, 92, 86, 0.8);
	color: white;
	display: none;
	font-size: 1.07rem;
	padding: .5rem;
	position: absolute;
	top: 0.71rem;
	right: 0.71rem;
	width: auto;
}

/* 鼠标移入显示 */
.video-js.vjs-paused.vjs-has-started .onlineNum,
.video-js.vjs-user-active.vjs-has-started .onlineNum {
	display: block;
}
.jianjie{
	text-indent:1.71rem;
}
@media screen and (max-width: 450px){
	.jianjie ul{
		padding: 0rem;
	}
	.adr{
		width: calc(100% - 200px);
	}
}
@media (min-width: 700px) and (max-width:1000px){
	.video_box{
		height: 27.14rem;
	}
}
@media screen and (min-width: 800px) {
	html,
	body {
		overflow: hidden;
	}

	.hd {
		display: none;
	}

	.conbt {
		height: calc(100% - 3.14rem);
	}
	.rightwh{
		/* padding-left: 5px; */
	}
	.headerSet {
		width: 100%;
		max-width: 100% !important;
		position: relative !important;
	}

	.conbt .leftwh {
		height: 100% !important;
	}

	.conbt .rightwh {
		height: 100% !important;
	}

	.bottomwh,
	.mask{
		width: var(--commaxw);
	}
	.content_live .comment,
	.content_live .word{
		height: calc(100% - 4.28rem);
		overflow: hidden;
	}

	.mask {
		/* position: absolute; */
	}

	.wordChange {
		position: relative;
		width: 90%;
		left: 5%;
	}

	.wordChange .touyun {
		width: 100%;
	}
	.vjs-modal-dialog .vjs-modal-dialog-content{
		top:85%
	}
	.content_live ul{
		padding: 0rem;
	}
	/* .menuList li {
		width: auto;
		padding: 0 10px;
	} */
	.menuList li{
		/* width: 19%; */
		text-align: center;
	}
	/* 解决滚动条的问题 */
	.jiabin ul{
		width: calc(100% - 10px);
	}
	.jiabin::-webkit-scrollbar,
	.material::-webkit-scrollbar {
	  display: none;
	}
	.adr{
		max-width: calc(100% - 200px);
		display: block;
		float: right;
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
		text-align: left;
	}
}