@font-face {
	font-family: 'dingtalk';
	/* 定义字体名称 */
	src: url('./DingTalk JinBuTi.ttf') format('truetype');
	/* 指定 TTF 字体文件的路径和格式 */
}

@font-face {
	font-family: 'Barlow';
	/* 定义字体名称 */
	src: url('./Barlow-BoldItalic.ttf') format('truetype');
	/* 指定 TTF 字体文件的路径和格式 */
}

@font-face {
	font-family: 'siyuan';
	src: url('//at.alicdn.com/t/webfont_0q82cltaxst.eot');
	/* IE9*/
	src: url('//at.alicdn.com/t/webfont_0q82cltaxst.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('//at.alicdn.com/t/webfont_0q82cltaxst.woff2') format('woff2'),
		url('//at.alicdn.com/t/webfont_0q82cltaxst.woff') format('woff'),
		/* chrome、firefox */
		url('//at.alicdn.com/t/webfont_0q82cltaxst.ttf') format('truetype'),
		/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
		url('//at.alicdn.com/t/webfont_0q82cltaxst.svg#思源黑体-粗') format('svg');
	/* iOS 4.1- */
}

/*思源黑体,这里是自定义名称，可以起别的名字，比如思源常规都可以*/
* {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-family: dingtalk;
	/* 使用定义的字体 */
}

.form-range {
	width: 100%;
}


.live_demo {
	display: block;
	height: 60%;
	margin: 0 auto;
}

@media (max-width:768px) {
	.live {
		width: 100% !important;
		height: 18rem !important;
		float: none !important
	}

	.list {
		float: none !important;
		width: 96% !important;
		margin: 0 !important;
		height: 7rem !important;
		margin: 0.5rem auto !important;
	}

	#uploadImage {
		width: 5rem !important;
		margin: 0 !important;
		height: 5rem !important;
		margin-top: 1rem !important;
		margin-left: 1rem !important;
	}

	.list_img {
		width: 5rem !important;
		margin: 0 !important;
		height: 5rem !important;
		margin-top: 1rem !important;
		margin-left: 1rem !important;
	}

	.live span {
		font-size: 1rem !important;
	}

	.contolle {
		float: none !important;
		width: 95% !important;
		position: relative !important;
		height: 100% !important;
		right: 0 !important;
		top: 0 !important;
		margin: 0 auto !important;
		overflow: hidden;
	}
}