/*
Theme Name: zibll-UIpro微主题
Description: 这是zibll主题geren meihua子主题
Template: zibll
Version: 1.0.0
Text Domain:  zibll-child
*/
@import url("../zibll/style.css");



/*字体*/
@font-face {
	font-family: "lovely";
	src: url("https://cdn.nmssb.cn/joe-assets-last/assets/font/AlimamaFangYuanTiVF-Thin.woff2") format("woff2");
	font-display: swap;
}
* {
	font-family: "lovely"
}
/*自定义网站字体结束 */

/*文章模块标题美化 */
.box-body.notop {
	background: var(--main-bg-color);
	padding: 5px;
	padding-left: 1.2em;
	border-radius: 10px;
	margin-bottom: 10px;
}

.title-theme {
	position: relative;
	padding-left: 1.3em;
	font-size: 1.1em;
	margin: 3.5px;
	font-weight: 600;
}

.title-theme::before {
	content: '';
	top: -16px;
	width: 50px;
	height: 50px;
	left: -32px;
	background: url(https://www.babc.cc/wp-content/themes/zibll-child/pic/12.gif);
	box-shadow: 0 0 black;
	background-size: cover;
}

.title-theme small {
	font-size: .8em;
	margin-left: 30px;
	font-weight: 300;
}

.title-theme .ml10::before {
	position: absolute;
	content: '';
	width: 1.6px;
	background: var(--theme-color);
	top: 30%;
	left: 100px;
	bottom: 16%;
}


/*文章模块标题美化 */
/**首页文章封面角标*/
.tag-license {
	position: absolute;
	top: 11px;
	right: -17px;
	-webkit-transform: rotate(45deg);
	z-index: 1;
	width: 75px;
	height: 18px;
	color: #fff;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	/*font-style: normal;*/
}

a.item-left-category {
	position: absolute;
	left: 5px;
	top: 10px;
	padding: 5px 6px;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	z-index: 1;
}

a.item-category {
	position: absolute;
	right: 7px;
	top: 10px;
	padding: 5px 6px;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 6px;
	z-index: 1;
}

/**首页文章封面角标*/
/** 标题毛玻璃 **/
span.bottom-l {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.n-collect-item-bottom {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 25px;
	border-radius: 0 0 4px 4px;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	font-size: 13px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0, 0, 0, .16);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	padding: 0 18px;
	z-index: 1;
}

.bg-color-purple {
	background: linear-gradient(45deg, #9370DB, #DA70D6);
}

.bg-color-red {
	background: linear-gradient(135deg, #FF6347, #FFA07A);
}

.bg-color-blue {
	background: linear-gradient(60deg, #1E90FF, #87CEFA);
}

.bg-color-green {
	background: linear-gradient(225deg, #32CD32, #98FB98);
}

.bg-color-yellow {
	background: linear-gradient(315deg, #FFBC52, #FFE68F);
}

.bg-color-black {
	background: linear-gradient(180deg, #121212, #4b4b4b);
}

/*卡片列表左上角三点美化 */
.posts-item.card {
	padding: 30px 10px 10px 10px !important;
}

.posts-item {
	position: relative !important;
}

.posts-item.card::before {
	content: "";
	display: block;
	background: #fc625d;
	top: 13px;
	left: 10px;
	border-radius: 28%;
	width: 7px;
	height: 7px;
	box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
	margin: 0px 2px -7px;
	z-index: 1;
	position: absolute;
}

/*首页挂件*/
@media screen and (min-width: 850px) {
	.tengfei_hang {
		width: 88px;
		height: 120px;
		display: inline-block;
		background: url(https://www.babc.cc/wp-content/themes/zibll-child/pic/guajian.png) no-repeat 50%/100%;
		vertical-align: middle;
		position: fixed;
		left: 90%;
		top: 55px;
		z-index: 50;
		cursor: pointer;
		animation: new-year 1.2s ease-in-out 0s infinite alternate;
		margin-left: -1px;
		transform-origin: 50% 0;
		pointer-events: none;
	}
}

@keyframes new-year {
	0% {
		transform: rotate(10deg);
	}

	100% {
		transform: rotate(-10deg);
	}
}
/*论坛AD广告图文组合 */
	/* 创建一个名为 "image-animation" 的动画 */
	@keyframes image-animation {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(1.009);
		}

		100% {
			transform: scale(1);
		}
	}

	/* 应用动画到图片 */
	.picture-container img {
		animation: image-animation 3s ease-in-out infinite;
	}

	a {
		text-decoration: none
	}

	.ad {
		background: #fff0;
		overflow: hidden;
		clear: both;
		border-radius: 6px;
	}

	.ad a {
		margin: 4px;
		display: block;
		border-radius: 6px;
	}

	.ad img {
		max-width: 100%;
		border-radius: 6px;
		min-height: 50px;
	}

	.ad li {
		float: left;
		width: 50%;
		list-style: none;
	}

	@media(max-width:999px) {
		.ad {
			margin: 0 0 10px 0;
		}

		.ad li {
			width: 100%;
		}
	}

	.txtguanggao {
		width: 100%;
		overflow: hidden;
		display: block;
		margin-top: -1px;
		margin-bottom: 6px;
	}

	.txtguanggao a {
		width: calc((100% - 20px) / 4);
		float: left;
		border-radius: 2px;
		line-height: 35.35px;
		height: 35.35px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		display: inline-block;
		background-color: rgb(255, 153, 159);
		margin: 2.5px;
		transition-duration: .3s;
	}

	.txtguanggao a:nth-child(1) {
		background-color: #d69640;
	}

	.txtguanggao a:nth-child(2) {
		background-color: #8aa0ff;
	}

	.txtguanggao a:nth-child(3) {
		background-color: #6ab054;
	}

	.txtguanggao a:nth-child(4) {
		background-color: #ec6e1f;
	}

	.txtguanggao a:nth-child(5) {
		background-color: #28a745;
	}

	.txtguanggao a:nth-child(6) {
		background-color: #ffc107;
	}

	.txtguanggao a:nth-child(7) {
		background-color: #dc3545;
	}

	.txtguanggao a:nth-child(8) {
		background-color: #007bff;
	}

	.txtguanggao a:hover {
		background: #637AED;
		color: #FFF;
	}

	@media screen and (max-width: 1000px) {
		.txtguanggao a {
			width: calc((100% - 10px) / 2);
			float: left;
			border-radius: 2px;
			line-height: 35.35px;
			height: 35.35px;
			text-align: center;
			font-size: 14px;
			color: #fff;
			display: inline-block;
			background-color: rgb(255, 153, 159);
			margin: 2.5px;
			transition-duration: .3s;
		}
	}

	@media screen and (min-width: 1000px) {
		.txtguanggao a {
			width: calc((100% - 20px) / 4);
		}
	}
/*论坛AD广告图文组合结束 */
/*论坛帖子板块角标*/
.tag-wrapper {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	white-space: nowrap;
	transition: width 0.3s ease;
}

.tag-container {
	display: inline-flex;
	transition: transform 0.3s ease;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	flex-direction: column;
	align-items: flex-end;
}

a.liuke-biaoqian.tag-link {
	font-size: 10px;
	padding: 1px 5px;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	font-weight: 500;
	line-height: 20px;
	border: none;
	outline: none !important;
	opacity: 1;
	visibility: visible;
	margin: 0;
	border-radius: 0;
}

a.liuke-biaoqian.tag-link:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

a.liuke-biaoqian.tag-link:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

@media (hover: hover) {
	.tag-container:hover {
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
	}

	a.liuke-biaoqian.tag-link:hover {
		opacity: 0.8;
	}
}

a.liuke-biaoqian.tag-link i {
	margin-right: 3px;
}

@media (max-width: 768px) {
	a.liuke-biaoqian.tag-link {
		font-size: 9px;
		padding: 0 4px;
	}
}

.forum-title {
	position: relative;
	padding-right: 60px;
}

.forum-title {
	position: relative;
	padding-right: 60px;
}

.forum-posts {
	position: relative;
}

.plate-badge {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #627bf5;
	color: white !important;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.2;
	border-radius: 8px 0 8px 0;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	overflow: hidden;
}

.plate-badge::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease;
}

.plate-badge:hover {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}

.plate-badge:hover::before {
	left: 100%;
}

.plate-icon {
	display: inline-flex;
	align-items: center;
	margin-right: 3px;
	transition: transform 0.3s ease;
}

.plate-badge:hover .plate-icon {
	transform: scale(1.1);
}

.plate-icon i {
	font-size: 12px;
	transition: color 0.3s ease;
}

.plate-name {
	display: inline-block;
	vertical-align: middle;
	transition: color 0.3s ease;
}

.plate-badge:hover .plate-name,
.plate-badge:hover .plate-icon i {
	color: #f0f0f0;
}

.forum-posts.mini {
	padding-top: 20px;
}

@media (max-width: 767px) {
	.forum-posts.mini {
		padding-top: 20px;
	}
}

/*付费详情说明模块美化*/
.pay-box .pay-details {
	background-image: url(https://www.babc.cc/wp-content/themes/zibll-child/pic/henfu.png);
	color: #fff;
	text-align: center;
	background-size: cover;
}

/*论坛回复常用语样式*/
.wiiuii-words-li {
	margin: 5px auto;
	padding: 5px;
	background: var(--body-bg-color);
	border-radius: var(--main-radius)
}

.wiiuii-words-li:hover {
	background: var(--float-btn-bg)
}

/*文章随机彩色标签开始 */
.article-tags {
	margin-bottom: 10px
}

.article-tags a {
	padding: 4px 10px;
	background-color: #19B5FE;
	color: white;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	margin: 0 5px 5px 0;
	border-radius: 2px;
	display: inline-block
}

.article-tags a:nth-child(5n) {
	background-color: #4A4A4A;
	color: #FFF
}

.article-tags a:nth-child(5n+1) {
	background-color: #ff5e5c;
	color: #FFF
}

.article-tags a:nth-child(5n+2) {
	background-color: #ffbb50;
	color: #FFF
}

.article-tags a:nth-child(5n+3) {
	background-color: #1ac756;
	color: #FFF
}

.article-tags a:nth-child(5n+4) {
	background-color: #19B5FE;
	color: #FFF
}

.article-tags a:hover {
	background-color: #1B1B1B;
	color: #FFF
}

/*文章随机彩色标签结束 */

/*文章缩略图的动态圆圈 开始*/
.item-thumbnail:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	transition: background .35s;
	border-radius: 8px;
	z-index: 2;
	max-width: 765px;
	margin: 0 auto;
	pointer-events: none;
}

.item-thumbnail:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background: url(/wp-content/themes/zibll-child/pic/rings.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 3;
	-webkit-transform: scale(2);
	transform: scale(2);
	transition: opacity .35s, -webkit-transform .35s;
	transition: transform .35s, opacity .35s;
	transition: transform .35s, opacity .35s, -webkit-transform .35s;
	opacity: 0;
	pointer-events: none;
}

.item-thumbnail:hover:before {
	background: rgba(0, 0, 0, .5)
}

.item-thumbnail:hover:after {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

/*文章缩略图的动态圆圈 结束*/
/*标题加上渐变彩色文字*/
.article-title:hover,
.item-heading :hover,
.text-ellipsis :hover,
.text-ellipsis-2 :hover,
.links-lists :hover {
	background-image: -webkit-linear-gradient(153deg, #637AED 5%, #b620e0 20%, #00f702 50%, #e0ae20 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: maskedAnimation 4s infinite linear;
}

@keyframes maskedAnimation {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: -100% 0
	}
}
/*标题加上渐变彩色文字结束*/

/*菜单文字下波浪*/

.em14:hover,
.ajax-next:hover,
.breadcrumb>li>a:hover,
.forum-posts .forum-title>a:hover,
.index-tab ul>li:hover,
.plate-card .title:hover,
.tab-nav-theme li.active a:hover,
.footer-navi a:hover,
.navbar-top li.current-menu-item>a, .navbar-top li:hover>a:hover {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-decoration: underline wavy;
    text-decoration-thickness: from-font;
    text-underline-offset: 3px;
}

/*超链接下波浪线*/

.navbar-top.nav li a:focus,.navbar-top.nav li a:hover,
.wp-posts-content a:hover {
	color: #ff4500;
	text-decoration: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23FF4500' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")repeat-x 0 100%;
	background-size: 20px auto;
	animation: waveMove 1.5s infinite linear
}

@keyframes waveMove {
	from {
		background-position: 0 100%
	}

	to {
		background-position: -20px 100%
	}
}

/*超链接下波浪线结束*/

/*首页多栏目分类标签按钮*/
.index-tab ul>li.active {
	color: #ffffff00 !important;
	/*background-color: #ffffff00 !important;*/
	border-radius: 6px;
	z-index: 1;
	position: relative;
	height: 35px;
	line-height: 35px;
	background: url(/wp-content/themes/zibll-child/pic/anniu.png) repeat;
	-webkit-background-size: 91px 39px;
	-moz-background-size: 91px 39px;
	background-size: 91px 39px;
}


/*首页图文字广告*/
@media screen and (max-width: 1000px) {
	.pc-wobbt {
		display: none;
	}
}

/* pc-wobbt 仅PC端显示 根据需求改放图片盒子代码 
    <div class="wobbt-img pc-wobbt">  */
@media screen and (min-width: 1000px) {
	.m-wobbt {
		display: none;
	}
}

/* m-wobbt 仅移动端显示 根据需求该放图片盒子代码 
        <div class="wobbt-img m-wobbt">  */

/*.zib-widget{
        padding: 10px}
        设置zibll主题内容整体间距*/
.wobbt {
	width: 100%;
	margin-bottom: 2px
}

.wobbt::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*解决float的浮动问题，方便，因为直接在父级div的css这里添加如下样式*/
.wobbt-left {
	width: 49.5%;
	float: left;
	/*盒子左对齐*/
	margin-right: .5%;
}

/*大盒子里面左边盒子*/
.wobbt-right {
	width: 49.5%;
	float: left;
	/*盒子右对齐*/
}

/*大盒子里面右边盒子*/
.wobbt-img {
	width: 100%;
	height: auto;
	max-height: 80px;
	min-height: 45px;
	border-radius: 10px;
	margin-bottom: 3px;
	/*图片盒子上下间隔*/
	overflow: hidden;
	/*设置图片放大不超过图片盒子*/
}

/*放图片专用盒子*/
.wobbt-img img {
	width: 100%;
	height: auto;
	max-height: 80px;
	min-height: 45px;
	border-radius: 5px;
	/*圆角角度*/
	transition: all .2s ease .1s;
	/*光标放到图片上的放大时间*/
}

/*对放图片盒子配置样式*/
.wobbt-img img:hover {
	transform: scale(1.03);
}

.wobbt-img-dapeng img:hover {
	transform: scale(1.03);
}

/*设置光标放到图片放大的倍数*/
td {
	width: 20%;
}
/*单元格宽度*/
.zib-widget.widget_custom_html {
	margin-bottom: 0px;
}

/*首页新闻分类标题*/
.zhankr-zx {
	position: relative;
	margin: 38px 0 8px 0;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	line-height: 1;
}

.zhankr-zx:before {
	margin-right: 10px;
}

.zhankr-zx:after {
	margin-left: 10px
}

.zhankr-zx:before,
.zhankr-zx:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
	border-radius: 50%;
}

.zhankr-zx span {
	font-family: Futura;
	background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 42px;
	letter-spacing: 5px;
	display: inline-block;
	font-weight: 700;
}

.zhankr-zx .zhankr-zx-n {
	font-size: 17px;
}

.zhankr-zx .zhankr-zx-n strong {
	display: block;
	font-size: 17px;
	background: linear-gradient(-125deg, #f95491 0%, #2953fd 100%);
	-webkit-background-clip: text;
	color: transparent;
}

.HhcatboxDes {
	position: absolute;
	opacity: 0;
	z-index: 1;
	align-items: center;
	display: flex;
	font-size: 16px;
	height: 180px;
	justify-content: center;
	width: 100%;
	color: #fff;
	font-weight: 600;
	background: #f95491;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.HhCooltitle {
	margin-top: 10px
}

.emoji-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}

.emoji-separator:before,
.emoji-separator:after {
	content: "";
	background: #d3d3d3;
	flex: 1;
	height: 1px;
	margin: 0 10px;
	max-width: 16%
}

.emoji-separator {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 0 10px 0;
}

.emoji-sub {
	color: #8c92a1 !important
}

.emoji-sm {
	font-size: 14px
}

.emoji-title {
	font-size: 24px;
	font-weight: bold;
	color: green
}

/*新文章发布图标样式*/
.posts-item {
	position: relative;
	overflow: visible;
}

.tianyishangke-new-icon {
	position: absolute;
	top: 15px;
	right: 0;
	padding: 5px 10px;
	background: #ff2626;
	box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	border-radius: 5px 0 0 5px;
}

.tianyishangke-new-icon:before {
	position: absolute;
	content: " ";
	display: block;
	width: 7px;
	height: 110%;
	padding: 0 0 7px;
	top: 0;
	right: -7px;
	background: inherit;
	border-radius: 0 5px 5px 0;
}

.tianyishangke-new-icon:after {
	position: absolute;
	content: " ";
	display: block;
	width: 5px;
	height: 5px;
	background: rgba(0, 0, 0, 0.35);
	bottom: -3px;
	right: -5px;
	border-radius: 0 5px 5px 0;
}

/*幻灯片循环滚动波浪动画*/
.parallax {
	fill: var(--body-bg-color);
	/*fill: #f1f3f4;*/
}

.parallax>use {
	animation: move-forever 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
	opacity: 0.5;
}

.parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
	opacity: 0.6;
}

.parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
	opacity: 0.7;
}

.parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
	opacity: 1;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}

	100% {
		transform: translate3d(85px, 0, 0);
	}
}

/* 单行文章列表美化——开始 */

.sec-wrapper {
	margin-bottom: 10px;
}

.training-camp__wrapper {
	--green-1: #cff0fb;
	--green-2: #cbf4e4;
	--green-3: #22ab80;
	--gray-1: #667280;
	--white-1: #fff;
	--white-2: #f5f7fa;
	background-image: linear-gradient(150deg, var(--green-1) 20%, var(--green-2) 40%);
	padding: 0 8px 12px;
	border-radius: 16px;
}

button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn {
	background: #ffffff00;
	border: 1px solid #fc3c2d00;
	border-radius: 0px;
}

.training-camp__wrapper .training-camp__header {
	padding: 18px 0 18px 6px;
	display: -webkit-flex;
	display: flex;
	gap: 8px;
	background: url(/wp-content/themes/zibll-child/pic/danbj.png) 100% 0/433px 126px no-repeat;
}

.training-camp__wrapper .header__title-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	gap: 0px;
}

.training-camp__wrapper .title__img-wrapper {
	height: 30px;
}

.training-camp__wrapper .header__btn-wrapper {
	margin-left: auto;
	display: -webkit-flex;
	display: flex;
}


.training-camp__wrapper .header__btn-wrapper button[class*=button---] {
	height: 20px;
	line-height: 20px;
	padding: 0 12px;
}

.training-camp__wrapper .header__btn {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px;
	color: var(--green-3);
}

.medium---OGt5iw {
	height: 36px;
	padding: 8px 24px;
	font-size: 14px;
}

.outlined---BKvHAe,
.text---pn4pHz {
	background-color: initial;
	color: #3e454d;
}

.button---AUM5ZP {
	position: relative;
	display: inline-block;
	height: 36px;
	padding: 8px 24px;
	border-radius: 22px;
	cursor: pointer;
	border: unset;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.ke-icon---zeGrGg+i {
	display: inline-block;
	vertical-align: middle;
}

.training-camp__wrapper>div.sec-bd {
	background-color: var(--body-bg-color);
	gap: 12px;
}

.sec-wrapper .sec-bd {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px;
}

.training-camp__wrapper .sec-bd {
	padding: 8px;
	border-radius: 16px;
}


img.title-macyingyong {
	/* width: 120px; */
	height: 50px;
}

/* 单行文章列表美化——结束 */
/*底部页脚css*/
.footer .footer-navi a:hover {
    color: #ff4500 !important;
    /*font-weight: 400;*/
}
.footer-navi a {
    color: #949498;
    font-size: 14px;
}
.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div {
     width: 160px;
 }
 
 .footer-navi .ewms .ewm-main {
     padding: 20px;
     text-align: left;
 }
 
 .footer-navi .ewms .ewm-main .Onecad_fl {
     float: left;
 }
 
 .footer-navi .ewms .ewm-main .fr {
     float: right;
 }
 
 .footer-navi .ewms .ewm-main .thumb-div {
     width: 120px;
     margin-right: 30px;
 }
 
 .footer-navi .ewms .ewm-main .thumb {
     padding-top: 100%;
 }
 
 .footer-navi .ewms .ewm-main h4 {
     font-size: 14px;
     font-weight: normal;
     color: #333;
     line-height: 1.714;
     margin-top: 4px;
 }
 
 .footer-navi .ewms .ewm-main h4 span {
     color: #47c333;
 }
 
 .footer-navi .ewms .ewm-main a {
     color: #ff3401;
 }
 
 .footer-navi .ewms .ewm-main a:hover {
     color: #ff5c00;
 }
 
 .footer-navi .ewms .ewm-main h5 {
     font-weight: normal;
     font-size: 12px;
     color: #888;
     line-height: 20px;
 }
 
 .footer-navi .ewms .ewm-douyin .ewm-main {
     padding-left: 0;
     padding-right: 0;
     text-align: center;
 }
 
 .footer-navi .ewms .ewm-douyin .ewm-main .thumb-div {
     margin: 0 auto;
 }

.apply_link span:after {
	content:"+";
	position:absolute;
	font-size:28px;
	background-image:linear-gradient(90deg,#13adff 0,#3385ff 50%,#3385ff);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
}
.home_row {
	margin-top:-16px;
}
.home_row_0 {
	margin-top:-32px;
}
.home_row_0 .wrapper,.home_row_0 .wrapper .box {
	width:100% !important;
	box-shadow:none;
}
.box {
	box-shadow:none;
}
.waves-box {
	position:relative;
	text-align:center;
	background:linear-gradient(60deg,#05f 0%,#0bf 100%);
	color:white;
}
.waves-inner {
	height:360px;
	width:100%;
	margin:0;
	padding-top:115px;
}
.waves-inner h2 {
	font-size:2em;
	font-weight:bold;
	letter-spacing:2px;
}
.waves-inner p {
	padding:10px;
	margin-bottom:30px;
}
.waves-inner a {
	padding:10px 28px;
	font-size:1.2em;
	background:#fff;
	color:#09f;
	font-weight:bold;
	border-radius:50px;
}
.waves-inner a:hover {
	box-shadow:0 5px 10px #05f;
}
.waves {
	position:relative;
	width:100%;
	height:15vh;
	margin-bottom:-8px;
	min-height:25px;
	max-height:56px;
}
.parallax>use {
	animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)infinite;
}
.parallax>use:nth-child(1) {
	animation-delay:-2s;
	animation-duration:7s;
}
.parallax>use:nth-child(2) {
	animation-delay:-3s;
	animation-duration:10s;
}
.parallax>use:nth-child(3) {
	animation-delay:-4s;
	animation-duration:13s;
}
.parallax>use:nth-child(4) {
	animation-delay:-5s;
	animation-duration:20s;
}
@keyframes move-forever {
	0% {
	transform:translate3d(-90px,0,0);
}
100% {
	transform:translate3d(85px,0,0);
}
;}@media (max-width:768px) {
	.waves {
	height:40px;
	min-height:40px;
}
.waves-inner {
	padding-top:50px;
}
.mg-b {
	margin-bottom:0;
}
.home_row {
	padding:0px !important;
}
;}.apply_link {
	float:right;
}
.footer-navi .ewms .like strong:after {
	content:"+";
	position:absolute;
	font-size:28px;
	background-image:linear-gradient(90deg,#13adff 0,#3385ff 50%,#3385ff);
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
}
#huliku_title {
	margin:0 auto;
	max-width:1440px;
	margin-bottom:8px;
    max-width: calc(var(--mian-max-width) + 80px);
}
#huliku_bg_box {
    background-color: var(--body-bg-color);
    max-height: 140px;
    border-radius: 8px;
    overflow: hidden;
    /*margin: 10px;*/
    margin: 0 10px 20px 10px;
    max-width: 1440px;
}
#huliku_links {
	margin:0 10px;
	line-height:280%;
}
#huliku_stat {
	margin-bottom:-35px;
	box-shadow:0 0 10px var(--main-shadow);
}
#huliku_stat .siteCount {
	position:relative;
	padding:70px 0;
	border-radius:var(--main-radius);
	background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(https://huliku.com/images/head3.jpg) 50%/cover no-repeat fixed;
}
#huliku_stat .siteCount .cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
}
#huliku_stat .siteCount .huliku_wrapper {
	position:relative;
	z-index:10;
	margin:0 auto;
	width:100%;
	max-width:85%;
}
#huliku_stat .siteCount ul {
	display:flex;
}
#huliku_stat .siteCount ul li {
	margin:0 auto;
	width:100%;
	color:#fff;
	text-align:center;
}
#huliku_stat .siteCount ul li span {
	font-size:48px;
	font-family:Arial;
}
#huliku_stat .p-wh {
	font-weight:700;
}
.huliku_link_span {
	padding:6px;
	border-radius:5px;
	background-color:#0088ff;
	color:#fff;
	text-align:center;
}
.join {
	padding-top:20px;
	color:#fff;
	letter-spacing:.5px;
	font-weight:600;
	font-size:15px;
}
.marquee-box {
	position:absolute;
	overflow:hidden;
	width:100%;
	z-index:-1;
}
.marquee {
	width:8000%;
	height:60px;
}
/*.wave-box {
	position:relative;
	height:30px;
}
.wave-list-box {
	float:left;
}
.wave-list-box ul {
	float:left;
	overflow:hidden;
	height:60px;
	zoom:1;
}
.wave-list-box ul li {
	float:left;
	width:100%;
	height:60px;
	list-style:none;
	line-height:30px;
}*/
.foot-copyright p {
	margin-bottom:20px;
	width:100%;
	text-align:center;
	font-size:12px;
}
.fla {
	float:left;
}
#Onecad_footer_ys2 .huliku_wrapper:after,#Onecad_footer_ys2 .huliku_wrapper:before {
	clear:both;
	display:block;
	visibility:none;
	height:0;
	content:"";
	line-height:0;
}
.huliku_clearfix:after,.huliku_clearfix:before {
	clear:both;
	display:table;
	visibility:none;
	height:0;
	content:"";
	line-height:0;
}
a,a:active,a:visited {
	text-decoration:none;
	transition:all .2s;
}
 .thumb {
     display: block;
     /*width: 100%;*/
     height: 0;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     background-color: transparent;
     position: relative;
     overflow: hidden;
     transition: all .2s;
 }
