body {
	margin: auto;
	cursor: default;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

ul li {
	list-style-type: none;
}

div,
a,
textarea,
input,
span {
	box-sizing: border-box;
}

input {
	background: none;
}

input[type="button"] {
	cursor: pointer;
}

button {
	cursor: pointer;
}

textarea {
	resize: none;
	font-family: inherit;
}

div,
input {
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

::-webkit-scrollbar-thumb {
	border-radius: 1em;
	background-color: rgba(50, 50, 50, .3);
}

::-webkit-scrollbar-track {
	border-radius: 1em;
	background-color: rgba(50, 50, 50, .1);
}

/* a:hover,
button:hover {
	opacity: 0.7;
} */

@media (min-width: 1020px) {
	#H5 {
		display: none;
	}
}

@media (max-width: 1020px) {
	#PC {
		display: none;
	}
}

.container {
	width: 1250px;
	margin: auto;
	box-sizing: border-box;
	display: flex;
}

.banner {
	width: 100%;
	position: relative;
}

.banne1 {
	width: 100%;
	display: block;
}

.banne2 {
	width: 100%;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	font-family: 'Myriad Pro', sans-serif;
	/* 设置渐变背景，从左(红色)到右(蓝色) */
	background-image: linear-gradient(to bottom, #FFFFFF, #BBC5D6);
	/* 使文字有透明度，以便可以看到渐变效果 */
	color: transparent;
	/* 使用背景渐变填充文字 */
	-webkit-background-clip: text;
	background-clip: text;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.inde_zxzls {
	width: 100%;
	background: #F8F8F8;
}

.inde_zxzl {
	width: 100%;
	margin: 50px auto;
}

.inde_zxzl1 {
	width: 100%;
	font-size: 24px;
	color: #231F20;
	font-weight: bold;
	position: relative;
}

.inde_zxzl1 span {
	background: #F8F8F8;
	padding-right: 10px;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.inde_zxzl1::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #D9D9D9;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.inde_zxzl2 {
	width: 100%;
	display: inline-block;
}

.inde_zxzl2_1 {
	width: 32%;
	display: block;
	float: left;
	margin-right: 2%;
	font-size: 16px;
	color: #231F20;
	margin-top: 20px;
}

.inde_zxzl2_1:nth-child(3n) {
	margin-right: 0;
}

.inde_zxzl2_1 img {
	width: 5px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zxzl2_1 div {
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.inde_zxzl3 {
	width: 100%;
	display: inline-block;
}

.inde_zxzl3_1 {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	background: white;
	padding: 20px 25px;
	margin-top: 30px;
	overflow: hidden;
	position: relative;
}

.inde_zxzl3_1:nth-child(4n) {
	margin-right: 0;
}

.inde_zxzl3_2 {
	width: 100%;
	height: 240px;
	display: block;
	object-fit: cover;
	object-position: center;
}

.inde_zxzl3_3 {
	width: 100%;
	margin-top: 15px;
	font-size: 16px;
	color: #231F20;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 限制文本行数为2 */
	overflow: hidden;
}

.inde_zxzl3_4 {
	width: 100%;
	margin-top: 10px;
	display: inline-block;
}

.inde_zxzl3_4_1 {
	float: left;
	font-size: 14px;
	color: #999999;
}

.inde_zxzl3_4_1 img {
	width: 10px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zxzl3_4_1 span {
	display: inline-block;
	vertical-align: middle;
}

.inde_zxzl3_4_2 {
	width: 65px;
	height: 30px;
	border-radius: 30px;
	float: right;
	text-align: center;
	background: #FBD100;
	font-size: 14px;
	color: #231F20;
}

.inde_zxzl3_4_2 img {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zxzl3_4_2 span {
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zxzl3_5 {
	width: 70px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.inde_zlxxs {
	width: 100%;
}

.inde_zlxx {
	width: 100%;
	margin: 55px auto;
}

.inde_zlxxa {
	width: 100%;
	margin-bottom: 55px;
}

.inde_zlxxa:last-child {
	margin-bottom: 0;
}

.inde_zlxxb {
	border-top: 1px solid #DBDBDB;
	width: 100%;
	height: 50px;
	background: #FAFAFA;
	padding: 0 10px;
	font-size: 24px;
	color: #231F20;
	font-weight: bold;
}

.inde_zlxxb img {
	width: 25px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zlxxb span {
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zlxxc {
	width: 100%;
	display: inline-block;
}

.inde_zlxxd {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-top: 25px;
}

.inde_zlxxd:nth-child(3n) {
	margin-right: 0;
}

.inde_zlxxd1 {
	width: 100%;
	margin-bottom: 20px;
	font-size: 20px;
	color: #231F20;
	font-weight: bold;
}

.inde_zlxxd1 img {
	width: 20px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zlxxd1 span {
	display: inline-block;
	vertical-align: middle;
}

.inde_zlxxd2 {
	width: 100%;
}

.inde_zlxxd3 {
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
	color: #231F20;
	display: block;
}

.inde_zlxxd3:last-child {
	margin-bottom: 0;
}

.inde_zlxxd3 img {
	width: 5px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.inde_zlxxd3 div {
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.zxq_box {
	width: 100%;
}

.zxq_bo {
	width: 100%;
	margin: 50px auto;
}

.zxq_bo1 {
	width: 100%;
	display: inline-block;
}

.zxq_bo2 {
	border: 1px solid #EDEDED;
	width: 23.5%;
	float: left;
	margin-right: 2%;
	background: white;
	padding: 25px;
	margin-top: 30px;
	overflow: hidden;
	position: relative;
}

.zxq_bo2:nth-child(4n) {
	margin-right: 0;
}

.detail_box {
	width: 100%;
}

.detail_bo {
	width: 100%;
	margin: 45px auto;
	display: inline-block;
}

.detail_right {
	width: 275px;
	float: left;
	margin-left: 35px;
}

.detail_ria {
	width: 100%;
	background: #FAFAFA;
	padding: 35px 25px;
}

.detail_ria1 {
	width: 100%;
	height: 55px;
	border-radius: 55px;
	background: #FF6600;
	text-align: center;
	font-size: 20px;
	color: white;
	font-weight: bold;
	display: block;
}

.detail_ria1 img {
	width: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.detail_ria1 span {
	line-height: 55px;
	display: inline-block;
	vertical-align: middle;
}

.detail_ria2 {
	width: 100%;
	margin-top: 20px;
	text-align: right;
	text-decoration: underline;
	font-size: 14px;
	color: #333333;
}

.detail_ria3 {
	width: 100%;
	height: 40px;
	border-radius: 40px;
	margin-top: 25px;
	background: #FBD100;
	text-align: center;
	font-size: 16px;
	color: #231F20;
	display: block;
}

.detail_ria3 img {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
}

.detail_ria3 span {
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
}

.detail_rib {
	width: 100%;
	margin-top: 30px;
}

.detail_rib1 {
	border-top: 1px solid #DBDBDB;
	width: 100%;
	height: 50px;
	background: #FAFAFA;
	padding: 0 10px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}

.detail_rib1 img {
	width: 25px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.detail_rib1 span {
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
}

.detail_rib2 {
	width: 100%;
	padding: 25px 10px;
}

.detail_rib3 {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333333;
}

.detail_rib3:last-child {
	margin-bottom: 0;
}

.detail_rib3 img {
	width: 5px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.detail_rib3 div {
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.detail_left {
	width: calc(100% - 310px);
	float: left;
}

.detail_lea {
	width: 100%;
	font-size: 26px;
	color: #333333;
	font-weight: bold;
}

.detail_leb {
	width: 100%;
	margin-top: 10px;
	display: inline-block;
}

.detail_leb1 {
	float: left;
	margin-right: 30px;
	font-size: 14px;
	color: #999999;
}

.detail_leb1 span {
	margin-left: 10px;
	color: #333333;
}

.detail_leb2 {
	width: 30px;
	display: block;
	float: right;
}

.detail_leb2 img {
	width: 100%;
	display: block;
}

.detail_lec {
	width: 100%;
	margin-top: 40px;
}

.detail_lec1 {
	border-top: 1px solid #DBDBDB;
	width: 100%;
	height: 50px;
	background: #FAFAFA;
	padding: 0 10px;
	font-size: 22px;
	color: #231F20;
	font-weight: bold;
}

.detail_lec1 img {
	width: 25px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

.detail_lec1 span {
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
}

.detail_lec2 {
	width: 100%;
	padding: 25px 10px;
}

.detail_lec3 {
	width: 100%;
	display: inline-block;
	margin-bottom: 25px;
}

.detail_lec3:last-child {
	margin-bottom: 0;
}

.detail_lec3_1 {
	width: 135px;
	float: left;
	font-size: 16px;
	color: #999999;
	line-height: 35px;
}

.detail_lec3_2 {
	width: calc(100% - 135px);
	float: left;
	font-size: 16px;
	color: #333333;
	line-height: 35px;
}

.detail_lec3_3 {
	width: calc(100% - 135px);
	float: left;
	display: inline-block;
}

.detail_lec3_3_1 {
	border: 1px solid #DADADA;
	height: 35px;
	border-radius: 35px;
	padding: 0 10px;
	line-height: 35px;
	float: left;
	margin-right: 10px;
	font-size: 16px;
	color: #333333;
}

.detail_lec3_3_1:last-child {
	margin-right: 0;
}

.detail_lec4 {
	width: 100%;
	padding: 25px 10px;
}

.detail_lec4_1 {
	display: inline-block;
	font-size: 16px;
	color: #333333;
	text-decoration: underline;
}

.detail_lec4_1 img {
	width: 15px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

.detail_lec4_2 {
	width: 100%;
	margin-top: 35px;
}

.detail_lec4_2 img {
	max-width: 100%;
}

.zf_cover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

.zf_box {
	width: 500px;
	background: white;
	border-radius: 10px;
	padding: 0 90px;
	padding-top: 75px;
	padding-bottom: 55px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.zf_bo1 {
	width: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.zf_bo2 {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #999999;
}

.zf_bo3 {
	width: 100%;
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.zf_bo3 span {
	font-size: 40px;
}

.zf_bo4 {
	width: 100%;
	margin-top: 50px;
}

.zf_bo4_1 {
	width: 100%;
	margin-bottom: 30px;
}

.zf_bo4_1:last-child {
	margin-bottom: 0;
}

.zf_bo4_2 {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
}

input[type=radio] {
	border: 1px solid #999999;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	position: relative;
	width: 20px;
	height: 20px;
	font-size: 18px;
	margin: 0;
	border-radius: 50%;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
}

input[type=radio]::after {
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
}

input[type=radio]:checked {
	border: none;
}

input[type=radio]:checked::after {
	content: "✓";
	font-size: 16px;
	font-weight: bold;
	background: #FBD100;
	color: #000000;
	border-radius: 50%;
}

input[type=checkbox] {
	border: 1px solid #999999;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	position: relative;
	width: 20px;
	height: 20px;
	font-size: 18px;
	margin: 0;
	border-radius: 50%;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
}

input[type=checkbox]::after {
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
}

input[type=checkbox]:checked {
	border: none;
}

input[type=checkbox]:checked::after {
	content: "✓";
	font-size: 16px;
	font-weight: bold;
	background: #FBD100;
	color: #000000;
	border-radius: 50%;
}

.zf_bo4_3 {
	width: calc(100% - 60px);
	padding: 0 15px;
	font-size: 16px;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}

.zf_bo4_3 span {
	font-size: 14px;
	color: #999999;
}

.zf_bo5 {
	border: none;
	outline: none;
	width: 225px;
	height: 60px;
	border-radius: 60px;
	display: block;
	margin: auto;
	margin-top: 50px;
	background: #FBD100;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.qqss_box {
	width: 100%;
	background: #F7F7F7;
}

.qqss_bo {
	max-width: 100%;
	width: 635px;
	margin: auto;
	margin-top: 65px;
	margin-bottom: 50px;
}

.qqss_bo1 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #333333;
	position: relative;
}

.qqss_bo1 span {
	display: inline-block;
	background: #F7F7F7;
	padding: 0 15px;
	position: relative;
	z-index: 1;
}

.qqss_bo1::after {
	content: '';
	width: 360px;
	height: 1px;
	background: #CCCCCC;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.qqss_bo2 {
	width: 100%;
	margin-top: 100px;
}

.qqss_bo3 {
	width: 100%;
	margin-bottom: 25px;
}

.qqss_bo3:last-child {
	margin-bottom: 0;
}

.qqss_bo3_1 {
	width: 100%;
	font-size: 16px;
	color: #333333;
	margin-bottom: 15px;
}

.qqss_bo3_2 {
	border: 1px solid #E0E0E0;
	outline: none;
	width: 100%;
	height: 225px;
	background: #F4F4F4;
	padding: 15px;
	font-size: 14px;
	color: #333333;
}

.qqss_bo3_3 {
	width: 100%;
	display: inline-block;
}

.qqss_bo3_3_2 {
	max-width: 100%;
	display: inline-block;
	float: left;
}

.qqss_bo3_3_1 {
	width: 125px;
	overflow: hidden;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	position: relative;
}

.qqss_bo3_3_1 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.del-posi {
	position: absolute;
	padding: 15px;
	right: 0;
	top: 0;
	z-index: 9;
}

.del-posi::after {
	content: "";
	background-color: #000;
	border-radius: 0 0 0 15px;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
}

.del-icon {
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.del-icon::after,
.del-icon::before {
	content: "";
	width: 70%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 45%;
	transform: translate(50%, -50%);
	right: 45%;
}

.del-icon::after {
	transform: translate(50%, -50%) rotate(90deg);
}

.qqss_bo3_4 {
	border: 1px solid #E0E0E0;
	outline: none;
	width: 100%;
	height: 45px;
	background: #F4F4F4;
	padding: 0 15px;
	font-size: 14px;
	color: #333333;
}

.qqss_bo4 {
	border: none;
	outline: none;
	width: 225px;
	height: 60px;
	border-radius: 60px;
	display: block;
	background: #FBD100;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin: auto;
	margin-top: 35px;
}

.gywm_tops {
	width: 100%;
	background: #F7F7F7;
}

.gywm_top {
	width: 100%;
	margin: 60px auto;
	text-align: center;
	font-size: 30px;
	color: #333333;
	position: relative;
}

.gywm_top span {
	display: inline-block;
	background: #F7F7F7;
	padding: 0 15px;
	position: relative;
	z-index: 1;
}

.gywm_top::after {
	content: '';
	width: 360px;
	height: 1px;
	background: #CCCCCC;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.gywm_downs {
	width: 100%;
	text-align: center;
}

.gywm_down {
	max-width: 100%;
	width: 1025px;
	margin: 55px auto;
	text-align: left;
	display: inline-block;
}

.gywm_down1 {
	width: 52%;
	float: left;
}

.gywm_down1_1 {
	width: 100%;
	font-size: 28px;
	color: #333333;
	margin-bottom: 20px;
}

.gywm_down1_2 {
	width: 100%;
	font-size: 16px;
	color: #231F20;
	line-height: 30px;
}

.gywm_down2 {
	width: 44%;
	float: right;
	display: block;
}

/* 同意协议按钮容器 */
.agreement-btn-container {
	width: 100%;
	background: #F7F7F7;
	padding: 40px 0;
	text-align: center;
}

.agree-btn {
	border: none;
	outline: none;
	width: 225px;
	height: 55px;
	border-radius: 55px;
	background: #FBD100;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
}

.agree-btn:hover {
	background: #FFD700;
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(251, 209, 0, 0.3);
}

.agree-btn:active {
	transform: translateY(0);
}

.login_cover {
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

.login_box {
	width: 535px;
	border-radius: 10px;
	background: white;
	padding: 0 95px;
	padding-top: 45px;
	padding-bottom: 75px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.login_bo1 {
	width: 20px;
	position: absolute;
	right: 10px;
	top: 20px;
	z-index: 1;
}

.login_bo2 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #333333;
}

.login_bo3 {
	width: 100%;
	margin-top: 50px;
	position: relative;
}

.login_bo3_1 {
	width: 100%;
	display: block;
}

.login_bo3_2 {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.login_bo4 {
	width: 100%;
	margin-top: 35px;
	font-size: 14px;
	color: #999999;
}

.login_bo4 div {
	width: calc(100% - 35px);
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

.login_bo4 a {
	text-decoration: underline;
	color: #333333;
}

.search_box {
	width: 100%;
}

.search_bo {
	max-width: 100%;
	width: 950px;
	margin: 20px auto;
}

.search_bo1 {
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	padding: 30px 0;
	font-size: 16px;
	color: #999999;
}

.search_bo1 span {
	font-size: 28px;
	font-weight: bold;
	color: #231F20;
}

.search_bo2 {
	width: 100%;
	margin-top: 35px;
}

.search_bo2_1 {
	width: 100%;
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	color: #231F20;
}

.search_bo2_1:last-child {
	margin-bottom: 0;
}

.search_bo2_1 img {
	width: 5px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.search_bo2_1 div {
	width: calc(100% - 20px);
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.mine_box {
	width: 100%;
	background: #F7F7F7;
}

.mine_bo {
	width: 100%;
	margin: 35px auto;
	display: inline-block;
}

.mine_left {
	width: 220px;
	margin-right: 20px;
	float: left;
}

.mine_lea {
	width: 100%;
	background: white;
	padding: 30px;
}

.mine_lea1 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	margin: auto;
}

.mine_lea2 {
	width: 100%;
	margin-top: 15px;
	text-align: center;
	font-size: 20px;
	color: #333333;
}

.mine_lea2 span {
	display: inline-block;
	vertical-align: middle;
}

.mine_lea2 img {
	width: 15px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}

.mine_lea3 {
	width: 100%;
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
	color: #999999;
}

.mine_lea3 span {
	color: #333333;
}

.mine_lea4 {
	max-width: 100%;
	width: 120px;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	background: #FBD100;
	font-size: 14px;
	color: #231F20;
	font-weight: bold;
	margin: auto;
	margin-top: 10px;
}

.mine_leb {
	width: 100%;
	background: white;
	padding: 15px 30px;
	margin-top: 25px;
}

.mine_leb1 {
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	height: 55px;
	display: block;
	padding: 0 10px;
}

.mine_leb1:last-child {
	border-bottom: 0;
}

.mine_leb1_1 {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}

.mine_leb1_3 {
	width: 5px;
	display: inline-block;
	vertical-align: middle;
}

.mine_leb1_2 {
	width: calc(100% - 30px);
	line-height: 55px;
	padding: 0 10px;
	font-size: 16px;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}

.mine_right {
	width: calc(100% - 240px);
	float: left;
	background: white;
	padding: 40px;
}

.mine_ria {
	width: 100%;
	display: inline-block;
}

.mine_ria1 {
	font-size: 28px;
	color: #333333;
	float: left;
}

.mine_ria2 {
	float: right;
	display: flex;
}

.mine_ria2_1 {
	padding: 0 15px;
	height: 30px;
	border-radius: 30px;
	background: #F7F7F7;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-right: 15px;
	display: block;
	line-height: 30px;
}

.mine_ria2_1:last-child {
	margin-right: 0;
}

.mine_ria2_1.on {
	background: #FBD100;
}

.mine_rib {
	max-width: 100%;
	width: 495px;
	margin: 30px auto;
}

.mine_rib1 {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #333333;
}

.mine_rib1 img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: block;
	margin: auto;
	margin-bottom: 10px;
	object-fit: cover;
	object-position: center;
}

.mine_rib2 {
	width: 100%;
	margin-top: 55px;
}

.mine_rib3 {
	width: 100%;
	margin-bottom: 15px;
	display: flex;
}

.mine_rib3:last-child {
	margin-bottom: 0;
}

.mine_rib3_1 {
	width: 70px;
	line-height: 45px;
	font-size: 16px;
	color: #333333;
}

.mine_rib3_2 {
	border: none;
	outline: none;
	width: calc(100% - 70px);
	height: 45px;
	border-radius: 45px;
	background: #F9F9F9;
	padding: 0 20px;
	font-size: 14px;
	color: #333333;
}

.mine_rib4 {
	border: none;
	outline: none;
	width: 135px;
	height: 45px;
	border-radius: 45px;
	background: #FBD100;
	font-size: 16px;
	color: #333333;
	display: block;
	font-weight: bold;
	margin: auto;
	margin-top: 50px;
}

.mine_ric {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	overflow-x: auto;
}

.mine_ric table {
	width: 100%;
}

.mine_ric tr {
	width: 100%;
}

.mine_ric td {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 20px;
	color: #333333;
	font-size: 14px;
}

.mine_ric td:first-child {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

.mine_ric td:first-child span {
	font-size: 24px;
}

.mine_ric td:last-child {
	color: #999999;
}

.mine_ric tr:first-child td {
	border-top: 1px solid #EBEBEB;
	border-bottom: 0;
	background: #FAFAFA;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
}

.pages {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}

.pagination {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.pagination li {
	display: inline;
	text-align: center;
}

.pagination a {
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	float: left;
	display: block;
	min-width: 30px;
	height: 30px;
	font-size: 14px;
	padding: 0 10px;
	background: white;
	color: #666666;
	text-align: center;
	line-height: 30px;
	margin: 0 5px;
	border-radius: 2px;
}

.pagination img {
	height: 10px;
}

.pagination span {
	border: 1px solid #DCDCDC;
	box-sizing: border-box;
	float: left;
	display: block;
	min-width: 30px;
	height: 30px;
	font-size: 14px;
	padding: 0 10px;
	background: white;
	color: #666666;
	text-align: center;
	line-height: 30px;
	margin: 0 5px;
	border-radius: 2px;
}

.pagination a.active {
	border: 1px solid #FBD100;
	background: #FBD100;
	color: #000000;
}

.pagination a:active {
	border: 1px solid #FBD100;
	background: #FBD100;
	color: #000000;
}

.mine_rid {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	overflow-x: auto;
}

.mine_rid table {
	width: 100%;
}

.mine_rid tr {
	width: 100%;
}

.mine_rid td {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 20px;
	color: #999999;
	font-size: 14px;
}

.mine_rid td:first-child {
	color: #333333;
}

.mine_rid tr:first-child td {
	border-top: 1px solid #EBEBEB;
	border-bottom: 0;
	background: #FAFAFA;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
}

.mine_rie {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	overflow-x: auto;
}

.mine_rie table {
	width: 100%;
}

.mine_rie tr {
	width: 100%;
}

.mine_rie td {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 20px;
	font-size: 14px;
}

.mine_rie td:first-child {
	color: #333333;
}

.mine_rie td:nth-child(2) {
	color: #999999;
}

.mine_rie td:nth-child(3) {
	color: #999999;
}

.mine_rie td:nth-child(4) {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

.mine_rie td:nth-child(4) span {
	font-size: 24px;
}

.mine_rie tr:first-child td {
	border-top: 1px solid #EBEBEB;
	border-bottom: 0;
	background: #FAFAFA;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
}
.mine_rif{
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	overflow-x: auto;
}
.mine_rif table {
	width: 100%;
}

.mine_rif tr {
	width: 100%;
}

.mine_rif td {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 20px;
	font-size: 14px;
	color: #999999;
}
.mine_rif td:nth-child(1) {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}

.mine_rif td:nth-child(1) span {
	font-size: 24px;
}
.mine_rif tr:first-child td {
	border-top: 1px solid #EBEBEB;
	border-bottom: 0;
	background: #FAFAFA;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
}
.mine_rig{
	width: 100%;
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.mine_rig1{
	font-size: 14px;
	color: #999999;
	margin-right: 10px;
}
.mine_rig2{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.mine_rig2 span{
	font-size: 24px;
}
.mine_rih{
	width: 100%;
	display: inline-block;
}
.mine_rih1{
	border: 2px solid #EBEBEB;
	float: left;
	width: 27.33%;
	margin-top: 75px;
	margin-right: 9%;
	border-radius: 10px;
	padding: 10px 25px;
	display: inline-block;
	position: relative;
}
.mine_rih1:nth-child(3n){
	margin-right: 0;
}
.mine_rih1_1{
	width: 180px;
	font-size: 22px;
	color: #231F20;
	margin: auto;
	margin-top: -30px;
	position: relative;
}
.mine_rih1_1 img{
	width: 100%;
	display: block;
}
.mine_rih1_1 div{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.mine_rih1_2{
	width: 100%;
	padding: 25px 0;
	text-align: center;
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}
.mine_rih1_3{
	border-top: 1px solid #E5E5E5;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.mine_rih1_3 span{
	font-size: 28px;
}
.mine_rih1_4{
	width: 40px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.mine_rih1.on{
	border: 2px solid #FBD203;
}
.mine_rih1.on .mine_rih1_3{
	color: #FBD203;
}
.mine_rii{
	width: 100%;
	display: inline-block;
}
.mine_rii1{
	border: 1px solid #E2E2E2;
	min-width: 170px;
	height: 60px;
	padding: 0 10px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #333333;
	float: left;
	margin-top: 50px;
	margin-right: 20px;
	border-radius: 5px;
	position: relative;
}
.mine_rii1_1{
	max-width: 25px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
.mine_rii1 span{
	line-height: 60px;
	display: inline-block;
	vertical-align: middle;
}
.mine_rii1_2{
	width: 20px;
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
}
.mine_rii1.on{
	border-color: #FF3333;
}
.mine_rii1.on .mine_rii1_2{
	display: block;
}
.mine_rij{
	border: none;
outline: none;
width: 225px;
height: 60px;
border-radius: 60px;
display: block;
background: #FBD100;
font-size: 20px;
color: #333333;
font-weight: bold;
margin: auto;
margin-top: 45px;
}
.mine_rik{
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8;
	    width: 100%;
	    margin-top: 30px;
	    overflow: hidden;
	    overflow-x: auto;
}
.mine_rik1{
	border-bottom: 1px solid #E8E8E8;
	width: 100%;
	padding: 15px 20px;
	display: block;
}
.mine_rik1:last-child{
	border-bottom: 0;
}
.mine_rik1:nth-child(odd){
	background: #FBFBFB;
}
.mine_rik1_1{
	width: 5px;
	display: inline-block;
	vertical-align: middle;
}
.mine_rik1_2{
	width: calc(100% - 35px);
	padding: 0 10px;
	font-size: 14px;
	color: #231F20;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap; /* 防止文本换行 */
	  overflow: hidden; /* 隐藏溢出的内容 */
	  text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
}
.mine_rik1_3{
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.mine_ril{
	    width: 100%;
	    margin-top: 30px;
	    overflow: hidden;
	    overflow-x: auto;
}

.mine_ril table {
	width: 100%;
}

.mine_ril tr {
	width: 100%;
}

.mine_ril td {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 20px;
	color: #333333;
	font-size: 14px;
}
.mine_ril tr:first-child td {
	border-top: 1px solid #EBEBEB;
	border-bottom: 0;
	background: #FAFAFA;
	font-size: 16px;
	color: #333333;
	font-weight: 400;
}
.mine_ril td:last-child {
    color: #999999;
}
.zlsc_tops{
	width: 100%;
	background: #F1F1F1;
}
.zlsc_top{
	width: 100%;
	margin:45px auto;
}
.zlsc_top1{
	width: 100%;
	font-size: 30px;
	color: #333333;
	text-align: center;
	position: relative;
}
.zlsc_top1::after{
	content: '';
	width: 360px;
	height: 1px;
	background: #CCCCCC;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.zlsc_top1 span{
	display: inline-block;
	padding: 0 15px;
	background: #F1F1F1;
	position: relative;
	z-index: 1;
}
.zlsc_top2{
	width: 100%;
	margin-top: 35px;
	text-align: center;
}
.zlsc_top2_1{
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	color: #999999;
}
.zlsc_top2_1 img{
	height: 25px;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}
.zlsc_top2_2{
	border: 1px dashed #CCCCCC;
	width: 160px;
	height: 0;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 15px;
	display: inline-block;
	vertical-align: top;
}
.zlsc_downs{
	width: 100%;
	background: #F7F7F7;
}
.zlsc_down{
	max-width: 100%;
	width: 710px;
	margin:40px auto;
}
.zlsc_downa{
	width: 100%;
	background: white;
	margin-bottom: 35px;
	padding: 35px 50px;
}
.zlsc_downa1{
	width: 100%;
	margin-bottom: 25px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.zlsc_downa2{
	width: 100%;
	margin-bottom: 15px;
	display: flex;
}
.zlsc_downa2_1{
	width: 70px;
	    margin-top: 8px;
	font-size: 16px;
	color: #333333;
}
.zlsc_downa2_2{
	width: calc(100% - 70px);
}
.zlsc_downa2_3{
	border: 1px solid #F0F0F0;
	width: 100%;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	background: #FBFBFB;
	display: flex;
	margin-bottom: 15px;
}
.zlsc_downa2_3:last-child{
	margin-bottom: 0;
}
.zlsc_downa2_3 input{
	border: none;
	outline: none;
	width: calc(100% - 10px);
	height: 100%;
	font-size: 14px;
	color: #333333;
	background: transparent;
}
.zlsc_downa2_3 span{
	font-size: 20px;
	color: #FBD100;
}
.zlsc_downa2_4{
	border: 1px solid #F0F0F0;
	outline: none;
	width: 100%;
	height: 40px;
	padding: 0 15px;
	padding-right: 25px;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
	background-color: #FBFBFB;
	appearance:none;
	        -moz-appearance:none;
	        -webkit-appearance:none;
			background-image: url(../img/select_1.png);
			background-position: center right 15px;
			background-repeat: no-repeat;
			background-size: 10px auto;
}
.zlsc_downa2_5{
	width: 100%;
}
.zlsc_downa2_5_1{
	width: 100%;
	display: inline-block;
}
.zlsc_downa2_5_1{
	border: 1px solid #F0F0F0;
	outline: none;
	width: 160px;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
	background-color: #FBFBFB;
	margin-bottom: 15px;
	margin-right: 10px;
	float: left;
}
.zlsc_downa2_5_2{
	height: 15px;
	display: block;
	float: left;
	margin-top: 14px;
}
.zlsc_downa2_6{
	display: flex;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
}
.zlsc_downa2_6 input{
	border: 1px solid #F0F0F0;
	outline: none;
	width: 200px;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
	background-color: #FBFBFB;
	margin-right: 10px;
}
.zlsc_downa3{
	border: none;
	outline: none;
	width: 100px;
	height: 40px;
	border-radius: 40px;
	margin-left: calc(100% - 100px);
	background: #FBD100;
	font-size: 16px;
	color: #333333;
	display: block;
}
.zlsc_downa4{
	width: 100%;
}
.zlsc_downa4_1{
	width: 100%;
	font-size: 16px;
	color: #333333;
}
.zlsc_downa4_1 span{
	color: #FBD100;
}
.zlsc_downa4_2{
	width: 100%;
	display: inline-block;
}
.zlsc_downa4_3{
	width: 160px;
	margin-top: 15px;
	margin-right: 15px;
	overflow: hidden;
	float: left;
	position: relative;
}
.zlsc_downa4_3 img{
	width: 100%;
	display: block;
}
.zlsc_downa4_4 {
	max-width: 100%;
	display: inline-block;
	float: left;
}
.zlsc_downa4_5{
	border: 1px solid #F0F0F0;
	max-width: 100%;
	width: 530px;
	height: 45px;
	background: #FBFBFB;
	padding: 0 15px;
	margin-top: 20px;
}
.zlsc_downa4_5 input{
	border: none;
	outline: none;
	width: calc(100% - 25px);
	height: 100%;
	font-size: 14px;
	color: #333333;
	background: transparent;
	display: inline-block;
	vertical-align: middle;
}
.zlsc_downa4_5 img{
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}
.zlsc_downa4_6{
    	width: 100%;
	font-size: 14px;
	color: #999;
	margin-top: 10px;
}
/* 上传进度条样式 */
.upload-progress{
	width: 100%;
	margin-top: 15px;
	display: flex;
	align-items: center;
	gap: 15px;
}
.progress-bar-container{
	flex: 1;
	height: 8px;
	background: #F0F0F0;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.progress-bar{
	height: 100%;
	background: linear-gradient(90deg, #FBD100 0%, #FFD700 100%);
	border-radius: 4px;
	width: 0%;
	transition: width 0.3s ease;
	position: relative;
}
.progress-bar::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
	animation: progress-shine 1.5s infinite;
}
@keyframes progress-shine {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}
.progress-text{
	font-size: 14px;
	color: #333333;
	min-width: 40px;
	text-align: right;
	font-weight: 500;
}
.zlsc_downb{
	border: none;
	outline: none;
	width: 225px;
	height: 55px;
	border-radius: 55px;
	background: #FBD100;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	display: block;
	margin: auto;
	margin-top: 45px;
}
.zlsc_downc{
	width: 100%;
	margin-bottom: 25px;
	font-size: 14px;
	color: #666666;
}
.zlsc_downc div{
	margin-left: 5px;
	text-decoration: underline;
	display: inline-block;
	vertical-align: middle;
}