@charset "utf-8";
@import url("//at.alicdn.com/t/c/font_2395912_zlwjl9fsqki.css");

:root {
	--col1: #a54143;
	--col2: #4f2426;
	--col3: #fe4040;
	--col4: #654041;
	--col5: #efcc50;
}



/* ICON  */
.iconfont {
	transition: 0.5s;
}



article,

aside,

dialog,

footer,

header,

section,

nav,

figure,

menu {

	display: block
}



* {

	margin: 0;

	padding: 0;

	border: none;

	box-sizing: border-box;

	outline: none;
}



a {
	color: #333;
	cursor: pointer;
	transition: 0.5s;
	text-decoration: none;
}



a:hover {

	color: inherit;

}



li {

	list-style: none;

	padding: 0px;

}



video {

	display: block;

	object-fit: fill;

}



input {}



input:focus {

	outline: none;

}



input[type=reset],

input[type=button] {

	cursor: pointer;

}



input::-webkit-input-placeholder {

	color: #999;

}



input::-moz-placeholder {

	color: #999;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}

img {
	max-width: 100%;
}


/***超出隐藏***/



.over-h {

	overflow: hidden;

}



.over-v {

	overflow: visible;

}



.d-no {

	display: none !important;

}



/* 单行 */



.ellip {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}



/* 多行 */



.webkit2 {

	display: -webkit-box;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.webkit3 {

	display: -webkit-box;

	overflow: hidden;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}



.margin-auto {

	margin: 0 auto;

}



/**浮动**/



.clear:after {

	content: '';

	display: block;

	clear: both;

	width: 100%;

	height: 0;

}



.fl-l {

	float: left;

}



.fl-r {

	float: right;

}



/***定位***/

.pos-r {

	position: relative;

}



.pos-a {

	position: absolute;

}



/* item2 */

.item2 {

	display: flex;

	flex-wrap: wrap;

}



.item2 .item {

	width: 48%;

	margin-right: 2%;

}



.item2 .item:nth-child(2n) {

	margin-right: 0%;

}



.item2 .item:nth-child(n+3) {

	margin-top: 2%;

}



/* item4 */

.item4 {

	display: flex;

	flex-wrap: wrap;

}



.item4 .item {

	width: 23.5%;

	margin-right: 2%;

}



.item4 .item:nth-child(4n) {

	margin-right: 0%;

}



.item4 .item:nth-child(n+5) {

	margin-top: 2%;

}


/* 图片 */
.pic-box {
	position: relative;
	overflow: hidden;
	height: 0;
	display: block;
}

.pic-box img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.pic-box2 {
	position: relative;
	overflow: hidden;
	display: block;
}

.pic-box2 img {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: .5s;
}

.tab-btn>* {
	cursor: pointer;
}


/* streamer-pic */
.streamer-pic {
	display: block;
	width: 100%;
}