@charset "utf-8";
*{margin: 0;padding: 0;}
body{
	min-width: 1280px;
} 
ul,h3,h2,h1,li,p {padding: 0;margin: 0;list-style: none;}
a:hover,a:focus,a{text-decoration: none;color: #333333;}
a,img{display: block;}
.btn:focus,.btn:active,.btn:focus:active{outline: 0;}
/*滚动条*/
/* ::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3px; } */
/* 清除浮动 */
.clearfix:after,.clearfix:before{display: table; content: " ";clear: both;}
.flex {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
}

/*各个行中间对齐*/
.flex-center {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	align-items: center;
}

/*充满父元素*/
.flex_bd {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
}

.flex-end {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}


.flex-zEnd {
	-webkit-box-pack: end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
/* 主轴两端对齐 */
.flex-zBetween {
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
/* 主轴居中对齐 */
.flex-hc {
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/* 超出隐藏 */
.line-1{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.line-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 文本域 */
textarea,.input{resize: none; outline: none;}
/* 图片滑过放大 */
.whole-img img{transition: .6s all;}
.whole-img img:hover{transform: scale(1.1);}
/* 背景图不重复 */
.whole-bgt{	background-position: center;background-repeat: no-repeat;background-size: cover;}


.warp{
	background-image: url(../images/bj.jpg);
	height: 100%;
	padding: 15px 0;
	background-attachment: fixed;
}
.content-room{
	max-width: 1610px;
	margin: 0 auto;
}
.content-big{
	flex: 1;
	background-color: #1f2032;
	color: #ffffff;
	border-radius: 10px;
}

.content-big a{
	color: #ffffff;
}
.con-live-hd{
	padding: 24px 20px;
}

.live-in-name{
	font-weight: bold;
        font-size:16px;
        margin-bottom: 10px;
}
.live-in-have{
	display: inline-block;
	border: 2px solid #0066ff;
	color: #0066ff;
	font-size: 14px;
	padding: 0 5px;
	margin-left: 10px;
}
.live-in-title{
	font-size: 14px;
	margin-left: 5px;
}
.live-in-bd{
	margin-top: 5px;
}
.live-in-col{
	margin-right: 10px;
}
.live-r-icon img{
	margin: 0 auto;
	display: block;
        width:24px;
        height: 24px;
}
.live-r-gird span{
	text-align: center;
	margin-top: 5px;
	display: inline-block;
}
.live-r-gird{
	margin-left: 30px;
}
.live-hd-in{
	flex: 1;
	margin-left: 20px;
}

.video-js{
	width: 100%;
	height: 634px;
}

/* 视频播放按钮样式 */
.vjs-big-play-button{
	/* width: 50px !important;
	height: 50px !important;
	margin-left: -25px !important;
	margin-top: -25px !important;
	border-radius: 100% !important;
	line-height: 46px !important; */
	display: none !important;
}
.vjs-poster{
	background-size: cover !important;
}
.con-live-tabs{
    clear:both;
}
.con-live-tabs .nav-tabs-2{
	border-bottom: 1px solid #7c7d8f;
        display: flex;
}
.con-live-tabs .nav-tabs-2 .nav-link{
	margin: 0;
	border: 0;
	color: #ffffff;
	font-size: 14px;
	padding: 18px 30px;
}

.con-live-tabs .nav-tabs-2 .nav-link.active{
	background-color: transparent;
	border-bottom: 2px solid #365f9f;
}

.con-live-tabs .tab-pane{
	padding: 20px;
}
.live-school-tt{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.live-school-pic{
	margin: 10px 0;
}
.live-school-pic img{
	width: 100%;
}
.live-school-bd p{
	font-size: 14px;
	margin-bottom: 10px;
}

.content-small{
	width: 390px;
	height: 910px;
	overflow: hidden;
	background-color: #1f2032;
	color: #ffffff;
	border-radius: 10px;
	margin-left: 20px;
}
.gift-tabs .nav-tabs-2{
	display: flex;
	justify-content: center;
}
.live-list-pic{
	margin-top: 5px;
	margin-right: 10px;
}
.live-list-pic img{
	width: 32px;
	height: 32px;
	border-radius: 100%;
}
.live-list-name{
	color: #848692;
	font-size: 14px;
}

.live-list-bd{
	background-color:#2e2f28;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 14px;
	margin-top: 5px;
}
.live-list-col{
	margin-bottom: 15px;
}
.live-fun-l img{
	margin-right: 20px;
}
.live-gift-input{
	background-color: #100e1b;
	border: 1px solid #393b47;
	border-radius: 6px;
}

.live-gift-input{
	font-size: 14px;
	color: #777582;
	padding: 6px 15px;
	margin-top: 20px;
}
.live-gift-input a{
	color: #1e3bcd;
	display: inline-block;
	margin-right: 2px;
}

.live-gift-list{
	height: 700px;
	overflow-y: auto;
	margin-bottom: 40px;
	padding-right: 20px;
}
.invi-list{
	height: 660px;
	overflow-y: auto;
	margin-bottom: 40px;
	padding-right: 20px;
}
.live-gift-list::-webkit-scrollbar-corner { background-color:#ffffff;}
.live-gift-list::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
.live-gift-list::-webkit-scrollbar-track{ background:none; }
.live-gift-list::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3px; }

.invi-list::-webkit-scrollbar-corner { background-color:#ffffff;}
.invi-list::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
.invi-list::-webkit-scrollbar-track{ background:none; }
.invi-list::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.4); border-radius:3px; }

.nav-item{
    cursor: pointer;
}
.gift-tabs .nav-pills{
	display: flex;
	justify-content: center;
	width: 200px;
	margin: 0 auto;
	background-color: #2d2e40;
	border-radius: 50px;
}
.gift-tabs .nav-pills .nav-item{
	width: 50%;
	text-align: center;
}
.gift-tabs .nav-pills .nav-link{
	padding: 8.5px 0;
	font-size: 14px;
	border-radius: 50px;
	color: #91939e;
}

.gift-tabs .nav-pills .nav-link.active{
	background: linear-gradient(to right,#00bbfa,#008efb);
	color: #ffffff;
}

.invi-col-user{
	    /* margin-top: 8px; */
    padding: 5px;
    border-radius: 50%;
    font-size: 18px;
    border: 1px solid #fff;
    width: 32px;
    height: 32px;
    text-align: center;
}
.invi-col-user img{
	width: 28px;
	height: 24px;
	display: block;
}
.invi-col-pic{
	margin: 0 16px;
}
.invi-col-pic img{
	width: 42px;
	height: 42px;
	border-radius: 100%;
}
.invi-col-data{
	font-size: 14px;
}
.invi-col_num>span{
	color: #0e4a9c;
	font-weight: bold;
	display: inline-block;
	margin: 0 5px;
}

.invi-col{
	margin-bottom: 26px;
}
.gift-tabs #pills-home{
	position: relative;
	height: 804px;
}
.invi-foot{
	position: absolute;
	bottom: 0;
	left: -20px;
	width: 390px;
}
.invi-foot .invi-col,
.invi-foot .invi-col-pic{
	margin: 0;
}
.invi-foot .invi-col{
	border-top: 1px solid #7a7b8d;
	margin: 0 -15px;
	padding: 15px 30px;
}
.invi-ft-btn a{
	display: inline-block;
	background: linear-gradient(to right,#00bbfa,#008efb);
	color: #ffffff;
	font-size: 14px;
	border-radius: 50px;
	padding: 9.5px 19px;
}
.invi-foot .invi-col-data{
	flex: 1;
	margin: 0 10px;
}

.invi-ft-more{
	text-align: center;
	font-size: 12px;
	color: #5a5a5a;
	margin: 10px 0;
}
.invi-foot .invi-col_num{
	color: #848692;
}

.invi-ft_num{
	width: 24px;
	height: 24px;
	background-color: #ffffff;
	border-radius: 100%;
	text-align: center;
	line-height: 24px;
	color: #424647;
}










/* 手机样式 */
@media (max-width:1610px) {
	.content{
		padding: 0 15px;
	}
}