@charset "UTF-8"; /*初始化*/

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,figure,figcaption {

	margin: 0;

	padding: 0;

}



i,em {

	font-style: normal;

}



li {

	list-style: none;

}



a {

	color: #333;

	text-decoration: none;

}



body,html {

	font: 14px "微软雅黑",Arial;

	color: #333;

}



input {

	outline: none;

	border: none;

}



.clearfix {

	*zoom:1;}



.clearfix:after {

	content: '';

	display: block;

	height: 0;

	overflow: hidden;

	clear: both;

}



body {

	background: #e6f0ff;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.psR {

	position: relative;

}



.content {

	width: 1600px;

	margin: 0 auto 0;

	position: relative;

}



/*顶部*/

.topNav {

	height: 35px;

	background-color: #333;

	color: #fff;

	line-height: 34px;

	font-size: 14px;

}



.topNav a {

	color: #d3d3d3;

	padding: 0 12px;

}



.topNav a:hover {

	color: #f87a1e;

}



.topNav .home {

	padding-left: 33px;

	background: url("https://img.in-en.com/resfile/coal/images/coal_icon.png") no-repeat;

	background-position: 10px 0;

}



.topNavLeft .iconfont {

	padding-right: 3px;

}



.topNavRight .iconfont {

	padding-left: 3px;

}



.topNavRight {

	height: 34px;

}



.topNavRight a {

	display: inline-block;

}



.topNavRight>a:hover {

	background-color: #f87a1e;

	color: #fff;

}



.fastNav a:hover {

	color: #fff;

}



.fastNav>a,.fastNav {

	height: 34px;

}



.fastNav {

	position: relative;

	float: left;

}



.fastNav>a {

	padding-right: 24px;

	background: url("https://img.in-en.com/resfile/coal/images/coal_icon.png") no-repeat;

	background-position: 72px -18px;

}



/*.topNav>a:hover{background-color: #fff;}*/

.fastNav ul {

	position: absolute;

	top: 34px;

	right: 0;

	z-index: 99;

	width: 350px;

	background-color: #333;

	overflow: hidden;

	padding-left: 15px;

	padding-bottom: 5px;

}



.fastNav ul li {

	float: left;

	width: 33.33%;

}



.fastNav ul li a {

	color: #fff;

	font-size: 14px;

	padding: 0;

}



.fastNav ul li a:hover {

	color: #f87a1e;

}



.fastNav .iconfont {

	font-size: 12px;

}



.toplogin {

	float: left;

}



/*头部*/

.header {

	width: 100%;

	height: 96px;

	background: #fff;

}



.logo h1 {

	height: 96px;

	margin-right: 20px;

}



.logo h1 a {

	display: inline-block;

	width: 180px;

	height: 0;

	padding-top: 96px;

	overflow: hidden;

	background: url("https://img.in-en.com/resfile/live/img/logo-1.png") no-repeat center;

	background-size: 163px auto;

}



.nav {

	padding: 44px 0 0;

	height: 50px;

}



.nav li {

	float: left;

}



.nav li a {

	font-size: 16px;

	color: #333;

	padding: 0 15px;

}



.nav li a {

	display: block;

}



.nav li:hover a {

	font-weight: 700;

	color: #0dbfb5;

	text-decoration: none;

}



.nav li:hover:after {

	content: '';

	display: block;

	width: 34px;

	height: 2px;

	background: #0dbfb5;

	margin: 8px auto 0;

	border-radius: 2px;

}



.search {

	margin-top: 36px;

	margin-left: 50px;

	height: 40px;

	width: 228px;

	border-radius: 3px;

	/* background: #eaeaea; */

	border: 1px solid #e8e8e8;

}



.search input[type="text"] {

	background: none;

	line-height: 40px;

	padding-left: 10px;

	font-size: 14px;

	float: left;

}



.search input[type="submit"] {

	width: 40px;

	height: 40px;

	background: none;

	cursor: pointer;

	color: #505050;

	font-size: 15px;

}



.liveBtn {

	width: 132px;

	height: 40px;

	background: url("https://img.in-en.com/resfile/live/img/btn_bg.png") no-repeat center;

	margin-top: 36px;

	margin-left: 20px;

}



.liveBtn a {

	color: #fff;

	display: block;

	text-align: center;

	line-height: 40px;

	font-size: 18px;

}



/*左侧视频*/

.player {

	width: 1196px;

	margin-right: 10px;

}



.title {

	background: #fff;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	padding: 20px 30px;

}



.share {

	text-align: center;

}



.title-top {

	margin-bottom: 10px;

}



.room-name {

	font-size: 18px;

}



.live-info {

	font-size: 14px;

	color: #919499;

}



