/* 初始化样式 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font-family: Inter, Inter; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; } 

/* flex 布局 */
.l-f {
	display: flex;
	align-items: center;
}
.l-block {
	display: block;
}
.l-column {
	flex-direction: column;
}
.l-row-c {
	justify-content: center;
}
.l-row-sb {
	justify-content: space-between;
}
.l-row-ad {
	justify-content: space-around;
}
.l-row-start {
	justify-content: flex-start;
}
.l-row-end {
	justify-content: flex-end;
}
.l-col-c {
	align-items: center;
}
.l-col-start {
	align-items: flex-start;
}
.l-col-end {
	align-items: flex-end;
}
.l-col-stretch {
	align-items: stretch;
}
.l-wrap  {
	flex-wrap: wrap;
}
/* 定位 */
.l-pt-r {
	position: relative;
}
.l-pt-c {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.l-nowrap {
	white-space: nowrap;
}
/* flex 比例 */
.l-f1 { flex: 1 }
.l-f2 { flex: 2 }
.l-f3 { flex: 3 }
.l-f4 { flex: 4 }
.l-f5 { flex: 5 }
.l-f6 { flex: 6 }
.l-f7 { flex: 7 }
.l-f8 { flex: 8 }
.l-f9 { flex: 9 }
.l-f10 { flex: 10 }
.l-f11 { flex: 11 }
.l-f12 { flex: 12 }

/* 背景颜色 */
.l-bg-f {background-color: #FFFFFF;}
.l-bg-f5 {background-color: #f5f5f5;}
.l-bg-e {background-color: #eeeeee;}

/* 字体颜色 */
.l-color-f {color: #FFFFFF;}
.l-color-3 {color: #333333;}
.l-color-6 {color: #666666}
.l-color-9 {color: #999999;}
.l-color-green {color: #00FF84;}
.l-color-primary {color: #FFB20C;}


.l-radius-s {border-radius: 50%;}

.l-w700 {
    font-weight: 700;
}

/* 超出行数，自动显示行尾省略号，最多3行 */
.l-line1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.l-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical!important;
}
.l-line3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical!important;
}

.hover-class {
	opacity: .5;
}
.hover-bg {
	background-color: #f5f5f5;
}
.hover-scale {
	transform: scale(.95);
}
.hover-big {
	transform: scale(1.15);
}
.m-min100 {
	min-height: 100vh;
}
.m-bg {
	background-color: #F6F7FB;
}
.l-skeleton {
	background: linear-gradient(90deg,#edf0f3 25%,#f7f8f8 37%,#edf0f3 63%);
	background-size: 400% 100%;
	background-position: 100% 50%;
	border-radius: 4px;
	animation: skeleton-loading 1.5s ease-in-out infinite;
}
.l-btn-skeleton {
	background: linear-gradient(90deg,#dfe4ea 25%,#f7f8f8 37%,#dfe4ea 63%);
	background-size: 400% 100%;
	background-position: 100% 50%;
	border-radius: 4px;
	animation: skeleton-loading 1.5s ease-in-out infinite;
}
@keyframes skeleton-loading {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0 50%;
	}
}
.l-mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}

.l-hide-scroll::-webkit-scrollbar {
	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
	color: transparent;
}
.l-scroll::-webkit-scrollbar {
	width: 6px;
    height: 6px;
	background: #070720;
}
.l-scroll::-webkit-scrollbar-thumb {
	background: #FBC331;
     border-radius: 3px; /* 滑块圆角 */
}
.l-w-min {
	min-width: 0;
}
.l-h-min {
	min-height: 0;
}

.l-block {
	display: block;
}

.l-main-bg {
	background-color: #020616;
	color: #FFFFFF;
}
.l-text-gradient {
	background: linear-gradient(118.58deg, #d3b25b 21.42%, #f0d180 67.63%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.pc-box {
	display: block;
}
.pc-l-box {
	display: inline-block;
}
.pc-flex {
	display: flex;
}
.h5-flex {
	display: none;
}
.h5-box {
    display: none;
}
.l-max-w {
	max-width: 1920px;
	margin: auto;
	padding: 0 12.5%;
}
@media only screen and (max-width: 1800px) {
	.l-max-w {
		padding: 0 6%;
	}
}
@media only screen and (max-width: 1600px) {
	.l-max-w {
		padding: 0 6%;
	}
}
@media only screen and (max-width: 1200px) {
	.l-max-w {
		max-width: 100%;
		padding: 0;
	}
	.pc-box {
		display: none;
	}
	.pc-l-box {
	  display: none;
	}
	.pc-flex {
		display: none;
	}
	.h5-flex {
		display: flex;
	}
    .h5-box {
        display: block;
    }
}

/* 下载按钮 */
.down-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 48px;
    box-sizing: border-box;
    height: 60px;
    background: linear-gradient( 90deg, #F8B821 0%, #DC7D0D 100%);
    box-shadow: 0px 4px 16px 0px rgba(255,153,0,0.53);
    border-radius: 16px;
}
.down-btn > img {
    width: 32px;
    height: 32px;
}
.down-btn > p {
    font-size: 20px;
    font-weight: 900;
    color: #170101;
    margin: 0 12px;
}
.down-btn > span {
    font-size: 16px;
    font-weight: 400;
    color: #170101;
}
@media only screen and (max-width: 1200px) {
	/* 下载按钮 */
	.down-btn {
		padding: 0 24px;
		height: 44px;
		box-shadow: 0px 2px 8px 0px rgba(255,153,0,0.53);
		border-radius: 12px;
	}
	.down-btn > img {
		width: 20px;
		height: 20px;
	}
	.down-btn > p {
		font-size: 16px;
		margin: 0 6px;
	}
	.down-btn > span {
		font-size: 10px;
	}
	/* 星星 */	.l-star > ul > li > img {
		height: 100%;
	}
}