
body {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue';
    background: #fbfbfc;
    line-height:var(--line-height-tight);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
.container-xl{width: 100%;margin: 0 auto;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
/* ------------------上导航  start------------- */
.aiarty-nav{position: relative;box-shadow: 0 0 3px #ccc;}

.navbar-container{height:110px;display: flex;align-items: center;justify-content: space-between;}
.navbar-logo {font-size: var(--font-size-xl);}
.navbar-logo a{color: #040404;text-decoration: none;display: flex;align-items: center;font-size: var(--font-size-lg);}
.navbar-logo a img{margin-right: 10px;}
.navbar-content {font-size: var(--font-size-base);}
.navbar-content ul{position: absolute;right:0;left: 0;top: 100%;box-shadow:0 10px 10px rgba(0,0,0,0.05);display: none; margin-bottom: 0; padding-left: 0;z-index: 99;margin-top: 0;}
.navbar-content ul li{background: #fff;padding: 0 8%;list-style: none;}
.navbar-content ul li:hover{background-color: #ffd373;}
.navbar-content ul li a{display: flex;justify-content: space-between;align-items: center;text-decoration: none;line-height: 88px;font-size: var(--font-size-lg);color: #404040;border-bottom: 1px solid #d1d1d1;}
.navbar-content ul li:last-child a{border-bottom:none;}
.navbar-content ul li a::after{content: "";display: inline-block;border-left: 14px solid currentColor; color: #474747;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.navbar-content ul li:hover a{color: #000;}
.navbar-content ul li:hover a::after{color: #fff;}
.navbar-content ul li.buy img{display: none;}
.navbar-content ul li.buy var{font-style: normal;} 
.navbar-content ul li .aive-new{font-size:60%; border:1px solid; padding:.5px 2px 0; border-radius:3px; position:absolute; left:98%; top:-12px; color:#f18a1a;}
.navbar-content .mobile-icon{width: 37px;height: 2px;box-sizing: content-box; padding: 11px 0;color: #303030; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; background:currentColor; background-clip: content-box;overflow: hidden; }
.navbar-content .mobile-icon::before,.navbar-content .mobile-icon::after{ position: absolute; content: ""; width: 43px; height: 43px; transition: .3s ease; -webkit-transition: .3s ease; opacity: 0;color: #828282; }
.navbar-content .mobile-icon:before{ top: 26px; border-bottom: 2px solid currentColor; }
.navbar-content .mobile-icon::after{ top: 61px; border-top: 2px solid currentColor;  } 
.navbar-content .mobile-icon.show{background: none;border: 0;}
.navbar-content .mobile-icon.show::before{ opacity: 1; transform: rotate(135deg) translateX(5px) translateY(-25px); -webkit-transform: rotate(135deg) translateX(5px) translateY(-25px); }
.navbar-content .mobile-icon.show::after{ opacity: 1; transform: rotate(-135deg) translateX(20px) translateY(40px); -webkit-transform: rotate(-135deg) translateX(20px) translateY(40px); }
/* ----上导航深色 start---- */
.aiarty-nav.dark-bg{background: #161616;box-shadow: none;}
.aiarty-nav.dark-bg .navbar-logo a{color: #fff;}
.aiarty-nav.dark-bg .navbar-content .mobile-icon{color: #cfcfcf;}
.aiarty-nav.dark-bg .navbar-content ul{border-bottom: 1px solid #303030;}
.aiarty-nav.dark-bg .navbar-content ul li{background: #040404;}
.aiarty-nav.dark-bg .navbar-content ul li a{color: #999;border-bottom: 1px solid #262626;}
.aiarty-nav.dark-bg .navbar-content ul li a::after{color: #acacac;}
.aiarty-nav.dark-bg .navbar-content ul li:hover{background-color: #4a311b;}
.aiarty-nav.dark-bg .navbar-content ul li:hover a::after{color: #ffbd00;}
.aiarty-nav.dark-bg .navbar-content ul li:hover a{color: #fff;}
.aiarty-nav.dark-bg .navbar-content ul li .aive-new{color:#FFBD00;}
.aiarty-nav.dark-bg .navbar-content .mobile-icon::before,.aiarty-nav.dark-bg .navbar-content .mobile-icon::after{color: #cfcfcf;}
/* ----上导航深色 end---- */

/* -------------------------上导航  end--------------------- */

/* -------------------------下导航  start--------------------- */
.aiarty-footer{color: #666;border-top: 10px solid #fff;background: #fbfbfb;}
/*.footer-container{ padding-top: 40px; }*/
.footer-container-logo{text-align: center;padding: 50px 0;background:url(../images/img-style/footer-bg2.jpg) no-repeat center bottom;}
.footer-container-logo .txt-detail{padding: 1rem 0 0.8rem;font-size: var(--font-size-xl);line-height: 1;color: #000;}
.footer-title-p{font-size: var(--font-size-lg);margin-bottom: 15px;}
.footer-share-box{display: flex;/* padding: 20px 0 0; */gap: 24px;justify-content: center;}
.footer-share-box a img{opacity: 0.65;}
.footer-share-box a:hover img{opacity: 1;}
.footer-container-subnav{display: flex;font-size: var(--font-size-base);gap: 20px; flex-wrap: wrap;padding-top: 40px;}
.footer-container-subnav dl{margin: 0;margin-bottom: 1rem;}
.footer-container-subnav dt{color: #000;font-weight: normal;padding: 20px 0 15px 0;font-size: var(--font-size-lg);}
.footer-container-subnav dd{padding: 8px 0;margin-bottom: 0;margin-left: 0;color: #4c4c4c;}
.footer-container-subnav dl a{color: #4c4c4c;text-decoration: none;position: relative;}
.footer-container-subnav dl a:hover{color: #0080ff;text-decoration: none;}
.footer-container-subnav dl a::after,.footer-copyright-policy a::after{content: "";width: 0;height:0;border-top: 2px solid currentColor; display: block; background: currentColor;position: absolute;top:22px;bottom: 0; left: 50%;transition: left .5s, width .5s;}
.footer-copyright-policy a::after{top: 20px;}
.footer-container-subnav dl a:hover::after,.footer-copyright-policy a:hover::after{left: 0;width: 100%;}
.footer-container-subscribe{/* width: 290px; */ margin-bottom: 1rem;}
.footer-container-subscribe .footer-language{padding-top: 10px;}
.footer-container-subscribe .footer-language .lang-t{font-size: var(--font-size-xl);color: #000;padding-bottom: 15px;}
.footer-country-box{position: relative;}
.footer-country-btn{position: relative;box-sizing: border-box;border:1px solid #d1d1d1;border-radius: 9px;padding: 8px 10px 8px 15px;display: flex;align-items: center;font-size: var(--font-size-lg);color: #4c4c4c;}
.footer-country-btn::before{content: "";width: 19px;height: 19px;display: inline-block;background: url(../images/svg-icons/language-icon.svg);margin-right: 5px;}
.footer-country-btn::after{content: "";width: 11px;height: 11px;display: inline-block;border-left: 2px solid currentColor;border-top: 2px solid currentColor;transform: translateY(-2px) rotate(225deg); color: inherit; margin-left: auto;}
/*
.footer-country-btn.zh::before{background: url(../images/svg-icons/zh.svg);width: 30px; height: 20px;}
.footer-country-btn.cn::before{background: url(../images/svg-icons/cn.svg);}
.footer-country-btn.de::before{background: url(../images/svg-icons/de.svg);}
*/
.footer-country-content{left: 0px;bottom:43px;width: 100%;position: absolute;display: none;border-radius:0 0 5px 5px;overflow: hidden;background: #f5f5f5;z-index: 1;}
.footer-country-content ul{padding-left: 0; margin-bottom: 0;}
.footer-country-content ul li {line-height: 30px; border-bottom: 1px solid #dedede;list-style: none; }
.footer-country-content ul li:last-child{border-bottom: none;}
.footer-country-content ul a {font-size: var(--font-size-sm); text-decoration: none;display: block;  color: #5e5e5e; transition: all .3s;padding-left: 10px; }
.footer-country-content ul a:hover { text-decoration: none; color: #fff; background: #1f212d; border-radius: 5px; }

.footer-container-subscribe .t{color: #000;padding: 20px 0;font-size: var(--font-size-lg);}
.footer-container-subscribe .t2 {color: #000;padding: 20px 0 15px;font-size: var(--font-size-xl);}
.footer-subscribe-input-box{border: 1px solid #d5d6d6;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;line-height: 30px;padding: 6px 6px 6px 0;margin-bottom: 10px;}
.footer-subscribe-input-box input{border: none;outline: none;background: transparent;color: #4c4c4c;padding-left: 10px;width: 202px;line-height: inherit;font-size: inherit;box-sizing: border-box;}
.footer-subscribe-input-box button{font-size: var(--font-size-sm);color: #fff;background: #0067f9;border-radius: 5px;border: none;line-height: inherit;padding: 0 6px;}
.footer-container-subscribe p{line-height:28px; color: #808080; margin-bottom: 1rem;}
.footer-copyright{border-top: 1px solid #e5e5e5;margin: 0 10px;display: flex;flex-wrap: wrap;font-size: var(--font-size-sm); gap: 10px; padding: 25px 0;color: #808080;}
.footer-copyright-policy a{color: #808080;text-decoration: none;position: relative;}
.footer-copyright-policy a:hover{color: #0080ff;text-decoration: none;}

/* ----下导航深色 start---- */
.aiarty-footer.dark-bg{background: #000;color: #808080;border-top:0;}
.aiarty-footer.dark-bg .footer-container-logo{background: url(../images/img-style/footer-bg.jpg) no-repeat center bottom;}
.aiarty-footer.dark-bg .footer-container-logo .txt-detail{color: #fff;}
.aiarty-footer.dark-bg .footer-title-p{color: #8899bf;}
.aiarty-footer.dark-bg .footer-share-box a img{opacity: 1;}
.aiarty-footer.dark-bg .footer-share-box a:hover img{opacity: 0.8;}
.aiarty-footer.dark-bg .footer-country-btn{border: 1px solid #212121;}
.aiarty-footer.dark-bg .footer-country-btn{color: #808080;}
.aiarty-footer.dark-bg .footer-country-btn::after{/* color: #fff; */}
.aiarty-footer.dark-bg .footer-country-content{background: #1a1a1a;}
.aiarty-footer.dark-bg .footer-country-content ul li {border-bottom-color: #262a33;}
.aiarty-footer.dark-bg .footer-country-content ul a {color: #888;}
.aiarty-footer.dark-bg .footer-country-content ul a:hover {background: #1f222a;}
.aiarty-footer.dark-bg .footer-container-subnav dl a{color: #808080;}
.aiarty-footer.dark-bg .footer-container-subnav dl a:hover{color: #0080ff;}
.aiarty-footer.dark-bg .footer-container-subnav dd{color:#808080; }
.aiarty-footer.dark-bg .footer-copyright{border-top: 1px solid #141414;color: #4c4c4c;}
.aiarty-footer.dark-bg .footer-container-subnav dt{color: #f2f2f2;}
.aiarty-footer.dark-bg .footer-copyright-policy a{color: #4c4c4c;}
.aiarty-footer.dark-bg .footer-copyright-policy a:hover{color: #0080ff;}
.aiarty-footer.dark-bg .footer-container-subscribe .t{color: #f2f2f2;}
.aiarty-footer.dark-bg .footer-container-subscribe p{color: #4c4c4c;}
.aiarty-footer.dark-bg .footer-container-subscribe .footer-language .lang-t{color: #f2f2f2;}
.aiarty-footer.dark-bg .footer-container-subscribe .t2 {color: #f2f2f2;}
.aiarty-footer.dark-bg .footer-subscribe-input-box{border: 1px solid #212121;}
/* ----下导航深色 end---- */
/* -------------------------下导航  end--------------------- */
/*--------移动端下上导航 start---------- */
@media(min-width:576px){

    .footer-container-subnav{justify-content: space-between; /*gap: 10px;*/}
    .footer-copyright{justify-content: center;}
	.footer-container-subscribe {width: 290px;}
}

@media(min-width:768px){

    
    .footer-copyright{margin: 0 50px;}
	
}


@media(min-width:992px){   
	.navbar-container{height: 70px;}
    .navbar-logo a{font-size: var(--font-size-xl);}
    .navbar-content .mobile-icon,.navbar-content ul li.buy var{display: none;}
    .navbar-content ul{display: flex;gap: 40px;align-items: center;position: static;border-bottom: none;box-shadow: none;}
    .navbar-content ul li.buy img{display: block;width: 80px;animation: scaleImg 1s infinite; height:auto;}
	@keyframes scaleImg{
		0%{transform: scale(1);}
		50%{transform: scale(1.3);}
		100%{transform: scale(1);}
	}
	
    .navbar-content ul li{padding: 0;background:none;}
    .navbar-content ul li:hover{background: none;}
    .navbar-content ul li a{line-height:normal;border-bottom: none;font-size: var(--font-size-base);position: relative;}
    .navbar-content ul li a::before{content: "";width: 0; height: 2px; background:currentColor; position: absolute; bottom: -5px; left: 50%;transition: left .5s, width .5s;}
    .navbar-content ul li a:hover{color: #f18a1a;}
    .navbar-content ul li a:hover::before{left: 0;width: 100%;}
    .navbar-content ul li a::after{display: none;}
    .navbar-content ul li.buy a::before{display: none;}

    /* 深色 */
    .aiarty-nav.dark-bg{background: #040404;}
    .aiarty-nav.dark-bg .navbar-content ul{border-bottom: none;}
    .aiarty-nav.dark-bg .navbar-content ul li a:hover{color: #e5e5e5;}
    .aiarty-nav.dark-bg .navbar-content ul li a{border-bottom: none;}
    .aiarty-nav.dark-bg .navbar-content ul li:hover{background: none;}
    /* 深色 */
    
    .footer-container{}
/*    .footer-container-subnav{gap: 20px;}*/
    .footer-copyright{gap: 50px;}
    .footer-container-subnav dt{font-size: var(--font-size-xl);}
/*	.footer-container-subscribe {flex: 1;}*/
	
}

@media(min-width:1200px){
	.container-xl{width: 1140px;}
    .aiarty-nav .container-xl,.aiarty-footer .container-xl{padding-right: 0;padding-left: 0;}

	
    .navbar-content ul{gap: 60px;}

/*    .footer-container-subnav{gap: 50px;}*/
	.footer-container-subscribe {width: 290px;flex-grow: 0;}
	
}
@media(min-width:1400px){
	.container-xl{width:1320px;}
/*	.footer-container-subnav {gap: 65px;}	    */
}

/*--------移动端下上导航 end---------- */
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/* 浮动导航 */
.navbar-fixed {position: relative;z-index: 999;width: 100%;color: #000;background: rgba(255, 255, 255, 0.95);-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);display: none;}
.navbar-fixed[data-fixed="true"] {position: fixed;top: 0;display: block;}
.fixed-container {height: 70px;display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 1320px;margin: 0 auto;}
.fixed-logo {font-size: var(--font-size-xl);}
.fixed-logo a {color: #000000;text-decoration: none;position: relative;display: flex;align-items: center;gap: 10px;}
.fixed-list {font-size: var(--font-size-lg);}
.fixed-list a {color: #000000;text-decoration: none;}
.fixed-list ul {display: flex;justify-content: center;align-items: center;list-style: none;gap: 50px;margin: 0;padding: 0;}
.fixed-list ul li {list-style: none;}
.fixed-down a {display: flex;justify-content: center;align-items: center;width: 180px;gap: 10px;height: 40px;border-radius: 5px;background-color: #80cb1b;color: #ffffff;}
.fixed-buy a {display: block;min-width: 180px;line-height: 40px;border-radius: 5px;background-color: #ffab1b;color: #fff;text-align: center}

/* ------增加下拉-------- */
.navbar-fixed.active{background: #fff;}
.fixed-list a.fixed-drop-icon-why-choose{cursor: pointer;}
.fixed-list a.fixed-drop-icon-why-choose::after{content: "";display: inline-block; width: 8px; height: 8px;border-right: 2px solid #080808; border-bottom: 2px solid #080808; transform:translateY(-3px) rotate(45deg); margin: -4px 0 0 8px; transition: all 0.2s;}
.fixed-list a.fixed-drop-icon-why-choose.active::after{transform: rotate(225deg);}
.fixed-drop-container{position: absolute;left: 0;right: 0;top: 69px;background: #fff;display: none;}
/* .fixed-drop-container.active{height: auto;} */
.fixed-drop-why{display: flex;justify-content: space-evenly;padding: 40px 0 60px;}
.fixed-drop-why-title{padding: 0 0 10px 20px;}
.fixed-why-case-tems li{/* width: 250px; */}
.fixed-why-case-tems li a{display: flex;align-items: center;border-radius: 3px;padding: 11px 25px 11px 20px;}
.fixed-why-case-tems li a::before{content: "";background-image:url(../images/ai-video-enhancer/fixed-icons2.png);background-repeat: no-repeat;margin-right: 20px;}
.fixed-why-case-tems li:nth-child(1) a::before{ width: 20px; height: 20px;background-position: -244px -10px;}
.fixed-why-case-tems li:nth-child(2) a::before{ width: 19px; height: 21px;background-position: -166px -10px;}
.fixed-why-case-tems li:nth-child(3) a::before{ width: 19px; height: 17px;background-position: -127px -10px;}
.fixed-why-case-tems li:nth-child(4) a::before{ width: 19px; height: 15px;background-position: -10px -10px;}
.fixed-why-restore-tems li:nth-child(2) a::before{ width: 19px; height: 17px;background-position: -88px -10px;}
.fixed-why-restore-tems li:nth-child(3) a::before{ width: 19px; height: 18px;background-position: -49px -10px;}
.fixed-why-restore-tems li:nth-child(1) a::before{width: 19px; height: 17px;background-position: -205px -10px; }
.fixed-why-case-tems li a span{display: inline-block;background: #f84901;line-height: 17px;border-radius: 9px;color: #fff;font-size: var(--font-size-sm);min-width:30px;padding: 0 10px;text-align: center;margin-left: auto;}
.fixed-why-case-tems li a:hover{background: #fff8ec;border-radius: 8px;overflow: hidden;;}
.fixed-drop-why-line{width: 1px;/* margin: 0 35px; */background: linear-gradient(#bbbbbb,transparent);}
.fixed-drop-techno{display: flex;flex-direction: column;gap:40px;}
.fixed-drop-techno-itmes{min-width: 260px;}
.fixed-drop-techno-itme a{display:flex;align-items: center;padding: 17px 20px;border: 1px solid #dedede;border-radius: 8px;}
.fixed-drop-techno-itme a:hover{background: #fff8ec;border-radius: 8px;overflow: hidden;border-color: #fff8ec;}
.fixed-drop-techno-itme a span{/*border-radius: 12px;border: 1px solid #dedede;padding: 18px 18px;*/margin-right: 15px;display: flex;}
.fixed-drop-techno-itme a span::before{content: "";display: inline-block; width: 19px; height: 19px; background-image:url(../images/ai-video-enhancer/fixed-icons.png);background-repeat: no-repeat;}
.fixed-drop-techno-itme a::after{content: "";display: inline-block;width: 15px; height: 12px;background:url(../images/ai-video-enhancer/fixed-icons.png) no-repeat -10px -10px;margin-left: 10px;}
.fixed-drop-techno-itme a.technology span::before{background-position:-120px -10px;}
.fixed-drop-techno-itme a.trust span::before{background-position:-159px -10px;}
.fixed-drop-trends{display: flex; flex-direction: column;justify-content: space-between;}
.fixed-trends-content a{display:block;padding: 15px;max-width: min-content;border-radius: 15px;overflow: hidden;}
.fixed-trends-content a:hover{background: #fff8ec;border-radius: 5px;}
.fixed-trends-content figcaption{padding-top: 10px;position: relative;}
.fixed-trends-content figcaption::after{content: "";position: absolute;right: 15px;bottom: 7px; display: inline-block; width: 15px; height: 12px; background: url(../images/ai-video-enhancer/fixed-icons.png) no-repeat -10px -10px; margin-left: auto;}
/* .fixed-drop-title{color: #090909;} */

/* ------增加下拉-------- */

@media(max-width: 1200px){
    .navbar-fixed[data-fixed="true"]{display:none;}
}
@media(max-width:992px){
    .navbar-content ul li .aive-new{display:none;}
}
@media(max-width:979px){
    .navbar-fixed {padding: 0 15px;}
    .fixed-list ul {gap: 30px;}
}