.live-info span {

	padding-right: 30px;

	background: url(https://img.in-en.com/resfile/live/img/icon_zb.png) no-repeat left center;

	padding-left: 22px;

	background-position: 0 2px;

	background-size: 16px;

}



.live-info span:nth-child(2) {

	background-position: 0 -23px;

}



.live-info span:nth-child(3) {

	background-position: 0 -47px;

}



.live-status {

	color: #b8babf;

	font-size: 12px;

	padding: 3px 5px;

	margin-left: 10px;

	border-radius: 3px;

	border: 1px solid #b8babf;

}



.prism-player {

	height: 675px;

}



.tblist,.fhclist {

	overflow-x: auto;

	background: #fff;

}



#tablist,#fhctablist {

	padding: 20px 10px;

	/* width:200%; */

	overflow: hidden;

}



#tablist li,#fhctablist li {

	float: left;

	width: 200px;

	/* height: 150px; */

	color: #f60;

	margin-right: 10px;

	cursor: pointer;

	border: 4px solid #efefef;

	transition: all ease .3s;

	position: relative;

}



#tablist li img,#fhctablist li img {

	width: 100%;

}



#tablist li p,#fhctablist li p {

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: center;

	background: rgba(0,0,0,.5);

	width: 100%;

	line-height: 30px;

	color: #fff;

}



#tablist li:hover ,#fhctablist li:hover {

	background: #f90;

	color: #fff;

}



#tablist li.tabin,#fhctablist li.tabin {

	/* background:#f90; */

	color: #fff;

	border-color: #0dbfb5;

}



.content-box {

	width: 100%;

	/* height: 880px; */

	overflow: hidden;

}



.videoBox {

	clear: both;

	color: #fff;

	display: none;

	transition: all ease .3s;

	display: none;

}



.contentin {

	display: block;

}



/*分享*/

.share {

	cursor: pointer;

}



.share:hover p {

	color: #0072ff;

}



.titRight {

	position: relative;

}



.share-pop {

	background: #fff;

	border: 1px solid #e8e8e8;

	border-radius: 5px;

	width: 328px;

	position: absolute;

	top: 60px;

	right: -20px;

	z-index: 999;

	padding: 30px 15px 20px;

}



.share-pop:before {

	content: '';

	display: block;

	width: 15px;

	height: 15px;

	position: absolute;

	border-top: 1px solid #e8e8e8;

	border-left: 1px solid #e8e8e8;

	top: -9px;

	right: 25px;

	background: #fff;

	transform: rotate(45deg)

}



.qrcode {

	text-align: center;

}



.qrcode img {

	width: 120px;

	display: inline-block;

	margin-bottom: 5px;

}



.link {

	border-radius: 3px;

	border: 1px solid #e8e8e8;

	margin: 15px 0;

	color: #666;

	overflow: hidden;

}



.link .label {

	border-right: 1px solid #e8e8e8;

	line-height: 36px;

	width: 80px;

	text-align: center;

	float: left;

}



.link .value {

	white-space: nowrap;

	line-height: 36px;

	padding-left: 10px;

	float: left;

	max-width: 235px;

}



.share_footer {

	text-align: center;

}



.share_footer .button {

	display: inline-block;

	width: 110px;

	border: 1px solid #e8e8e8;

	margin: 0 10px;

	line-height: 36px;

	border-radius: 3px;

	cursor: pointer;

}



.share_footer .button:hover {

	color: #0076ff;

}



/*未开播*/

.wks,.ztz,.yjs {

	position: relative;

}



.wks img,.ztz img,.yjs img {

	width: 100%;

	display: block;

}



.wks p,.ztz p,.yjs p {

	position: absolute;

	bottom: 0;

	font-size: 30px;

	color: #fff;

	text-align: center;

	width: 100%;

	left: 0;

	line-height: 55px;

	background: rgba(0,0,0,.3);

}



/*回放*/

.hfsp {

	position: relative;

}



.bofang {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 80px;

	height: 80px;

	margin-left: -40px;

	margin-top: -40px;

}



.bofang img {

	width: 100%;

}



/*直播介绍*/

.live-jieshao {

	background: #fff;

	padding: 20px;

}



.live-jieshao h3 {

	border-bottom: 1px solid #efefef;

	color: #6f6f6f;

	margin-bottom: 20px;

	padding-bottom: 5px;

}



.live-jieshao h3 span {

	font-size: 18px;

	margin: 0 15px;

	cursor: pointer;

}



.live-jieshao h3 span.on {

	border-bottom: 2px solid #0076ff;

	padding-bottom: 5px;

	color: #0072ff;

}



.jieshao-content {

	font-size: 15px;

	line-height: 28px;

	color: #333;

	padding: 20px;

}



.jieshao-content p {

	margin-bottom: 15px;

}



.jieshao-content p img {

	margin: 0 auto;

	display: block;

	max-width: 100%;

}



