@charset "UTF-8";
/* ==========================================================
	* Name: webfont样式
	* Date: 2025/02/19
	*@Copy: Lixiaojian.cn
============================================================*/

.webfont_bg{width: 100%; height: 800px; background: url(/images/bg_green.png) center top repeat; position: absolute; top: 0; z-index: -1;}
.webfont_bg .bg_wrap{height:inherit;
	background-color: #f2f2f2;
	background-size: 100% auto;
	-webkit-mask: url('/images/bg_state0.svg') no-repeat center bottom / 100% auto;
	mask: url('/images/bg_state0.svg') no-repeat  center bottom/ 100% auto;
}
.webfont_bg .bg_wrap_v6{height:inherit;background: url(/htmlweb/images/u67.svg) right bottom no-repeat; background-size: 631px 561px; position: absolute;width: 100%;}
.webfont_header { color: #fff; text-align: center; margin-top: 80px;}
.webfont_header h1{ font-size: 48px; font-weight: 700;}
.webfont_header h2{ font-size: 36px; font-weight: 400;}
.webfont_header .webfont_ver{display: flex; align-items: center; justify-content: center; }
.webfont_header .webfont_ver a{width: 240px; height: 60px;line-height: 60px; font-size: 20px; border: 1px solid #fff; color: #fff; margin: auto 20px; border-radius: 5px; letter-spacing: 1px;}
.webfont_header .webfont_ver a.cur{background-color: #fff;color:var(--color_mani_font);}
.webfont_header .webfont_ver a:hover{opacity: 0.8;}
.webfont_header .webfont_ver a i{margin-right: 5px;}
.webfont_header .webfont_attr{font-size: 16px; font-weight: 700; line-height: 28px; margin-top: 50px;display: flex; align-items: center; justify-content: center;}
.webfont_header .webfont_attr span{margin: auto 20px;}
.webfont_header .webfont_attr01 {display: flex; justify-content: left;}
.webfont_header .webfont_attr01 li{margin-right: 50px;}
.webfont_header .webfont_attr01 li span{font-size: 30px; font-weight: 700;}

.webfont_smlist{display: flex; flex-direction: row; justify-content: space-around;}
.webfont_smlist li{width: 30%;padding: 0px 20px 10px 50px; position: relative;}
.webfont_smlist li h2{ font-size: 24px; font-weight: 700; color: #333;}
.webfont_smlist li h3{ font-size: 20px; font-weight: 700; color: #333;}
.webfont_smlist li h4{font-size: 18px;font-weight: 700; color: #333;}
.webfont_smlist li p{margin-top: 5px;}
.webfont_smlist li span{position: relative;}
.webfont_smlist li span a.a01{display: inline-block; width: 120px; height: 40px; line-height: 40px;font-size: 14px; text-align: center; background-color:var(--color_mani_font); color:#fff; border-radius: 3px; margin-top: 15px;}
.webfont_smlist li span a:hover{opacity: 0.8;}
.webfont_smlist li span a.a01 i{margin-right: 5px;}
.webfont_smlist li b{position: absolute;top: 0px; left: 0px; width: 40px;height: 40px; line-height: 38px; font-size: 35px; border-radius: 40px; font-weight: 700; border: 2px solid var(--color_mani_font); color: var(--color_mani_font); text-align: center;}
.webfont_smlist li .pop_CSS{position: absolute;width: 410px; height: 152px; top: -162px; left: -140px; background: url(/images/pop_u114.svg)no-repeat left top;
color: #fff;padding: 15px 20px; display: none;}
.webfont_smlist li .pop_CSS a{color: #fff;}
.webfont_smlist li .pop_CSS p{display: flex;align-items: center;}
.webfont_smlist li .pop_CSS input{height: 26px;width: 85%;}
.webfont_smlist li .pop_CSS button{height: 26px;cursor: pointer;}
.webfont_source/*声明*/{font-size: 14px;opacity: 0.8;}
.webfont_source a{color: #fff; text-decoration: underline;}
.webfont_source a:hover{opacity: 0.8;}

/* v5free 图标列表 */
.webfont_icon h1{font-size: 28px; font-weight: 700;}
.webfont_icon h2{font-family: Dosis, Open Sans, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;}
.webfont_icon h4{font-size: 14px; color: #999;}
.webfont_iconTitle{background-color: rgba(var(--color_mani_fontRGB), 0.05); border: 1px solid var(--color_mani_font); border-radius: 4px; padding: 20px;padding-left: 60px; position: relative;}
.webfont_iconTitle i{position: absolute; left:25px;top: 20px; font-size: 28px; color: var(--color_mani_font);}
.webfont_iconTitle h2{font-size: 16px; font-weight: 700;}
.webfont_iconTitle p{font-size: 14px; color: #999;}
.webfont_iconList{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.webfont_iconList li,.webfont_iconList p/*补位*/{width:80px;padding: 5px; margin:4px 2px; }
.webfont_iconList li{background-color: #fff; border-radius: 2px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.webfont_iconList li:hover{background-color:var(--color_mani_font); color: #fff;}
.webfont_iconList li i{font-size: 30px; line-height: 1.5; display: inline-block;width:inherit ; text-align: center; cursor: pointer; color: #183153;}
.webfont_iconList li:hover i{color: #fff;}
.webfont_iconList li span{width: inherit;padding: 0px 5px; text-align: center; font-size: 12px; line-height: 20px;font-weight: 400; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: Dosis, Open Sans, pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif;}


/* v5pro 图标列表 */
.webfont_iconList_5pro_top li{width:75px;}
.webfont_iconList_5pro_top li i{line-height: 2.0;}
.webfont_iconNavs { --num01:10px;}
.webfont_iconNavs {display: flex; justify-content: space-between;border: 1px solid var(--color_mani_font);border-radius: var(--num01);}
.webfont_iconNavs li {width: 25%;display: flex; flex-direction: column; align-items: center; padding: 15px;border-right: 1px solid var(--color_mani_font);color: var(--color_mani_font); cursor: pointer;}
.webfont_iconNavs li:first-of-type {border-radius: var(--num01) 0 0 var(--num01);}
.webfont_iconNavs li:last-of-type {border-right: none; border-radius: 0 var(--num01) var(--num01) 0;}
.webfont_iconNavs li.cur {background-color: var(--color_mani_font); color: #fff;}
.webfont_iconNavs li .sp01 {font-size: 20px;}
.webfont_iconNavs li .sp02 {font-size: 16px;}

/* 全屏 图标列表 */
.webfont_Full_Window{width: 100%;min-width:1260px; display: flex; justify-content: space-between;}
.webfont_Full_Window .left{min-width: 1200px;padding-left: 5px;}
.webfont_Full_Window .right{width: 60px;}


/* 帮助列表 */
.webfont_helplist{display: flex; flex-direction: column;padding: 20px;}
.webfont_helplist li{width: 100%; margin-top: 30px; font-size: 16px; line-height: 1.8;}
.webfont_helplist li b{background-color: var(--color_mani_font); color: #fff; }
.webfont_helplist .webfont_copy{display: flex;align-items: center;}
.webfont_smlist li .webfont_copy input{height: 36px;width: 55%;padding:0px 10px;border: 1px solid var(--color_mani_font);color: var(--color_mani_font); border-right: none; border-radius: 5px 0px 0px 5px;}
.webfont_smlist li .webfont_copy button,.webfont_helplist table button{height: 36px;padding: 0px 18px;cursor: pointer;border: 1px solid var(--color_mani_font);border-radius: 0px 5px 5px 0px;background-color:var(--color_mani_font); color:#fff;}
.webfont_smlist li .webfont_copy button:hover,.webfont_helplist table button:hover{opacity: 0.8;}
.webfont_helplist table{width: 100%; margin-top: 10px; line-height: 40px;}
.webfont_helplist table th{font-weight: 700; border: 1px solid #ddd;padding: 0px 10px;background-color: #999;color: #fff;}
.webfont_helplist table td{font-weight: 400; border: 1px solid #ddd;padding: 0px 10px;}
.webfont_helplist table td:nth-of-type(1){font-weight: 700;}
.webfont_helplist table th:nth-last-of-type(-n + 2),.webfont_helplist table td:nth-last-of-type(-n + 2){text-align: center;}
.webfont_helplist table td:nth-last-of-type(2){font-size: 30px;}
.webfont_helplist table tr:nth-of-type(odd){background-color: #f2f2f2;}
.webfont_helplist table tr:hover{background-color: rgba(var(--color_mani_fontRGB), 0.1);}
.webfont_helplist table button{height: 30px;border-radius: 3px;}
/* 帮助列表 有序数 */
.webfont_helplist_num li{counter-increment: list-item; /* 在这里递增计数器 */}
.webfont_helplist_num li::marker{font-size: 30px; color: #eee;  font-weight: 700; position: absolute; z-index: 2;}
 /* 使用 ::before 伪元素模拟序号 */
 .webfont_helplist_num li::before {	content: counter(list-item, decimal-leading-zero);	font-size: 30px; width: 40px; height: 40px;	line-height: 40px;	border-radius: 50%;	font-weight: 700;	border: 1px solid var(--color_mani_font);	color: #fff;	background-color: var(--color_mani_font);	display: flex;	justify-content: center;	align-items: center;	position: absolute;	left: 0;	top: 20px;	transform: translateY(-50%);}