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

.aibox{position: fixed;bottom: -10px;right: 5px;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: 22px;}
	.aiboxfxa:nth-child(2) i{font-size: 20px;}
	.aiboxfxa:nth-child(3) i{font-size: 20px;}
	.aiboxfxa:nth-child(4) i{font-size: 18px;}
	.aiboxfxa:nth-child(5) i{font-size: 23px;}
	.aiboxfxa:nth-child(6) i{font-size: 21px;}
	.aiboxfxa:nth-child(7) 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: 20px;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);}
		
		
		
		.wxsub {
		   position: absolute;
		   width: 125px;
		   right: 65px;
		   top: 50%;
		   transform: translateY(-50%);
		}
		
		.wxsub {
		   padding-right: 10px;
		}
		
		.wxsubm:before {
		   position: absolute;
		   content: '';
		}
		
		.wxsubm:before {
		   right: -19px;
		   top: 50%;
		   transform: translateY(-50%);
		}
		
		.wxsubm:before {
		   width: 0;
		   height: 0;
		   border-width: 10px;
		   border-style: solid;
		   border-color: transparent transparent transparent #fff;
		}
		
		.wxsubm {
		   background: #fff;
		   position: relative;
		   box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
		   text-align: center;
		   padding: 8px;
		   border-radius: 10px;
		}
		
		.wxsubm p {
		   color: var(--blue);
		}
		
		.wxsubm img {
		   border: 5px solid #fff;
		   box-sizing: border-box;
		}
		
		.wxsubm img:first-child {
		   margin-top: 0;
		}
		
		.wxsub img {
		   max-width: 100%;
		}
		
		.wxsub {
		   opacity: 0;
		   right: 85px;
		   visibility: hidden;
		   z-index: -1;
		   transition: all 0.3s ease;
		}
		
		.aiboxfxa{position: relative;}
		.aiboxfxa:hover .wxsub {
		   opacity: 1;
		   right: 65px;
		   visibility: visible;
		   z-index: 9;
		}
		
		#leftr,.kjjqr{position: fixed;position:fixed;left:30px;bottom:30px;z-index:999;}
		#leftr{display: none;width:300px;bottom: 0;}
		.kjjqr{visibility: hidden;}
		.kjjqr.cur{visibility: visible;}
		#leftr img{width: 100%;}
		.bgmedia{position:fixed;visibility: hidden;}
		                        .kjjqr{width:120px;display:flex;justify-content: center;flex-wrap:wrap;}
		                        .kjjqrbtn{width:40px;height:40px;position:absolute;right:6px;top:50px; cursor:pointer;}
		                        .kjjqrbtn i{left:0;top:0;position:absolute;}
		                        .kjjqrbtn i{width:100%;height:100%;display:block;background-repeat:no-repeat;background-size:20px auto;background-position:center;}
								.kjjqrbtn i{display: none;}
		                        .mui1{background-image:url(../img/sy-open.svg);opacity:0;visibility:hidden;}
		                        .mui2{background-image:url(../img/sy-close.svg);}
		                        .play .mui2{opacity:0;visibility:hidden;}
		                        .play .mui1{opacity:1;visibility:visible;}
		                        .kjjqrgif img{width:100%;}
								.kjjqrbtn{width: 100%;height: 100%;left:0;top:0;}
								
								/* 左边小人隐藏 */
								.aiboxsub2,.aiboximg{display: none !important;}
								.aiboxsub1{display: block !important;}
		                       /* @media screen and (max-width: 1600px) {
		                        .kjjqr{ width:120px;}
		                        .kjjqrbtn{top:38px;right:3px;}
		                        }
		                        @media screen and (max-width: 768px) {
		                        .kjjqr{ width:135px;bottom:150px;right:4%;}
		                        .kjjqrbtn{top:43px;right:3px;}
		                        } */
								
								
		/* 鼠标悬停在滑块上时 */
	/* 	.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);}