/*右侧*/

.side {

	background: #fff;

	border-radius: 10px;

	width: 390px;

	float: left;

	position: relative;

	height: 800px;

	/* right: 195px; */

	/* bottom: 3%; */

}



.inpBox {

	/* position: absolute; */

	/* bottom: 15px; */

	/* right: 5%; */

	float: left;

	width: 81%;

	border: 1px solid #e8e8e8;

	border-radius: 5px;

}



.inpBox input[type="text"] {

	width: 243px;

	/* border: 1px solid #e8e8e8; */

	border-radius: 3px;

	line-height: 44px;

	height: 44px;

	font-size: 15px;

	padding-left: 6px;

	float: left;

	border-radius: 5px

}



.inpBox input[type="button"] {

	width: 66px;

	border-radius: 3px;

	line-height: 45px;

	background: none;

	color: #0085fb;

	font-size: 15px;

}



.loginTxt {

	/* border:1px solid #dbdbdb; */

	background: #e8e8e8;

	border-radius: 3px;

	text-align: center;

	line-height: 40px;

	/* position: absolute; */

	/* bottom: 0; */

	font-size: 15px;

	width: 100%;

}



.loginTxt a {

	color: #0072ff;

	padding-right: 20px;

	cursor: pointer;

}



/*文字直播*/

.writtenBox {

	height: 600px;

	background: #fff;

	border-top: 1px solid #e8e8e8;

}



.writtenBox .inpBox {

	width: 92%;

	margin-left: 30px;

}



.writtenBox .inpBox input[type='text'] {

	width: 92%

}



/*聊天室*/

.sidehd {

	overflow: hidden;

}



.sideTit {

	font-size: 16px;

	border-bottom: 1px solid #efefef;

	line-height: 47px;

	text-align: center;

	width: 50%;

	float: left;

	cursor: pointer;

}



.sideTit hover {

	cursor: pointer;

}



.sideTit.on {

	color: #0072ff;

	font-weight: 600;

	border-bottom: 2px solid #0072ff;

}



.sidebd1 {

	height: 100%;

}



.chat,.chat1 {

	height: 671px;

	overflow-y: auto;

	padding: 20px;

}



/*.chatRoom{position: absolute;bottom: 0; overflow-y: scroll; width: 94%; height: 100%;}*/

.info,.info3 {

	overflow: hidden;

	height: auto;

	margin-bottom: 20px;

}



.avatar {

	float: left;

	margin-right: 5px;

}



.avatar img {

	width: 35px;

	border-radius: 50%;

}



.txt {

	float: left;

	max-width: 80%;

}



.username {

	font-size: 14px;

	color: #919499;

	margin-bottom: 6px;

	display: block;

}



.username em {

	color: #ccc;

	font-size: 12px;

	padding-left: 20px;

}



.txt p {

	font-size: 14px;

	background: #f0f6ff;

	color: #666;

	padding: 5px 8px;

	border-top-right-radius: 5px;

	/* width:90%; */

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	display: inline-block;

	word-break: break-all;

}



.info1,.info2 {

	position: absolute;

	bottom: 95px;

	left: 20px;

	padding: 3px 5px;

	background: hsla(210, 100%, 74%, 0.35);

	float: left;

	color: #2f94ff;

	display: none;

	cursor: pointer;

}



.shuru {

	/* overflow:hidden; */

	position: relative;

	/* bottom: 20px; */

	/* left: 0; */

	/* height: 55px; */

	z-index: 1000;

	padding-top: 15px;

	background: #fff;

	border-radius: 5px;

}



.emoji,.emoji1 {

	/* position:absolute; */

	/* left: 12px; */

	/* margin-top: 23px; */

	padding: 10px;

}



.emoji img,.emoji1 img {

	width: 30px;

}



#emotions {

	bottom: 60px;

}



#emotions img {

	width: 22px

}



.chatRoom1 .txt p {

	width: auto;

	float: left

}



.zhuli {

	background: #00adff;

	color: #fff;

	padding: 1px 3px;

	margin-right: 5px;

	border-radius: 3px;

	font-size: 13px;

	margin-left: 5px;

}



.jinyan {

	color: #bbb;

	border: 1px solid #e8e8e8;

	line-height: 38px;

	padding-left: 20px;

	border-radius: 5px;

}



/*欢迎加入*/

.wel {

	width: 100%;

	background: url("https://img.in-en.com/resfile/mobile/live/img/huany_bg.png") no-repeat center;

	height: 40px;

	line-height: 40px;

	position: absolute;

	top: 50px;

	left: 0;

	color: #fff;

	font-size: 16px;

	text-align: center;

	background-size: 100% 100%;

}



