.ai0a{position: relative;height: 100vh;overflow: hidden;}
.ai0abg{width: 100%;height: 100%;object-fit: cover;}

.aibox{position: fixed;bottom: -10px;right: 25px;z-index: 999;width: 110px;padding-bottom: 10px;}
.aibox:before{position: absolute;width: 110px;height: 110px;border: 1px solid rgba(0,0,0,0.1);border-radius: 50%;}
.aibox:before{content: '';left:50%;bottom:-8px;transform: translateX(-50%);}
/* .aibox:before{background: hsl(260deg 87% 5% / 30%); backdrop-filter: blur(2.08rem);} */
.aibox:before{background:#fff;border: none;display: none;}
/* .aibox:before{display: none;} */
	.aiboximg{width: 100%;vertical-align: top;position: relative;z-index: 2;}
	.aiboximg2{display: none;}
	.aibox{cursor: pointer;}
	.aiboxsub{position: absolute;right:0;bottom: 100%;width: 200px;padding-bottom: 15px;}
	.aiboxsubm{background: hsla(0, 0%, 100%, .1);backdrop-filter:blur(2.08rem);-webkit-backdrop-filter:blur(2.08rem);}
	.aiboxsuba{color: #fff;display: flex;width: 100%;height: 60px;align-items: center;justify-content: flex-start;}
	.aiboxsuba{padding: 0 15px;box-sizing: border-box;}
	.aiboxsuba i{width: 40px;height: 40px;position: relative;margin-right: 10px;}
	.aiboxsuba i img{position: absolute;margin: auto;inset: 0;max-width: 70%;max-height: 70%;}
	.aiboxsuba,.aiboxsuba:hover{color: #fff;font-size: 14px;}
	.aiboxsuba{border-bottom: 1px solid rgba(255,255,255,0.1);transition: all 0.3s;}
	.aiboxsuba:hover{background: #fff;color: #333;}
	.aiboxsuba:last-child{border: none;}
	.aiboxsubm{border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;}
	.aiboxsub{display: none;}
	
	.aiboxfxa{display: block;}
	.aiboxfxa{color: #fff;width: 100%;text-align: center;line-height: 1;padding: 15px 0;transition: all 0.3s ease;}
	/* .aiboxfxa:nth-child(1) i{font-size: 20px;}
	.aiboxfxa:nth-child(2) i{font-size: 20px;}
	.aiboxfxa:nth-child(3) i{font-size: 18px;}
	.aiboxfxa:nth-child(4) i{font-size: 23px;}
	.aiboxfxa:nth-child(5) i{font-size: 18px;} */
	.aiboxsub1{width: 60px;right: auto;left: 50%;margin-left: -30px;}
	.aiboxsub1 .aiboxsubm{padding-top: 15px;padding-bottom: 15px;border-radius: 50px;}
	
	.aiboxsub2{width: 195px;color:#fff;padding-bottom: 0;font-size: 14px;}
	.aiboxsub2{right: auto;left: -190px;padding-right: 30px;top:50%;margin-top: -25px;bottom: auto;}
	.aiboxsub2p1{padding: 15px 0;text-align: center;}
	.aiboxsub2 .aiboxsubm{border-radius: 50px;}
	
	
	*{box-sizing: border-box;}
		
		:root{
			--tjbg1:rgba(255,255,255,0.3);
		}
		.ailay{position: fixed;bottom: 0;right: 25px;z-index: 9991;width: 450px;display: none;}
		.ailayclose{position: absolute;width: 50px;height: 50px;left: -60px;top:0;display: block;cursor: pointer;}
		.ailayclose{right: 10px;top:21px;left: auto;z-index: 5;}
		.ailayclose:before,.ailayclose:after{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;}
		.ailayclose:before,.ailayclose:after{background-size: 20px auto;content: '';}
		.ailayclose:before{background-image: url(../img/ailayclose-fff.svg);}
		.ailayclose:after{background-image: url(../img/ailayclose-000.svg);opacity: 0;}
		.ailay{background:rgba(255,255,255,0.1);background: hsla(0, 0%, 100%, .1);backdrop-filter:blur(2.08rem);-webkit-backdrop-filter:blur(2.08rem);}
		.ailay{border-radius: 10px;height: 600px;border: 1px solid rgba(255,255,255,0.2);border-bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
		.ailaytit{display: flex;align-items: center;justify-content: flex-start;}
		.ailaytit{border-radius: 10px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
		.ailaytitimg{width: 50px;height: 50px;background: #fff;border-radius: 50%;position: relative;}
		.ailaytitimg img{position: absolute;inset: 0;margin: auto;max-width: 70%;max-height: 70%;}
		.ailaytit span{font-size: 20px;color: #fff;padding-left: 20px;}
		.ailaytit{padding:0 30px;background:rgba(255,255,255,0.2);height: 90px;}
		.ailaytxt{height: calc(100% - 60px - 90px - 20px - 70px);padding: 30px;padding-right: 5px;}
		.ailaytxt01 h2{color: #fff;font-size: 20px;}
		.ailaytxt01 a{color: #fff;font-size: 14px;}
		.ailaytxt01m{display: flex;width: 100%;flex-wrap: wrap;}
		.ailaytxt01m{margin-top:20px;}
		.ailaytxt01m a{line-height: 1.4;padding: 10px 25px;border: 1px solid rgba(255,255,255,1);border-radius: 20px;}
		.ailaytxt01m a{margin-right: 2%;margin-top: 2%;transition: all 0.3s;}
		.ailaytxt01m a:hover{color: var(--color);;background: #fff;}
		.ailaysubmit{background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.8);padding: 0 15px;display: flex;}
		.ailaysubmit{position: absolute;left: 20px;bottom: 20px;}
		.ailaysubmit{width:calc(100% - 40px);border-radius: 60px;align-items: center;}
		.ailayput,.ailaybtn{background: none;border: none;height: 100%;outline: none;}
		.ailayput{width: calc(100% - 40px);padding-left: 10px;padding-right: 10px;}
		.ailaybtn{width: 40px;height: 40px;border-radius: 50%;background: var(--tjbg1);position: relative;}
		.ailaybtn:before,.ailaybtn:after{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;}
		.ailaybtn:before,.ailaybtn:after{background-size: 20px auto;content: '';}
		.ailaybtn:before{background-image: url(../img/top-fff.svg);}
		.ailaybtn.can{background: var(--color);color: #222;}
		.ailaysubmit,.ailayput{height: 60px;line-height: 60px;}
		.ailayput{padding-top: 10px;padding-bottom: 10px;line-height: 40px;color: #fff;}
		.ailaym{height: 100%;position: relative;}
		.ailaytxtm{height: 100%;overflow-y: auto;padding-right: 25px;}
		.ailayput{font-size: 14px;font-family: "alph_en",Arial, Helvetica, sans-serif;color: #fff;}
		.ailayput::-webkit-input-placeholder {color: rgba(255,255,255,0.6);font-size: 14px;font-family: "alph_en",Arial, Helvetica, sans-serif;}
		.ailayput::-moz-placeholder{color: rgba(255,255,255,0.6);font-size: 14px;}
		.scrolldn{position: absolute;width: 40px;height: 40px;background: rgba(255,255,255,0.5);border-radius: 50%;z-index: 6;}
		.scrolldn{left: 50%;transform: translateX(-50%);bottom:110px;}
		.scrolldn:before,.scrolldn:after{position: absolute;width: 100%;height: 100%;left:0;top:0;background-position: center;background-repeat: no-repeat;}
		.scrolldn:before,.scrolldn:after{background-size: 20px auto;content: '';}
		.scrolldn:before{background-image: url(../img/scrolldn-fff.svg);}
		.scrolldn:after{background-image: url(../img/scrolldn-color.svg);opacity: 0;}
		.scrolldn{display: none;}
		
		.ailaytxt02{text-align: right;width: 100%;}
		.ailaytxt02 span{background: #fff;color:#222;border-radius:35px;display: inline-block;padding: 10px 25px;line-height: 1.4;}
		.ailaytxt02,.ailaytxt03{margin-top: 30px;}
		.ailaytxt03{color: #fff;}
		.ailaytxt03 h2{color: #fff;font-size: 18px;}
		.ailaytxt03 strong{font-weight: 700;}
		.ailaytxt03 p,.ailaytxt03 h2{margin-top: 10px;}
		.ailaytxt03 h2{margin-top: 20px;}
		.ailaytxt03,.ailaytxt02{opacity: 0;transition: all 0.4s;}
		/* 修改滚动条的宽度 */
		.ailaytxtm::-webkit-scrollbar {
		    width: 4px; /* 纵向滚动条的宽度 */
		    height: 4px; /* 横向滚动条的高度 */
		}
		/* 滚动条轨道部分 */
		.ailaytxtm::-webkit-scrollbar-track {
		    background-color:  none;
		    border-radius: 4px;
		}
		/* 滚动条滑块部分 */
		.ailaytxtm::-webkit-scrollbar-thumb {
		    background-color: rgba(255,255,255,0.3);
		    border-radius: 4px;
		}
		.typed-cursor {
		    opacity: 1;
			display: none;
			color: #fff;
		    font-weight: 100;
		    -webkit-animation: blink 0.7s infinite;
		    -moz-animation: blink 0.7s infinite;
		    -ms-animation: blink 0.7s infinite;
		    -o-animation: blink 0.7s infinite;
		    animation: blink 0.7s infinite;
		}
		
		@keyframes blink{
			0% { opacity:1; }
			50% { opacity:0; }
			100% { opacity:1; }
		}
		@-webkit-keyframes blink{
			0% { opacity:1; }
			50% { opacity:0; }
			100% { opacity:1; }
		}
		
		.ailay,.aiboxsubm{background: hsl(260deg 87% 5% / 30%);backdrop-filter: blur(2.08rem);}
		/* 鼠标悬停在滑块上时 */
	/* 	.ailaytxtm::-webkit-scrollbar-thumb:hover {
		    background-color: rgba(255,255,255,1);
		} */
	
/* .light .ai0abg{display: none;} */
/* .light .aiboximg1 {display: none;}
.light .aiboximg2 {display: block;} */
/* .light .aiboxsub{box-shadow: 0 0 10px rgba(0,0,0,0.06);}
.light .aiboxsuba{color: #222;}
.light .aiboxsuba:hover{color: #222;} */
.light .ailay{border-color: transparent;background: #fff;box-shadow:  0 5px 25px rgba(0,0,0,0.05);border: none;}
.light .ailaytit{background-color: #30334b;color: #fff;}
.light .ailaytxt01 h2{color: #222;}
.light .ailaytxt01m a{color: #444;border-color: #ddd;background: #fff;}
.light .ailaytxt01m a:hover{color: var(--color);border-color: var(--color);}
.light .ailaytxt02 span{background: #eee;}
.light .ailaytxt03{color: #333;}
.light .scrolldn{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.light .scrolldn:before{opacity: 0;}
.light .scrolldn:after{opacity: 1;}
.light .ailaysubmit{box-shadow:  0 2px 8px rgba(0,0,0,0.1);}
.light .ailayput{color: #222;}
.light .ailayput::-webkit-input-placeholder {color: rgba(0,0,0,0.6);}
.light .ailayput::-moz-placeholder{color: rgba(0,0,0,0.6);}
/* .light .ailayclose:before{opacity: 0;}
.light .ailayclose:after{opacity: 1;} */
.light .ailaybtn{background-color: #ddd;}
.light .ailaybtn.can{background-color: var(--color);}