body,
html {
	background: #fff;
	width: 100%;
	height: 100%
}
.weixin_main{
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
	display: none;
}
.weixin_main img{
    width: 5.46rem;
    height: 3.3rem;
    margin-left: 1.84rem;
    margin-top: 0.2rem;
}
.main {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

header {
	height: .86rem;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 3
}

header .nick {
	height: .85rem;
	border-radius: .42rem;
	float: left;
	display: flex;
	align-items: center;
	margin-left: .18rem;
	margin-top: .18rem;
	background: linear-gradient(270deg, #C2F700 0%, #FFF000 100%, #FFF000 100%);
	padding-right: .15rem
}

.bgBox {
	width: 100%;
	height: 100%;
}

.bgBox-1 {
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #253050, #253050 50%, #502447 50%, #502447 100%)
}

.bgBox-2 {
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #502447, #502447 50%, #253050 50%, #253050 100%)
}

.img-outer {
	width: 100%;
	margin: 0 auto;
	top: 6rem;
	position: absolute;
	text-align: center
}

.img-box {
	width: 6rem;
	height: auto;
	display: inline-block
}

.videobg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0
}

.voice-living {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	/* display: none; */
	opacity: 0;
}

@keyframes avatarborder {
	4% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_1.png) no-repeat center/100%;
	}

	8% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_2.png) no-repeat center/100%;
	}

	12% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_3.png) no-repeat center/100%;
	}

	16% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_4.png) no-repeat center/100%;
	}

	20% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_5.png) no-repeat center/100%;
	}

	24% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_6.png) no-repeat center/100%;
	}

	28% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_7.png) no-repeat center/100%;
	}

	32% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_8.png) no-repeat center/100%;
	}

	36% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_9.png) no-repeat center/100%;
	}

	40% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_10.png) no-repeat center/100%;
	}

	44% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_11.png) no-repeat center/100%;
	}

	48% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_12.png) no-repeat center/100%;
	}

	52% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_13.png) no-repeat center/100%;
	}

	56% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_14.png) no-repeat center/100%;
	}

	60% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_15.png) no-repeat center/100%;
	}

	64% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_16.png) no-repeat center/100%;
	}

	68% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_17.png) no-repeat center/100%;
	}

	72% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_18.png) no-repeat center/100%;
	}

	76% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_19.png) no-repeat center/100%;
	}

	80% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_20.png) no-repeat center/100%;
	}

	84% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_21.png) no-repeat center/100%;
	}

	88% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_22.png) no-repeat center/100%;
	}

	92% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_23.png) no-repeat center/100%;
	}

	96% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_24.png) no-repeat center/100%;
	}

	100% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_25.png) no-repeat center/100%;
	}

	100% {
		background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_25.png) no-repeat left/100%;
	}
}

