.banner { line-height: 0;}
.banner img { width: 100%;}
.slider-bg{height: 38px!important;top: 0}
.slider-box .slider-btn{height:36px!important;margin-top: 0;line-height: 36px}
.slider-box .layui-form-item{ padding: 0;width: 100%!important;}
.commonBox { padding-bottom: 93px;}
.commonBox .title { font-size: 42px; line-height: 60px; color: #333333; padding-top: 100px; text-align: center;}
.commonBox .s-title { font-size: 16px; line-height: 26px; color: #666666; padding-top: 33px; text-align: center;}
.commonBox { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.commonBox.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

@media screen and (max-width: 1219px) {
    .commonBox .title { font-size: 34px;padding-top: 67px;}
    .commonBox .s-title { font-size: 14px; padding-top: 15px;}
}
@media screen and (max-width: 767px) {
    .commonBox .title { font-size: 30px;line-height: 34px;}
}
.provide .list { }
.provide .list .item { cursor: pointer; transition: all 0.3s; margin-top: 80px; width: calc(25% - 117px); padding: 0 38px 15px; border-radius: 20px; box-shadow: 0px 0px 20px 0px #E1E6E7; line-height: 0; text-align: center; margin-right: 54px;}
.provide .list .item:nth-child(4n) { margin-right: 0;}
.provide .list .item:hover { margin-top: 70px; margin-bottom: 10px;}
.provide .list .item img { width: 80%; height: auto; margin-top: 28px;}
.provide .list .item .tit { font-size: 24px; line-height: 1; color: #333333; margin-top: 10px;}
.provide .list .item .desp { font-size: 14px; line-height: 24px; color: #999999; margin-top: 15px;}
.provide .list .item .want { display: inline-block; font-size: 14px; line-height: 24px; color: #206BEB; margin-top: 14px;}
@media screen and (max-width: 980px) {
    .commonBox .title { padding-top: 50px; font-size: 32px;}
}
@media screen and (max-width: 767px) {
    .commonBox { padding-bottom: 40px;}
}
@media screen and (max-width: 750px) {
    .commonBox .title { font-size: 28px; padding-top: 30px;}
}
@media screen and (max-width: 414px) {
    .commonBox .title { font-size: 24px; padding-top: 20px;}
}
.extension { background: #F5F5F8;}
.extension .list { }
.extension .list .item { cursor: pointer; margin-top: 78px; padding: 30px 30px 55px; background: #FFFFFF; border-radius: 6px; width: calc(25% - 83px); margin-right:20px;}
.extension .list .item:hover { box-shadow: 0px 0px 27px 0px rgba(0, 27, 80, 0.08);}
.extension .list .item:nth-child(4n) { margin-right: 0;}
.extension .list .item .icon { width: 33%; }
.extension .list .item .icon img { width: 100%; height: auto;}
.extension .list .item .icon img.active { display: none;}
.extension .list .item:hover .icon img { display: none;}
.extension .list .item:hover .icon img.active { display: block;}
.extension .list .item p { font-size: 18px;color: #333333;line-height: 1; font-weight: bold; margin-top: 28px;}
.extension .list .item p.desp { font-size: 14px; line-height: 26px;color: #666666; font-weight: normal;}
@media screen and (max-width: 1219px) {
    .extension .list .item p { font-size: 16px; margin-top: 20px;}
    .extension .list .item p.desp { font-size: 12px;}
    .extension .list .item { margin-top: 48px; padding: 25px 25px 48px; width: calc(25% - 69px); margin-right: 15px;}
}
@media screen and (max-width: 767px) {
    .swiper-button-next { display: none;}
    .swiper-button-prev { display: none;}
    .extension .list .item { margin-top: 18px; padding: 15px 15px 38px; width: calc(50% - 38px); margin-right: 15px;}
    .extension .list .item:nth-child(2n) { margin-right: 0;}
    .extension .list .item .icon { width: 45%; }
    .ad-style .swiper-slide-cont .left { width: 100%; margin-right: 0;}
    .ad-style .swiper-slide-cont .right { width: calc(100% - 54px); margin-top: 20px;}
}

/* 为什么要做Google Ads */

.globel1{
    width: 33.33%;
    box-sizing: border-box;
    float: left;
    position: relative;
}
.globel1::before{
    content: "";
    padding-top: 100%;  /*关键代码*/
    display: block;
}
.globel { margin-top: 110px;}
.circle { position: relative; margin: 0 auto; width: 387px; height: 387px; border-radius: 50%; border: 1px solid #C8DCFF; opacity: 0.93; text-align: center;}
.circle .map { width: 72%; height: auto; margin-top: 14%;}

.globel-data { position: absolute;}
.globel-data img { width: 50px; height: 50px; margin: 0 20px;}
.globel-data .active { display: none; }
.globel-data:hover img { display: none; }
.globel-data:hover img.active { display: block; }
.globel-data p { white-space: nowrap; font-size: 16px; color: #666666; line-height: 50px;}
.globel-data p span { font-size: 24px; color: #206BEB;}
.reason1 { top: -10px; left: 222px;}
.reason2 { top: 94px; left: 326px;}
.reason3 { top: 242px; left: 326px;}
.reason4 { top: 346px; left: 222px;}
.reason5 { top: 346px; right: 222px;}
.reason6 { top: 242px; right: 326px;}
.reason7 { top: 94px; right: 326px;}
.reason8 { top: -10px; right: 222px;}
@media screen and (max-width: 1420px) {
    .reason2 { top: 94px; left: 326px;width: 420px;}
    .reason7 { top: 94px; right: 326px;width: 420px;}
    .globel-data.reason2 p{white-space: unset;text-align: left;line-height: 30px;}
    .globel-data.reason7 p{white-space: unset;text-align: right;line-height: 30px;}
}
@media screen and (max-width: 1220px) {
    .reason2 { width: 360px;}
    .reason7 { width: 360px;}
    .reason3 { width: 360px;}
    .reason6 { width: 360px;}
    .globel-data.reason2 p{white-space: unset;text-align: left;line-height: 30px;}
    .globel-data.reason7 p{white-space: unset;text-align: right;line-height: 30px;}
    .globel-data.reason3 p{white-space: unset;text-align: left;line-height: 30px;}
    .globel-data.reason6 p{white-space: unset;text-align: right;line-height: 30px;}
}

@media screen and (max-width: 1023px) {
    .circle { width: 314px; height: 314px; }
    .globel { margin-top: 80px;}
    .globel-data img { width: 40px; height: 40px;}
    .globel-data p { font-size: 14px; line-height: 40px;}
    .globel-data p span { font-size: 20px;}
    .reason1 { top: -8px; left: 174px;}
    .reason2 { top: 76px; left: 261px;}
    .reason3 { top: 192px; left: 261px;}
    .reason4 { top: 281px; left: 174px;}
    .reason5 { top: 281px; right: 174px;}
    .reason6 { top: 192px; right: 261px;}
    .reason7 { top: 76px; right: 261px;}
    .reason8 { top: -8px; right: 174px;}
    .reason2 { width: 300px;}
    .reason7 { width: 300px;}
    .reason3 { width: 300px;}
    .reason6 { width: 300px;}
    .globel-data.reason2 p{white-space: unset;text-align: left;line-height: 24px;}
    .globel-data.reason7 p{white-space: unset;text-align: right;line-height: 24px;}
    .globel-data.reason3 p{white-space: unset;text-align: left;line-height: 24px;}
    .globel-data.reason6 p{white-space: unset;text-align: right;line-height: 24px;}
}
@media screen and (max-width: 767px) {
    .circle { width: 40%; height: auto; box-sizing: border-box;}
    .circle::before { content: ""; padding-top: 100%; display: block;}
    .circle::before { content: ""; padding-top: 100%; display: block;}
    .circle .map { position: absolute; left: 14%; top: 14%; margin-top: 0;}
    .globel { margin-top: 30px;}
    .globel-data img { width: 30px; height: 30px; margin: 0;}
    .globel-data p { font-size: 12px; line-height: 30px;}
    .globel-data p span { font-size: 14px;}
    .reason1 { top: -2.4%; left: 62%;}
    .reason2 { top: 28%; left: 93%;}
    .reason3 { top: 62%; left: 93%;}
    .reason4 { top: 92%; left: 64%;}
    .reason5 { top: 92%; right: 64%;}
    .reason6 { top: 62%; right: 93%;}
    .reason7 { top: 28%; right: 93%;}
    .reason8 { top: -2.4%; right: 62%;}
    .circle { zoom: 0.7;}
    .reason2 { width: 200px;}
    .reason7 { width: 200px;}
    .reason3 { width: 200px;}
    .reason6 { width: 200px;}

}
@media screen and (max-width: 413px) {
    .circle { zoom: 0.58;}
}
/* 广告样式 */
.ad-style { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.ad-style.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.ad-style .ad-style-swiper { margin-top: 75px; position: relative;}
.ad-style .swiper-slide-cont { padding: 0 2px;align-items: center}
.ad-style .swiper-slide-cont .left { width: calc(44% - 70px); margin-right: 70px;}
.ad-style .swiper-slide-cont .left .tit { margin-top: 44px; font-size: 36px;color: #333333;line-height: 47px;font-weight: bold;}
.ad-style .swiper-slide-cont .left .intro { text-align: left; margin-top: 27px; font-size: 16px;color: #666666;line-height: 30px;}
.ad-style .swiper-slide-cont .left .tips { text-align: left; margin-top: 45px;}
.ad-style .swiper-slide-cont .left .tips .item { margin-top: 23px; background: url(../image/icon/icon-tick.png) no-repeat; background-size: 19px 16px; background-position: 0 5px; padding-left: 30px; font-size: 16px;line-height: 26px;color: #333333;}
.ad-style .swiper-slide-cont .right { width: calc(56% - 54px); line-height: 0; padding: 27px;}
.ad-style .swiper-slide-cont .right img { width: 100%; box-shadow: 0px 0px 27px 0px rgba(0, 27, 80, 0.08); border-radius: 10px;}
.swiper-button-next:after, .swiper-button-prev:after { content:'';}
.swiper-button-next .iconfont, .swiper-button-prev .iconfont { font-size: 36px; color: #999999;}
.swiper-button-next .iconfont:hover, .swiper-button-prev .iconfont:hover {color: #206BEB;}
.swiper-button-next {  right: -50px;}
.swiper-button-prev { left: -68px;}
@media screen and (max-width: 1368px) {
    .swiper-button-next { right: -20px;}
    .swiper-button-prev { left: -38px;}
}
@media screen and (max-width: 1280px) {
    .swiper-button-next { right: 30px;}
    .swiper-button-prev { left: 10px;}
}
@media screen and (max-width: 1219px) {
    .swiper-button-next { right: -20px;}
    .swiper-button-prev { left: -38px;}
    .ad-style .ad-style-swiper { margin-top: 40px;}
    .ad-style .swiper-slide-cont .left { width: calc(44% - 50px); margin-right: 50px;}
    .ad-style .swiper-slide-cont .left .tit { font-size: 30px; margin-top: 26px;}
    .ad-style .swiper-slide-cont .left .intro { font-size: 14px; line-height: 24px;}
    .ad-style .swiper-slide-cont .left .tips .item { font-size: 14px; line-height: 24px; background-size: 15px 13px; padding-left: 22px;}
    .ad-style .swiper-slide-cont .right { width: calc(56% - 42px); line-height: 0; padding: 20px;}
}
@media screen and (max-width: 1023px) {
    .ad-style .swiper-slide-cont .left { width: calc(46% - 20px); margin-right: 20px;}
    .ad-style .swiper-slide-cont .left .tit { font-size: 24px; margin-top: 22px;}
    .ad-style .swiper-slide-cont .left .intro { font-size: 14px; line-height: 24px;}
    .ad-style .swiper-slide-cont .left .tips .item { font-size: 14px; line-height: 24px; background-size: 15px 13px; padding-left: 22px;}
    .ad-style .swiper-slide-cont .right { width: calc(54% - 42px); line-height: 0; padding: 20px;}
}
@media screen and (max-width: 767px) {
    .swiper-button-next { display: none;}
    .swiper-button-prev { display: none;}
    .ad-style .ad-style-swiper { margin-top: 0;}
    .ad-style .swiper-slide-cont .left { width: 100%; margin-right: 0;}
    .ad-style .swiper-slide-cont .left .tit { font-size: 20px;}
    .ad-style .swiper-slide-cont .left .tips { margin-top: 25px;}
    .ad-style .swiper-slide-cont .left .tips .item { margin-top: 17px;}
    .ad-style .swiper-slide-cont .left .intro { margin-top: 17px;}
    .ad-style .swiper-slide-cont .right { width: calc(100% - 54px); margin-top: 20px;}
}

/* 优势 */
.advantage { background: #F5F5F8;}
.advantage .list { margin-top: 40px;}
.advantage .list .item { cursor: pointer; padding-bottom: 33px; text-align: center; margin-top: 38px; border-radius: 10px; background: #FFFFFF; border-radius: 6px; width: calc(25% - 23px); margin-right:20px; overflow: hidden;}
.advantage .list .item:hover { box-shadow: 0px 0px 27px 0px rgba(0, 27, 80, 0.08);}
.advantage .list .item:nth-child(4n) { margin-right: 0;}
.advantage .list .item .img { width: 100%; line-height: 0; position: relative;  overflow: hidden;}
.advantage .list .item .img .mask { width: 100%; height: 100%; background-color: #206BEB; opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 1;}
.advantage .list .item .img img { width: 100%; height: auto;  transition: all 0.3;}
.advantage .list .item:hover .img img { transform-origin: 50% 50%;transform: scale(1.1);}
.advantage .list .item p { padding: 0 20px; font-size: 24px;color: #333333;line-height: 1; margin-top: 35px;}
.advantage .list .item p.desp { text-align: left; font-size: 16px; line-height: 26px;color: #666666; }
@media screen and (max-width: 1219px) {
    .advantage .list .item { width: calc(25% - 12px); margin-right: 10px;}
    .advantage .list .item p { padding: 0 14px; font-size: 20px; margin-top: 28px;}
    .advantage .list .item p.desp { font-size: 14px; }
}
@media screen and (max-width: 767px) {
    .advantage .list { margin-top: 20px;}
    .advantage .list .item { width: calc(50% - 5px); margin-right: 10px; margin-top: 20px; padding-bottom: 20px;}
    .advantage .list .item:nth-child(2n) { margin-right: 0;}
    .advantage .list .item p { padding: 0 10px; font-size: 18px; margin-top: 20px;}
    .advantage .list .item p.desp { font-size: 12px; }
}
/* 解决方案 */
.solution { }
.solution .navList { margin: 0 auto; margin-top: 72px; width: 49%; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 25px; overflow: hidden;}
.solution .navList span { cursor: pointer; display: block; flex: 1; -ms-flex: 1; padding: 15px 0; font-size: 16px; color: #999999; line-height: 20px; text-align: center;}
.solution .navList span.active { background: #206BEB;color: #FFFFFF;}
.solution .cont { margin-top: 57px;}
.solution .cont .item .item-left { width: 40%;}
.solution .cont .item .intro .tit { margin-top: 22px; font-size: 20px; line-height: 46px; color: #333333; font-weight: bold;}
.solution .cont .item .intro .desp { font-size: 16px; line-height: 26px; color: #666666;}
.solution .cont .item .item-right { width: 60%; line-height: 0; text-align: center;}
.solution .cont .item .item-right img { width: 68%;}
@media screen and (max-width: 1419px) {
    .solution .navList { margin-top: 50px; width: 54%; border-radius: 20px;}
}
@media screen and (max-width: 1219px) {
    .solution .navList { margin-top: 50px; width: 62%; border-radius: 20px;}
    .solution .navList span { padding: 10px 0; font-size: 14px;}
    .solution .cont .item .intro .tit { margin-top: 0; font-size: 16px;}
    .solution .cont .item .intro .desp { margin-top: 0; font-size: 14px;}
}
@media screen and (max-width: 1023px) {
    .solution .navList { margin-top: 42px; width: 75%; border-radius: 20px;}
}
@media screen and (max-width: 767px) {
    .solution .cont { margin-top: 27px;}
    .solution .navList { margin-top: 30px; width: 90%;}
    .solution .navList span { font-size: 12px;}
    .solution .cont .item .item-left { width: 100%;}
    .solution .cont .item .item-right { width: 100%; margin-top: 20px;}
}

/* 提交方案 */
.submitBox { min-height: 484px; padding-bottom: 0; background: #F5F5F8;}
.submitBox .left { width: 50%; position: relative; background: center no-repeat; background-size: cover;}
.submitBox .left .mask { width: 100%; height: 100%; background-color: #206BEB; opacity: 0.3; position: absolute; top: 0; left: 0;}
.submitBox .right { width: 50%; padding-bottom: 20px;}
.submitBox .right .cont { width: 50%; margin: 0 auto;}
.submitBox .right p { padding-top: 57px; font-size: 20px; line-height: 24px; color: #333333; text-align: center;}
.submitBox .right input { margin-top: 20px; width: calc(100% - 34px); padding: 0 17px; height: 40px; background: #FFFFFF; border-radius: 6px; font-size: 14px;}
.submitBox .right input::placeholder { color: #AAAAAA;}
.submitBox .right .vcode { width: 130px; height: 40px; margin-left: 10px; margin-top: 20px;}
.submitBox .right .vcode #canvas { width: 100%; height: 100%;}
.submitBox .right .submit { width: 100%; margin-top: 43px; height: 50px; border-radius: 6px; background-color: #206BEB; font-size: 14px; color: #FFFFFF;}
.submitBox .right .submit:hover { background-color: #4d89ef;}
@media screen and (max-width: 767px) {
    .submitBox .left { width: 100%; height: 246px;}
    .submitBox .right { width: 100%;}
    .submitBox .right .cont { width: 76%;}
    .submitBox .right p { padding-top: 27px;}
    .submitBox .right .vcode { width: 100px;}
}

/* facebookView */
.facebookView .why-box { background: linear-gradient(0deg, #E7F0FF 0%, rgba(255, 255, 255, 0) 100%);}
.facebookView .reason-list { margin-top: 40px;}
.facebookView .reason-list .item { width: 20%; margin-top: 40px; text-align: center;}
.facebookView .reason-list .item .num { display: inline-block; width: 171px; height: 171px; border: 1px solid rgba(32, 107, 235, 0.23); border-radius: 50%;
    font-size: 36px;font-weight: bold; color: #206BEB; line-height: 48px; text-align: center;display: inline-flex;align-items: center;justify-content: center;padding: 10px;overflow: hidden}
.runNum { animation: numText 2s linear 1; }
.facebookView .reason-list .item .num span{display: -webkit-box !important; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@-webkit-keyframes numText{
    0%{
      transform: rotateX(0deg);
    }
    100%{
      transform: rotateX(360deg);
    }
}
.facebookView .reason-list .item .desp { margin-top: 16px; font-size: 16px; line-height: 26px; color: #333333;}
@media screen and (max-width: 1219px) {
    .facebookView .reason-list .item .num { width: 140px; height: 140px; font-size: 30px; line-height: 40px;}
    .facebookView .reason-list .item .desp { font-size: 14px;}
}
@media screen and (max-width: 1023px) {
    .facebookView .reason-list .item .num { width: 110px; height: 110px; font-size: 26px; line-height: 36px;}
    .facebookView .reason-list .item .desp { font-size: 14px;}
}
@media screen and (max-width: 767px) {
    .facebookView .reason-list { margin-top: 20px;}
    .facebookView .reason-list .item { width: 33.33%; margin-top: 20px;}
    .facebookView .reason-list .item .num { width: 80px; height: 80px; font-size: 18px; line-height: 26px;}
    .facebookView .reason-list .item .desp { font-size: 14px;line-height: 18px;}
}
/* 广告样式 */
.facebook-ad-style { -webkit-transition: all 750ms; -o-transition: all 750ms; -moz-transition: all 750ms; transition: all 750ms; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }
.facebook-ad-style.run { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }

.facebook-ad-style .cont { margin-top: 60px; position: relative;}
.facebook-ad-style .swiper-container { border-radius: 13px; margin-top: 60px;}
.facebook-ad-style .swiper-container .swiper-slide { width: 100% !important;}
.facebook-ad-style .cont .swiper { width: 100%;}
.facebook-ad-style .swipe-cont { align-items: center;text-align: left;}
.facebook-ad-style .swiper-slide-cont {  width: calc(60% - 153px); padding:  0 76px; height: 380px; background: #206BEB; border-radius: 13px;}
.facebook-ad-style .swiper-slide-cont .tit { padding-top: 106px; font-size: 36px;color: #FFFFFF; line-height: 46px;}
.facebook-ad-style .swiper-slide-cont .intro { text-align: left; margin-top: 30px; font-size: 16px;color: #FFFFFF; line-height: 30px;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.facebook-ad-style .cont .ad-img { width: 40%; text-align: center;}
.facebook-ad-style .cont .ad-img .img-box { margin: 0 auto; width: 66%; line-height: 0; position: relative;}
.facebook-ad-style .cont .ad-img .img-box .bg { width: 100%; }
.facebook-ad-style .cont .ad-img .img-box .img { width: 86.8%; position: absolute; left: 7%; top: 12.4%; z-index: 1;}
.facebook-ad-style .cont .ad-img .img-box .video { width: 86.8%; position: absolute; left: 7%; top: 12.4%; z-index: 1;}
.facebook-ad-style .cont .ad-img .img-box .mask { background: rgba(0,0,0,0.5); width: 86.8%; height: 75%; position: absolute; left: 7%; top: 12.4%; z-index: 1;}
.facebook-ad-style .cont .ad-img .img-box .icon-lianhe11 { font-size: 56px; color: #fff; position: absolute; left: calc(50% - 28px); top: 50%; z-index: 2;}
.facebook-ad-style .cont .ad-img p { margin-top: 25px; font-size: 12px;color: #999999;line-height: 26px;}
.facebookView .swiper-pagination-bullet { background: #ffffff; opacity: 0.4;}
.facebookView .swiper-pagination-bullet-active { opacity: 1;}
.facebookView .swiper-pagination { bottom: 140px; left: -20%;}
@media screen and (max-width: 1219px) {
    .facebook-ad-style .swiper-slide-cont { width: calc(60% - 100px); padding:  0 48px;}
    .facebook-ad-style .swiper-slide-cont .tit { padding-top: 90px; font-size: 30px;}
    .facebook-ad-style .swiper-slide-cont .intro { margin-top: 20px; font-size: 14px;}
}
@media screen and (max-width: 767px) {
    .facebookView .swiper-pagination { left: 0; top: 235px;}
    .facebook-ad-style .cont { margin-top: 0;}
    .facebook-ad-style .swiper-container { margin-top: 30px;}
    .facebook-ad-style .swiper-slide-cont { width: 100%; height: 280px; margin-top: 0;}
    .facebook-ad-style .swiper-slide-cont .tit { padding-top: 40px; font-size: 24px;}
    .facebook-ad-style .swiper-slide-cont .intro { margin-top: 10px; font-size: 12px;}
    .facebook-ad-style .cont .swiper { width: 100%;}
    .facebook-ad-style .swiper-slide-cont { padding:  0 15px;}
    .facebook-ad-style .cont .ad-img { width: 100%; margin-top: 20px;}
}
/* tiktokView */
.tiktokView .why-box1 { background-color: #F5F5F8;}
.tiktokView .reason-list .item { width: calc(50% - 80px); margin-top: 84px;}
.tiktokView .reason-list .item .tit { padding-left: 20px; font-size: 24px;color: #333333; line-height: 40px; font-weight: bold;}
.tiktokView .reason-list .item .desp { padding-left: 20px; margin-top: 25px; font-size: 16px;color: #666666; line-height: 40px;}
.tiktokView .reason-list .item .desp span { font-size: 24px; color: #FF7800; font-weight: bold;}
.tiktokView .reason-list .item img { width: 100%; margin-top: 70px;}
@media screen and (max-width: 1219px) {
    .tiktokView .reason-list .item { width: calc(50% - 50px);margin-top: 58px;}
    .tiktokView .reason-list .item .tit { font-size: 20px; line-height: 32px;}
    .tiktokView .reason-list .item .desp { padding-left: 20px; margin-top: 25px; font-size: 14px; line-height: 32px;}
    .tiktokView .reason-list .item .desp span { margin-top: 25px; font-size: 20px;}
    .tiktokView .reason-list .item img { margin-top: 62px;}
}
@media screen and (max-width: 767px) {
    .tiktokView .reason-list .item { width: 100%; margin-top: 28px;}
}
.tiktok-ad-style { width: 100%; overflow-x: hidden;}
.tiktok-ad-style .cont { margin-top: 70px; position: relative;}
.tiktok-ad-style .ad-img { line-height: 0; width: 20%; margin: 0 auto; position: relative; }
.tiktok-ad-style .ad-img .bg { width: 100%;}
.tiktok-ad-style .ad-img .bg-header { width: 50%; position: absolute; top: 2%; left: 25%; z-index: 2;}
.tiktok-ad-style .ad-img .adVideo { object-fit: cover; width: 87%; height: 94%; border-radius: 20px; position: absolute; top: 3%; left: 6.5%; z-index: 1;}
.tiktok-ad-style .ad-img .mask { background: rgba(0,0,0,0.5); width: 87%; height: 94%; border-radius: 20px; position: absolute; top: 3%; left: 6.5%; z-index: 1;}
.tiktok-ad-style .ad-img .icon-lianhe11 { font-size: 56px; color: #ffffff; position: absolute; left: calc(50% - 28px); top: 50%; z-index: 3;}
.tiktok-ad-style p.zhu {font-size: 12px; color: #999999;line-height: 26px; margin-top: 20px; text-align: center;}
.tiktok-ad-style .tips { width: 43%; position: absolute; margin-top: -70px; z-index: 5;}
.tiktok-ad-style .tips1 { top: 16%; right: 0;}
.tiktok-ad-style .tips2 { width: calc(43% - 70px);top: 52%; right: 70px;}
.tiktok-ad-style .tips3 { top: 87%; right: 0;}
.tiktok-ad-style .tips4 { top: 87%; left: 0;}
.tiktok-ad-style .tips5 { width: calc(43% - 70px);top: 52%; left: 70px;}
.tiktok-ad-style .tips6 { top: 16%; left: 0;}
.tiktok-ad-style .tips .dot { font-size: 0; width: 16px; height: 16px; background:rgba(204, 223, 255, 0.2); border-radius: 50%; text-align: center;}
.tiktok-ad-style .tips .dot span { margin-top: 4px; display: inline-block; width: 8px; height: 8px; background: #CCDFFF; border-radius: 50%;}
.tiktok-ad-style .tips .line { flex: 1; position: relative; /*width: 363px;*/ border-bottom: 1px solid #CCDFFF;}
.tiktok-ad-style .tips .line .line-text { position: absolute; bottom: 10px; left: 0; width: calc(100% - 60px); text-align: right; padding: 0 30px; color: #666666;}
.tiktok-ad-style .tips4 .line .line-text,.tiktok-ad-style .tips5 .line .line-text,.tiktok-ad-style .tips6 .line .line-text { text-align: left;}
.tiktok-ad-style .tips .center { width: 363px; padding-bottom: 10px; border-bottom: 1px solid #CCDFFF; font-size: 16px;line-height: 22px;color: #666666;}
.sexangle { cursor: pointer; width: 160px; height: 139px; position: relative; margin-top: -3px;}
.sexangle .angle { content: ''; position: absolute; left: 40px; top: 0; width: 80px; height:139px;  border-top: 1px solid#C8DCFF; border-bottom: 1px solid#C8DCFF; }
.sexangle .angle::before { content: '';position: absolute;width: 80px;height: 139px;left: 0;top: 0;transform: translate(-50%,-50%);transform: rotate(60deg);border-top: 1px solid #C8DCFF;border-bottom: 1px solid #C8DCFF;}
.sexangle .angle::after { content: '';position: absolute;width: 80px;height: 139px;left: 0; top: 0;transform: translate(-50%,-50%);transform: rotate(300deg); border-top: 1px solid #C8DCFF;border-bottom: 1px solid #C8DCFF;}
.sexangle:hover .angle { background-color: #206BEB; border: none;}
.sexangle:hover .angle::before { background-color: #206BEB; border: none;}
.sexangle:hover .angle::after { background-color: #206BEB; border: none;}
.sexangle:hover~.line .dot {border-bottom: 1px solid #206BEB;}
.sexangle .sexangle-text { width: 100%; height: 100%; text-align: center;}
.sexangle .sexangle-text .text { width: 100%;}
.sexangle .sexangle-text .text p { padding: 0 5px;  text-align: center; color: #206BEB; position: relative; z-index: 1;}
.sexangle:hover .sexangle-text .text p { color: #FFFFFF !important;}
.tiktok-ad-style .tips.active .sexangle .angle { background-color: #206beb; border: none;}
.tiktok-ad-style .tips.active .sexangle .angle::before { background-color: #206BEB; border: none;}
.tiktok-ad-style .tips.active .sexangle .angle::after { background-color: #206BEB; border: none;}
.tiktok-ad-style .tips.active .sexangle .sexangle-text .text p { color: #FFFFFF !important;}
.tiktok-ad-style .tips.active .line { border-bottom: 1px solid #206BEB;}
.tiktok-ad-style .tips.active .dot { background: rgba(32, 107, 235, 0.2);}
.tiktok-ad-style .tips.active .dot span { background: #206BEB;}
.sexangle .tit { font-size: 20px;line-height: 22px;}
.sexangle .stit { font-size: 14px; line-height: 22px;}
@media screen and (max-width: 1219px) {
    .tiktok-ad-style .tips { margin-top: -56px;}
    .tiktok-ad-style .tips2 { width: calc(43% - 46px); right: 46px;}
    .tiktok-ad-style .tips5 { width: calc(43% - 46px); left: 46px;}
    .tiktok-ad-style .tips .line .line-text { width: calc(100% - 40px);padding: 0 20px;}
    .tiktok-ad-style .tips .line .line-text br { display: none;}
    .sexangle { width: 130px; height: 113px;}
    .sexangle .angle {left: 32px; width: 65px; height:113px;}
    .sexangle .angle::before { width: 65px; height:113px;}
    .sexangle .angle::after { width: 65px; height:113px;}
    .sexangle .tit {font-size: 16px; line-height: 18px;}
    .sexangle .stit {font-size: 12px; line-height: 18px;}
}
@media screen and (max-width: 996px) {
    .tiktok-ad-style .tips { margin-top: -48px;}
    .sexangle { width: 100px; height: 95px;}
    .sexangle .angle { left: 27px; width: 55px; height:95px;}
    .sexangle .angle::before { width: 55px; height:95px;}
    .sexangle .angle::after { width: 55px; height:95px;}
    .sexangle .tit {font-size: 16px;}
    .sexangle .stit {font-size: 12px;}
    .tiktok-ad-style .tips4 .angle,.tiktok-ad-style .tips5 .angle,.tiktok-ad-style .tips6 .angle { left: 20px;}
}
@media screen and (max-width: 767px) {
    /*.tiktok-ad-style .cont { zoom: 0.4;}*/
    /* .tiktokView .reason-list .item { width: 100%; margin-top: 20px;}
    .tiktok-ad-style .tips .line .line-text { display: none;}
    .tiktok-ad-style .ad-img { width: 34%;}
    .tiktok-ad-style .tips { width: 40%;}
    .tiktok-ad-style .tips2 { width: 40%;top: 47%; right: 0;}
    .tiktok-ad-style .tips5 { width: 40%;top: 47%; left: 0;}
    .sexangle { width: 100px; height: 85px;}
    .sexangle .angle { left: 25px; width: 50px; height:85px;}
    .sexangle .angle::before { width: 50px; height:85px;}
    .sexangle .angle::after { width: 50px; height:85px;}
    .sexangle .tit {font-size: 14px;}
    .sexangle .stit {font-size: 12px;}
    .tiktok-ad-style .tips4 .angle,.tiktok-ad-style .tips5 .angle,.tiktok-ad-style .tips6 .angle { left: 25px;}  */
}
@media screen and (max-width: 413px) {
    /*.tiktok-ad-style .cont { zoom: 0.4;}*/
}
/* 解决方案 */
.tiktokSolution { }
.tiktokSolution .navList { margin: 0 auto; margin-top: 72px; width: 49%; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 25px; overflow: hidden;}
.tiktokSolution .navList span { cursor: pointer; display: block; flex: 1; -ms-flex: 1; padding: 15px 0; font-size: 16px; color: #999999; line-height: 20px; text-align: center;}
.tiktokSolution .navList span.active { background: #206BEB;color: #FFFFFF;}
.tiktokSolution .cont-box { margin-top: 57px;}
.tiktokSolution .cont-box .cont .cont-left { width: calc(62% - 100px); margin-right: 100px;}
.tiktokSolution .cont-box .cont .intro .tit { margin-top: 42px; font-size: 20px; line-height: 46px; color: #333333; font-weight: bold;}
.tiktokSolution .cont-box .cont .intro .item { margin-top: 27px;}
.tiktokSolution .cont-box .cont .intro .item .stit { font-size: 16px; line-height: 26px; color: #333333; font-weight: bold;}
.tiktokSolution .cont-box .cont .intro .desp { font-size: 16px; line-height: 26px; color: #666666;}
.tiktokSolution .cont-box .cont .intro .desp .ot-list { margin-top: 27px; text-align: center;}
.tiktokSolution .cont-box .cont .intro .desp .ot-list .per { font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 10px;}
.tiktokSolution .cont-box .cont .cont-right { width: 38%; line-height: 0; text-align: center;}
.tiktokSolution .cont-box .cont .cont-right .img-box { line-height: 0; margin: 0 auto; width: 65%; position: relative;}
.tiktokSolution .cont-box .cont .cont-right .bg { width: 100%;}
.tiktokSolution .cont-box .cont .cont-right .bg-header { width: 50%; position: absolute; top: 2%; left: 25%; z-index: 2;}
.tiktokSolution .cont-box .cont .cont-right .video { object-fit: cover; width: 87%; height: 94%; border-radius: 20px; position: absolute; top: 3%; left: 6.5%; z-index: 1;}
.tiktokSolution .cont-box .cont .cont-right .mask { background: rgba(0,0,0,0.5); width: 87%; height: 94%; border-radius: 20px; position: absolute; top: 3%; left: 6.5%; z-index: 1;}
.tiktokSolution .cont-box .cont .cont-right .icon-lianhe11 { font-size: 56px; color: #ffffff; position: absolute; left: calc(50% - 28px); top: 50%; z-index: 3;}
.tiktokSolution .cont-box .cont .cont-right .img-box .icon-lianhe11 { font-size: 56px; color: #ffffff; position: absolute; left: calc(50% - 28px); top: 50%;}
.tiktokSolution .cont-box .cont .cont-right p { font-size: 12px; color: #999999;line-height: 26px; margin-top: 20px;}
@media screen and (max-width: 1219px) {
    .tiktokSolution .navList { margin-top: 50px; width: 49%; border-radius: 20px;}
    .tiktokSolution .navList span { padding: 10px 0; font-size: 14px;}
    .tiktokSolution .cont-box .cont .cont-left { width: calc(62% - 50px); margin-right: 50px;}
    .tiktokSolution .cont-box .cont .intro .tit  { font-size: 16px; margin-top: 0;}
    .tiktokSolution .cont-box .cont .intro .item  { margin-top: 12px;}
    .tiktokSolution .cont-box .cont .intro .desp  { font-size: 14px;}
}
@media screen and (max-width: 998px) {
    .tiktokSolution .cont-box .cont .intro .desp .ot-list .ot { width: 50%;}
}

.extension .list .item.mobile-item{display: none}
.advantage .list .item.mobile-item{display: none}
.flex-def-box.mobile-item{display: none}
@media screen and (max-width: 767px) {
    .tiktokSolution .navList { margin-top: 27px; width: 90%;}
    .tiktokSolution .navList span { font-size: 12px;}
    .tiktokSolution .cont-box { margin-top: 37px;}
    .tiktokSolution .cont-box .cont .cont-left { width: 100%; margin-right: 0;}
    .tiktokSolution .cont-box .cont .cont-right { width: 100%; margin-top: 20px;}
    .extension .list .item.pc-item{display: none}
    .extension .list .item.mobile-item{display: block;margin-right: 0}
    .extension .list .item .icon{margin: 0 auto}
    .extension .list .item p{text-align: center}
    .advantage .list .item.pc-item{display: none}
    .advantage .list .item.mobile-item{display: block;margin-right: 0}

    .advantage .list .item.pc-item{display: none}
    .advantage .list .item.mobile-item{display: block;margin-right: 0}

    .flex-def-box.pc-item{display: none}
    .flex-def-box.mobile-item{display: block;position: relative;height: 380px;width: 96%;margin: 0 auto}

    .tiktok-ad-style .tips{width: 80%}
    .tiktok-ad-style .tips6{top: 0}
    .tiktok-ad-style .tips1{top: 60px}
    .tiktok-ad-style .tips5{top: 120px;left: 0}
    .tiktok-ad-style .tips4{top: 240px}
    .tiktok-ad-style .tips2{right: 0;top:180px}
    .tiktok-ad-style .tips3{top: 300px}
    .tiktok-ad-style .tips .line .line-text{font-size: 12px;bottom: 0}
    .tiktok-ad-style .ad-img{width: 80%}

}
@media screen and (max-width: 360px) {
    .flex-def-box.mobile-item{zoom: 0.8}
}