.wel p {

	background: url("https://img.in-en.com/resfile/mobile/live/img/huany_l.png") no-repeat left center,url("https://img.in-en.com/resfile/mobile/live/img/huany_r.png") no-repeat right center;

	display: inline-block;

	padding: 0 30px;

	background-size: 20px;

}



.wel p span {

	padding: 0 5px;

}



/*邀请榜*/

div[class^='bdlist'] {

	overflow: hidden;

	/* margin-bottom: 15px; */

	padding: 20px 20px 0;

}



div[class^='bdlist'] .xh {

	background: #e8e8e8;

	width: 22px;

	height: 22px;

	border-radius: 15px;

	float: left;

	text-align: center;

	line-height: 22px;

	display: block;

	margin-top: 14px;

	margin-right: 10px;

}



div[class^='bdlist'] .bdtx {

	width: 46px;

	height: 46px;

	border-radius: 25px;

	float: left;

	margin-right: 10px;

}



div[class^='bdlist'] .bdtx img {

	width: 100%;

	border-radius: 50%;

}



div[class^='bdlist'] .bdtxt {

	float: left;

}



div[class^='bdlist'] .bdtxt p:first-child {

	margin-bottom: 5px;

	margin-top: 2px;

}



div[class^='bdlist'] .bdtxt p span {

	color: #0099ff;

	padding: 0 3px;

}



