/* 
Theme Name: A2C WEBSITE
Theme URI: https://www.a2csale.com/
Author: mrcitier
Description: A A2C WEBSITE WordPress theme
Version: 2.0
Text Domain: A2C-WEBSITE-theme
*/ 
@import url('./css/base.css');
@import url('./css/header.css');
@import url('./css/footer.css');

body,code,dd,div,dl,dt,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,menu,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#fff;color:#050827;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}
body *{box-sizing:border-box;flex-shrink:0}
.flex-row{display:flex;flex-direction:row}
.flex-col{display:flex;flex-direction:column}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.justify-evenly{justify-content:space-evenly}
.items-start{align-items:flex-start}
.items-end{align-items:flex-end}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.items-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.self-baseline{align-self:baseline}
.self-stretch{align-self:stretch}
.flex-1{flex:1 1 0%}
.flex-auto{flex:1 1 auto}
.grow{flex-grow:1}
.grow-0{flex-grow:0}
.shrink{flex-shrink:1}
.shrink-0{flex-shrink:0}
.flex-wrap{flex-wrap:wrap}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li,ul{list-style:none}
/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}*/
a{color:#2e5947;outline:0}
a:hover{color:#069162}
a,a:hover{text-decoration:none}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
img{max-width:100%}
button,img,input,select{vertical-align:middle}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;outline:0}
i{font-style:normal}
.ft-bold{font-weight:700}
.ft-udline{text-decoration:underline}
.ft-dele{text-decoration:line-through}
.ft-italic{font-style:italic}
.ft12{font-size:12px}
.ft14{font-size:14px}
.ft16{font-size:16px}
.ft18{font-size:18px}
.ft20{font-size:20px}
.ft24{font-size:24px}
.ft28{font-size:28px}
.ft30{font-size:30px}
.ft32{font-size:32px}
.ft36{font-size:36px}
.ft38{font-size:38px}
.ft40{font-size:40px}
.ft42{font-size:42px}
.ft48{font-size:48px}
.ft50{font-size:50px}
.ft56{font-size:56px}
.ft72{font-size:72px}
.ft96{font-size:96px}
.line10{line-height:1}
.line12{line-height:1.2}
.line13{line-height:1.3}
.line14{line-height:1.4}
.line15{line-height:1.5}
.line18{line-height:1.8}
.ft-orange{color:#ff9501}
.ft-yellow{color:#fbc609}
.ft-red{color:#ff4133}
.ft-darkgreen{color:#2e5947}
.ft-green{color:#10b981}
.ft-blue{color:#2362f6}
.ft-white{color:#fff}
.ft-black{color:#000}
.ft-gray{color:#999}
.ft-deepgray{color:#515151}
.bg-red{background:#fecdd3}
.bg-red-cur{background:#bb3535}
.bg-orange{background:#e28c21}
.bg-orange-cur{background:#c17415}
.bg-blue{background:#2362f6}
.bg-blue-cur{background:#0376b5}
.bg-green{background:#10b981}
.bg-green-cur{background:#7db429}
.bg-black{background:#525252}
.bg-black-cur{background:#333}
.bg-lgreen{background:#95c61b}
.bg-lblue{background:#747a7e}
.bg-gray{background:#f9f9f9}
.bg-light{background:#f7f8fa}
.bg-white{background:#fff}
.box-border{border:1px solid #edf1f7}
.bt1{border-top:1px solid #edf1f7}
.br1{border-right:1px solid #edf1f7}
.bb1{border-bottom:1px solid #edf1f7}
.bl1{border-left:1px solid #edf1f7}
.boder0{border:0!important}
.top-holder{padding-top:70px}
.nl-btn{border:1px solid #fff;border-radius:100px;color:#fff;display:inline-block;line-height:1;padding:10px 28px;text-align:center;transition:all .6s ease}
.nl-btn.nl-btn-blue,.nl-btn:hover{border-color:#2362f6;color:#2362f6}
.nl-btn.nl-btn-gray{border-color:#c4c4c4;color:#c4c4c4}
.radius-none{border-radius:0!important}
.nl-btn:hover{transform:scale(.98)}
.black-line-btn{display:inline-block;width:176px;height:40px;line-height:40px;text-align:center;border:1px solid #000}
.black-line-btn::after{content:"";padding:0 2.5px 2px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMC41TDUuNSA1LjVMMC41IDEwLjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;background-size:contain;margin-left:10px}
.black-line-btn:hover{color:#000;opacity:.6}
.nl-input,.nl-select,.nl-textarea{-webkit-appearance:none;background:#fff;border:1px solid #e4e7f2;border-radius:4px;-ms-box-sizing:border-box;box-sizing:border-box;font-size:inherit;height:44px;line-height:44px;outline:0;padding:0 18px;width:100%}
.nl-textarea{height:auto}
.nl-input-time{width:120px}
.nl-input__cover{background:#fff;bottom:1px;line-height:42px;padding:0 10px;position:absolute;right:1px;top:1px}
.nl-input__cover.left{left:1px;right:auto}
.nl-input__ctl{bottom:0;left:100%;line-height:40px;padding-left:20px;position:absolute;top:0;white-space:nowrap}
.opacity0{opacity:0}
.opacity2{opacity:.2}
.opacity3{opacity:.3}
.disabled,.opacity5{opacity:.5}
.opacity6{opacity:.6}
.opacity7{opacity:.7}
.opacity8{opacity:.8}
.opacity1{opacity:1}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mt110{margin-top:110px}
.mt120{margin-top:120px}
.mb5{margin-bottom:5px}
.mb0{margin-bottom:0!important}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb24{margin-bottom:24px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml16{margin-left:16px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml60{margin-left:60px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}
.pd10{padding:10px}
.pd5{padding:5px}
.pd15{padding:15px}
.pd20{padding:20px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb96{padding-bottom:96px}
.pb100{padding-bottom:100px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl80{padding-left:80px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr80{padding-right:80px}
.height100{height:100%}
.wrap{width:1280px}
.mini-wrap{width:1150px}
.block-center,.mini-wrap,.wrap{margin-left:auto;margin-right:auto}
.hide,.m-show,.mobile-show{display:none}
.block,.show{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-indent1{text-indent:1em}
.text-indent2{text-indent:2em}
.middle{vertical-align:middle}
.relative{position:relative}
.fixed{position:fixed}
.absolute{position:absolute}
.nowrap,.over-doit{white-space:nowrap}
.over-doit{text-overflow:ellipsis}
.over-doit,.over-hidden{overflow:hidden}
.tiny-hand{cursor:pointer}
.vertical-middle:after,.vertical-middle>dl{display:inline-block;vertical-align:middle}
.vertical-middle{position:relative}
.vertical-middle:after{content:"";height:100%;width:1px}
::-webkit-input-placeholder{color:#c2c4cc}
::-moz-placeholder{color:#c2c4cc}
:-ms-input-placeholder{color:#c2c4cc}
.table-list{display:table}
.table-list>li{display:table-cell}
.b-lazy{max-width:100%;opacity:0;transition:opacity .5s ease-in-out}
.b-lazy.b-error,.b-lazy.b-loaded{opacity:1}
.icon-data,.icon-sms,.icon-translate{width:60px;height:60px;background-color:#e8fff5;border-radius:8px;background-image:url(images/data.png);background-repeat:no-repeat;background-position:center;background-size:58%}
.icon-translate{background-image:url(images/translate.png)}
.icon-sms{background-image:url(images/sms.png)}
.icon-home{display:inline-block;width:16px;height:16px;background:url(images/home.png) center no-repeat;background-size:contain}
.green-bg{background:linear-gradient(0deg,#fff 0,#dff7ed 100%)}
.open-menu{display:none}
.normal-btn,.plain-btn{display:inline-block;padding:15px;font-weight:700;line-height:1;border-radius:9px;text-align:center}
.normal-btn{background:#10b981;color:#fff;transition:background .5s ease}
.normal-btn:hover{background:#058258;color:#fff}
.plain-btn{border:1px solid #10b981;color:#10b981}
/* top banner */
.activity-pop{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0, 0, 0, 0.5); flex-direction: column; justify-content: center; align-items: center}
.activity-pop a {width: 800px;}
.activity-pop a img{width: 100%; height: 100%; object-fit: cover}
.close-activity{display: inline-block;cursor: pointer; width: 40px; height: 40px;margin-top: 30px;background: url(https://www.a2c.chat/wp-content/themes/a2c/images/close.svg) center center no-repeat;background-size: 100% 100%;}
.top-banner {display: none; width: 100%;height: 60px;background-color: #cefe70; transition: all 0.3s ease;}
.top-banner img {height: 100%;margin: 0 auto;}
.top-banner .close-top {width: 25px; position: absolute;right: 20px;top: 10px;z-index: 2;opacity: 0.8;margin-top: 0;transition: all 0.3s ease;cursor: pointer;}
.top-banner .close-top:hover {opacity: 1;transform: scale(1.1);}
/*  */
.header-wrap{transition:all .3s ease;position: fixed;top: 0;right: 0;left: 0;z-index: 10;}
.header-wrap.page-invite{display:none !important}
.header-wrap.fixed{position:fixed;top:0;left:0;right:0;z-index:100;animation:slideDown .5s}
.header-wrap .wrap{background:rgba(255,255,255,.8);border-radius:12px;border:1px solid #afcfc2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .5s ease;margin-top:32px}
.header-wrap:hover .wrap{background:#fff;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);box-shadow:0 6px 12px 0 rgba(2,10,24,.12)}
.header-wrap .nav-wrap{padding:16px 18px}
.header-wrap .lang-btn{display:inline-block;padding-left:30px;font-weight:700;background:url(images/lang.png) left center no-repeat;background-size:20px}
.header-wrap .lang-btn:hover .lang-pop{display:flex}
.header-wrap .lang-pop{display:none;position:absolute;top:100%;left:0;padding-top:10px}
.header-wrap .lang-pop .lang-pop-inner{padding:10px;white-space:nowrap;background:#fff;border-radius:5px;line-height:2;border:1px solid #eee;box-shadow:0 5px 5px rgba(0,0,0,.05)}
.header-wrap .sub-menu{display:none}
.header-wrap .sub_wrap{line-height:1;transform:translateY(0) scale(0);height:0;opacity:0;transition:all .3s ease}
.header-wrap .sub_wrap.active{transform:translateY(0) scale(100%);height:auto;opacity:1;padding:32px;border-top:1px solid #afcfc2}
.sub_wrap a{border-radius:9px;border:1px solid transparent;transition:all .5s ease;padding:25px 30px}
.sub_wrap a dl{margin-left:22px}
.sub_wrap a:hover{border-color:#afcfc2;background:#e8fff5}
#logo{width:184px}
#topNav a{font-weight:700;padding:10px 15px;transition:all .5s ease}
#topNav a.active,#topNav a:hover{background:#e8fff5;color:#10b981;border-radius:10px}
.icon-fire{display:inline-block;width:15px;height:20px;background:url(images/fire3@2x.png) center no-repeat;background-size:cover;vertical-align:-3px}
.tip-top{position:relative;margin:-5px;top:-5px;display:inline-block;background:#f53f3f;color:#fff;font-size:12px;transform:scale(.76);padding:3px 10px;border-radius:20px;animation:bounce 1.2s infinite linear}
@keyframes bounce{0%,100%{transform:scale(.76) translateY(0)}
50%{transform:scale(.76) translateY(-3px)}
}
@keyframes slideDown{from{transform:translateY(-100%)}
to{transform:translateY(0)}
}
.swiper-container-free-mode.case-item>.swiper-wrapper{transition-timing-function:linear!important}
.slogan-wrap{border-bottom:1px solid #23ad7f;}
.slogan-title{font-size:60px;color:#28323b;line-height:1}
.slogan-main{padding:50px 3vw 60px}
.slogan-inner{width:610px}
.slogan-desc{color:#515151;font-size:18px;margin-top:40px;margin-bottom:60px;font-weight: 400;}
.slogan-img{padding:0 70px;position:relative}
.slogan-img>img:nth-child(1){width:25%;position:absolute;left:18%;top:45%;z-index:1}
.slogan-img>img:nth-child(2){width:48%}
.slogan-img>img:nth-child(3){width:26.5%;position:absolute;left:55%}
.slogan-img .watsapp{width:15%;position:absolute;top:-5%;right:2%}
.qa-demo{padding:60px 11% 0}
.qa-demo li{padding:22px;border-bottom:1px solid #e6e6e6}
.qa-demo .icon-question,.qa-demo .icon-wrong{width:22px;height:22px;background:url(images/wrong.png) center no-repeat;background-size:contain}
.qa-demo .icon-question{background-image:url(images/qustion.png)}
.help-wrap{background:#f5f6f7;padding:90px 0}
.tool-demo{background:#f5fdfe;border-radius:12px;border:1px solid #cac6ff;padding-top:20px}
.tool-demo ul{margin:0 60px}
.tool-demo ul li img{width:68px}
.tool-demo .tool-img{width:600px;margin:0 40px}
.icon-star{display:inline-block;vertical-align:middle;width:40px;height:40px;background:url(images/star.png) center top no-repeat;background-size:contain}
.case-wrap{background:#f5f6f7;padding:70px 0}
.case-wrap .case-number{padding:80px 0}
.case-wrap .case-number li{flex:1;margin:0 12px;padding:60px 0 44px 80px;background:#fff;border-radius:10px}
.case-wrap .case-number li strong{font-size:60px;line-height:1;margin-left:-6px}
.case-wrap .case-number li strong i{font-weight:100;position:relative;top:-20px}
.case-wrap .case-number li h6{font-size:22px;line-height:1;margin:40px 0 30px}
.case-wrap .case-number li p{font-size:12px;color:#bababa}
.case-wrap .case-item a img{width:50%;height:38px;-o-object-fit:contain;object-fit:contain}
.user-swiper-button{position:relative;margin-top:50px}
.user-swiper-button>i{display:inline-block;width:40px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAAXNSR0IArs4c6QAAAhFJREFUaEPt2sFKw0AQBuB/CupFX8Okx6S3bO/i3QdQT6KCoKIIVqyCVNCLCp4UfARfQVpv2qN5DosoiB2JWowxqW13KZjZXJtNOl//ZCebEoRtbkltgXEAxlXYbMzqlk+6B/hP410vWAXRcec7E9P5Q7O+qFODGECnFNSIaTOJpYsoBtD1VBWEnbS06SCKAYzgHE8tEOHcJKIowAjO9dUygFNTiOIATSdRJKDJJIoFNJVE0YAmkigeUDeJFvBrOh50draAsX5mkD7RAiYawn6TaAFTOup+kmgBM5Ziin55icFnfz2xWMAua1mTnpouEK4BjPzajekkbNZXyC2pdTCNg7itsy6Wt7HMeC4ArwzUAIyl1sc8Q66vOG/FD7GemwiwBWB8iCfN06laEeAjgIk8VTXEWl7sJayhTUD9cxJpYwIFvGkcK4dD6Qng0Y83eFkb8ZRtY7r89I4fzBHoMrUXJOw83DX2LWAGYLeXUADvhve31WioBUwBLJZUhRl76bZUDe/ru53PLGBCyfHUHhEq6XjfybOAmsmzgJrJs4AxwH7uecngir8Hul5wBKK1Xu95FjAm4PjlQwJv9DLbZvbSOXyE6Kkk3eSJvgeaSJ5YQFPJEwloMnniAIt+cMGg+UFnW/GTSPal+/PZtqcZKLaTqD4w+Sfz+KpKv3DiLuFOwY5X3ibifTBqYbOxNShcZ9w7AIXwrFIQzVoAAAAASUVORK5CYII=);background-size:contain;background-position:center;background-repeat:no-repeat;position:static;margin:0 15px}
.user-swiper-button>i::after{display:none}
.user-swiper-button>i.swiper-button-prev{transform:rotate(180deg)}
.user-show-item{width:100%;padding:16px;background:#f6fefa;border-radius:4px;position:relative;padding-left:110px}
.user-show-item .icon-quo{display:inline-block;width:62px;height:50px;position:absolute;top:0;left:30px;background-image:url(images/tool-ic1.png);background-position:center;background-repeat:no-repeat;background-size:contain;transition:all .5s ease}
.user-show-item .text-bg{background:#cff9e5;transition:all .5s ease}
.user-show-item dt{color:#28323b}
.user-show-item dd{color:#4c555e}
.user-show-item .user-avatar{width:195px;height:195px;-o-object-fit:cover;object-fit:cover}
.swiper-slide.swiper-slide-active .user-show-item{background:#fff6f7}
.swiper-slide.swiper-slide-active .user-show-item .text-bg{background:#fecdd3}
.swiper-slide.swiper-slide-active .user-show-item .icon-quo{background-image:url(images/quo-red.png)}
.try-banner{background:#10b981;color:#fff;padding:60px 0}
.try-banner span{font-size:38px;line-height:1}
.try-banner .normal-btn{background:#fff;color:#111;transition:all .5s ease}
.try-banner .normal-btn:hover{transform:scale(1.05);opacity:.96}
.footer-wrap{padding:60px 0;background:linear-gradient(0deg,#fff 0,#dff7ed 100%)}
.footer-wrap .footer-logo{width:205px}
.footer-wrap .footer-nav-wrap{padding-bottom:80px;border-bottom:1px solid #d1f0e5}
.footer-wrap .footer-nav-wrap .footer-nav dl{padding:0 60px}
.footer-wrap .footer-nav-wrap .footer-nav dl dd{margin-top:20px}
.footer-wrap .footer-nav-wrap .footer-nav dl dd a{line-height:1}
.price-list{padding:80px 0}
.price-list li{width:365px;padding:40px;margin:0 40px;position:relative}
.price-list li::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border:1px solid #afcfc2;border-radius:10px;z-index:-1;transition:box-shadow .5s ease}
.price-list li.active::after,.price-list li:hover::after{border:2px solid #23ad7f;box-shadow:0 8px 22px 0 rgba(2,10,24,.16)}
.price-list li h3{font-size:30px;color:#10b981}
.price-list li h4{font-size:18px;color:#515151;margin-bottom:35px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.price-list li h5{margin-bottom:30px}
.price-list li h5 span{font-size:20px}
.price-list li h5 strong{font-size:32px}
.price-list li h5 i{font-size:18px;color:#2c2c2c}
.price-list li .normal-btn{display:block;text-align:center}
.price-list li .price-desc{margin-top:40px}
.price-list li .price-desc span{width:50%;background-image:url(images/tick.png);background-position:left center;background-repeat:no-repeat;background-size:18px;padding:2px 0 2px 30px;margin:9px 0;line-height:1;white-space:nowrap}
.price-list li .price-desc span.is-pro{background-image:url(images/no.png);background-size:14px;color:#666}
.price-compare{font-size:38px;color:#2e5947}
/* 对比表 */
.compare-table { width: 100%; background: #fff; overflow: hidden; margin: 30px 0; } .compare-table .table-header { background: #F9FAFB; font-size: 18px; } .compare-table .table-header .col{ border:none; } .compare-table .table-header p{ width: 100%; background: #fff; padding: 20px; line-height: 1; text-align: center; } .compare-table .table-header p.package-name{ background: #EDFFF8; color: #10B981; } .compare-table .flex-row { display: flex; align-items: stretch; border-bottom: 1px solid #ededed;overflow:hidden } .compare-table .col { flex: 1; display: flex; flex-direction: column; } .compare-table .col-quota { flex: 0.5; background: #f8f9fa; font-weight: bold; color: #333; font-size: 16px; } .col-type-1,.col-type-2,.col-type-3,.compare-table .table-header p:not(.package-name){ border-right: 1px solid #e9ecef; } .compare-table .price-item { padding: 12px 0; color: #111; font-size: 16px; line-height: 1.5; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; } .price-unit{ font-size: 14px; color: #515151; margin-left: 3px; } .compare-table .price-item { border-bottom: 1px solid #e9ecef; } .compare-table .price-item:last-child { margin-bottom: -1px; } .compare-table .col-type-2 .price-item{ height: 100%; border-bottom: none; } .compare-table .price-item .discount { display: inline-block; color: #ff4d4f; font-size: 12px; margin-left: 5px; white-space: nowrap;border: 1px solid #ff4d4f;padding: 0 6px 0 3px;transform: scale(0.8);border-top-right-radius: 20px;border-bottom-right-radius: 20px;opacity:.6} .compare-table .price-item:hover .discount { color: #ff7875; } .compare-table .rights-row { background: #f8f9fa; } .compare-table .right-item { padding: 8px 0; font-size: 14px; color: #666; display: flex; align-items: center; justify-content: center; } .compare-table .right-item:not(:last-child) { border-bottom: 1px dashed #e9ecef; } .compare-table .right-enabled { color: #52c41a; font-weight: bold; margin-right: 5px; } .compare-table .right-disabled { color: #ff4d4f; font-weight: bold; margin-right: 5px; } .compare-table .table-row:hover { background-color: rgba(237,255,250,0.2); }
@media screen and (max-width: 768px) {
    #compareTable{
        width: 100%;
        overflow-x: auto;
    }
    .compare-table{
        width: 800px;
    }
}
.contact-wrap{background:#eee;padding:60px 110px;margin-top:100px}
.contact-wrap .contact-img{width:530px;position:absolute;left:0;bottom:0}
.contact-wrap dl{width:50%}
.contact-wrap .saler-desc{width:520px}
.contact-wrap .saler-desc li{margin-bottom:50px}
.contact-wrap .saler-desc li:last-of-type{margin-bottom:0}
.contact-wrap .saler-desc p{color:#4c555e}
.contact-wrap .icon-saler1,.contact-wrap .icon-saler2,.contact-wrap .icon-saler3{display:inline-block;width:64px;height:64px;background-image:url(images/saler-ic1.svg)}
.contact-wrap .icon-saler2{background-image:url(images/saler-ic2.svg)}
.contact-wrap .icon-saler3{background-image:url(images/saler-ic3.svg)}
.side-fixed{
    position: fixed;
    right: 25px;
    bottom: 30px;
    z-index: 10;
}
.side-fixed a{
    width: 44px;
    border-radius: 44px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    transition: all .5s ease;
}
.side-service{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    background: linear-gradient(0deg, #27A6E5 0%, #10B981 100%);
    writing-mode: vertical-rl;
    box-shadow: 0px 5px 11px 0px rgba(0,32,74,0.19);
    margin-bottom: 15px;
    padding-bottom: 14px;
    font-size: 16px;
    letter-spacing: 3px;
    gap: 10px;
}
.side-service:hover{
    background: linear-gradient(0deg, #27A6E5 0%, #10B981 60%);
    opacity: .8;
}
.side-service::before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: url(images/contact.png) center no-repeat;
    background-size:cover;
}
.side-service::after{
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMA78ke9+rAm1vm2oA0KSQNB/PStKqOiGkuEfv51sW5sKWemIVxYVFPS0dDPBvfknl0OTYTVNnoPbYAAAF3SURBVEjH5ZPXeoJAEEaHjiioICj23ls08/6vFmC/xS1s4Do5V8vP+QaYYeA/cF5qYdDQNR4eZiwayd+LMRbo9e5o4yFlVeN23TkyDH+VO3cLOTpq9z3UqTW2saDfU8mntYaUCM7kYCva9tSxRNvBxSTHpLLwYIIflim49OxKbtD2kME7ADyQ4vNuz42QI87CGCkW37akxcvhJUtXWBIx89jZKNDO84gPCF+OJcr2KC+is9GBFN7qKKIV475OudDIs72FEoMrZPj8t9wgR5ZbLnlDU6hRpM+bYDvdIj+iwBYIR4d56vREwh2KnD/zOa49km2AsJXscQoslyTEGf2hE5QI5T2jBwdl1Is3wJL6xUttrOKl0NuVtqlavHulPgMFTqUeq/RFpe6q9DnmTATdV+l6YQevPmtboGKa9yEbrzFj9LnK7lmZTeYbS4snk5qo0Rfda1Tfq/QA+0F5cbXLxVPgr7lbG7Jg0JRD3iEHGmMsNf0Nf4AfOYaYNq79PLYAAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}
.side-top{
    display: block;
    height: 44px;
    background: linear-gradient(0deg, #fefefe 0%, #f4f6f8 100%);
    box-shadow: 0px 5px 11px 0px rgba(0,32,74,0.19), 0px 2px 0px 0px #fff;
    background: linear-gradient(0deg, #fefefe 0%, #f4f6f8 100%);
    border: 0.5px solid #fff;
}
.side-top:hover{
    transform: scale(1.1);
}
.side-top::before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 44px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAgCAMAAAAhSXi5AAAAWlBMVEUAAAAQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEQuYEwzPOXAAAAHXRSTlMAlkPC1z727Z0pH/GLNDIv5OCDRwfbsI51cVE6Gi+o7aYAAACFSURBVCjP7Y5JDoMwDAANbcjKTvfO/79ZgSIUkVT9QOfm0ci2BFNlmJtQRDQFmm+1muuMWclPVF2yPbS5tQ3QZ+1qaV6HlohNbauJ6OS3joRubz3gRxh10jsAXAVXtx1+b3oJwFNOcBHrYVriloCSVZ9F3PBIbkrUB/66qAegoO/GTPvwAYGEFajFnTskAAAAAElFTkSuQmCC) center no-repeat;
    background-size:contain;
}
.qa-list{width:63%;margin-left:auto;margin-right:auto}
.qa-list dl{border-bottom:1px solid #cfd6df;padding:30px 0;overflow:hidden;transition:all .5s ease}
.qa-list dl dt{font-size:20px;cursor:pointer}
.qa-list dl dt .icon-arrow{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #000;transition:transform .3s ease}
.qa-list dl dd{color:#4d4d4d;font-size:16px;opacity:0;height:0;transform:translate(100%)}
.qa-list dl.active dt,.qa-list dl:hover dt{padding-bottom:30px}
.qa-list dl.active dd,.qa-list dl:hover dd{transition:opacity .3s ease-out;opacity:1;height:auto;transform:translate(0)}
.qa-list dl.active .icon-arrow,.qa-list dl:hover .icon-arrow{transform:rotate(180deg)}
.about-desc{width:68%}
.about-imgs{position:relative;padding:80px 0}
.about-imgs li{width:18%;position:relative;transform:scale(1.3)}
.about-imgs li:nth-child(2){transform:scale(1.3) translateY(-3%)}
.about-imgs li:nth-child(4){transform:scale(1.3) translateX(8%)}
.check-us{background:#f5f6f7}
.check-us .check-reason{gap:100px}
.check-us .check-reason li{flex:1}
.check-us .check-reason img{width:42px}
.service-wrap li{width:28%;background:linear-gradient(0deg,#fff 0,#dff7ed 100%);border-radius:12px;padding:60px 0 100px}
.service-wrap .service-icon{width:56px;height:56px;background:#a6ffd2;border-radius:10px;margin:auto}
.service-wrap .service-icon img{width:50%}
.analysis-wrap .icon-quo-green{width:65px}
.analysis-wrap .analysis-img{width:53%;-o-object-fit:contain;object-fit:contain}
.analsis-content{background:linear-gradient(-45deg,#f5f2f4 0,#f0f1f7 50%,#f5f2f4 100%)}
.analsis-content .analsis-item{background-color:#fff;border-radius:24px;margin-bottom:80px;overflow:hidden}
.analsis-content .analsis-item .analsis-item-desc{padding:30px 60px;width:50%}
.analsis-content .analsis-item .analsis-item-desc li{padding:15px 0;line-height:1.3;font-size:16px}
.analsis-content .analsis-item .analsis-item-desc li.green-line{padding:0;height:2px;background:#00e785;width:100px;margin-top:15px}
.analsis-content .analsis-item img{width:85%}
.post-categories a{padding:10px;min-width:88px;text-align:center;margin:0 10px}
.post-categories a.active,.post-categories a:hover{background:#10b981;border-radius:8px;color:#fff}
.post-list{position:relative;z-index:1}
.post-list ul::after{content:"";width:31%;height:0;display:block}
.post-list ul li{width:31%;margin-bottom:60px;position:relative}
.post-list ul li i{position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;z-index:-1;background:#f2fcf9;box-shadow:0 6px 18px 0 rgba(2,10,24,.24);border-radius:10px;border:2px solid #00e785;opacity:0;transition:all .5s ease}
.post-list ul li a{color:#111}
.post-list ul li .post-thumb{display:block;height:195px;border-radius:10px;overflow:hidden}
.post-list ul li .post-thumb img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .5s ease}
.post-list ul li .post-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-list ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.post-list ul li:hover a{color:#10b981}
.post-list ul li:hover .post-thumb img{transform:scale(1.1)}
.post-list ul li:hover i{opacity:1}
.post-list .post-pagination a,.post-list .post-pagination span{padding:0 10px;height:32px;line-height:30px;border:2px solid transparent;text-align:center;border-radius:6px;margin:2px}
.post-list .post-pagination a.active,.post-list .post-pagination span.active{border-color:#00e785}
.post-list .post-pagination a.active:hover,.post-list .post-pagination span.active:hover{border-color:#069162;color:#069162}
.post-list .post-pagination a{font-weight:700}
.post-list .post-pagination a:hover{opacity:.6;border-color:rgba(0,0,0,.05)}
.post-content{width:1050px;margin-left:auto;margin-right:auto;border-bottom:2px solid #cfd6df}
.post-content .breadcrumb-wrap i{margin:0 10px}
.post-content .nav-home{width:32px;height:32px;background-color:#fff;border-radius:6px}
.post-content p{margin-bottom:10px}
.invite-reason{padding:30px 20px}
.invite-reason li{width:calc(50% - 10px);margin-bottom:20px;padding:40px 30px 0;background:#daf5ea}
.invite-reason li:nth-child(2),.invite-reason li:nth-child(3){background:#efecfd}
.invite-reason li img{max-width:100%;width:52%;height:auto}
.step-wrap li{padding:0 20px;flex:1}
.step-wrap li:nth-child(2),.step-wrap li:nth-child(4){width:68px;padding:0 10px;flex:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.step-wrap img{width:114px}
.step-wrap h6{white-space:nowrap}
.step-wrap .icon-step-arrow{display:inline-block;width:68px;height:25px;background:url(images/invite/invite-step-arrow.png) center no-repeat;background-size:contain}
.invite-top{background:#000;padding:3vw 10vw 0}
.invite-top .invite-inner{border:1px solid #00e785;border-top-left-radius:20px;border-top-right-radius:20px;padding:1.8vw;padding-bottom:0}
.invite-top .invite-inner .invite-main{padding:90px 100px;padding:6vw 4.5vw;background:url(images/invite/invite-bg.jpg) center no-repeat;background-size:cover}
.invite-top .invite-inner .invite-slogan dt{font-size:2.5vw}
.invite-top .invite-inner .invite-slogan dd{font-size:1.4vw}
.invite-top .invite-inner .invite-form{width:408px;min-height:300px;border-radius:16px;position:relative;padding:40px 30px 30px}
.invite-top .invite-inner .invite-form::after,.invite-top .invite-inner .invite-form::before{content:"";width:100%;height:30px;border-radius:12px;position:absolute;background:rgba(255,255,255,.3);top:-10px;left:0;transform:scale(.95);z-index:0}
.invite-top .invite-inner .invite-form::after{content:"";background:rgba(255,255,255,.2);top:-20px;transform:scale(.9)}
.invite-top .invite-inner .invite-form .number-tool li:nth-child(1),.invite-top .invite-inner .invite-form .number-tool li:nth-child(3){width:40px;height:40px;line-height:10px;text-align:center;background:#f2f2f2;border:1px solid #bcc0c9;font-size:25px}
.invite-top .invite-inner .invite-form .number-tool li:nth-child(1){border-radius:2px 0 0 2px}
.invite-top .invite-inner .invite-form .number-tool li:nth-child(3){border-radius:0 2px 2px 0}
.invite-top .invite-inner .invite-form .number-tool li input{width:80px;height:40px;line-height:40px;font-size:16px;color:#10b981;font-weight:700;text-align:center;border:1px solid #bcc0c9;border-left:none;border-right:none;border-radius:0}
.invite-top .invite-inner .invite-form .select-wrap{width:210px;line-height:1;border-radius:2px;padding:7px 10px;border:1px solid #bcc0c9;color:#10b981}
.invite-top .invite-inner .invite-form .select-wrap select{width:100%;border:none;color:#10b981}
.invite-top .invite-inner .invite-form .invite-result{background:#10b981;border-radius:10px;padding:20px}
.invite-top .invite-inner .invite-form .invite-result .normal-btn{background:rgba(255,255,255,.5);color:#111;font-size:16px}
@media screen and (max-width:1280px){
#logo{width:108px}
.open-menu{display:inline-block;background:#222;color:#fff;padding:12px 15px;line-height:1;border-radius:9px;position:absolute;right:20px;top:10px}
#topNav,#topTool{display:none}
.pt40{padding-top:3vw}
.pt80{padding-top:6vw}
.pb80{padding-bottom:6vw}
.mt30{margin-top:15px}
.mb30{margin-bottom:15px}
.ft18{font-size:15px}
.ft24{font-size:18px}
.ft28{font-size:22px}
.ft32{font-size:25px}
.ft38,.try-banner span{font-size:32px}
.ft40{font-size:35px}
.ft50{font-size:40px}
.header-wrap .wrap{margin-top:0;border:none;border-radius:0}
.header-wrap.show-more{height:100vh;justify-content:flex-start}
.header-wrap.show-more .wrap{height:100vh}
.header-wrap.show-more .nav-wrap{flex-direction:column;align-items:flex-start}
.header-wrap.show-more #topNav{display:block;width:100%;margin-top:20px}
.header-wrap.show-more #topNav ul{flex-direction:column}
.header-wrap.show-more #topNav ul li{position:relative}
.header-wrap.show-more #topNav ul a{display:block;padding:2vw 0;font-size:16px}
.header-wrap.show-more #topNav ul a:hover{padding-left:20px}
.header-wrap.show-more #topNav ul .tip-top{position:absolute;right:20px;top:40%}
.show-more .sub_wrap,.menu-holder .sub_wrap{padding:10px!important;flex-direction:column;transform:translateY(0) scale(100%);height:auto;opacity:1;border-top:1px solid #afcfc2}
.menu-holder .sub_wrap{border-top: none;padding: 20px !important;}
.header-wrap.show-more #topTool{display:block;width:100%;display:flex;justify-content:space-between;padding:30px 0 20px}
.header-wrap.show-more #topTool .lang-btn{position:absolute;right:100px;top:20px}
.header-wrap.show-more #topTool>a{margin-left:0;min-width:160px;text-align:center}
.sub_wrap a{width:100%;padding:1vw}
.menu-holder .sub_wrap a{margin: 20px auto;}
.sub_wrap a i{transform:scale(.8)}
.sub_wrap a dl{margin-left:10px}
.sub_wrap a dt{font-size:14px}
.sub_wrap a dd{font-size:12px}
.wrap{width:100%}
.slogan-inner{width:50%}
.slogan-title{font-size:4.5vw}
.slogan-desc{margin:3.2vw 0;font-size:16px}
.tool-demo .tool-img{width:33%}
.tool-demo ul{margin:0 20px;flex:1}
.case-wrap .case-number li{padding:20px;margin:0 6px}
.case-wrap .case-number li strong{font-size:30px}
.case-wrap .case-number li h6{font-size:18px;margin:20px 0}
.analysis-wrap{padding:30px}
.analysis-wrap>div.flex-1{padding-right:30px}
.analsis-content{padding-left:30px;padding-right:30px}
.price-list li{padding:30px;margin:0 20px;width:30%}
.post-list{padding:0 30px 30px}
.post-list ul li{margin-bottom:5vw}
.post-list ul li i{left:-2vw;top:-2vw;bottom:-2vw;right:-2vw}
.breadcrumb-wrap .ft-gray{display:none}
.post-content{padding:38px 0;width:auto;margin:0 30px}
.footer-wrap .footer-nav-wrap{padding-left:20px}
.footer-wrap .footer-nav-wrap .footer-nav dl{padding:0 3%}
}
@media screen and (min-width:750px) and (max-width:1080px){.invite-top .invite-inner .invite-main{padding:5vw 3vw}
.invite-top .invite-inner .invite-main .invite-form{width:40vw;padding:2vw}
.invite-top .invite-inner .invite-main .invite-form .select-wrap{width:18vw}
.invite-top .invite-inner .invite-main .invite-form input{width:7vw!important}
}
@media screen and (min-width:750px) and (max-width:1280px){.contact-wrap{padding:60px 5vw}
.contact-wrap .saler-desc{width:45vw}
.contact-wrap .saler-desc p{font-size:1.5vw}
.contact-wrap .saler-desc li{margin-bottom:3.8vw}
.contact-wrap .contact-img{width:50vw}
.contact-wrap dl{width:45%}
.contact-wrap dl .ft36{font-size:3vw}
.step-wrap{padding-left:20px;padding-right:20px}
.step-wrap li{padding:0}
.step-wrap img{width:6vw}
.step-wrap h6{font-size:16px;margin-top:1vw;margin-bottom:5px}
.step-wrap p{font-size:14px;padding-left:15%;padding-right:15%}
.step-wrap .icon-step-arrow{width:3vw}
}
@media screen and (max-width:750px){.mobile-block,.mobile-show{display:block}
.mobile-hide{display:none}
.ft16,.ft18{font-size:14px}
.ft20{font-size:16px}
.ft36{font-size:20px}
.ft38,.ft40,.price-compare{font-size:26px}
.ft50{font-size:30px}
.pt30{padding-top:15px}
.pt60{padding-top:30px}
.pb60{padding-bottom:30px}
.mt20{margin-top:12px}
.mt40{margin-top:20px}
.mb40{margin-bottom:20px}
.mt50{margin-top:30px}
.slogan-wrap{padding-top:50px}
.slogan-desc{font-size:14px;padding:0 50px;color:#888}
.slogan-inner{display:flex;flex-direction:column;justify-content:center;align-items:center}
.slogan-wrap .normal-btn{width:50%}
.slogan-wrap .slogan-title{padding:5px 0;text-align:center;font-size:5.5vw}
.slogan-main{flex-direction:column}
.slogan-main .slogan-inner{width:100%;margin-top:10vw}
.qa-demo{padding:20px 25px 0}
.qa-demo li{padding:15px 0}
.qa-demo i{transform:scale(.6)}
.qa-list{width:100%;padding-left:20px;padding-right:20px}
.help-wrap{padding:30px}
.tool-demo ul li img{width:38px}
.tool-demo .tool-img{width:50%}
.tool-demo .ft28.opacity7{font-size:15px}
.tool-demo .ft28.ft-bold{font-size:20px;line-height:1.3;margin-bottom:10px}
.tool-demo .tool-img{margin:0 10px 0 0}
.tool-demo .normal-btn{padding:10px;width:60%}
.case-wrap{padding:30px}
.case-wrap .case-number{flex-direction:column;padding:30px 0}
.case-wrap .case-number li{width:100%;margin-bottom:20px}
.user-talk-wrap{padding-left:30px;padding-right:30px}
.user-talk-wrap .user-show-item{flex-direction:column;padding:20px}
.user-talk-wrap .user-show-item .icon-quo{display:none}
.user-talk-wrap .user-show-item img{display:none}
.user-swiper-button{transform:scale(.6);margin-top:30px}
.analsis-content .analsis-item{flex-direction:column}
.analsis-content .analsis-item .analsis-item-desc{padding:30px;width:100%}
.analsis-content .analsis-item .analsis-item-desc li{font-size:12px;padding:5px 0;line-height:1.5}
.analysis-wrap{flex-direction:column}
.analysis-wrap .analysis-img{width:100%;margin-top:30px}
.saler-wrap{padding-left:30px;padding-right:30px}
.contact-wrap{margin-top:35px;padding:50px 20px 60vh 20px;border-radius:8px}
.contact-wrap .saler-desc{width:100%}
.contact-wrap dl{width:100%}
.try-banner{flex-direction:column;padding:30px 20px;text-align:center}
.try-banner span{font-size:20px;font-weight:700;line-height:1.3}
.try-banner .normal-btn{display:block;margin-top:20px;margin-left:0}
.footer-wrap{padding:30px}
.footer-wrap .footer-nav-wrap{flex-direction:column;padding:0}
.footer-wrap .footer-nav-wrap>div{width:100%;margin-bottom:30px}
.footer-wrap .footer-nav-wrap>div.footer-nav{justify-content:space-between}
.footer-wrap .footer-nav-wrap>div.footer-nav dl{padding:0}
.footer-wrap .footer-nav-wrap>div.footer-nav dl dd{margin-top:5px}
.footer-wrap .footer-nav-wrap>div a{font-size:12px}
.footer-wrap .footer-nav-wrap .footer-logo{width:35%}
.price-wrap{padding:30px}
.qa-wrap{padding:50px 30px}
.qa-wrap .qa-list{width:100%}
.qa-wrap .qa-list dl{padding:15px 0}
.qa-wrap .qa-list dl dt{font-size:18px;-webkit-tap-highlight-color:transparent}
.price-list{flex-direction:column;padding:30px 0 0}
.price-list li{padding:30px;margin:0 0 30px;width:100%}
.post-list ul li{margin-bottom:8vw;width:100%}
.step-wrap{flex-direction:column;padding-left:20px;padding-right:20px}
.step-wrap li{width:100%!important;padding:20px;background:#f6f9f7;margin-bottom:20px}
.step-wrap li:nth-child(2),.step-wrap li:nth-child(4){padding:10px;background:#fff}
.step-wrap li:nth-child(2) .icon-step-arrow,.step-wrap li:nth-child(4) .icon-step-arrow{transform:rotate(90deg) scale(.5)}
.step-wrap img{width:20vw}
.invite-top{padding:30px 30px 0}
.invite-top .invite-inner{padding:20px 20px 0}
.invite-top .invite-inner .invite-main{flex-direction:column;padding:5vw 3vw}
.invite-top .invite-inner .invite-main .invite-slogan{width:100%;margin-bottom:50px}
.invite-top .invite-inner .invite-main .invite-slogan .mt100{margin-top:50px}
.invite-top .invite-inner .invite-main .invite-slogan dt{font-size:22px}
.invite-top .invite-inner .invite-main .invite-slogan dd{font-size:16px}
.invite-top .invite-inner .invite-main .invite-form{width:100%;padding:20px}
.invite-top .invite-inner .invite-main .invite-form .mr20{margin-right:10px}
.invite-top .invite-inner .invite-main .invite-form .select-wrap{width:33vw}
.invite-top .invite-inner .invite-main .invite-form input{width:15vw!important}
.invite-top .invite-inner .invite-main .invite-form .mb15{margin-bottom:10px}
}