#langModal>div{top:20rem}
a#scrollUp{z-index:999 !important}
.cmp_brand-area .container .row .col-xs-12{padding:0 !important}
.cmp_brand-area a{max-width:868px;width:100%;margin:0 auto}
.cmp_brand-area .business-system{padding:30px 0 !important}
.cmp_contact-us .issue{padding:48px 0 48px;margin:0;font-size:28px;line-height:44px;text-align:center;color:black}
.cmp_contact-us .relation{padding:80px 0 51px}
.cmp_contact-us .relation_box{position:relative;max-width:1200px;width:100%;margin:0 auto;display:flex;padding:0 10px}
.cmp_contact-us .relation_box ul{flex:1}
.cmp_contact-us .relation_box p{font-size:16px;color:black;font-weight:500;padding-top:24px;text-align:center}
.cmp_contact-us .relation_box .ols{text-align:center}
.cmp_contact-us .relation_box .ols img{width:26px}
.cmp_contact-us .relation_box .ols span{position:relative;color:black;font-size:20px;font-weight:500;top:3px;left:8px}
.cmp_contact-us .relation_box ul div.qrcode{width:70%;margin:0 auto}
.cmp_contact-us .relation_box ul div.qrcode img{width:100%}
.cmp_contact-us .relation_box ul p{padding-left:13px}
.cmp_contact-us .business-swiper.container-fluid .relation_box ul div.qrcode{width:70%;margin:0 auto}
.cmp_contact-us .business-swiper.container-fluid .relation_box ul div.qrcode img{width:100%}
@media(max-width:767px){.cmp_contact-us .relation_box{display:flow-root}
.cmp_contact-us .relation_box ul{margin:0 auto}
.cmp_contact-us .relation_box .ul{position:relative}
.cmp_contact-us .business-swiper.container-fluid .relation_box ul div.qrcode{width:50%;margin:0 auto}
.cmp_contact-us .business-swiper.pb-20{padding-bottom:20px}
}
@media(min-width:768px) and (max-width:1024px){.cmp_contact-us .business-swiper.container-fluid .relation_box{padding-right:30px}
}
.cmp_contact-us-two.email_list .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.cmp_contact-us-two .email_list .title{font-size:24px;color:#0d1a26;line-height:28px;font-weight:600;margin-bottom:50px}
.cmp_contact-us-two .email_list .list li{width:280px;margin-bottom:40px}
.cmp_contact-us-two .email_list .list li:nth-child(3n-1){margin:0 137px}
.cmp_contact-us-two .email_list .list li h4{font-size:22px;color:#333;letter-spacing:0;text-align:justify;font-weight:600;margin-bottom:2px}
.cmp_contact-us-two .email_list .list li p{font-size:20px;color:#9ea0ae;letter-spacing:0;margin-bottom:0}
@media(min-width:360px){.cmp_contact-us-two.email_list .list li:nth-child(3n-1){margin:0}
}
@media only screen and (max-width:1680px) and (min-width:1200px){.cmp_contact-us-two .email_list .list li:nth-child(3n-1){margin:0 137px}
}
@media only screen and (max-width:1920px) and (min-width:1680px){.cmp_contact-us-two .email_list .list li:nth-child(3n-1){margin:0 137px}
}
@media(min-width:2400px){.cmp_contact-us-two.email_list .list li:nth-child(3n-1){margin:0 137px}
}
@media(max-width:320px){.cmp_contact-us-two .email_list .list li{display:block}
.cmp_contact-us-two .contact-system h4{font-size:22px}
}
@media(max-width:900px){.cmp_contact-us-two.email_list .title{margin-bottom:40px;font-size:20px}
.cmp_contact-us-two .email_list .list li{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.cmp_contact-us-two .email_list .list li h4{color:#666;font-size:18px;font-weight:500}
.cmp_contact-us-two .email_list .list li p{font-size:18px;color:#9ea0ae}
.cmp_contact-us-two .email_list .list{display:block}
.cmp_contact-us-two .email_list .list li:nth-child(3n-1){margin:0;margin-bottom:30px}
}
.cmp_custom-contract .legal-system a{text-decoration:none;word-break:break-all;cursor:pointer}
.cmp_custom-contract .legal-system .blue{color:#007aff}
.cmp_footer .lang-item+.lang-item{position:relative;margin-left:20px}
.cmp_footer .lang-item+.lang-item::before{position:absolute;top:15%;left:-12px;content:'';width:1px;height:70%;background:#999}
.cmp_footer .TRUSTe-a{margin-top:20px;display:inline-block}
@media(max-width:900px){.cmp_footer .benefits-area{background-color:#f8f9fc !important}
.cmp_footer .about-us-footer{background-color:#f8f9fc !important}
}
.logo img{width:auto}
@media(max-width:900px){.cmp_header .mean-container a.meanmenu-reveal span:last-child{display:block}
.cmp_header .mean-container a.meanmenu-reveal span::after{position:absolute;top:23px;left:9px;content:'';width:12px;height:2px;background-color:#62d38e}
.cmp_header .mean-container a.meanmenu-reveal span::before{position:absolute;top:28px;left:9px;content:'';width:12px;height:2px;background-color:#62d38e}
.cmp_header .mean-container .mean-bar:last-child a.meanmenu-reveal span{display:none}
.cmp_header .mean-bar:last-child a.meanmenu-reveal.meanclose{display:none}
}
@media only screen and (min-width:1680px) and (max-width:1920px){.cmp_new-area-two .slider-content>span{display:block;width:968px;margin:auto;text-align:left;font-size:18px}
}
.cmp_new-area-two .service_list{display:flex}
.cmp_new-area-two .service_list .img img{width:72px;height:72px}
.cmp_new-area-two .service_list .content{margin-left:20px}
.cmp_new-area-two .service_list .content h4{font-size:24px;color:#0d1a26;font-weight:600;line-height:28px}
.cmp_new-area-two .service_list .content span{font-size:14px;color:#9ea0ae;line-height:24px}
.cmp_new-area-two .service_list .content .synopsis{display:block;font-size:14px;color:#314659;line-height:24px;margin:5px 0 12px 0}
.cmp_notice-popup{position:fixed;bottom:20px;right:20px;display:flex;justify-content:center;align-items:center;padding:12px 20px;background:#d7e6c9;opacity:0;transform:translateX(120%);-webkit-transform:translateX(120%);transition:all .4s ease 0;z-index:9}
.cmp_notice-popup.active{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.cmp_notice-popup.backGrColor{background:#f6f6f6}
@media(max-width:767.98px){.cmp_notice-popup{width:100vw;right:0;bottom:0}
}
.cmp_notice-popup .text{text-align:left;font-weight:400;overflow:hidden;position:relative;word-break:break-word;font-style:normal;font-size:12px;line-height:1.7;color:#000;padding:5px 10px;width:15vw;margin-bottom:0}
@media(min-width:768px) and (max-width:1200px){.cmp_notice-popup .text{width:225px}
}
@media(max-width:767.98px){.cmp_notice-popup .text{width:70%;padding:5px 10px 5px 5px}
}
.cmp_notice-popup .btn{box-sizing:border-box;white-space:nowrap;display:inline-block;font-weight:500;font-size:14px;border-radius:2px;padding:10px 20px;line-height:1;background-color:#000;color:#fff;outline:0;cursor:pointer}
.cmp_notice-popup .btn:hover{opacity:.7}
.cmp_notice-popup .closebtn{margin-left:10px;width:24px;height:24px;cursor:pointer;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45OTk1IDEwLjkzOTRMNy41ODAwNyA2LjUxOTkyTDYuNTE5NDEgNy41ODA1OEwxMC45Mzg5IDEyLjAwMDFMNi41MTk1MiAxNi40MTk0TDcuNTgwMTggMTcuNDgwMUwxMS45OTk1IDEzLjA2MDdMMTYuNDE4OSAxNy40ODAxTDE3LjQ3OTYgMTYuNDE5NEwxMy4wNjAyIDEyLjAwMDFMMTcuNDc5NyA3LjU4MDU4TDE2LjQxOSA2LjUxOTkyTDExLjk5OTUgMTAuOTM5NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=")}
.cmp_problem-swiper{background-color:#fff}
.cmp_problem-swiper .business-system p{padding:0 60px 0 0}
.cmp_problem-swiper .swiper1{padding-top:5px !important;border-bottom:none !important;max-width:868px;width:100%}
.cmp_problem-swiper .swiper1 .swiper-slide{height:30px !important}
.cmp_problem-swiper .swiper1 .selected::before{width:70px !important;height:2px !important;margin-top:28px !important;margin-left:-35px !important}
.cmp_problem-swiper .swiper1 p{font-size:14px !important}
.cmp_problem-swiper .product-area{padding:0 !important}
.cmp_problem-swiper .issue{padding:48px 0 48px;margin:0;font-size:28px;line-height:44px;text-align:center;color:black}
.cmp_problem-swiper .brand-area .container .row .col-xs-12{padding:0 !important}
.cmp_problem-swiper .brand-area a{max-width:868px;width:100%;margin:0 auto}
.cmp_problem-swiper .business-system{padding:30px 0 !important}
.cmp_problem-swiper .wire{position:relative;cursor:pointer;border-bottom:1px rgb(204 204 204 / .2) solid}
.cmp_problem-swiper .wire p{font-size:18px;color:black;margin:0}
.cmp_problem-swiper .wire i{position:absolute;right:16px;padding:29px 0}
.cmp_problem-swiper .wire i img{width:10px}
.cmp_problem-swiper .swiper1 .swiper-wrapper{justify-content:space-around}
.cmp_problem-swiper .swiper1 .swiper-slide{height:auto !important;width:auto;display:inline-block}
.cmp_problem-swiper .wire i{margin-top:8.5px}
@media(max-width:767px){.cmp_problem-swiper .swiper1 .swiper-wrapper{justify-content:flex-start}
}
@media(max-width:900px){.cmp_problem-swiper div.business-system{margin-top:0}
.cmp_problem-swiper .wire i{margin-top:11.5px}
}
@media screen and (min-width:700px) and (max-width:1300px){html,body{overflow-x:hidden}
.cmp_problem-swiper .product-area{height:35px !important}
}
@media(min-width:400px){.cmp_problem-swiper .mb-hidden{display:none}
}
.cmp_search-question #title{padding:0 0 64px;font-size:52px;line-height:80px;text-align:center;color:black;margin:0}
.cmp_search-question .seek_box{position:relative;left:0;right:0;max-width:640px;height:auto;width:100%;margin:0 auto}
.cmp_search-question #seek{max-width:640px;width:100%;height:60px;margin:0 auto;border:1px #ccc solid}
.cmp_search-question #seek input{max-width:560px;width:100%;height:28px;margin:16px 0 16px 20px;border:0}
.cmp_search-question #seek img{width:34px;height:34px;cursor:pointer}
.cmp_search-question #hot_topic{position:absolute;max-width:640px;width:100%;top:68px;left:0;right:0;margin:0 auto;padding:20px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.12);z-index:99;display:none}
.cmp_search-question #hot_topic span{color:#000;font-size:14px;line-height:28px}
.cmp_search-question #hot_topic p{color:#000;font-size:18px;line-height:24px;margin-top:20px;cursor:pointer}
.cmp_search-question .issue{padding:48px 0 48px;margin:0;font-size:28px;line-height:44px;text-align:center;color:black}
@media screen and (max-width:768px){.cmp_search-question #seek{width:90%}
.cmp_search-question #title{font-size:20px;line-height:30px}
.cmp_search-question #seek input{width:76%}
}
.cmp_search-result{background:#fff}
.cmp_search-result .seek_box{position:relative;left:0;right:0;max-width:640px;height:auto;width:100%;margin:0 auto}
.cmp_search-result #seek{max-width:640px;width:100%;height:60px;margin:0 auto;border:1px #ccc solid}
.cmp_search-result #seek input{max-width:560px;width:100%;height:28px;margin:16px 0 16px 20px;border:0}
.cmp_search-result #seek img{width:34px;height:34px;cursor:pointer}
.cmp_search-result #hot_topic{position:absolute;max-width:640px;width:100%;top:68px;left:0;right:0;margin:0 auto;padding:20px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.12);z-index:99;display:none}
.cmp_search-result #hot_topic span{color:#000;font-size:14px;line-height:28px}
.cmp_search-result #hot_topic p{color:#000;font-size:18px;line-height:24px;margin-top:20px;cursor:pointer}
.cmp_search-result .issue{padding:48px 0 48px;margin:0;font-size:28px;line-height:44px;text-align:center;color:black}
@media screen and (max-width:767px){.cmp_search-result #title{font-size:20px;line-height:30px}
.cmp_search-result #seek input{width:76%}
}
.cmp_search-result #seo{max-width:868px;width:100%;margin:63px auto}
.cmp_search-result #seo p{font-size:14px}
.cmp_search-result #seo .box li{max-width:868px;width:100%;margin-top:32px;display:block}
.cmp_search-result #seo .box li p{font-size:18px;color:black;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}
.cmp_search-result #seo .box li span{font-size:14px;color:rgb(0 0 0 / .4);display:box;box-orient:vertical;line-clamp:2;word-break:break-all;overflow:hidden}
.cmp_search-result #seo .box li u,.cmp_search-result #seo .box li>a{font-weight:500;color:black;text-decoration:none}
.cmp_search-result #pages{display:none}
.cmp_search-result #pages ul{display:flex;max-width:260px;width:100%;margin:0 auto}
.cmp_search-result .paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;font-size:14px;color:rgb(0 0 0 / .4);text-decoration:none;text-align:center}
.cmp_search-result .paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;color:black}
.cmp_search-result .paginationjs .paginationjs-prev a{width:28px;background:url('https://brand.heytap.com/content/dam/heytap-brand/assets/service/left.png') no-repeat;background-size:contain}
.cmp_search-result .paginationjs .paginationjs-next a{width:28px;background:url('https://brand.heytap.com/content/dam/heytap-brand/assets/service/right.png') no-repeat;background-size:contain}
.cmp_search-result .paginationjs .disabled{opacity:.4}
.cmp_self-service .issue{padding:48px 0 48px;margin:0;font-size:28px;line-height:44px;text-align:center;color:black}
.cmp_self-service .diy{padding:80px 0 64px}
.cmp_self-service .diy_box{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;margin:0 auto}
.cmp_self-service .diy_box a{max-width:350px;width:100%;height:182px;background:rgb(0 0 0 / .02);margin:10px;cursor:pointer}
.cmp_self-service .diy_box a div{width:64px;height:81px;margin:0 auto;padding:40px 0 50px;display:block}
.cmp_self-service .diy_box a div span{color:black;font-size:16px;line-height:24px}
.cmp_self-service .diy_box a div img{margin:0 auto;width:64px;display:block}
.cmp_service-detail .row{position:relative}
.cmp_service-detail{background:#fff;padding:60px 0 280px 0}
.cmp_service-detail #hey_tap{max-width:800px;width:100%;height:auto;margin:0 auto}
.cmp_service-detail #hey_tap h5{font-size:36px;color:black;text-align:center;margin-bottom:64px}
.cmp_service-detail #hey_tap .top{width:847px;height:46px;border-bottom:1px rgb(204 204 204 / .2) solid}
.cmp_service-detail #hey_tap .center ul{width:100% !important}
.cmp_service-detail #hey_tap p{font-size:16px;color:black}
.cmp_service-detail #hey_tap img{margin:0 auto;display:block}
.cmp_service-detail .score{margin-top:80px;max-width:580px;width:100%;height:48px;line-height:48px;display:flex}
.cmp_service-detail .score button{display:flex;width:148px;height:48px;border:black 1px solid;background:#fff}
.cmp_service-detail .score button i{background:url('../image/up.png') no-repeat;width:24px;height:24px;background-size:100%;margin:10px 0 0 35px}
.cmp_service-detail .score button .iocn{background:url('../image/bottom.png') no-repeat;background-size:100%;margin:12px 0 0 35px}
.cmp_service-detail .score button span{font-size:18px;margin:0 0 0 20px}
.cmp_service-detail-alert{width:100%;background:rgb(0 0 0 / .4);z-index:9999;position:fixed;top:0;bottom:0;display:none}
.cmp_service-detail-alert .qs{position:relative;max-width:414px;width:100%;height:60px;background-color:#f8efef;border:1px #f8efef solid;margin:6% auto;display:flex;justify-content:center;display:none;z-index:999}
.cmp_service-detail-alert .qs p{line-height:60px;font-size:16px;color:#f34141}
.cmp_service-detail-alert .qs i{background:url('../image/alert.png') no-repeat;width:24px;height:24px;background-size:100%;margin:18px 4px 0}
.cmp_service-detail-alert .langs{position:absolute;top:100px;left:0;right:0;bottom:0;max-width:870px;width:100%;height:621px;border-radius:4px;background:#fff;margin:8% auto;display:none}
.cmp_service-detail-alert .langs i{position:absolute;right:23px;top:22px;background:url('../image/close2.png') no-repeat;width:20px;height:20px;background-size:100%;cursor:pointer}
.cmp_service-detail-alert .langs li{display:flex;margin:12px 0 0 114px}
.cmp_service-detail-alert .langs li em{position:relative;width:18px;height:18px;border:1px solid rgba(0,0,0,0.24);border-radius:50%;margin:3px 10px;cursor:pointer;flex-shrink:0}
.cmp_service-detail-alert .langs li em img{width:16px;position:absolute;top:0;left:0;display:none}
.cmp_service-detail-alert .langs p{font-size:24px;color:black;text-align:center;padding:32px 0 32px}
.cmp_service-detail-alert .langs textarea{width:642px;height:200px;border:1px solid #c7c7c7;margin:32px 0 32px 114px}
.cmp_service-detail-alert button{width:148px;height:48px;background:black;border-radius:2px;padding:12px 24px;border:0;color:#fff;margin:0 auto;display:block}
.cmp_service-detail-alert button:hover{border:1px solid black;background:#fff;color:black;transition:all}
.cmp_service-detail-alert .true{max-width:560px;height:280px;background:#fff;border-radius:4px;margin:10% auto;display:none}
.cmp_service-detail-alert .true img{position:relative;top:54px;width:60px;height:60px;display:block;margin:26px auto}
.cmp_service-detail-alert .true p{font-size:24px;color:black;text-align:center;margin-top:70px}
.cmp_service-detail .center p a{color:#51bba6 !important;cursor:pointer}
.cmp_service-detail .center faqvote{display:none}
.cmp_service-detail #nav{position:relative;top:113px;width:336px;margin-bottom:50px}
.cmp_service-detail #nav .nav-list{border:1px #cccccc33 solid}
.cmp_service-detail #nav li{position:relative;width:336px;height:84px;cursor:pointer}
.cmp_service-detail #nav li .bg{position:relative;top:18px;width:313px;height:48px;line-height:48px;margin:0 auto}
.cmp_service-detail #nav li .bg::after{position:absolute;left:0;bottom:-18px;content:'';width:100%;border-bottom:1px rgb(204 204 204 / .2) solid}
.cmp_service-detail #nav li .bg span{padding-left:8px;font-size:18px;color:black}
.cmp_service-detail #nav li .bg img{position:absolute;right:8px;padding:18px 0;width:12px}
.cmp_service-detail #nav li .bg:hover{background:#f6f6f6}
.cmp_service-detail #nav li .bg:hover>img{transform:rotate(90deg);transition:all}
.cmp_service-detail #nav li ul{position:absolute;top:0;left:335px;width:360px;padding-bottom:32px;box-shadow:0 2px 6px rgba(0,0,0,0.12);background:#fff;display:none;z-index:999999}
.cmp_service-detail #nav li ul a{font-size:16px;line-height:24px;color:black;padding:32px 0 0 20px;display:block;cursor:pointer}
.cmp_service-detail #nav li:hover>ul{display:block}
.cmp_service-detail #like{margin:0 18px 0 40px;float:left}
.cmp_service-detail #sick{float:right;margin-left:20px}
.cmp_service-detail #hey_tap img{max-width:100%}
@media(min-width:2400px){video{position:inherit;transform:none}
}
@media only screen and (min-width:900px) and (max-width:1920px){video{position:inherit;transform:none}
}
@media(max-width:1200px){.cmp_service-detail #nav{display:none}
}
@media(max-width:1024px){.cmp_service-detail-alert .langs{width:90%}
.cmp_service-detail-alert .langs textarea{max-width:500px;width:100%}
}
@media screen and (max-width:768px){.cmp_service-detail-alert .langs{margin:0 auto;height:450px;overflow:auto}
.cmp_service-detail .score{max-width:320px;flex-wrap:wrap;margin-bottom:50px}
.cmp_service-detail .score button{width:130px;margin:0 auto !important}
.cmp_service-detail .langs p{font-size:12px !important}
.cmp_service-detail-alert .langs li{margin-left:15px}
.cmp_service-detail-alert .langs textarea{max-width:280px;width:100%;height:100px;margin:24px auto;justify-content:center;display:flex}
.cmp_service-detail-alert .qs{height:48px;margin:12% auto}
.cmp_service-detail-alert .qs i{margin:12px 4px 0 48px}
.cmp_service-detail-alert .qs p{line-height:48px}
.cmp_service-detail #hey_tap h5{font-size:24px}
.cmp_service-detail #hey_tap img{width:90% !important;height:auto !important}
}
.cmp_we-chat{position:fixed;background:#fff;height:35px;width:35px;right:20px;bottom:80px;color:#555;font-size:20px;text-align:center;border-radius:10%;font-size:20px;line-height:34px;box-shadow:0 0 6px #999;z-index:999}
.cmp_we-chat img{position:relative;top:-3px;width:28px}
.cmp_business-swiper .swiper1 .swiper-slide{width:auto;display:inline-block}
@media(max-width:900px){.cmp_business-swiper .swiper1 .swiper-wrapper{justify-content:space-around}
.cmp_business-swiper .swiper1{padding-top:5px !important;max-width:868px;width:100%}
}
@media(max-width:767px){.cmp_business-swiper .swiper1 .swiper-wrapper{justify-content:flex-start}
}
@media(max-width:400px){.cmp_business-swiper .swiper1 .swiper-slide p{line-height:17px}
}
.cmp_contact-us-email{display:flex;justify-content:center;align-items:center;flex-direction:column}
.cmp_contact-us-email .lang-email-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:rgba(0,0,0,0.4)}
.cmp_contact-us-email .btn-trans:hover{transition:all 240ms cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp_contact-us-email .contact-title{height:36px;line-height:36px;font-size:30px}
.cmp_contact-us-email .contact-email{display:flex;justify-content:center;align-items:center;width:130px;height:40px;color:#fff;border-radius:36px;background:#000;margin-top:14px;cursor:pointer}
.cmp_contact-us-email .contact-email:hover{background:rgba(0,0,0,0.76)}
.cmp_contact-us-email .contact-email-img{width:16px;margin-top:2px;margin-right:6px}
.cmp_contact-us-email .contact-email-text{font-weight:500;font-size:14px}
.cmp_contact-us-email .contact-img{width:260px;height:240px;margin-top:17px}
.cmp_contact-us-email .contact-img img{width:100%}
.cmp_contact-us-email .lang-email-dialog{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;overflow:hidden;height:0;opacity:0;transition:opacity .65s cubic-bezier(0.40,0.80,0.74,1.00)}
.cmp_contact-us-email .lang-email-dialog.show{height:100%;opacity:1;z-index:9999999}
.cmp_contact-us-email .lang-email-dialog.email-hide{transition:opacity .56s cubic-bezier(0.26,0.00,0.60,0.20);animation-name:emailDailogHide;animation-duration:.56s;height:100%}
@keyframes emailDailogHide{0{height:100%}
99%{height:100%}
100%{height:0}
}
.cmp_contact-us-email .email-content{position:relative;width:646px;border-radius:24px;background:#fff}
.cmp_contact-us-email .email-content .email-close{position:absolute;top:17px;right:40px;width:40px;height:40px;cursor:pointer}
.cmp_contact-us-email .email-content .email-header{min-height:28px;padding:20px 100px 32px;line-height:28px;text-align:center;font-weight:500;font-size:20px}
.cmp_contact-us-email .email-lang{display:flex;flex-wrap:wrap;max-height:398px;padding-left:40px;overflow-y:auto}
.cmp_contact-us-email .email-lang-item{display:flex;width:277px;min-height:70px;padding:12px;border:1px solid #f0f0f0;border-radius:8px;margin-right:12px;margin-bottom:12px;cursor:pointer}
.cmp_contact-us-email .email-lang-item:hover{border-color:#000}
.cmp_contact-us-email .email-lang-item.lang-item-active{border-color:#000}
.cmp_contact-us-email .email-lang-item.lang-item-active .check-lang{border-width:5px;border-color:#000;transform:all 240ms cubic-bezier(0.48,0.04,0.52,0.96)}
.cmp_contact-us-email .email-lang-item .check-lang{display:inline-block;flex-shrink:0;width:20px;height:20px;border:1px solid rgba(0,0,0,0.3);margin-top:4px;margin-right:12px;border-radius:20px}
.cmp_contact-us-email .email-lang-item .email-title{min-height:24px;font-weight:500;font-size:16px;line-height:24px}
.cmp_contact-us-email .email-lang-item .email-description{min-height:22px;line-height:22px;font-size:14px;color:rgba(0,0,0,0.55)}
.cmp_contact-us-email .email-footer{display:flex;align-items:center;justify-content:center;height:92px;border-top:1px solid #dcdcdc}
.cmp_contact-us-email .email-footer-btn{display:flex;align-items:center;justify-content:center;width:253px;height:52px;font-size:16px;font-weight:500;border:1px solid #dcdcdc;background:#fff;border-radius:36px;box-sizing:border-box}
.cmp_contact-us-email .btn-cancel:hover{background:rgba(0,0,0,0.04)}
.cmp_contact-us-email .btn-continue{color:rgba(0,0,0,0.3);border:0;background:#ccc;margin-left:12px}
.cmp_contact-us-email .btn-continue.btn-active{color:#fff;background:#000}
.cmp_contact-us-email .btn-continue.btn-active:hover{background:rgba(0,0,0,0.76)}
.cmp_contact-us-email .email-lang::-webkit-scrollbar{width:4px;height:5px}
.cmp_contact-us-email .email-lang::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c7c7c7}
.cmp_contact-us-email .email-lang::-webkit-scrollbar-track{border-radius:0}
@media(max-width:1200px){.cmp_contact-us-email .email-lang{max-height:332px}
}
@media(max-width:1024px){.cmp_contact-us-email .contact-title{height:26px;line-height:26px;font-size:22px}
.cmp_contact-us-email .contact-email{width:105px;height:32px}
.cmp_contact-us-email .contact-email-img{width:14px;margin-right:4px}
.cmp_contact-us-email .contact-email-text{font-size:12px}
.cmp_contact-us-email .email-content .email-header{font-size:16px;line-height:14px;padding-left:16px;padding-right:40px}
.cmp_contact-us-email .email-content{width:539px}
.cmp_contact-us-email .email-lang-item{border:0}
.cmp_contact-us-email .email-content .email-close{width:24px;height:24px;top:17px;right:16px}
.cmp_contact-us-email .email-lang{padding-left:64px;max-height:332px}
.cmp_contact-us-email .email-lang-item{width:199px;padding:0 0 20px;margin-bottom:0}
.cmp_contact-us-email .email-lang-item .check-lang{margin-right:6px}
.cmp_contact-us-email .email-lang-item .email-title{min-height:24px;line-height:24px;font-size:14px}
.cmp_contact-us-email .email-lang-item .email-description{min-height:20px;line-height:20px;font-size:12px}
.cmp_contact-us-email .email-footer{height:84px}
.cmp_contact-us-email .btn-cancel{display:none}
.cmp_contact-us-email .btn-continue{width:328px;height:44px;margin-left:0;font-size:14px}
}
@media(max-width:649.98px){.cmp_contact-us-email .lang-email-dialog{transition:opacity .336s cubic-bezier(0.40,0.80,0.74,1.00);align-items:flex-end;z-index:inherit}
.cmp_contact-us-email .lang-email-dialog.email-hide{transition:opacity .336s cubic-bezier(0.26,0.00,0.60,0.20);animation-duration:.336s}
.cmp_contact-us-email .email-content{width:100%;border-radius:24px 24px 0 0}
.cmp_contact-us-email .email-content .email-header{padding-left:40px;padding-right:40px}
.cmp_contact-us-email .email-lang{padding:0 16px;justify-content:space-between}
.cmp_contact-us-email .email-lang-item{width:48%;box-sizing:border-box;margin:0;box-sizing:border-box}
}