div[class^='bdlist0'],div[class^='bdlist1'],div[class^='bdlist2'] {

	padding-left: 52px;

	background: url(https://img.in-en.com/resfile/live/img/p1.png) no-repeat 18px 30px;

}



div[class^='bdlist1'] {

	background-image: url(https://img.in-en.com/resfile/live/img/p2.png)

}



div[class^='bdlist2'] {

	background-image: url(https://img.in-en.com/resfile/live/img/p3.png)

}



/*登录*/

.rightFixed {

	position: fixed;

	right: 0;

	bottom: 10%;

	width: 100px;

}



.myBtn {

	background: #fff;

	border-radius: 10px;

	width: 60px;

	text-align: center;

	padding: 20px 5px;

	margin: 0 auto;

}



.rightFixed p {

	font-size: 14px;

}



.Mobile {

	margin-bottom: 15px;

	position: relative;

	cursor: pointer;

}



/* 手机看 */

.mobileBox {

	position: absolute;

	left: -154px;

	top: 0;

	background: #fff;

	padding: 10px;

	border: 1px solid #e8e8e8;

}



.mobileBox:before {

	content: '';

	display: block;

	width: 15px;

	height: 15px;

	position: absolute;

	border-top: 1px solid #e8e8e8;

	border-left: 1px solid #e8e8e8;

	top: 10px;

	right: -9px;

	background: #fff;

	transform: rotate(135deg);

}



/*点赞*/

.like {

	text-align: center;

	margin-bottom: 20px;

}



.likeBox {

	position: relative;

}



.likeNum {

	color: #fff;

	background: #ffa200;

	position: absolute;

	top: 0;

	width: 40px;

	height: 15px;

	line-height: 15px;

	border-radius: 10px;

	left: 50%;

	margin-left: -20px;

	font-size: 10px;

}



/*微信登录框*/

.login {

	cursor: pointer;

}



.loginBox,.baoming {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	background: rgba(0,0,0,.5);

	z-index: 100000;

	display: none;

}



.login-main {

	width: 400px;

	height: 400px;

	background: #fff;

	border-radius: 10px;

	position: absolute;

	top: 50%;

	margin-top: -200px;

	left: 50%;

	margin-left: -200px;

	z-index: 1000;

}



.tit {

	padding-top: 30px;

	font-size: 24px;

	text-align: center;

	margin-bottom: 20px;

}



.login-main img {

	margin: 0 auto;

	display: block;

	width: 240px;

}



.login-main p {

	text-align: center;

	font-size: 16px;

}



/*报名表*/

.bmBox {

	width: 500px;

	background: #fff;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	margin-left: 50%;

	left: -250px;

	height: 570px;

	bottom: 0;

	position: absolute;

	/* padding-bottom: 50px; */

}



.bmBox h3 {

	text-align: center;

	margin: 18px 0 15px;

	border-bottom: 1px solid #e8e8e8;

	padding-bottom: 15px;

}



.bm {

	padding: 10px 22px 0;

}



.bm label {

	display: block;

	font-size: 14px;

	color: #333;

	margin-bottom: 15px;

}



.bm label em {

	color: #f00;

	padding-left: 5px;

}



.bm input[type='text'],.bm textarea {

	width: 96%;

	line-height: 40px;

	border-radius: 5px;

	border: 1px solid #e3e3e3;

	padding-left: 10px;

	font-size: 16px;

	margin-bottom: 5px;

	margin-top: 5px;

	color: #bbbbbb;

}



.bm input[type='submit'] {

	width: 90%;

	background: #00c558;

	color: #fff;

	line-height: 40px;

	border-radius: 38px;

	margin: 30px auto 0;

	display: block;

	font-size: 16px;

	position: absolute;

	bottom: 33px;

}



.close {

	position: absolute;

	top: 20px;

	right: 23px;

	/* border: 1px solid #ebebeb; */

	color: #999;

	/* padding: 2px 8px; */

	border-radius: 3px;

}



.close img {

	width: 15px;

}



.close1 {

	position: absolute;

	top: 20px;

	right: 20px;

	width: 30px;

}



.close1 img {

	width: 30px;

}



.bm input[type='text']::-webkit-input-placeholder {

	/* WebKit browsers */

	color: #CCCCCC;

	font-size: 13px;

}



.bm input[type='text']:-moz-placeholder {

	/* Mozilla Firefox 4 to 18 */

	color: #CCCCCC;

	font-size: 13px;

}



.bm input[type='text']::-moz-placeholder {

	/* Mozilla Firefox 19+ */

	color: #CCCCCC;

	font-size: 13px;

}



.bm input[type='text']:-ms-input-placeholder {

	/* Internet Explorer 10+ */

	color: #CCCCCC;

	font-size: 13px;

}



body {

	--bubble_time: 3s; --bubble_scale: 0.8s; }



.praise_bubble {

	width: 100px;

	height: 200px;

	position: relative;

}



.bubble {

	position: absolute;

	width: 40px;

	height: 40px;

	left: 30px;

	bottom: 0px;

	background-repeat: no-repeat;

	background-size: 100%;

	transform-origin: bottom;

}



.b1 {

	background-image: url(https://img.in-en.com/resfile/live/img/bg1.png);

	/*// 可以使用雪碧图*/

// background-position: -42px -107px;

// background-size: 188.5px 147px;

}



.b2 {

	background-image: url(https://img.in-en.com/resfile/live/img/bg2.png);

// background-position: -84px -107px;

// background-size: 188.5px 147px;

}



.b3 {

	background-image: url(https://img.in-en.com/resfile/live/img/bg3.png);

// background-position: 0 -107px;

// background-size: 188.5px 147px;

}



.b4 {

	background-image: url(https://img.in-en.com/resfile/live/img/bg4.png);

// background-position: -45px -62px;

// background-size: 188.5px 147px;

}



.b5 {

	background-image: url(https://img.in-en.com/resfile/live/img/bg5.png);

// background-position: -107px -42px;

// background-size: 188.5px 147px;

}



.b6 {

	background-image: url(https://img.in-en.com/resfile/live/img/bg6.png);

// background-position: -107px 0;

// background-size: 188.5px 147px;

}



.bl1 {

	animation: bubble_1 var(--bubble_time) linear 1 forwards, bubble_big_1 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl2 {

	animation: bubble_2 var(--bubble_time) linear 1 forwards, bubble_big_2 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl3 {

	animation: bubble_3 var(--bubble_time) linear 1 forwards, bubble_big_1 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl4 {

	animation: bubble_4 var(--bubble_time) linear 1 forwards, bubble_big_2 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl5 {

	animation: bubble_5 var(--bubble_time) linear 1 forwards, bubble_big_1 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl6 {

	animation: bubble_6 var(--bubble_time) linear 1 forwards, bubble_big_3 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl7 {

	animation: bubble_7 var(--bubble_time) linear 1 forwards, bubble_big_1 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl8 {

	animation: bubble_8 var(--bubble_time) linear 1 forwards, bubble_big_3 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl9 {

	animation: bubble_9 var(--bubble_time) linear 1 forwards, bubble_big_2 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl10 {

	animation: bubble_10 var(--bubble_time) linear 1 forwards, bubble_big_1 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



.bl11 {

	animation: bubble_11 var(--bubble_time) linear 1 forwards, bubble_big_2 var(--bubble_scale) linear 1 forwards, bubble_y var(--bubble_time) linear 1 forwards;

}



@keyframes bubble_11 {

	0% {

	}



	25% {

		margin-left: -10px;

	}



	50% {

		margin-left: -10px;

	}



	100% {

		margin-left: -18px;

	}

}



@keyframes bubble_10 {

	0% {

	}



	25% {

		margin-left: -20px;

	}



	50% {

		margin-left: -20px;

	}



	100% {

		margin-left: -20px;

	}

}



@keyframes bubble_9 {

	0% {

	}



	25% {

		margin-left: 10px;

	}



	50% {

		margin-left: 10px;

	}



	100% {

		margin-left: 10px;

	}

}



@keyframes bubble_8 {

	0% {

	}



	25% {

		margin-left: 20px;

	}



	50% {

		margin-left: 20px;

	}



	100% {

		margin-left: 20px;

	}

}



@keyframes bubble_7 {

	0% {

	}



	25% {

		margin-left: 3px;

	}



	50% {

		margin-left: 1px;

	}



	75% {

		margin-left: 2px;

	}



	100% {

		margin-left: 3px;

	}

}



@keyframes bubble_6 {

	0% {

	}



	25% {

		margin-left: -3px;

	}



	50% {

		margin-left: -1px;

	}



	75% {

		margin-left: -2px;

	}



	100% {

		margin-left: -3px;

	}

}



@keyframes bubble_5 {

	0% {

	}



	25% {

		margin-left: 5px;

	}



	50% {

		margin-left: -5px;

	}



	75% {

		margin-left: -10px;

	}



	100% {

		margin-left: -20px;

	}

}



@keyframes bubble_4 {

	0% {

	}



	25% {

		margin-left: -5px;

	}



	50% {

		margin-left: -5px;

	}



	75% {

		margin-left: 20px;

	}



	100% {

		margin-left: 10px;

	}

}



@keyframes bubble_3 {

	0% {

	}



	25% {

		margin-left: -20px;

	}



	50% {

		margin-left: 10px;

	}



	75% {

		margin-left: 20px;

	}



	100% {

		margin-left: -10px;

	}

}



@keyframes bubble_2 {

	0% {

	}



	25% {

		margin-left: 20px;

	}



	50% {

		margin-left: 25px;

	}



	75% {

		margin-left: 10px;

	}



	100% {

		margin-left: 5px;

	}

}



@keyframes bubble_1 {

	0% {

	}



	25% {

		margin-left: -8px;

	}



	50% {

		margin-left: 8px;

	}



	75% {

		margin-left: -15px;

	}



	100% {

		margin-left: 15px;

	}

}



@keyframes bubble_big_1 {

	0% {

		transform: scale(0.3);

	}



	100% {

		transform: scale(1.2);

	}

}



@keyframes bubble_big_2 {

	0% {

		transform: scale(0.3);

	}



	100% {

		transform: scale(0.9);

	}

}



@keyframes bubble_big_3 {

	0% {

		transform: scale(0.3);

	}



	100% {

		transform: scale(0.6);

	}

}



@keyframes bubble_y {

	0% {

		margin-bottom: 0;

	}



	10% {

		margin-bottom: 0;

	}



	75% {

		opacity: 1;

	}



	100% {

		margin-bottom: 200px;

		opacity: 0;

	}

}



/*倒计时*/

ul.countdown {

	list-style: none;

	/* margin: 75px 0; */

	padding: 0;

	display: block;

	text-align: left;

	position: absolute;

	bottom: 18px;

	left: 25px;

	width: 100%;

	/* background: rgba(255, 255, 255, 0.45); */

}



ul.countdown li {

	display: inline-block;

	font-size: 25px;

	color: #fff;

}



ul.countdown li span {

	/* font-size: 50px; */

	/* font-weight: 300; */

	line-height: 62px;

	background: rgba(0,0,0,.3);

	padding: 3px 5px;

	border-radius: 5px;

	color: #fff;

	margin: 0 5px;

	border: 1px solid #c1c1c1;

}



ul.countdown li.seperator {

	font-size: 80px;

	line-height: 70px;

	vertical-align: top;

}



ul.countdown li p {

	color: #a7abb1;

	font-size: 14px;

}



a {

	color: #76949F;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



.source {

	width: 405px;

	margin: 0 auto;

	background: #4f5861;

	color: #a7abb1;

	font-weight: bold;

	display: block;

	white-space: pre;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}



.btn {

	background: #f56c4c;

	margin: 40px auto;

	padding: 12px;

	display: block;

	width: 100px;

	color: white;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	text-decoration: none;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}



.btn:hover {

	text-decoration: none;

	opacity: .7;

}



.onError {

	color: #f00;

	font-size: 13px;

	float: right

}



.onSuccess {

	color: #1bbb1a;

	font-size: 13px;

	float: right

}



/*引流信息*/

.ylxx {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.8);

	z-index: 9999;

	text-align: center;

}



.ylxx p {

	color: #3e3e3e;

	font-size: 15px

}



.ylxx p:first-child {

	margin-top: 24px;

}



.ylxxBox {

	height: 300px;

	width: 300px;

	left: 50%;

	margin-left: -150px;

	position: absolute;

	top: 50%;

	margin-top: -150px;

	background: #fff;

	border-radius: 15px;

}



.close2 {

	margin-top: 80px;

}



.close2 img {

	width: 30px;

}



/*输入密码*/

.mima {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.85);

	z-index: 10000;

}



.mima form {

	background: #fff;

	padding: 20px 30px;

	border-radius: 10px;

	width: 300px;

	height: 100px;

	position: absolute;

	left: 50%;

	margin-left: -150px;

	top: 50%;

	margin-top: -90px;

}



.mima form h4 {

	font-size: 16px;

	margin-bottom: 20px;

}



.mima form input[type='text'] {

	border: 1px solid #e8e8e8;

	width: 204px;

	line-height: 40px;

	font-size: 14px;

	padding-left: 8px;

}



.mima form input[type='submit'] {

	width: 80px;

	line-height: 42px;

	background: #00b2ff;

	color: #fff;

	font-size: 16px;

}



@media only screen and (max-width: 1633px) and (min-width: 1349px) {

	.content {

		width: 95%;

		overflow: hidden;

	}



	.player {

		width: 72%;

	}



	.side {

		width: 25%;

	}



	.inpBox input[type="text"] {

		width: 72%;

	}

}



@media all and (max-width: 768px) {

	body {

		background:#fff;

	}



	.content {

		width: 100%;

		margin: 0 auto;

	}



	.video {

		width: 100%;

	}



	.side {

		position: static;

		width: 100%;

		height: 450px;

	}



	.bmBox {

		width: 94%;

		margin: 0 auto;

		left: 3%;

	}



	.wks img, .ztz img, .yjs img {

		height: auto;

		display: block;

	}



	.player {

		width: 100%;

		height: 100%;

	}



	/*tab切换*/

	#box {

		/* height: 400px; */

		width: 100%;

		/* border: 1px solid #ccc; */

		/* padding: 10px; */

		/* padding: 20px 0; */

	}



	.hd {

		height: 30px;

		width: 100%;

		padding: 0;

		margin: 0;

		background: #fff;

		height: 40px;

		line-height: 40px;

	}



	.hd li {

		display: block;

		text-align: center;

		width: 50%;

		float: left;

		list-style: none;

		cursor: pointer;

		height: 46px;

		line-height: 46px;

		font-size: 16px;

	}



	.hd .choice {

		border-bottom: 2px solid #409EFF;

		color: #409EFF;

		font-weight: 700;

		line-height: 44px;

		height: 44px;

	}



	.tab-item {

		display: none;

	}



	.show {

		display: block;

	}



	.show p img {

		width: 90%;

		margin: 0 auto;

		display: block;

	}



	.chat .chatRoom .txt img {

		width: auto;

		display: inline-block;

	}



	.jieshao-content {

		padding: 20px 0;

	}



	.shuru {

		bottom: 10px;

	}



	.inpBox {

		width: 84%

	}



	/*.top{position: relative;}*/

	.title {

		overflow: hidden;

		padding: 15px 20px;

	}



	.room-name {

		font-size: 20px;

		margin-bottom: 0;

	}



	.live-info {

		width: 100%;

		display: block;

	}



	.live-info span {

		background: none;

		padding-left: 0;

		padding: 0;

		padding-right: 20px;

	}



	.live-status {

		margin-left: 0;

		border: none;

		font-size: 14px;

		color: #f00;

		background: none;

	}



	.live-info span.fr {

		padding-right: 0;

	}



	.wks p, .ztz p, .yjs p {

		bottom: 0;

		font-size: 16px;

		line-height: 32px;

		background: rgba(0,0,0,.5);

	}



	.like {

		margin-bottom: 0;

	}



	.likeBtn {

		width: 40px;

	}



	.likeNum {

		width: 36px;

		margin-left: -18px;

		font-size: 11px;

	}



	.info1 {

		z-index: 1000;

		bottom: 95px;

		left: 12px;

		color: #759eff;

		background: hsla(210, 100%, 74%, 0.27);

	}



	.rightFixed {

		right: -16px;

	}

}



/*底部*/

.footer {

	background-color: #333;

	padding: 20px 0;

	text-align: center;

	font-size: 14px;

	margin-top: 30px;

}



.footer .content {

	margin-top: 0;

}



.footer p {

	color: #d2d2d2;

	margin: 0px;

	padding: 0px;

	line-height: 26px;

}



.footerNav {

	text-align: center;

	line-height: 35px;

}



.footer p:first-child {

	/* margin: 5px 0; */

}



.footer p:first-child a:hover {

	color: #00a67c;

}



.footer a {

	color: #e6e6e6;

	padding: 0 12px;

}



.footerNav li:last-child {

	width: 140px;

	float: right;

	text-align: center;

	background: none;

	padding: 0;

	color: #fff;

	line-height: 30px;

	font-size: 14px;

}



.footerNav li:last-child img {

	width: 100px;

	height: 100px;

}



.footer p:last-child {

	/* margin-top: 6px; */

}



.footer p:last-child a img {

	width: 74px;

	height: 24px;

	border: 1px solid #d2d2d2;

	padding: 1px;

}



/*登录框*/

.loginBox1 {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	z-index: 1000;

	display: none;

}



.loginB {

	background: #fff;

	padding: 0 40px;

	width: 320px;

	height: 400px;

	position: fixed;

	top: 50%;

	left: 50%;

	margin-left: -160px;

	margin-top: -200px;

	z-index: 1001;

	border-radius: 6px;

}



.loginB img {

	width: 175px;

	margin: 20px auto 10px;

	display: block;

}



.loginB h2 {

	text-align: center;

	color: #595959;

	background: url("https://img.in-en.com/resfile/images/login_h2_bg.jpg") no-repeat left center,url("https://img.in-en.com/resfile/images/login_h2_bg.jpg") no-repeat right center;

	margin-bottom: 25px;

	font-weight: normal;

	font-size: 22px;

}



.loginB .user_input {

	border: 1px solid #dddddd;

	width: 316px;

	height: 38px;

	border-radius: 3px;

	margin-bottom: 10px;

	padding-left: 5px;

}



.loginB .btn1 input {

	width: 324px;

	height: 43px;

	background: #00903a;

	border-radius: 3px;

	text-align: center;

	color: #fff;

	font-size: 16px;

}



.loginB .user_reg {

	background: none;

	font-weight: normal;

	width: 100%;

	padding: 5px 0 0;

	text-align: left;

}



.loginB .user_reg a:link {

	color: #ff7800;

}



.loginB .close3 {

	position: absolute;

	top: 0;

	right: 10px;

	font-size: 37px;

	color: #bbbbbb;

	cursor: pointer;

}



.loginB div img {

	width: 40px;

}



/*红包雨*/

.content3 {

	position: fixed;

	top: 0;

	width: 100%;

}



.red-box {

	position: absolute;

}



.red-box img {

	width: 50px;

	height: auto;

	cursor: pointer;

}



.hide {

	display: none;

}



.time {

	position: absolute;

	right: 30px;

	bottom: 30px;

	color: red;

	font-size: 20px;

}



.dialog {

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.8);

	z-index: 99999

}



.title2 {

	width: 80%;

	height: 300px;

	position: absolute;

	top: 50%;

	margin-top: -150px;

	left: 10%;

	background: #fff;

	border-radius: 5px;

}



.close {

	position: absolute;

	top: 20px;

	right: 20px;

	width: 30px;

}



.close img {

	width: 100%;

}



.form3 {

	width: 440px;

	height: 500px;

	background: url("https://img.in-en.com/resfile/mobile/live/img/zj_bg.png") no-repeat center;

	margin-left: -220px;

	background-size: 100% 100%;

}



.formB {

	width: 60%;

	margin: 0 auto 14px;

}



.wzj {

	width: 300px;

	margin-left: -150px;

}



.wzj img {

	width: 100%

}



.jp {

	margin-top: 149px;

	margin-bottom: 20px;

	text-align: center;

	font-size: 16px;

}



.formB input[type='text'] {

	border: 1px solid #e8e8e8;

	display: block;

	line-height: 36px;

	width: 100%;

	margin-bottom: 10px;

	padding-left: 5px;

}



.formB input[type='submit'] {

	background: url("https://img.in-en.com/resfile/mobile/live/img/tj_bg.png") no-repeat center;

	background-size: 100% 100%;

	width: 130px;

	height: 36px;

	color: #fff;

	margin: 20px auto;

	display: block;

	font-size: 16px;

	line-height: 36px;

}



.close8 {

	position: absolute;

	top: 134px;

	right: 50px;

	width: 30px;

}



.close8 img {

	width: 100%;

}



.prism-player .prism-setting-list .prism-setting-cc,.prism-player .prism-setting-list .prism-setting-quality,.prism-player .prism-setting-list .prism-setting-audio {

	display: none;

}



.glyImg {

	width: 200px;

}



#Dtop {

	background: #fff;

	padding: 20px;

	border-radius: 10px;

	text-align: center;

}



.dhead {

	font-size: 18px;

	font-weight: 700;

	/* margin-bottom:20px; */

}



.dbox .btn,.btn-b {

	margin: 20px auto 0;

	border-radius: 3px;

	padding: 6px 0;

	display: inline-block;

	width: 70px;

	font-size: 15px;

	background: #ccc;

}



.btn-b {

	background: #00c3b8;

	color: #fff;

}



#remote_0,label[for="remote_0"],#remote_1,label[for="remote_1"] {

	display: none;

}



#local_url {

	text-align: center;

}



#upthumb {

	/* width:200px; */

	display: inline-block;

}



/* 上传按钮 */

.jt {

	position: absolute;

	bottom: 40px;

	right: 30px;

	background: #0076ff;

	padding: 3px 10px;

	color: #fff;

	border-radius: 3px;

	font-size: 12px;

}