/*棣栭〉鏍峰紡*/
.mainFunction ul{width:100%;overflow:hidden;padding-bottom:20px;display: flex;justify-content: space-around; flex-wrap: wrap;}
.mainFunction ul li{float:left;width: 274px;padding: 26px;box-sizing: border-box;background-color: #fff;margin-right: 32px;box-shadow: 0 0 15px #e9ecef;border-radius: 10px;text-align: center;}
.mainFunction ul li:nth-child(4n) {margin-right: 0;}
.mainFunction ul li img{width: 210px;height:auto;margin-bottom: 26px;border-radius: 5px;display: inline-block;}
.mainFunction ul li h4{width:100%;text-align: center;margin-bottom: 19px;font-size: 16px;color: #333;}
.mainFunction ul li p{width:100%;color: #898989;line-height: 24px; font-size: 12px;height: 100px;text-align: left;letter-spacing: 0;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 10px;}
.mainFunction ul li a{width: 100%;height: 30px;text-align: center;color: #f96308;display: inline-block;background-color: #fff;font-weight: 600;line-height: 30px;border-radius: 15px;border: 1px solid #f96308;}
.mainFunction ul li a:hover{background:#f96308;color:#fff;}
.indexIcobox ul{width:100%;overflow:hidden;}
.indexIcobox ul li{float:left;width: 25%;text-align:center;}
.indexIcobox ul li img{width:161px;height:auto;margin:auto;}
.indexIcobox ul li p{font-weight: bolder;font-size: 16px;padding:20px 0;}

/*AIGC鏍峰紡*/
.stepBar{background-color: #fffcf9;text-align: center;padding:30px 0 40px;margin-top: 20px;margin-bottom: 5px;border-radius: 6px;overflow:hidden;}
.barBox{width:80%;margin:auto;height:auto;}
.barBox li{display:inline-block;position:relative;text-align:center;vertical-align: middle;}
.barBox li h4{width: 60px;text-align: center; position: absolute;top: 32px;left: 50%;margin-left: -30px;color: #c0a489;font-size: 13px;font-weight:normal;}
.selectDote{width:29px;height:37px;}
.selectDote img{width:100%;height:auto;display:block;margin:auto;}
.dhDote{height:37px;}
.dhDote img{margin-top:-6px;}
.dote{width:20px;height:37px;}
.dote img{width:100%;height:auto;display:block;margin:5px auto 0;}
.barBox .line{width: 43%;height:37px;}
.barBox .line:before{content: "";position: absolute;height: 3px;width: 100%;background-color: #ebddce;text-align: center;vertical-align: middle;left:0;top:8px;}

.formData{background-color: #fff;border-radius: 6px;padding: 44px 52px 44px 52px;box-sizing:border-box;margin-top:20px;}
.formData p{width:100%;margin-bottom: 16px;border: 1px solid #e3e3e3;height: 46px;line-height: 46px;font-size: 14px;position: relative;overflow: hidden;border-radius: 6px;}
.formData p span{padding-left: 20px;background-color: #fff;display: inline-block;height: 100%;position: absolute;padding-right: 8px;z-index: 2;}
.formData p input{position: relative;top:-1px;padding: 0 20px 0 100px;height: 100%;width: 100%;border:none;font-size:14px;box-sizing:border-box;}
.fileBox ul{font-size: 0;width: 100%;border-bottom: 1px solid #dee2e6; margin-bottom: 16px;}
.fileBox ul li{position: relative;top: 1px;left: 0;display: inline-block;font-size: 14px;height: 40px;line-height: 40px;width: 114px;text-align: center;margin-right: -2px;background-color: #fff;border: 1px solid;border-color: #fff #fff #dee2e6;border-top-left-radius: 4px;border-top-right-radius: 4px;cursor: pointer;z-index: 1;}
.fileBox ul li.active{top: 1px;border: 1px solid #dee2e6;border-bottom-color: #fff;z-index: 2;}
.uploadBox{position: relative;width: 100%;padding:50px 0;overflow:hidden;border: 2px dashed #cacaca;background: #f8f8f8;border-radius: 5px;margin-bottom: 16px;box-sizing:border-box;}
.uploadInfo{width: 60%;margin:auto;text-align: center;position:relative;z-index:2;}
.uploadInfo a{display:block;width:50px;height:50px;margin:auto;}
.uploadInfo h4{width:100%;font-size:16px;font-weight:normal;text-align: center;padding:10px 0 0;}
.formData .uploadInfo p{border:none;height:25px;font-size:12px;color:#939393;line-height:25px;margin-bottom:0;}
.uploadBox input{position:absolute;z-index:3;display:inline-block;width:60%;margin:auto;height:106px;left:20%;top:50px;cursor:pointer;background-color: rgba(255, 0, 0, 0); /* 绀轰緥鑳屾櫙鑹� */opacity: 0; /* 璁剧疆鏁翠綋閫忔槑搴︿负50% */}
.formData textarea{width: 100%;height: 240px;padding: 12px 16px;line-height: 18px;border: 1px solid #cacaca;border-radius: 5px;margin-bottom: 16px;background-color: #f8f8f8;font-size:14px;box-sizing:border-box;}
.formData .submit{cursor: pointer;color: #fff;background-color: #4a92ff;border: 0;font-size: 16px;height: 48px;line-height: 48px;padding: 0 50px;font-weight: 700;border-radius: 4px;box-shadow: 0 3px 6px rgba(0,0,0,.1);transition: all .3s linear;}
.formData .submit:hover{background-color: #2076f7;box-shadow: 0 6px 10px rgba(0,0,0,.2);}
.notice{border-radius: 6px;border: 1px solid #f1ebe6;background-color: #fffcf9;padding: 36px 40px 24px;margin-top: 24px;margin-right: 0;margin-bottom: 10px;}
.notice dt{color: #000;margin-bottom: 20px;font-weight: 700;}
.notice dd{color: #818181;font-size: 12px;margin-bottom: 13px;position: relative;}
.notice dd span{position: absolute;top: 0;left: 0;color: #333;font-weight:bolder;line-height:20px;}
.notice dd p{padding-left: 80px;border:none;line-height:20px;height:auto;box-sizing:border-box;}
.jcOption{width:100%;overflow:hidden;margin-bottom:15px;}
.jcOption a{float:left;width:23%;margin-right:2%;border: 1px solid #e3e3e3;box-sizing:border-box;border-radius:6px;}
.jcOption a:last-child{margin-right:0;}
.jcOption a h5{width:100%;font-size:16px;padding:25px 0  10px;text-align:center;}
.jcOption a p{width:100%;font-size:14px;padding:0;text-align:center;border:none;}
.jcOption a p em{display:inline-block;color:#f96308;font-weight:bolder;font-style: normal;}
.jcOption a.active{border:1px solid #f96308;}

/*鎶ュ憡涓嬭浇*/
.pcReport{display:block;}
.mobileReport{display:none;}
.reportBox{background-color: #fff;margin:20px auto 0;padding: 45px 40px;box-sizing: border-box;margin-bottom:50px;border-radius:6px;}
/* .tableBox{width:100%;max-height:740px;overflow:auto;position:relative;border:1px solid #ddd;} */
.tableBox{width:100%;position:relative;border:1px solid #ddd;}
.reportBox table{width:100%;height:100px;table-layout: fixed;}
.reportBox table th{top:0;position:sticky;}
.reportBox table th,.reportBox table td{font-size:14px;padding:15px 10px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;}
.reportBox table tr:nth-child(odd){background:#f8f8f8;}
.reportBox table tr:first-child {height: 40px;position: sticky;top: 0;z-index: 99;}
.reportBox table tr:last-child td{border-bottom:none;}
.reportBox table td{color:#666;}
.reportBox table td em{display:block;padding:5px 0;border-radius:5px;font-style: normal;margin:auto;}
.reportBox table td .green{color:#13ce66;}
.reportBox table td .red{color:#fa4141;}
.reportBox table td button{background:#4a92ff;display:block;border-radius:5px;color:#fff;font-style: normal;height:36px;margin:auto;border:none;cursor:pointer;}
.reportBox table td button:hover{background:#2076f7;}
.reportBox table td span{display:block;padding:5px 4px;border-radius:5px;font-style: normal;width:fit-content;margin:auto;}
.reportBox table td span.blue{border:1px solid #aec8f9;color:#1d7eff;font-size:12px;background:#edf3fe;}
.reportBox table td span.yellow{border:1px solid #fdcf77;color:#fda803;font-size:12px;background:#f7f1e6;}
.frontPage{
	width:100%;
	display: flex;
	justify-content: flex-end;
	margin-top:20px;
}
.frontPage > button{
    background: #4a92ff;
    display: block;
    border-radius: 5px;
    color: #fff;
    font-style: normal;
    width: 60px;
    height: 36px;
    border: none;
    cursor: pointer;
}
.frontPage > button:nth-child(2) {
	margin-left:20px
}
/*鏀粯椤甸潰*/
.payContent{background-color: #fff;margin:15px auto 50px;padding: 45px 60px;box-sizing: border-box;border-radius:6px;}
.payContent table{width: 100%;text-align: center;border-collapse: inherit;border: 1px solid #e3e3e3;border-spacing: 0;margin-bottom: 20px;border-radius: 5px;}
.payContent th{background-color: #f5f6f6;color: #333;font-weight: 100;font-size: 13px;height: 50px;line-height: 50px;border-collapse: collapse;font-weight:bolder;}
.payContent td{padding:20px 0;font-size:14px;}
.payContent tr td:first-child{font-weight:bolder;font-size:16px;}
.payContent tr td:last-child{font-size:16px;}
.payContent tr td span{color:#f96308;font-weight:bolder;}
.payContent ul{width:510px;margin:45px auto 20px;}
.payContent ul li{width: 210px;text-align: center;padding: 22px 0;border: 1px solid #e8eeec;background-color: #fff;border-radius: 8px;display: inline-block;font-size: 16px;cursor: pointer;margin:0 20px;}
.payContent ul li img{width:36px;height:auto;display:inline-block;vertical-align: middle;}
.payContent p{width:100%;text-align:center;font-size:14px;color:#666;margin:40px 0;}
.payContent a{background:#4a92ff;display:block;border-radius:5px;color:#fff;font-style: normal;width:240px;height:50px;margin:auto;border:none;cursor:pointer;font-size:16px;font-weight:bolder;line-height:50px;text-align:center;}
.payContent a:hover{background:#2076f7;}
.miyaoInput{width:470px;margin:auto;display:none;}
.miyaoInput input{width:94%;border: 1px solid #e3e3e3;height: 46px;line-height: 46px; font-size: 14px;position: relative;overflow: hidden;border-radius: 6px;padding:0 3%;}
.payContent ul li.active{border:1px solid #f96308;}


/*璐︽埛鍏呭��*/
.rechargeBox{background-color: #fffcf9;margin:20px auto 15px;padding: 35px 40px;box-sizing: border-box;border-radius:6px;}
.bgwhite{background:#fff;margin-bottom:50px;}
.rechargeBox h2{width:100%;font-size:18px;border-bottom:1px solid #ddd;padding-bottom:20px;color:#333;}
.rechargeBox h2 span{font-size:18px;padding:0 5px 0 15px;color:#f9161c;font-weight:bolder;float:right;}
.rechargeBox ul{width:100%;overflow:hidden;margin-top:35px;}
.rechargeBox ul li{float:left;width:23.5%;margin-right:2%;border:1px solid #ddd;border-radius:6px;padding:0;text-align:center;box-sizing:border-box;cursor:pointer;font-size:16px;font-weight:bolder;height:100px;line-height:100px;}
.rechargeBox ul li:last-child{margin-right:0;}
.rechargeBox ul li:hover,.rechargeBox ul li.active{border:1px solid #f96308;color:#f96308;}
.rechargeBox ul li input{display:block;width:100%;height:100%;font-size:16px;font-weight:bolder;padding:0;line-height:100%;text-align:center;border:none;border-radius:6px;color:#333;background:#fffcf9;}
.rechargeBox ul li.active input{color:#f96308;}
.monneyInput{width:100%;margin:20px auto;display:none;}
.monneyInput input{width:94%;border: 1px solid #e3e3e3;height: 46px;line-height: 46px; font-size: 14px;position: relative;overflow: hidden;border-radius: 6px;padding:0 3%;}
.rechargeList{width:100%;max-height:600px;overflow:auto;position:relative;border:1px solid #ddd;margin-top:20px;}
.rechargeBox button{background:#4a92ff;display:block;border-radius:5px;color:#fff;font-style: normal;width:240px;height:48px;line-height:48px;border:none;cursor:pointer;font-size:16px;font-weight:bolder;margin:30px auto 0;}
.rechargeBox button:hover{background:#2076f7;}
.rechargeBox table{width:100%;height:100px;table-layout: fixed;}
.rechargeBox table th{top:0;position:sticky;}
.rechargeBox table th,.rechargeBox table td{font-size:14px;padding:15px 10px;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;word-wrap:break-word;}
.rechargeBox table tr:nth-child(odd){background:#f8f8f8;}
.rechargeBox table tr:first-child {height: 40px;position: sticky;top: 0;z-index: 99;}
.rechargeBox table tr:last-child td{border-bottom:none;}
.rechargeBox table td{color:#666;}
/*申请代理*/
.agentBox{background-color: #fff;margin:20px auto 15px;padding: 80px 40px 240px;box-sizing: border-box;border-radius:6px;}
.agentBox h2{width:100%;padding:20px 0 20px 0;text-align:center;font-size:36px;font-weight:normal;}
.agentBox p{width:100%;padding:0 0 20px 0;text-align:center;font-size:14px;text-align:center;color:#999;}
.agentBox ul{width:70%;margin:auto;overflow:hidden;}
.agentBox ul li{width:33.3%;float:left;padding:80px 0 0;}
.agentBox ul li h4{width:100%;font-size:18px;padding:10px 0;text-align: center;font-weight:normal;}
.agentBox ul li img{width:70px;height:auto;margin:auto;display:block;}
@media screen and (max-width:1200px){
	/*棣栭〉鏍峰紡*/
	.mainFunction ul li{width:22%;margin-right:4%;padding:20px 2%;box-sizing:border-box;}
	.mainFunction ul li img{width:100%;margin-bottom:15px;}
	.mainFunction ul li h4{margin-bottom:7px;}
	.indexIcobox ul li img{width:70%;}
	.barBox .line{width:41%;}
}
@media screen and (max-width:950px){
	/*棣栭〉鏍峰紡*/
	.mainFunction ul{padding-bottom:0px;}
	.mainFunction ul li{width:48.5%;margin-right:3%;margin-bottom: 20px;}
	.mainFunction ul li:nth-child(2n) {margin-right: 0;}
	.mainFunction ul li h4{margin-bottom:10px;}
	.mainFunction ul li a{font-size:16px;}
	.mainFunction ul li p{height:48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;margin-bottom:20px;}
	/*AIGC鏍峰紡*/
	.formData{padding: 40px;}
	.barBox{width:85%;}
	.barBox .line{width:40%;}
	/*鎶ュ憡涓嬭浇*/
	.pcReport{display:none;}
	.mobileReport{display:block;}
	.reportBox{padding:20px 40px 40px;}
	.listBox,.listBox ul{width:100%;overflow:hidden;}
	.listBox ul li{width:100%;overflow:hidden;border-bottom:1px solid #ddd;padding:20px 0;}
	.listBox ul li:last-child{border-bottom:none;}
	.listBox ul li h2{font-size:16px;padding:0 100px 5px 0;box-sizing:border-box;position:relative;line-height:30px;}
	.listBox ul li h2 em{float:right;font-weight:normal;font-style: normal;padding-left:15px;position:absolute;right:0;top:0;}
	.listBox ul li h2 em.green{color:#13ce66;}
	.listBox ul li h2 em.green:before{content: "";position: absolute;width:6px;height:6px;border-radius:3px;background:#13ce66;left:0;top:12px; }
	.listBox ul li h2 em.red{color:#fa4141;}
	.listBox ul li h2 em.red:before{content: "";position: absolute;width:6px;height:6px;border-radius:3px;background:#fa4141;left:0;top:12px; }
	.listBox ul li p{font-size:14px;color:#898989;padding:5px 0;}
	.listBox ul li p span{width:50%;display:inline-block;}
	.listBox ul li h2 span{display:inline-block;padding:0 5px;border-radius: 5px;font-style: normal;margin: auto;line-height:22px;font-weight:normal;margin-left:5px;}
    .listBox ul li h2 span.blue{border: 1px solid #aec8f9;color: #1d7eff;font-size: 12px;background: #edf3fe;}
    .listBox ul li h2 span.yellow{border:1px solid #fdcf77;color:#fda803;font-size:12px;background:#f7f1e6;}
    .listBox ul li button{background:#4a92ff;display:block;border-radius:5px;color:#fff;font-style: normal;width:160px;height:36px;border:none;cursor:pointer;margin-top:15px;font-size:16px;font-weight:bolder;}
	.listBox ul li button:hover{background:#2076f7;}
	.agentBox ul{width:100%;margin:auto;overflow:hidden;}
	.agentBox ul li{width:50%;float:left;padding:20px 0 0;}
	.jcOption a{float:left;width:46%;margin-right:2%;margin-bottom:10px;border: 1px solid #e3e3e3;box-sizing:border-box;border-radius:6px;}
}
@media screen and (max-width:750px){
	/*棣栭〉鏍峰紡*/
	.mainFunction{margin-bottom:0;}
	.mainFunction ul{padding-bottom:10px;}
	.mainFunction ul li{width:48.5%;margin-right:3%;margin-bottom: 12px;padding:15px 10px;}
	.mainFunction ul li:nth-child(2n) {margin-right: 0;}
	.indexIcobox ul li p{font-size:12px;}
	.mainFunction ul li h4,.mainFunction ul li a{font-size:14px;}
	.mainFunction ul li p{height:100px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:4;-webkit-box-orient: vertical;margin-bottom:20px;margin-bottom:10px;}
	/*AIGC鏍峰紡*/
	.barBox{width:80%;}
	.stepBar{margin-top:75px;padding:20px 0 30px;}
	.formData,.notice{padding: 20px 15px;}
	.notice{margin-bottom:0;}
	.formData p{margin-bottom:10px;}
	.barBox .line{width:33%;}
	.selectDote{width:20px;height:30px;}
	.dote{width:12px;height:30px;}
	.dote img{margin:4px auto 0;}
	.barBox .line{height:30px;}
	.barBox .line:before{height:2px;top:6px;}
	.barBox li h4{top:27px;}
	.formData{margin-top:10px;}
	.fileBox ul li{width:40%;}
	.uploadInfo{width:80%;}
	.uploadInfo a{width:40px;height:40px;}
	.uploadInfo h4{font-size:14px;}
	.formData .submit{width:100%;height:42px;line-height:42px;}
	.notice dt{font-size:15px;}
	.notice dd{margin-bottom:0;}
	.jcOption a h5{font-size:14px;padding:15px 0 0;}
	.jcOption{margin-bottom:10px;}
	.jcOption a p{font-size:12px;height:30px;line-height:30px;}

	/*鎶ュ憡涓嬭浇*/
	.reportBox {margin:75px auto 20px;padding:0 15px;}
	.listBox ul li h2{padding-right:69px;}
	.listBox ul li p span{width:100%;padding:5px 0;}
	.listBox ul li p{padding:0;}
	.listBox ul li button{width:100%;}

	/*鏀粯椤甸潰*/
	.dhDote{width:26px;height:30px;}
	.dhDote img{margin-top:-3px;}
	.payContent{padding:20px 15px 50px;}
	.payContent table{margin-bottom:0;}
	.payContent tr td:first-child,.payContent tr td:last-child{font-size:14px;}
	.payContent td{font-size:12px;}
	.payContent ul{margin:20px 0;overflow:hidden;width:100%;}
	.payContent ul li{float:left;width:48%;margin:0;box-sizing:border-box;}
	.payContent ul li:last-child{float:right;}
	.miyaoInput{width:100%;}
	.payContent a{width:100%;}

	/*鍏呭�奸〉闈�*/
	.rechargeBox{margin-top:75px;padding: 20px 15px 30px;}
	.rechargeBox h2,.rechargeBox h2 span{font-size:16px;padding-bottom:10px;}
	.rechargeBox ul{margin-top:15px;}
	.rechargeBox ul li{width:48%;height:80px;line-height:80px;margin-right:4%;margin-bottom:15px;font-size:14px;}
	.rechargeBox ul li:nth-child(2n) {margin-right: 0;}
	.rechargeBox button{width:100%;margin-top:0;}
	.bgwhite{margin-top:10px;margin-bottom:20px;}
	.rechargeBox ul li input{font-size:14px;}
}