.avatar-border {
	width: 3.0rem;
	height: 3.0rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: url(https://dev.imkktv.com/web/kx-live/static/imgs/sound-waves/voice_w_1.png) no-repeat center/100%;
	position: absolute;
	top: 3.0667rem;
	left: 50%;
	transform: translateX(-50%);
	/* animation: 2s avatarborder linear infinite; */
}

.anchor-avatar {
	width: 2.1333rem;
	height: 2.1333rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

#video {
	z-index: 0;
	width: 100%;
	height: 100vh;
	display: block;
	overflow: hidden;
	object-fit: fill;
	position: absolute;
	padding: 0;
	background: url(https://kkimg.imkktv.com/web/h5/activity/share/video-bg.png) no-repeat center/100%;

}
#video video{
	width: 100%;
	height: 92vh;
	line-height: 92vh;
}
.live-video {
	width: 100%;
	height: 100%;
	position: relative
}

.vcp-player {
	position: relative;
	z-index: 0;
	font-family: Tahoma, \\5FAE\8F6F\96C5\9ED1, \u5b8b\u4f53, Verdana, Arial, sans-serif;
	background-color: #000
}

header .nick img {
	float: left;
	width: .82rem;
	height: .82rem;
	border-radius: 50%;
	margin-right: .1rem
}

header .nick div {
	float: right;
	height: 100%;
	padding: .15rem 0;
	box-sizing: border-box
}

header .nick div p {
	font-size: .24rem;
	color: #000000;
	height: .3rem;
	line-height: .3rem;
	overflow: hidden
}

header .nick div span {
	font-size: .18rem;
	color: #000000;
}

header .seeingNum {
	float: right;
	margin-top: .36rem;
	width: 2.06rem;
	height: .5rem;
	background: rgba(0, 0, 0, 0.6);
	border-radius: .25rem 0 0 .25rem;
	text-align: center;
	line-height: .5rem;
	font-size: .2rem;
	color: #fff;
	display: flex;
	align-items: center;
}

.livingicon {
	padding-left: 0.12rem;
	padding-right: 0.04rem;
	width: 0.16rem;
	height: 0.16rem;
}

.livingtxt {
	width: 0.5rem;
	height: 0.24rem;
	font-weight: 500;
	font-size: 0.16rem;
	color: #55DC85;
	line-height: 0.24rem;
	text-align: center;
	padding-right: 0.08rem;
}


.invite {
	max-width: 6.1rem;
	height: 1.08rem;
	background: rgba(255, 255, 255, 1);
	border-radius: .54rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.6rem;
	margin: auto;
	padding: 0 .2rem;
	box-sizing: border-box;
	font-size: .24rem;
	color: #222;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	z-index: 3;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.invite .btn {
	width: 1.2rem;
	height: .68rem;
	background: linear-gradient(270deg, #C2F700 0%, #FFF000 100%, #FFF000 100%);
	border-radius: 0.54rem;
	font-size: .28rem;
	font-weight: 500;
	color: #000;
	display: inline-block;
	text-align: center;
	line-height: .68rem;
	margin-left: 1.4rem;
}

.invite .name {
	/* max-width: 3.1rem; */
	/* width: 2.9rem; */
	/* margin-right: .1rem; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	text-align: center;
	line-height: .56rem;
	height: .56rem;
	/* margin: 0 auto; */
}

.main .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
	background: rgba(0, 0, 0, 0.4)
}

.start {
	width: 1.54rem;
	height: 1.54rem;
	background: url(https://kkimg.imkktv.com/web/h5/activity/share/start.png)left top no-repeat;
	background-size: 1.54rem;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 5;
	border-radius: 50%;
	display: none
}

#footer {
	width: 100%;
	height: 1.32rem;
	position: fixed;
	bottom: 0;
	display: none
}

footer {
	width: 100%;
	height: 1.32rem;
	position: fixed;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 .14rem 0 .28rem;
	box-sizing: border-box;
	background: #fff
}

footer .logo {
	width: .84rem;
	height: .84rem;
	background: url(https://kkimg.imkktv.com/web/mobile/activity/my-share/logo.png)left top no-repeat;
	background-size: .84rem;
	margin-right: .12rem;
	z-index: 3
}

footer .slogan {
	height: .84rem;
	padding: .1rem 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box
}

footer .slogan p {
	color: #222;
	font-size: .26rem
}

footer .slogan p:last-child {
	color: #222;
	font-size: .2rem
}

footer .download {
	width: 1.94rem;
	height: .80rem;
	background: linear-gradient(270deg, #C2F700 0%, #FFF000 100%, #FFF000 100%);
	font-size: .28rem;
	font-weight: 500;
	color: #000;
	border-radius: .54rem;
	display: inline-block;
	text-align: center;
	line-height: .8rem
}

.margin {
	height: .1rem;
	width: 100%;
	background: #f6f6f6;
	width: 100%
}

.list {
	overflow: hidden;
	padding-bottom: 1.32rem
}

.list .title {
	width: 100%;
	height: .8rem;
	font-size: .26rem;
	font-weight: 800;
	line-height: .8rem;
	color: #222;
	text-indent: .23rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.list .title .f_r {
	margin-right: .23rem
}

.list .title .f_r img {
	width: .24rem;
	margin-right: .1rem
}

#liveList {
	width: 100%;
	padding: 0 .1rem;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 1px solid #f6f6f6
}

#liveList li {
	width: 3.6rem;
	height: 3.6rem;
	border-radius: 2px;
	float: left;
	overflow: hidden;
	margin-bottom: .1rem;
	position: relative
}

li a {
	display: block;
	width: 100%;
	height: 100%
}

#liveList li .image {
	width: 3.6rem;
	height: 3.6rem
}

#liveList li:nth-child(odd) {
	float: left
}

#liveList li:nth-child(even) {
	float: right
}

#liveList li .state {
	width: .76rem;
	height: .3rem;
	text-align: center;
	line-height: .3rem;
	color: #fff;
	font-size: .16rem;
	background: rgba(0, 0, 0, 0.4);
	border-radius: .2rem;
	position: absolute;
	right: .1rem;
	top: .1rem
}

.over {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	z-index: 3;
	display: none
}

.over .finished {
	width: 5.7rem;
	height: 5.26rem;
	background: url(https://kkimg.imkktv.com/web/h5/activity/share/liveover_popup_bg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2.93rem;
	margin-top: -2.21rem;
	overflow: hidden
}

.over .finished .playover {
	font-size: .32rem;
	color: #fff;
	height: 0.44rem;
	width: 100%;
	line-height: 0.44rem;
	text-align: center;
	padding-top: 0.48rem;
}

.userhead {
	width: 1.5rem;
	height: 1.5rem;
	margin-left: 2.1rem;
	padding-top: 0.36rem;
}

.userhead img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.nickname {
	width: 100%;
	height: 0.6rem;
	text-align: center;
	font-weight: 600;
	font-size: 0.44rem;
	color: #FFFFFF;
	line-height: 0.6rem;
	padding-top: 0.16rem;
}

.userid {
	width: 100%;
	height: 0.36rem;
	text-align: center;
	font-weight: 500;
	font-size: 0.26rem;
	color: rgba(255, 255, 255, 0.6);
	line-height: 0.36rem;
}

.over .line {
	width: 100%;
	height: .4rem;
	color: #fff;
	font-size: .28rem;
	padding-top: 0.4rem;
	text-align: center;
}



.weixin-tip {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	filter: alpha(opacity=80);
	height: 100%;
	width: 100%;
	z-index: 999
}

.weixin-tip p {
	text-align: center;
	margin-top: 10%;
	padding: 0 5%
}

.weixin-tip img {
	width: 100%
}

.weixin-tip_and {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	filter: alpha(opacity=80);
	height: 100%;
	width: 100%;
	z-index: 100
}

.weixin-tip_and img {
	width: 100%
}

.weixin-tip_and p {
	text-align: center;
	margin-top: 10%;
	padding: 0 5%
}

 .vjs-hidden,.vjs-loading-spinner,.vjs-big-play-button,.vjs-control,.vjs-button,.vjs-time-control,.vjs-spacer{
	display: none !important;
}