#Onecad_footer_ys2 .widget ul li {
	box-sizing:border-box;
	padding-top:5px;
	font-size:13px;
}
.Onecad_footer_ico {
	margin-bottom:10px;
}
.Onecad_footer_ico i {
	margin:auto;
	width:48px;
	height:48px;
}
.Onecad_hide {
	visibility:hidden;
	opacity:0;
	transition:all .5s;
}
.hidden {
	display:none !important;
}
.footer-navi {
	position:relative;
	z-index:20;
	display:none;
	background-size:cover;
	line-height:1.9286;
}
.footer-navi .huliku_wrapper {
	display:flex;
	overflow:visible;
}
.footer-navi a {
	font-size:14px;
}
.footer-navi a:hover {
	color:#fff;
}
.footer-navi .title {
    margin-bottom: 17px;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color);
    line-height: 1.38889;
}
.footer-navi .widget {
	position:relative;
	box-sizing:border-box;
}
.footer-navi .about {
	margin:-8px 12px 10px;
}
.footer-navi .navis {
	display:box;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	box-sizing:border-box;
	width:100%;
	justify-content:space-between;
	flex-wrap:nowrap;
	justify-content:space-around;
}
.footer-navi .ewms {
	margin:0 auto;
}
.footer-navi .ewms:after,.footer-navi .ewms:before {
	right:auto;
	left:0;
}
.footer-navi .ewms:before {
	left:1px;
}
sup {
	position:absolute;
	top:105px;
	right:95px;
	color:#3385ff;
	font-size:35px;
}
.footer-navi .ewms .like {
	text-align:center;
}
.footer-navi .ewms .like strong {
	background-image:linear-gradient(90deg,#13adff 0,#3385ff 50%,#3385ff);
	font-weight:700;
	font-size:54px;
	line-height:1.24;
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text;
}
.footer-navi .ewms .like h3 {
	font-weight:400;
	font-size:14px;
	line-height:1.1;
}
.footer-navi .ewms ul {
	margin:0 20px 15px;
	text-align:center;
}
.footer-navi .ewms li {
	position:relative;
	float:left;
	display:inline;
	box-sizing:border-box;
	margin-top:0;
	width:33.3333%;
	line-height:1.3;
}
.footer-navi .ewms li:hover .ewm-content {
	bottom:107%;
	visibility:visible;
	opacity:1;
}
.footer-navi .ewms .ico {
	font-size:46px;
	cursor:pointer;
	transition:all .2s;
}
.footer-navi .ewms .ico:hover {
	color:#fff;
}
.footer-navi .ewms .ico i {
	display:block;
}
 .footer-navi .ewms h4 {
     font-size: 12px;
     font-weight: normal;
     margin: 0;
 }
.footer-navi .ewms .ewm-content {
	position:absolute;
	bottom:200%;
	left:-45%;
	box-sizing:border-box;
	width:330px;
	background:#fff;
	box-shadow:0 16px 32px 0 rgba(0,0,0,.1);
	transform:translate(-22%);
}
.footer-navi .ewms .ewm-content:before {
	position:absolute;
	top:100%;
	left:55%;
	display:block;
	margin-left:-6px;
	width:0;
	height:0;
	border-top:6px solid #fff;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	content:"";
}
.footer-navi .ewms .ewm-content.ewm-douyin {
	width:400px;
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1,.footer-navi .ewms .ewm-douyin .ewm-douyin-2 {
	width:50%;
}
.footer-navi .ewms .ewm-douyin .ewm-douyin-1 {
	position:relative;
}
.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after {
	position:absolute;
	top:10%;
	right:0;
	display:block;
	width:1px;
	height:80%;
	background:#f3f3f3;
	content:"";
}
.footer-navi .bands ul {
	display:flex;
	margin:0 -8px 0 -7px;
	align-content:space-between;
}
.footer-navi .bands ul li {
	box-sizing:border-box;
	padding:0 8px 15px 7px;
	width:50%;
}
.footer-navi .bands .band {
	padding-top:52px;
	border-radius:3px;
	background-color:#42424d;
	transition:all .2s;
}
.footer-navi .bands .band:after {
	position:absolute;
	top:0;
	right:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	content:"";
	transition:all .2s;
}
.footer-navi .bands .band:hover {
	background-color:#24242d;
}
.footer-navi .bands .band:hover:after {
	background:0 0;
}
.footer-navi .qqgroup {
	width:100%;
}
.footer-navi .qqgroup a {
	display:block;
	margin:0 auto;
	width:220px;
	height:52px;
	border-radius:3px;
	background:#222228;
	text-align:center;
	line-height:52px;
}
.huliku_footer {
	background:#121212;
	color:var(--footer-color);
	padding:30px;
	font-size:13px;
}
.huliku_footer .huliku_footer-colors {
	width:100%;
	height:4px;
	background-color:#333;
	background-image:repeating-linear-gradient(90deg,#68103b,#68103b 50px,#703f28 0,#703f28 100px,#a16b13 0,#a16b13 150px,#a5a02c 0,#a5a02c 200px,#5e812d 0,#5e812d 250px,#1c6075 0,#1c6075 300px,#403161 0,#403161 350px);
	background-position:0 0;
	background-repeat:repeat;
	animation:animate-colors 200s linear infinite;
	/*animation-play-state:paused*/;
}
.huliku_footer .huliku_colors-shadow:after {
	display:block;
	width:100%;
	height:100%;
	background:linear-gradient(180deg,rgba(18,18,18,.8),#121212);
	content:"";
}
.huliku_footer .friendlinks {
	margin:0 -.5em 20px;
	color:#4f4f4f;
	font-size:12px;
	line-height:2;
	word-break:keep-all;
}
.huliku_footer .friendlinks h6 {
	display:inline;
	margin:0 .5em;
	font-weight:400;
	font-size:12px;
}
.huliku_footer .friendlinks ul {
	display:inline;
}
.huliku_footer .friendlinks li {
	display:inline;
	margin:0 .5em;
}
.huliku_footer .friendlinks a {
	color:#4f4f4f;
}
.huliku_footer .friendlinks a:hover {
	color:#acacac;
}
.huliku_footer .copyright {
	color:#7f7f7f;
	text-align:center;
	font-size:12px;
	line-height:1.5;
}
.huliku_footer .copyright .asline {
	display:block;
	font-style:normal;
}
.huliku_footer .copyright p {
	padding:.5em 0;
	border-radius:4px;
}
.huliku_footer .copyright a {
	color:#7f7f7f;
}
.footer-navi .navis .navi {
	text-align:center;
	flex:1;
}
.huliku_footer .copyright a:hover {
	color:#acacac;
}
.huliku_footer .Onecad_fl h2 a {
	font-size:26px;
}
@media all {
	.footer:hover .footer-colors {
	animation-play-state:running;
}
;}@keyframes animate-colors {
	0% {
	background-position:0 0;
}
to {
	background-position:7000px 0;
}
;}.huliku_footer .footer-colors {
	width:100%;
	height:4px;
	background-color:#333;
	background-image:-webkit-repeating-linear-gradient(90deg,#68103b,#68103b 50px,#703f28 0,#703f28 100px,#a16b13 0,#a16b13 150px,#a5a02c 0,#a5a02c 200px,#5e812d 0,#5e812d 250px,#1c6075 0,#1c6075 300px,#403161 0,#403161 350px);
	background-image:-o-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	background-image:-moz-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	background-image:repeating-linear-gradient(90deg,#68103b,#68103b 50px,#703f28 0,#703f28 100px,#a16b13 0,#a16b13 150px,#a5a02c 0,#a5a02c 200px,#5e812d 0,#5e812d 250px,#1c6075 0,#1c6075 300px,#403161 0,#403161 350px);
	background-position:0 0;
	background-repeat:repeat;
	animation:animate-colors 200s linear infinite;
	animation-play-state:paused;
}
.huliku_beat_heart {
	width:50px;
	animation:beat .5s linear infinite alternate;
}
@keyframes beat {
	0% {
	transform:scale(1);
}
to {
	transform:scale(1.15);
}
;}.huliku_beat_left,.huliku_beat_right {
	float:left;
	width:20px;
	height:25px;
	border-radius:50px 50px 0 0;
	background-color:red;
}
.huliku_beat_left {
	transform:translateX(6.5px) rotate(-50deg);
}
.huliku_beat_right {
	transform:translateX(-6.5px) rotate(50deg);
}
@media screen and (min-width:768px) and (max-width:800px) {
	.huliku_footer {
	padding:30px 10px 10px;
}
;}@media screen and (min-width:768px) {
	.huliku_footer .copyright a {
	color:#545454;
}
.huliku_footer .copyright p {
	display:inline-block;
	padding:.5em 1.5em;
	background:#000;
}
.huliku_footer .copyright .asline {
	display:inline;
}
.huliku_footer .copyright {
	color:#545454;
}
.footer-navi .bands ul li {
	width:16.6667%;
}
.footer-navi .bands {
	float:left;
	width:100%;
}
.footer-navi .ewms {
	width:33.3333%;
}
.footer-navi .navis {
	width:60%;
}
.footer-navi .huliku_wrapper-bq {
	padding-top:32px;
}
.footer-navi {
	display:block;
}
.Onecad_fl {
	float:left;
}
.fr {
	float:right;
}
;}@media(min-width:1024px) {
	.footer-navi .qqgroup {
	width:auto;
}
.footer-navi .bands {
	width:73%;
}
.footer-navi .navis {
	width:33.3333%;
	border-left: 1px solid var(--muted-3-color);
    border-right: 1px solid var(--muted-3-color);
}
.footer-navi .widget:after {
	position:absolute;
	top:0;
	right:-21px;
	width:0;
	height:95%;
	/*border-right:1px solid var(--muted-3-color);*/
	content:"";
}
.footer-navi .about {
	margin:-10px 20px 0;
	width:33.3333%;
	font-size:13px;
}
;}@media(min-width:1310px) {
	.footer-navi .navis .navi {
	margin-top:-10px;
}
.footer-navi .about {
	padding-right:0 20px;
	height:190px;
	font-size:14px;
}
.footer-navi {
	overflow:visible;
}
;}@media(max-width:1023px) {
	.hide_sm {
	display:none !important;
}
.footer-navi .ewms {
	display:none !important;
}
;}@media(max-width:1600px) {
	.footer-navi .ewms .ewm-content.ewm-douyin,.footer-navi .ewms .ewm-content.ewm-wechat {
	right:0;
	left:auto;
	transform:translate(0);
}
.footer-navi .ewms .ewm-content.ewm-douyin:before,.footer-navi .ewms .ewm-content.ewm-wechat:before {
	right:30px;
	left:auto;
}
.footer-navi .ewms .ewm-content.ewm-douyin {
	transform:translate(70px);
}
.footer-navi .ewms .ewm-content.ewm-douyin:before {
	right:100px;
}
;}@media(max-width:767px) {
	.foot-copyright {
	padding:0 10px 25px;
}
.huliku_footer {
	padding:30px 10px 10px;
}
.footer-tabbar-placeholder {
	display:none;
}
;}@media screen and (max-width:768px) {
	#huliku_stat .siteCount ul li span {
	font-size:20px;
	font-family:Arial;
}
.footer-navi {
	display:block;
}
;}
        /*用户登录IP信息*/
        .zib-security-alert {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: rgba(255,255,255,0.98);
            border: 1px solid rgba(0,0,0,0.1);
            border-radius: 12px;
            padding: 16px;
            width: 320px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.1);
            z-index: 999999;
            transform: translateY(20px);
            opacity: 0;
            animation: alertSlide 0.3s ease-out forwards;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
        }

        @media (max-width: 768px) {
            .zib-security-alert {
                display: none !important;
            }
        }

        @media (prefers-color-scheme: dark) {
            .zib-security-alert {
                background: rgba(30,30,30,0.98);
                border-color: rgba(255,255,255,0.1);
            }
            .label { color: #858585; }
            .value { color: #e0e0e0; }
        }

        .alert-header {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }
        .alert-header svg {
            color: #1677ff;
            margin-right: 12px;
        }
        .alert-header h3 {
            margin: 0;
            font-size: 16px;
            color: #1a1a1a;
        }

        .alert-item {
            display: flex;
            align-items: center;
            margin: 12px 0;
        }
        .item-icon {
            width: 36px;
            height: 36px;
            background: rgba(22,119,255,0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
        }
        .item-icon svg {
            color: #1677ff;
        }
        .item-info {
            flex: 1;
        }
        .label {
            display: block;
            font-size: 12px;
            color: #666;
            margin-bottom: 2px;
        }
        .value {
            display: block;
            font-size: 14px;
            font-weight: 500;
            color: #1a1a1a;
        }

        .alert-footer {
            margin-top: 16px;
            padding: 12px;
            background: #f5f5f5;
            border-radius: 8px;
            font-size: 13px;
            text-align: center;
        }
        .alert-footer.warning {
            background: #fffbe6;
            color: #d48806;
            border: 1px solid #ffe58f;
        }

        .alert-close {
            position: absolute;
            top: 16px;
            right: 16px;
            cursor: pointer;
            opacity: 0.6;
            transition: all 0.2s;
        }
        .alert-close:hover {
            opacity: 1;
            transform: rotate(90deg);
        }

        @keyframes alertSlide {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
/** 首页排行榜列表 **/
@media (max-width: 768px) {
	.ranking-item {
		width: 100% !important;
	}
}

.syphimg {
	width: 112px;
	height: 70px;

	margin-right: 8px;
}

.syphimg img {
	border-radius: 8px;

}

.list.clearfix {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ranking-item {
	margin: 0 auto;
	position: relative;
	width: calc(33.333% - 10px);
	/* height: 400px; */
	/* margin-right: 10px; */
	/* margin-left: 10px; */
	background: var(--main-bg-color);
	/* box-shadow: 0 2px 6px 0 rgb(55 55 55 / 7%); */
	/* border-radius: 8px; */
	box-shadow: 0 0 10px var(--main-shadow);
	border-radius: var(--main-radius);
	margin-bottom: 20px;
}

a.top-icon.js-rank-bottom1 {
	display: block;
	width: 129px;
	height: 43px;
	line-height: 32px;
	position: absolute;
	left: 150px;
	top: -7px;
	background: url(/wp-content/themes/zibll-child/pic/ranking1.png) no-repeat center/100%;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

a.top-icon.js-rank-bottom2 {
	display: block;
	width: 129px;
	height: 43px;
	line-height: 32px;
	position: absolute;
	left: 150px;
	top: -7px;
	background: url(/wp-content/themes/zibll-child/pic/ranking2.png) no-repeat center/100%;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

a.top-icon.js-rank-bottom3 {
	display: block;
	width: 129px;
	height: 43px;
	line-height: 32px;
	position: absolute;
	left: 150px;
	top: -7px;
	background: url(/wp-content/themes/zibll-child/pic/ranking3.png) no-repeat center/100%;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.class-box {
	margin-top: 60px;
}

a.class-item.js-rank {
	display: block;
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	justify-content: center;
}

.num-icon.num-icon1 {
	width: 40px;
	height: 22px;
	background: url(/wp-content/themes/zibll-child/pic/top1.png) no-repeat center/100%;
	margin: 0 12px 0 15px;
}

img.class-pic {
	width: 90px;
	border-radius: 8px;
	margin-right: 5px;
}

.class-info {
	width: 216px;
	font-size: 14px;
}

.name {
	color: var(--main-color);
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 2px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.price {
	color: #f01414;
	font-weight: 600;
	margin-bottom: 2px;
}

.study-num {
	color: #9199a1;
	font-weight: 400;
}

.num-icon.num-icon2 {
	background: url(/wp-content/themes/zibll-child/pic/top2.png) no-repeat center/100%;
	margin: 0 10px 0 10px;
	width: 40px;
	height: 22px;
}

.num-icon.num-icon3 {
	background: url(/wp-content/themes/zibll-child/pic/top3.png) no-repeat center/100%;
	margin: 0 10px 0 10px;
	width: 40px;
	height: 22px;
}

.num-icon.num-icon4 {
	background: url(/wp-content/themes/zibll-child/pic/top4.png) no-repeat center/100%;
	margin: 0 10px 0 10px;
	width: 40px;
	height: 22px;
}

.num-icon.num-icon5 {
	background: url(/wp-content/themes/zibll-child/pic/top5.png) no-repeat center/100%;
	margin: 0 10px 0 10px;
	width: 40px;
	height: 22px;
}

.num-icon.num-icon6 {
	background: url(/wp-content/themes/zibll-child/pic/top6.png) no-repeat center/100%;
	margin: 0 10px 0 10px;
	width: 19px;
	height: 22px;
}

a.bottom-link.js-rank-bottom {
	width: 120px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	line-height: 12px;
	font-weight: 500;
	background-image: linear-gradient(270deg, #ff4f39 0, #fd6400 100%);
	border-radius: 12px;
	margin-bottom: 20px;
}
/** 首页排行榜列表结束 **/