.wrapper[data-v-0c9c68b7] {
	max-width: 800px;
	margin: 0 auto
}

.promote-mask[data-v-0c9c68b7] {
	position: fixed;
	width: 100%;
	height: 100%;
	max-width: 800px;
	z-index: 3;
	background: rgba(0, 0, 0, .8);
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.promote-mask-img[data-v-0c9c68b7] {
	width: 90%
}

@media screen and (min-width:800px) {
	.promote-mask-img[data-v-0c9c68b7] {
		height: 90%;
		width: auto
	}
}

.live[data-v-67590949] {
	padding: 3rem 0 3.5rem
}

.live-header[data-v-67590949] {
	height: 3rem;
	background-color: #fff;
	display: flex
}

.live-header-item[data-v-67590949] {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 3px solid transparent;
	color: #999
}

.live-header .active[data-v-67590949] {
	color: #fa5046;
	border-bottom: 3px solid #fa5046
}

.live-site[data-v-67590949] {
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	margin-top: .3rem;
	padding: .3rem 0
}

.live-site a[data-v-67590949] {
	text-align: center;
	font-size: .8rem;
	font-weight: 700;
	color: #000;
	text-decoration: none
}

.live-site a img[data-v-67590949] {
	width: 3.7rem;
	height: 3.7rem
}

.live-main[data-v-67590949] {
	background-color: #fff;
	padding: 1rem;
	margin-top: .3rem
}

.live-main-header[data-v-67590949] {
	display: flex;
	align-items: center;
	margin-bottom: 1rem
}

.live-main-header img[data-v-67590949] {
	width: 3rem;
	height: 3rem;
	margin-right: 1rem
}

.live-main-header span[data-v-67590949] {
	font-weight: 700;
	font-size: 1.2rem
}

.live-main-header a[data-v-67590949] {
	position: absolute;
	right: 0;
	display: flex;
	align-items: center;
	color: red;
	font-weight: 700;
	font-size: .8rem
}

.live-main-header a img[data-v-67590949] {
	width: 16px;
	height: 16px
}

@media screen and (min-width:800px) {
	.live-main-header a[data-v-67590949] {
		position: relative;
		margin-left: 460px
	}
}

.live-main-list[data-v-67590949] {
	display: flex;
	justify-content: space-between
}

.live-main .style1-item[data-v-67590949] {
	border-radius: .3rem;
	padding: .3rem .3rem 0;
	min-width: 2.7rem
}

.live-main .style1-item-top[data-v-67590949] {
	background-color: #fff;
	border-radius: .3rem;
	padding: .1rem .2rem;
	font-size: .7rem;
	color: #666;
	white-space: nowrap;
	text-align: center
}

.live-main .style1-item-bottom[data-v-67590949] {
	text-align: center;
	color: #fff
}

.live-main .style1-item[data-v-67590949]:last-child {
	margin: 0 0 0 1rem
}

.live-main .style1-item[data-v-67590949]:last-child:before {
	content: "+";
	position: absolute;
	margin: .5rem 0 0 -1.4rem;
	font-size: 1.3rem;
	color: #bbb
}

.live-main .style1 .red[data-v-67590949] {
	background-color: #ed2a43
}

.live-main .style1 .blue[data-v-67590949] {
	background-color: #0d8ddd
}

.live-main .style1 .green[data-v-67590949] {
	background-color: #1ab246
}

@media screen and (min-width:800px) {
	.live-main .style1-item[data-v-67590949] {
		min-width: 5.5rem
	}

	.live-main .style1-item-top[data-v-67590949] {
		font-size: 1rem
	}

	.live-main .style1-item-bottom[data-v-67590949] {
		font-size: 1.5rem
	}

	.live-main .style1-item[data-v-67590949]:last-child {
		margin: 0 0 0 3rem
	}

	.live-main .style1-item[data-v-67590949]:last-child:before {
		margin: .8rem 0 0 -2.5rem
	}
}

.live-main .style2-item[data-v-67590949] {
	min-width: 2.7rem
}

.live-main .style2-item-top[data-v-67590949] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	margin: 0 auto
}

.live-main .style2-item-bottom[data-v-67590949] {
	margin-top: .3rem;
	color: #666;
	text-align: center;
	font-size: .7rem
}

.live-main .style2-item[data-v-67590949]:last-child {
	margin: 0 0 0 1rem
}

.live-main .style2-item[data-v-67590949]:last-child:before {
	content: "+";
	position: absolute;
	margin: .5rem 0 0 -1.1rem;
	font-size: 1.3rem;
	color: #bbb
}

.live-main .style2 .red[data-v-67590949] {
	border: .4rem solid #ed2a43
}

.live-main .style2 .blue[data-v-67590949] {
	border: .4rem solid #0d8ddd
}

.live-main .style2 .green[data-v-67590949] {
	border: .4rem solid #1ab246
}

@media screen and (min-width:800px) {
	.live-main .style2-item[data-v-67590949] {
		min-width: 6rem
	}

	.live-main .style2-item-top[data-v-67590949] {
		width: 3.5rem;
		height: 3.5rem;
		font-size: 1.5rem
	}

	.live-main .style2-item-bottom[data-v-67590949] {
		font-size: 1rem
	}

	.live-main .style2-item[data-v-67590949]:last-child {
		margin: 0 0 0 3rem
	}

	.live-main .style2-item[data-v-67590949]:last-child:before {
		margin: 1rem 0 0 -2rem
	}
}

.live-main .style3-item[data-v-67590949] {
	min-width: 2.7rem
}

.live-main .style3-item-top[data-v-67590949] {
	text-align: center;
	width: 2.5rem;
	height: 2.5rem;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 0 .2rem .3rem 0
}

.live-main .style3-item-bottom[data-v-67590949] {
	margin-top: .3rem;
	color: #666;
	text-align: center;
	font-size: .7rem
}

.live-main .style3-item[data-v-67590949]:last-child {
	margin: 0 0 0 1rem
}

.live-main .style3-item[data-v-67590949]:last-child:before {
	content: "+";
	position: absolute;
	margin: .5rem 0 0 -1.1rem;
	font-size: 1.3rem;
	color: #bbb
}

.live-main .style3 .red[data-v-67590949] {
	background-image: url(/_nuxt/img/red.070b9a1.png)
}

.live-main .style3 .blue[data-v-67590949] {
	background-image: url(/_nuxt/img/blue.c9ad396.png)
}

.live-main .style3 .green[data-v-67590949] {
	background-image: url(/_nuxt/img/green.c8d1691.png)
}

@media screen and (min-width:800px) {
	.live-main .style3-item[data-v-67590949] {
		min-width: 6rem
	}

	.live-main .style3-item-top[data-v-67590949] {
		width: 3.5rem;
		height: 3.5rem;
		font-size: 1.5rem;
		padding: 0 .3rem .3rem 0
	}

	.live-main .style3-item-bottom[data-v-67590949] {
		font-size: 1rem
	}

	.live-main .style3-item[data-v-67590949]:last-child {
		margin: 0 0 0 3rem
	}

	.live-main .style3-item[data-v-67590949]:last-child:before {
		margin: 1rem 0 0 -2rem
	}
}

.live-main .style4-item[data-v-67590949] {
	border: 1px solid #d6d6d6;
	min-width: 2.7rem
}

.live-main .style4-item-top[data-v-67590949] {
	color: #fff;
	text-align: center;
	padding: 0 .6rem
}

.live-main .style4-item-bottom[data-v-67590949] {
	border-top: 1px solid #d6d6d6;
	text-align: center;
	color: #666;
	font-size: .7rem;
	white-space: nowrap;
	padding: .15rem .6rem
}

.live-main .style4-item[data-v-67590949]:last-child {
	margin: 0 0 0 1.5rem
}

.live-main .style4-item[data-v-67590949]:last-child:before {
	content: "+";
	position: absolute;
	margin: .5rem 0 0 -1.25rem;
	font-size: 1.3rem;
	color: #bbb
}

.live-main .style4 .red[data-v-67590949] {
	background-color: #ed2a43
}

.live-main .style4 .blue[data-v-67590949] {
	background-color: #0d8ddd
}

.live-main .style4 .green[data-v-67590949] {
	background-color: #1ab246
}

@media screen and (min-width:800px) {
	.live-main .style4-item[data-v-67590949] {
		min-width: 6.5rem
	}

	.live-main .style4-item-top[data-v-67590949] {
		font-size: 1.5rem
	}

	.live-main .style4-item-bottom[data-v-67590949] {
		font-size: 1rem;
		padding: .35rem .6rem
	}

	.live-main .style4-item[data-v-67590949]:last-child {
		margin: 0 0 0 3rem
	}

	.live-main .style4-item[data-v-67590949]:last-child:before {
		margin: 1rem 0 0 -2rem
	}
}

.live-main .style5-item[data-v-67590949] {
	min-width: 2.7rem
}

.live-main .style5-item-top[data-v-67590949] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	margin: 0 auto;
	color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5)
}

.live-main .style5-item-bottom[data-v-67590949] {
	margin-top: .3rem;
	color: #666;
	text-align: center;
	font-size: .7rem
}

.live-main .style5-item[data-v-67590949]:last-child {
	margin: 0 0 0 1rem
}

.live-main .style5-item[data-v-67590949]:last-child:before {
	content: "+";
	position: absolute;
	margin: .5rem 0 0 -1.1rem;
	font-size: 1.3rem;
	color: #bbb
}

.live-main .style5 .red[data-v-67590949] {
	background-color: #ed2a43
}

.live-main .style5 .blue[data-v-67590949] {
	background-color: #0d8ddd
}

.live-main .style5 .green[data-v-67590949] {
	background-color: #1ab246
}

@media screen and (min-width:800px) {
	.live-main .style5-item[data-v-67590949] {
		min-width: 6rem
	}

	.live-main .style5-item-top[data-v-67590949] {
		width: 3.5rem;
		height: 3.5rem;
		font-size: 1.5rem
	}

	.live-main .style5-item-bottom[data-v-67590949] {
		font-size: 1rem
	}

	.live-main .style5-item[data-v-67590949]:last-child {
		margin: 0 0 0 3rem
	}

	.live-main .style5-item[data-v-67590949]:last-child:before {
		margin: 1rem 0 0 -2rem
	}
}

.live-main-btn[data-v-67590949] {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem
}

.live-main-btn div[data-v-67590949] {
	width: 47.5%;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.live-main-btn div img[data-v-67590949] {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: .3rem
}

.live-main-btn .copy[data-v-67590949] {
	border: 1px solid #e75d4f;
	color: #e75d4f
}

.live-main-btn .refresh[data-v-67590949] {
	background-color: #e75d4f;
	color: #fff
}

.live-main-btn .refresh.disable[data-v-67590949] {
	opacity: .5
}

.live-info[data-v-67590949] {
	background-color: #fff;
	padding: 1rem 2rem;
	margin-top: .5rem
}

.live-info-next[data-v-67590949] {
	color: #fa5046;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: .5rem
}

.live-info-record[data-v-67590949] {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e75d4f;
	background-color: #feeeed;
	color: #e75d4f;
	height: 3rem;
	font-weight: 700
}

.live .banner img[data-v-67590949] {
	width: 100%
}