html {
  font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bg-wechat{
    background-color: #f8f8f8;width:100%;padding:0 1rem;
}
.wrapper {
    height: 100%; position: relative; overflow-x: hidden; overflow-y: auto;
}
.main-header {
    position: relative; z-index: 1030;background: #ffffff; position: fixed;z-index: 1000;left:0;top:0;width: 100%;
}
.navbar-header{
    line-height: 62px;
}
.main-header .navbar {
    margin-bottom: 0; border: none; min-height: 40px; border-radius: 0;padding:2rem 0;
}
.main-header .navbar-brand {
    color: #000000;
}
.layout-top-nav .main-header .navbar {
    margin-left: 0;
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
}
.main-header .navbar .nav > li{
    padding:0 1.0rem;
}
.main-header .navbar .nav > li > a {
    color: #000000;padding: 0;border-bottom: 0.2rem solid #ffffff;line-height: 2.5rem;
}
.main-header .navbar .nav > li.menu > a:hover,.main-header .navbar .nav > li.active > a{
    background-color: transparent;color: #0179F6;border-bottom: 0.2rem solid #0179F6;
}
.main-header .navbar .nav > li.nav-item a:hover{
    color: #000000!important;border-bottom-color: #ffffff!important;background-color: transparent!important;
}
.navbar > .container{
    display: block;
}
.content{
    padding:2.5rem 0;
}
.main-header .navbar .nav > li > a.btn-sign{
    border: 0.8px solid #000000;height: 2.75rem;line-height: 2.5rem; box-sizing: border-box;padding:0 1rem; border-radius: 4px;
}
.main-header .navbar .nav > li > a.btn-sign:hover{
    background-color: #0179F6;color: #ffffff;border-color: #0179F6;
}
.main-banner{
    width:100%; text-align: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox;   display: flex; -ms-flex-pack: center; justify-content: center;
}
.faq-banner{
    background: url(../img/faq_banner.png) no-repeat center center; background-size: cover;
}
.contact_banner{
    background: url(../img/bg.png) no-repeat center center; background-size: 100% auto;
}
.pub_banner{
    background: url(../img/images_publisher_banner.png) no-repeat left center; background-size: 100% auto; min-height: 50rem;max-height: 50rem;
}
.adv_banner{
    background: url(../img/images_advertiser_banner.png) no-repeat left top; background-size: 100% auto;   min-height: 50rem;max-height: 50rem;
}
.bg_mask {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.332048), rgba(0, 0, 0, 0.332048)), linear-gradient(180deg, rgba(11, 52, 100, 0.31893) 0%, rgba(11, 52, 100, 0.331578) 66.99%); background-blend-mode: normal, exclusion;z-index: 100;display: block; mix-blend-mode: normal; width: 100%;height: auto;
}
.f_video{
    position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100vh; z-index: 1;-webkit-transition: 1s opacity; transition: 1s opacity;
}
.home-banner{
    height: 100vh;overflow: hidden;position: relative;
}
.home-banner .bg_mask{
    height: 100vh;width: 100vw;
}
.bg_mask_white {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0001) 0%, rgba(0, 0, 0, 0.0416281) 100%), rgba(237, 237, 237, 0.498749); width: 100%;
}
.homeContainer{
    width: 100%; text-align: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center;
}
.banner-text{
    padding:6.5rem 2.5rem; color: #ffffff;
}
.btn-box{
    text-align: center;padding-top:1.5rem;
}
.banner-text h2{
    font-size: 3.0rem;
}
.banner-text p{
    font-size: 1.125rem;line-height: 1.8;padding:0 4rem;
}
.btn-box .btn{
    color: #ffffff;border-color: #ffffff;padding-right: 1.2rem;padding-left: 1.2rem;font-size: 1.0rem;
}
.btn-blue .btn{
    color: #027BFA;border-color: #027BFA;
}
.rateTab{
  width: 100%;border-top:1px solid #cccccc;border-left:1px solid #cccccc;list-style: none;padding:0; margin:0;text-align: center;border-radius: 5px;margin-bottom: 0.8rem;
}
.rateTab li{
   float: left; width: 33.333%; font-size: 0.875rem;border-right: 1px solid #cccccc;border-radius: 5px;
}
.rateTab li .rateli{
    border-bottom: 1px solid #cccccc;padding: 0.5rem;margin: 0 0.5rem;
}
.layer p{
  font-size: 0.8125rem;padding:0.5rem 0;
}
/*silderbanner*/
.silder-banner{
    width: 100%;background: #ffffff;padding:6rem 0 0rem 0;min-height: 280px;
}
.partnerLogo ul{
    padding:0 2.5rem;position: relative;
}
.carousel-inner{
    width: 100%;height: 300px; text-align: center; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center;
}
.carousel-inner .item{
    display: block;width: 100%;display: none;margin-bottom: 0;
}
.carousel-inner .item > p{
    width: 50%;line-height: 1.8;
}
.carousel-img {
    position: absolute; right: 0; top: 0; margin: 0; left: auto; height: 300px; width: 45%;
}
.carousel-img li{
    width: 33.33%;height: 300px;background: transparent;margin:0;opacity: 1.0;
}
.carousel-img li > a{
    border-left:1px solid #ffffff;display: block;border-right:1px solid #ffffff;
}
.carousel-img li.active{
    background: transparent;width: 33.33%;height: 300px;
}
.carousel-inner .item.active{
    display: block;
}
.carousel .carousel-inner>.item.row{
    list-style: none;
}
.carousel-indicators li{
    border:0;
}
.pc_imgBox{
    display: block; width: 100%;height: 300px;overflow: hidden; background-size: auto 100%; background-position: center center; background-repeat: no-repeat;
}
.m_imgBox{
    display: block; width: 100%;
}
.users-list{
    margin-top: 1.5rem;
}
.users-list > li{
    float: none;display: inline-block;vertical-align: top;padding:0.75rem 1.0rem;width: 33%;
}
.users-list > li i{
    display: inline-block; width:4.6875rem;height: 4.6875rem;vertical-align: middle;line-height: 4.6875rem;text-align: center;
}
.users-list .users-list-name{
    color: #000000;font-weight: bold;font-size: 1.3125rem;padding:0.8rem 0;white-space: normal; line-height: 1.2; height: 3.6875rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.sm-list .users-list-name{
    height: auto!important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.users-list .users-list-date{
    font-size: 1.0rem;color: #525252;line-height: 1.8;
}
.users-list .item{
    padding:1.0rem 0.6rem;position: relative; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}
.users-list > li .item i{
    width:100%!important;
}
.users-list .item .s_hover{
    display: none; width: 0; height: 0;color: #ffffff; border-top: 3.5rem solid #027BFA; border-left: 3.5rem solid transparent; position: absolute;right: 0;top: 0;
}   
.users-list .item .fa-arrow-right:before{
    position: absolute; right: 0.75rem; top: -2.75rem;
}
.home_four > li{
    width: 25%!important;float: left
}
.sm-list > li{
    width: 90%;float: left;position: relative;text-align: left;padding-left: 4rem;
}
.sm-list > li > .users-list-name{
    font-size: 1.0rem;font-weight: bold;padding-bottom: 0;
}
.sm-list > li > p{
    padding:0;font-size: 0.875rem;
}
.sm-list > li > i{
    display: inline-block;width:2.25rem;height: 2.25rem;vertical-align: middle;line-height: 2.25rem;text-align: center; position: absolute;left:1rem; top:1.0rem; padding:0.2rem;
}
.sm-list > li.w3{
    width: 33.33%;padding-left: 6rem;padding-right: 4rem;background: url(../img/icon_contactus_location.png) no-repeat 2.5rem 1.6rem; background-size: 1.375rem auto;text-align: left;
}
.sm-list-shadow{
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.149284);
}
.icon_one{
    background: url(../img/icon_home_1.png) no-repeat center center; background-size: 98% auto;
}
.icon_two{
    background: url(../img/icon_home_2.png) no-repeat center center; background-size: 98% auto;
}
.icon_three{
    background: url(../img/icon_home_3.png) no-repeat center center; background-size: 98% auto;
}
.icon_four{
    background: url(../img/icon_home_row2-4.png) no-repeat center center; background-size: 98% auto;
}
.icon_1{
    background: url(../img/icon_1.png) no-repeat center center; background-size: 98% auto;
}
.icon_2{
    background: url(../img/icon_2.png) no-repeat center center; background-size: 98% auto;
}
.icon_3{
    background: url(../img/icon_3.png) no-repeat center center; background-size: 98% auto;
}
.icon_4{
    background: url(../img/icon_4.png) no-repeat center center; background-size: 90% auto;
}
.icon_5{
    background: url(../img/icon_5.png) no-repeat center center; background-size: 98% auto;
}
.icon_6{
    background: url(../img/icon_6.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon1{
    background: url(../img/icon_publisher_row1-1.png) no-repeat center center;background-size: 100% auto;
}
.pub_icon2{
    background: url(../img/icon_publisher_row1-2.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon3{
    background: url(../img/icon_publisher_row1-3.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon4{
    background: url(../img/icon_publisher_row1-4.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon5{
    background: url(../img/icon_publisher_row1-5.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon6{
    background: url(../img/icon_publisher_row1-6.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon7{
    background: url(../img/icon_publisher_row3-1.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon8{
    background: url(../img/icon_publisher_row3-2.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon9{
    background: url(../img/icon_publisher_row3-3.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon10{
    background: url(../img/icon_publisher_row3-4.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon11{
    background: url(../img/icon_publisher_row3-5.png) no-repeat center center; background-size: 98% auto;
}
.pub_icon12{
    background: url(../img/icon_publisher_row3-6.png) no-repeat center center; background-size: 98% auto;
}
.us_icon1{
    background: url(../img/icon_contactus_1.png) no-repeat center center; background-size: 90% auto;
}
.us_icon2{
    background: url(../img/icon_contactus_2.png) no-repeat center center; background-size: 90% auto;
}
.us_icon3{
    background: url(../img/Tencent_QQ-Logo.wine.png) no-repeat center center; background-size: 90% auto;
}
.us_icon4{
    background: url(../img/icon_contactus_3.png) no-repeat center center; background-size: 90% auto;
}
.us_icon5{
    background: url(../img/icon_contactus_4.png) no-repeat center center; background-size: 90% auto;
}
.us_icon6{
    background: url(../img/wechat.png) no-repeat center center; background-size: 90% auto;
}
.us_home{
    background: url(../img/icon_contactus_address-hk.png) no-repeat center center; background-size: 90% auto;
}
.us_address{
    background: url(../img/icon_contactus_address-gz@2x.png) no-repeat center center; background-size: auto 90%;
}
.adv_main{
    width: 100%;min-height: 500px; background-image:url("../img/images_home_publisher.png"),url("../img/images_home_advertiser.png"); background-repeat: no-repeat, no-repeat; background-position: left 0, right 0; background-size: 50.9% auto,50.9% auto;
}
.bg_adv {
    background: linear-gradient(0deg, rgba(42, 45, 64, 0.650579), rgba(42, 45, 64, 0.650579)), linear-gradient(180deg, rgba(42, 45, 64, 0.650579) 0%, rgba(42, 45, 64, 0.650579) 66.99%);
    background-blend-mode: normal, exclusion; mix-blend-mode: normal; width: 100%;min-height: 500px;max-height: 500px;
}
.advTips{
    color: #ffffff;font-size: 1.0rem;padding:0.8rem 0rem 2rem;min-height: 180px;line-height: 1.8;
}
.directbox .direct-chat-text {
    margin-top: 2px;font-size: 0.87125rem;line-height: 25px;background-color: #ffffff;border-radius: 4px;color: #4A4A4A;padding:2.0rem;border:0;text-align: center;box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.directbox .direct-chat-text::before{
    border-width: 16px; margin-top: -16px;
}
.directbox .direct-chat-text::after {
    border-width: 16px; margin-top: -16px;
}
.directbox .direct-chat-text::after, .directbox .direct-chat-text::before {
    border-bottom-color: #ffffff; border-right-color: transparent; left: 49%; top: -12px;
}
.adv_img{
    height: 85px;opacity: 0.95;background-color: #ffffff;
}
.adv_img > img{
    height: 85px;
}
.direct-chat-text h2{
   padding:0.5rem 0 ;position: relative;z-index: 10;
}
.direct-chat-text h2 > span{
    color: #2A2D40;font-size: 1.0rem;display: block;opacity: 0.6;
}
.direct-chat-text p{
    font-size: 1.0rem;line-height: 1.8;min-height: 12rem;max-height: 12rem;
}
.px-6{
    padding-right: 4rem;padding-left: 4rem;
}
.pt-10{
    padding-top: 18rem;
}
.py-6{
    padding:6rem 0;
}
.pt-6{
    padding-top: 5rem!important;
}
.h2_img{
    width: 250px;margin-left: 1.5rem;position: absolute;top: 0;
}
.imglist > .item{
    display: inline-block;float: left;width: 20%;padding:0.8rem;vertical-align: middle;
}
.imglist > .item > img{
    width: 100%;
}
.carousel-control{
    color: #979797;text-shadow:none;width: 2.5rem;
}
.carousel-control:hover, .carousel-control:focus{
    color: #666666;
}
.carousel-control.left{
    text-align: left;
}
.carousel-control.right{
    text-align: right;
}
.carousel-control.right .fa{
    right: 0;
}
.partnerItem > li {
    width: 16.6667%;float: left;text-align: center; padding: 7.5px 1.5rem;-ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; max-width: 16.6667%;
}
.partnerItem > li img{
    max-width: 100%;
}
.marketContent{
    width: 100%;margin-top: 2.5rem;background: #2A2D40;
}
.whiteBox{
    margin-top:-5rem;padding:2rem; box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.minH{
    min-height: 7rem;
}
.h-border{
    position: relative;padding:1rem 0;
}
.h-left{
    text-align: left;
}
.h-border:before,.h-border:after,.h-left:before,.h-left:after,.h-b-bottom:after{
    content: ''; position: absolute; left: 47%; top:0; width: 6%;min-width: 3rem; height: 3px; background: #027BFA; display: inline-block;
}
.h-border-white:before,.h-border-white:after{
    background: #ffffff;
}
.b-white:before,.b-white:after{
    background: #ffffff;left:0;
}
.h-border:after{
    top:auto; bottom:0;
}
.h-left:before,.h-left:after{
    left:0;
}
.h-b-bottom:after{
    bottom:0;top:auto;width: 5%;left:45%;
}
.sbc{
    padding-bottom: 1rem;width: 4rem; border-bottom: 3px solid #027BFA;
}
.sbc b{
    white-space: nowrap;
}
.nav-faq{
    width: 100%;border:0;padding:0 2rem;
}
.nav-faq > li{
    display: block;text-align: left;font-size: 1.5rem;width: 100%;
}
.nav-faq > li a{
    color: #070707;border:0;position: relative;font-size: 1.0rem;padding:0.5rem 1rem;display: inline-block;
}
.nav-faq > li a.big{
    font-size: 1.5rem;font-weight: bold;
}
.nav-faq > li a.active , .nav-faq li.active > a:hover, .nav-faq li.active > a:focus,.nav-faq li:hover > a{
    color: #017FFE; background-color: transparent;border:0;
}
.nav-faq > li> a.active:before{
    content: ''; position: absolute;bottom:0;left: 15px; height: 2.5px;width: 75%; background: #017FFE;
}
.nav-faq > li > ul{
    list-style: none;padding-left: 1rem;
}
.toggleBox{
    padding:0.8rem;color: #070707;
}
.toggleBox h6{
    font-size: 1.125rem;font-weight: 600;cursor: pointer;
}
.toggleBox h6 > span{
    color: #0179F6;font-size: 0.875rem;margin-right: 0.5rem;cursor: pointer;
}
.toggleBox p{
    display: none;font-size: 1.0rem;margin-bottom: 0;
}
.shadowBox{
    position: relative; padding:3rem 0; min-height: 400px;
}
.shadowBox:before{
    content: '';background: linear-gradient(360deg, #EFEFEF 0%, rgba(236, 236, 236, 0.0001) 100%);width: 100%;height: 5rem; display: block; mix-blend-mode: normal; opacity: 0.9; transform: rotate(-180deg);position: absolute; top:0; left:0;
}
.shadowBox:after{
    content: ''; width: 100%; display: block; height: 5rem; background: linear-gradient(360deg, #EFEFEF 0%, rgba(236, 236, 236, 0.0001) 100%); mix-blend-mode: normal; opacity: 0.9; position: absolute; bottom: 0; left: 0;
}
.shadowBg{
    position: absolute;width: 40%;right: 0;height: 100%;top:0;z-index: 3;overflow: hidden;
}
.shadowBg .bg{
    position: absolute;right: 0;bottom: 0;background-color: #2A2D40; width: 100%;height: 80%;z-index: 5;
}
.shadowBg .bgImg{
    position: absolute;right: 0;top: 0;z-index: 10; width: 100%;
}
.discList{
    list-style-type: disc;
}
.discList li{
    padding:0.8rem;font-size: 1.0rem;color: #000000;opacity: 0.7;
}
.timeBox{
    width: 90%;margin:0 auto;padding:2rem 0;list-style: none;margin-left: 15%;
}
.timeBox li{
    position: relative;color: #ffffff;float: left;width: 25%; padding-bottom: 3rem;text-align: left; border-bottom: 5px solid #FFFFFF;
}
.timeBox li:last-child{
    border-bottom: 0;
}
.timeBox li:before{
    content: ''; display: inline-block; width: 14px;height: 14px;background-color: #ffffff; z-index: 2;border-radius: 14px; position: absolute;left:-7px;bottom:-9px;
}
.timeBox li:after{
    content: ''; display: inline-block; width: 28px;height: 28px;background-color:transparent; z-index: 3; border-radius: 28px; border: 5px solid #FFFFFF; position: absolute;left:-14px;bottom:-16px;
}
.timeBox li > b{
    font-size: 1.75rem;display: block;padding-bottom: 1rem;margin-left: -14px;
}
.timeBox li > span{
    width: 70%;text-align: center; font-size: 1.25rem;margin-left: -33%;display: inline-block; vertical-align: middle;height: 3rem; line-height: 1.0;
}
.silderBox{
    width:100%;clear: both;
}
.silderBox ul{
    list-style: none;margin:0;padding:0;width:100%;
}
.silderBox li{
    float: left;width: 25%;position: relative;min-height: 500px;border:1px solid #ffffff;
}
.silderBox li:hover:before{
    content: ''; position: absolute;left:0;top:0;z-index: 5; width:100%;height: 100%; display: block; background: linear-gradient(0deg, rgba(13, 19, 40, 0.79917) 2.9%, rgba(12, 19, 40, 0.301847) 58.12%);
}
.silderBox li.adv_bg1{
    background: url(../img/adv_1.png) no-repeat center center; background-size: cover;
}
.silderBox li.adv_bg2{
    background: url(../img/adv_2.png) no-repeat center center; background-size: cover;
}
.silderBox li.adv_bg3{
    background: url(../img/adv_3.png) no-repeat center center; background-size: cover;
}
.silderBox li.adv_bg4{
    background: url(../img/adv_4.png) no-repeat center center; background-size: cover;
}
.silderBox li .adv_info{
    position: absolute;bottom:0;left:0;width:100%;height:auto;z-index: 10;color: #ffffff;padding:2rem;
}
.silderBox li .adv_info > p{
    font-size: 1.0rem;padding-top:1rem;display: none;
}
.silderBox li:hover .adv_info > p{
    display: block;
}
.bg-foot{
    background: #091129;
}
.ad_list{
    width: 110%;list-style:none;padding:0;margin-left: -10%;
}
.ad_list li{
    float:left;margin-left: 2%;width:48%;padding:1.2rem;margin-top: 1rem; background: #FFFFFF;  box-shadow: 0px 2px 32px rgba(2, 123, 250, 0.2); height: 10rem; border-radius: 4px; position: relative;
}
.ad_list li.bgBlue:before,.ad_list li.bgWhite:before{
    content: ''; display: block; left: 0;top:0;position: absolute; width: 0; height: 0; border-top: 1.0rem solid #007bff; border-right: 1.0rem solid transparent;
}
.ad_list li.bgWhite:before{
    border-top-color: rgba(2, 123, 250, 0.0781);
}
.ad_list li > h4{
    font-size: 1.125rem;position: relative;padding-bottom: 0.5rem;margin-bottom: 1.5rem;line-height: 1.56rem; letter-spacing: 0.428571px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.ad_list li > h4:after{
    content: ''; position: absolute;left:0;bottom:0;width: 2.5rem;height: 3px;background: #027BFA;display: inline-block;
}
.ad_list li > p{
    font-size: 1.0rem;padding:0;margin:0;line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.adv_us{
    padding:2rem 0;position: relative;text-align: center;margin:0 auto;background: #FFFFFF;box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1);float: none;
}
.adv_us p{
    color: #131313;font-size: 1.3125rem;border-left: 8px solid #027BFA;padding:0.5rem;margin:0;
}
.bg_map,.bg_man,.bg_pc,.bg_wechat{
    padding:1rem 0 4rem 0;position: relative;min-height: 8rem; background: url(../img/map.png) no-repeat right center; background-size: auto 100%;
}
.bg_map{
    background-size: auto 85%!important;
}
.bg_map:before{
    height: 100%;width:100%; background: linear-gradient(270deg, rgba(255, 255, 255, 0.000005) 0%, rgba(255, 255, 255, 0.999999) 65.49%); position: absolute;right: 0;top:0;display: block!important;z-index: 0;
}
.bg_pc:before{
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.000001) 0%, rgba(255, 255, 255, 0.999999) 42.49%); display: none!important;
}
.maskBottom,.maskTop{
    position: relative;width:100%;
}
.maskBottom:after{
    position: absolute;left: 0;bottom:0; display: block; width: 100%;height: 5rem; background: linear-gradient(360deg, #EFEFEF 0%, rgba(236, 236, 236, 0.0001) 100%); mix-blend-mode: normal; opacity: 0.9;
}
.bg_man{
    background: url(../img/man.png) no-repeat center bottom;height: 27rem; background-size: auto 100%;
}
.bg_wechat{
    background:url(../img/images_advertiser_wechat-affiliate-network.png) no-repeat center center; height: 22rem; background-size: auto 100%;
}
.bg_pc{
    background: url(../img/bg_pc.png) no-repeat right center; padding:6rem 0; background-size: auto 100%;
}
.maskTop:after{
    top:0; position: absolute;left: 0;width: 100%;height: 5rem; background: linear-gradient(360deg, #EFEFEF 0%, rgba(236, 236, 236, 0.0001) 100%); mix-blend-mode: normal; opacity: 0.9; transform: matrix(1, 0, 0, -1, 0, 0);
}
.noshadow{
    width:100%;position: relative;min-height: 30rem;
}
.noshadow:before{
    display: block; background: #2A2D40; width: 30%; height: 85%; position: absolute; left: 0; bottom: 0;
}
.shadowImg{
    width: 100%;height: 27rem;position: relative; display: block; background:url(../img/mac.png) no-repeat center center; background-size: auto 100%;
}
.shadowImg:after{
    content: ''; position: absolute;left: 0;right: 0; display: none; width:100%;height: 100%; background: linear-gradient(0deg, #0D1328 0%, rgba(12, 19, 40, 0.421001) 76.86%)
}
.minShadow{
    width: 45%;display: inline-block;text-align: center;
}
.minShadow img{
    max-width: 100%;
}
.mac_pc{
    background: url(../img/mac_pc.png) no-repeat 90% bottom; background-size: auto 78%;
}
.bg_us{
    background: url(../img/bg_us.png) no-repeat right center; background-size: auto 100%; padding:2rem 0 4rem;
}
.footLogo{
    background: url(../img/foot_logo.png) no-repeat left center; height: 2rem;line-height: 2rem; background-size: auto 2rem;
}
.footMenu{
    width: 100%;list-style: none;padding:0 0 0.5rem 0;display: inline-block;
}
.footMenu li{
    display: block;padding:0 0 1.5rem 0;color: #ffffff;font-size: 0.875rem;text-align: left;
}
.footMenu li > a{
    text-decoration: none;color: #ffffff;font-size: 1.0rem;padding:0.5rem 0;border-bottom: 0.2rem solid transparent;
}
.footMenu li.active > a{
    color: #0179F6; border-bottom: 0.2rem solid #0179F6;
}
.footMenu li.icon{
    padding-left: 2rem;position: relative;
}
.footMenu li.icon i{
    position: absolute;left:0; top:1.0rem;
}
.btn_foot{
    border-color: rgba(255,255,255,0.5)!important;
}
.footLink{
    margin:0;width:100%;padding: 0;list-style: none;border:0;
}
.footLink > li{
    float: left;
}
.footLink > li > a{
    color: #ffffff;font-size: 0.875rem;opacity: 0.5;text-decoration: none;margin-right: 1.0rem; background-color: none;border:0; padding: 0.2rem;
}
.footLink > li> a.active , .footLink > li.active > a:hover, .footLink > li.active > a:focus,.footLink > li:hover > a{
    color: #ffffff; opacity: 1.0;background-color: transparent;border:0;
}
.footH{
    position: relative;color: #FFFFFF;padding-bottom: 1.0rem;
}
.footH:after{
    content: ''; position: absolute;left: 0;bottom: 0;display: block; background: #027BFA; width: 5%;height: 3px;min-width: 1.0rem;
}
.copyright{
    opacity: 0.5;color: #ffffff;font-size: 1.0rem;
}
.navbar-header{
    float: left;
}
.container > .navbar-header{
    margin:0;
}
.seolist,.seonav{
    width: 100%;list-style: none;padding:0;border:0;
}
.seonav li{
    display: block;width: 100%;font-size: 0.875rem!important;color: #000000;line-height: 2rem!important;
}
.seonav li > ul{
    padding-left: 0.8rem!important;display: block!important;display: block!important; position: static!important; border: 0; background: transparent!important; box-shadow: none;
}
.seonav li a{
    color: #000000!important;padding:0.5rem!important;background-color: transparent!important; border:0!important;
}
.seonav li.active > a,.seonav li:hover > a{
    color: #0479F6!important;
}
.seonav > li > a{
    font-size: 1rem;font-weight: 600!important;
}
.seonav > li > a:after{
    display: none!important;
}
.seolist li{
    width: 33.33%;float: left;
}
.seolist li .item{
    display: block;padding:0.75rem;
}
.seolist li .img{
    width: 100%;padding:1rem;background-color: #ffffff;height: 7.625rem;line-height: 5.625rem;  border-bottom: 0.2rem solid rgba(0, 0, 0, 0.0766499);
}
.seolist li .img > img{
    max-width: 100%;max-height:100%;
}
.seolist li .infobox{
    background-color: #ffffff;padding:1rem;
}
.seolist li .infobox h4{
    font-size: 1.0rem;height: 1.5rem;line-height: 1.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #000000;
}
.seolist li .infobox p{
    color: #555555;font-size: 0.875rem;margin-bottom: 0;height: 1.375rem;line-height: 1.375rem; overflow: hidden;opacity: 0.8; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.text-skyblue{
    color: #00B7FD;
}
.whycontent{
    padding:6rem 0;
}
.whitepb{
    padding-bottom: 6rem!important;
}
.footp{
    padding-right: 7rem;color: #ffffff;
}
.byContent h5{
    line-height: 1.5;padding:0 5rem;
}
.pub_sign{
    padding: 6rem 0;
}
.globalContent{
    padding-top: 6rem;padding-bottom: 6rem;
}
.globalText{
    padding-left: 0.5rem;padding-right: 0.5rem;
}
.modelContent{
    padding-top:6rem;padding-bottom:1.5rem;
}
.blueContent{
    padding-top:2rem;
}
.prContent{
    padding: 3rem !important;
}
.prContent h2{
    padding-right: 3rem;
}
.prContent p{
    padding-right: 3rem;padding-top:1.0rem;
}
.faqrow{
    padding-top:1.5rem;padding-bottom: 1.5rem;
}
.contactBox{
    border:1px solid #dee2e6;text-align: left;padding: 3rem!important;
}
.contactRow{
    padding-top: 1.5rem;
}
.mobileHome{
    display: none;
}
.dropdown-menu{
  transform:none!important;
}
.navbar-custom-menu > .dropdown-menu{
    position: static;box-shadow:none;border:0;
}
.pc_video{
    display: block;
}
.phone_video{
    display: none;
}
.page-bar{
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) and (max-width: 1024px){
    .mobileHome{
        display: block;
    }
	.container{
		width: 98%;padding-left: 0.75rem;padding-right: 0.75rem;
	}
	.col-sm-3,.col-sm-9{
		padding-left: 0.5rem;padding-right: 0.5rem;
	}
	.antitle{
		display: none;
	}    
    .main-header .navbar{
        padding:1rem 0;
    }
    .container > .navbar-header{
        text-align: center; width: 100%;
    }
    .navbar-custom-menu{
        position: absolute; left: 1.1rem; top: 1.1rem;
    }
    .mobileMenu{
        display: block; width: 2rem; height: 2rem; background: url(../img/menu.png) no-repeat; background-size: cover;
    }
    .navbar-custom-menu .nav{
        width: 75%; background: #ffffff; position: fixed; left: 0;margin:0; top: 4.0rem; border-top: 1px solid #E7E7E7; height: calc(100vh - 4.5rem); display: none;border-radius: 0; padding: 1.5rem;box-shadow: 0 0 5px #E7E7E7;
    }    
    .navbar-custom-menu .nav li.menu{
        width:100%; border-bottom: 1px solid #E7E7E7;
    }
    .main-header .navbar .nav > li.nav-item{
        position: absolute;left: 1.5rem;bottom:2.5rem;
    }
    .main-header .navbar .nav > li.nav-item .dropdown-menu{
        top:-100%;
    }
    .main-header .navbar .nav > li > a.btn-sign{
        margin-top:2rem;
    }
    .menuW{
        padding-left:0!important; padding-right:0!important;
    }
    .adv_main{
        width: 100%;min-height: 500px; background-image:url("../img/images_home_publisher.png"),url("../img/images_home_advertiser.png"); background-color: rgba(42, 45, 64, 0.850579); background-repeat: no-repeat, no-repeat; background-position: top center, bottom center; background-size: 100% 50.9%, 100% 50.9%;
    }
    .adv_main .py-6{
        padding-top:0!important;padding-bottom:2rem!important;
    }
    .adv_main .sbc{
        padding-top:2.5rem!important;
    }
    .adv_main .px-5{
        padding:0 1.0rem!important;
    }
    .direct-chat-text p{
        max-height: none;
    }
    .bg_man{
        background-position: left bottom; background-size: auto 80%;
    }
    .bg_pc{
        background-size: auto 40%;
    }
    .shadowImg{
        width: 92%;
    }
    .mac_pc {
        background-position: 95% center; background-size: auto 50%;
    }
    .bg_us .bg-white{
        padding-right: 2rem !important;padding-left: 2rem !important;
    }
    .pub_banner,.adv_banner{
        max-height: none; background-size: cover;
    }
    .silderBox li:before{
        content: ''; position: absolute;left:0;top:0;z-index: 5; width:100%;height: 100%;display: block; background: linear-gradient(0deg, rgba(13, 19, 40, 0.79917) 2.9%, rgba(12, 19, 40, 0.301847) 58.12%);
    }
    .modelContent .prContent{
        padding: 2rem !important;
    }
}
@media screen and (max-width: 767px){
    .navbar-header{
        line-height: 32px;
    }
    .pc_video{
        display: none;
    }
    .phone_video{
        display: block;
    }
    .mobileHome{
        display: block;
    }
    .f_video{     
        min-width: 100%; max-width: 100%; min-height: 100vh;
    }
    .main-header .navbar{
        padding:1rem 0;
    }
    .container > .navbar-header{
        text-align: center; width: 100%;
    }
    .navbar-custom-menu{
        position: absolute; left: 1.1rem; top: 1.1rem;
    }
    .mobileMenu{
        display: block; width: 2rem; height: 2rem; background: url(../img/menu.png) no-repeat; background-size: cover;
    }
    .navbar-custom-menu .nav{
        width: 75%; background: #ffffff; position: fixed; left: 0;margin:0; top: 4.0rem; border-top: 1px solid #E7E7E7; height: calc(100vh - 4.5rem); display: none;border-radius: 0; padding: 1.5rem;box-shadow: 0 0 5px #E7E7E7;
    }    
    .navbar-custom-menu .nav li.menu{
        width:100%;border-bottom: 1px solid #E7E7E7;
    }
    .main-header .navbar .nav > li.nav-item{
        position: absolute;top: 27rem;left: 1.6rem;
    }
    .main-header .navbar .nav > li.nav-item .dropdown-menu{
        min-width: 8rem;top:-100%;left: 1.0rem;
    } 
    .main-header .navbar .nav > li.nav-item .dropdown-menu .dropdown-item{
        padding:0.4rem 1.0rem;
    } 
    .main-header .navbar .nav > li > a.btn-sign{
        margin-top:2rem;
    }
	.menuW{
		padding-left:0!important; padding-right:0!important;
	}
	.container {
	    width: 100%;padding:0 0.5rem;max-width: 100%;
	}
    .btn-box .btn{
        padding-left: 0.8rem;padding-right: 0.8rem;margin:0 0.6rem!important;
    }    
    .btn-box .btn .fa{
        margin-left: 0.5rem!important;
    }
    .brand-image{
        height: 1.8rem!important;
    }   
    .banner-text{
        padding-left: 1rem!important;padding-right: 1rem!important;
    }
    .banner-text h2{
        font-size: 1.75rem;
    }
    .banner-text p{
        font-size: 1rem;padding: 0 1rem;
    }
    .banner-text .pt-6{
        padding-top:1.5rem!important;
    }
    .banner-text .btn{
        padding-left: 0.8rem!important;padding-right: 0.8rem!important;margin:0.5rem!important;font-size: 1rem;
    }
    .banner-text .btn .fa{
        display: none;
    }
    .silder-banner{
        padding:2rem 1rem 1rem;
    }    
    .carousel-inner{
        height: auto;
    }
    .carousel-inner .item > p{
        width: 100%;
    }
    .carousel-img{
        position: static;width:100%;padding-top: 1.5rem;
    }
    .carousel-img li,.pc_imgBox,.carousel-img{
        height: 200px;
    }
    .pc_imgBox{
        background-size: 100% auto;
    }
    .whycontent{
        padding:2rem 0;
    }
    .users-list > li,.home_four > li{
        width: 100%!important;float: none;
    }
    .users-list .users-list-name{
        padding: 0.5rem 3rem; margin-bottom: 0;
    }
    .adv_main{
        width: 100%;min-height: 500px; background-image:url("../img/images_home_publisher.png"),url("../img/images_home_advertiser.png"); background-color: rgba(42, 45, 64, 0.850579); background-repeat: no-repeat, no-repeat; background-position: top center, bottom center; background-size: auto 50.9%,auto 50.9%; 
    }
    .adv_main .py-6{
        padding-top:0!important;padding-bottom:2rem!important;
    }
    .adv_main .sbc{
        padding-top:2.5rem!important;
    }
    .adv_main .px-5{
        padding:0 1.0rem!important;
    }
    .direct-chat-text p{
        height: auto; min-height: auto;max-height: 100%;
    }
    .partnerItem > li{
        width: 33.333%; flex: 0 0 33.333%; max-width: 33.333%; padding: 0.5rem;
    }
    .carousel-inner .partnerItem{
        padding:0 2rem;
    }    
    .marketContent{
        margin-top: 0;padding:0!important;
    }
    .marketContent .py-6{
        padding-top:3rem!important;
    }
    .whitepb{
        padding:0 1.5rem 5rem;
    }
    .whiteBox{
        padding:1.0rem;
    }
    .whiteBox .p-5{
        padding:2rem!important;
    }
    .whiteBox .border-right{
        border-right: 0!important;border-bottom: 1px solid #D6D6D6;
    }
    .bg_map{
        background-position: right top;
        background-size: 100% auto !important;
        padding-top: 13rem;
    }
    .bg_map:before{
        display: none!important;
    }
     h2.h-border{
        font-size: 1.5rem!important;
    }
    .content,.manContent{
        padding-left: 1rem;padding-right: 1.0rem;
    }
    .manContent{
        padding-right: 0!important;
    }
    .manContent .col-md-7{
        padding-right: 1rem!important;
    }
    .bg_pc{
        padding-top: 20rem;padding-left: 1.0rem;padding-right: 1.0rem; background-size: 100% auto;background-position: center top;
    }
    .noshadow{
        min-height: auto;padding-top: 23.5rem;
    }
    .noshadow:before{
        height: 20rem;top:5rem;width: 65%;
    }
    .noshadow .col-md-5{
        position: static;
    }
    .shadowImg{
        width: 75%;background-size: 100% auto; position: absolute;background-position: center right; right: -0.5rem; height: 20rem; top: 0;
    }
    .noshadow .py-6{
        padding:4rem 1.5rem!important;
    }
    .mac_pc{
        padding:4rem 1rem; background: url(../img/mac_pc.png) no-repeat 110% 2rem; background-size: auto 25%;
    }
    .awardContent{
        padding-left: 1.0rem;padding-right: 1.0rem;padding-top:3.5rem!important;padding-bottom: 3.5rem!important;
    }
    .minShadow{
        padding-bottom: 2.0rem;
    }
    .minShadow img{
        max-width: 90%;
    }
    .bg_us{
        padding-top:10rem;padding-left: 1rem;padding-right: 1rem; background-position: right top; background-size: 100% auto;
    }
    .bg_us .bg-white{
        padding:2.0rem 1.5rem!important; box-shadow: 0px 0px 5px #cccccc;
    }
    .bg_us .bg-white .pt-2{
        text-align: center;
    }
    .pub_banner,.adv_banner{
        background-position: center center; background-size: auto 100%;
    }
    .whatContent{
        padding:3rem 1rem!important;
    }
    .whatContent .px-4{
        padding-left: 0!important;padding-right: 0!important; 
    }
    .users-list .item .col-md-3{
        width: 25%; -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;float: left;
    }
    .users-list .item .col-md-9{
        width: 75%; -webkit-box-flex: 0 0 75%; -moz-box-flex: 0 0 75%; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; float:left;
    }
    .users-list .users-list-name{
        padding: 0.5rem 0;height: auto;display: block;
    }
    .byContent{
        padding:1.5rem 0.5rem 2rem!important;
    }
    .byContent h5{
        padding:0!important;
    }
    .theContent{
        padding-top: 20rem;position: relative;padding-left: 1rem; padding-right: 1rem;
    }
    .theContent .shadowBg{
        width: 100%;
    }
    .shadowBg .bgImg{
        width: auto;top:0;right:0;height: 16rem;
    }
    .shadowBg .bg{
        width:65%;left: 0;top:3rem;height: 16rem;
    }
    .discList{
        padding-left: 1.2rem;
    }
    .timeBox {
        width: 95%; margin-left: 5%;margin-top:3.5rem;
    }
    .timeBox li{
        width: 100%;display: block;border-bottom: 0; border-left: 5px solid #FFFFFF;padding-left: 3.5rem;
    }
    .timeBox li:before {
        content: ''; display: inline-block; width: 14px; height: 14px; background-color: #ffffff; z-index: 2; border-radius: 14px; position: absolute; left: -9px; top: -9px;
    }
    .timeBox li:after {
        content: ''; display: inline-block; width: 28px; height: 28px; background-color: transparent; z-index: 3; border-radius: 28px; border: 5px solid #FFFFFF; position: absolute; left: -16px; top: -16px;
    }
    .timeBox li > b {
        font-size: 1.75rem; display: block; padding-bottom: 0.5rem; margin-left: 0; margin-top: -2.8rem; text-align: center; width: 10rem;
    }
    .timeBox li > span{
        width: 10rem; text-align: center; font-size: 1.25rem; margin-left: 0; display: block; margin-bottom: 2rem; line-height: 1.5;height: auto;
    }
    .timeBox li:last-child{
        border-color:#2A2D40;
    }
    .timeBox li:last-child span{
        margin-bottom: 0;
    }
    .pub_sign{
        padding:0!important;
    }
    /*advertiser*/
    .globalContent{
        padding-top: 1.5rem;padding-bottom: 1.5rem;
    }
    .globalContent .px-2{
        padding-left: 0!important;padding-right: 0!important;
    }
    .globalText{
        padding:2rem 0 0;
    }
    .silderBox li{
        width: 100%;border:0;min-height: 25rem;
    }
    .silderBox li:before{
        content: ''; position: absolute;left:0;top:0;z-index: 5; width:100%;height: 100%; display: block; background: linear-gradient(0deg, rgba(13, 19, 40, 0.79917) 2.9%, rgba(12, 19, 40, 0.301847) 58.12%);
    }
    .silderBox li .adv_info{
        text-align: center;height: 100%; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center;
    }
     .silderBox li .adv_info p{
        display: block;
     }
    .modelContent{
        padding:0!important;
    }
    .blueContent{
        padding:0;
    }
    .prContent{
        padding:1.5rem!important;
    }
    .prContent h2,.prContent p{
        padding-right:0;
    }
    .adlistBox{
        padding:1.0rem!important;overflow: auto!important;
    }
    .ad_list{
        width:40rem;margin-left: 0;margin-right: 0;padding-right: 1.5rem;
    }
    .ad_list li{
        width:48%;
    }
    .bg-light .text-right{
        text-align: center!important;padding-top: 0.5rem;
    }
    .adv_us{
        margin:0 auto;width: 96%;
    }
    #enquireBox .pr-3{
        padding-right: 0!important;
    }
    #enquireBox .w-75{
        width: auto!important;
    }
    .footMenu li{
        text-align: center;
    }
    .nav-faq{
        padding:0;margin-bottom: 2.5rem;
    }
    .nav-faq > li a{
        padding-left: 0;padding-right: 0;
    }
    .faqrow{
        padding:0;
    }
    .toggleBox{
        padding-left: 0;padding-right: 0;
    }
    .toggleBox h6{
        line-height: 1.5;
    }
    .contactCon{
        padding:0!important;
    }
    .contactCon .conText{
        padding:2rem 1rem!important;
    }
    .contactCon .conText p{
        margin-bottom: 0!important;
    }
    .contactBox{
        border-left: 0!important;border-right: 0!important;padding:1.5rem!important;
    }
    .contactRow{
        padding: 0 1.5rem!important;
    }
    .contactCon .users-list{
        margin:0!important;
    }
    .contactCon .users-list .users-list-name{
        padding:0.5rem 0;
    }
    .bg_man{
        height: 18rem; background: url(../img/images_aboutus_our-journey-m.png) no-repeat bottom right; background-size: auto 100%; padding-bottom: 0rem;
    }
	.seomain,.listcontent{
		padding:0rem 0!important;
	}
	.antitle,.filter{
		display: none;
	}
	.seonav{
		background-color: #ffffff;
	}
	.seolist{
		padding: 0.5rem 0;
	}
	.seolist li{
		width: 50%;
	}
	.seolist li .item{
		padding:0.5rem;
	}	
	.seonav{
		position: relative;
	}
	.seonav > li{
		display: inline-block;width: auto;float: left;padding:0 1.0rem;
	}
	.seonav > li > a{
		margin:0;padding-left: 1.0rem;
	}
	.seonav > li > a:hover, .seonav > li > a:focus{
		background-color: transparent;
	}
	.seonav .arrow-up{
		width: 1.2rem;height: 1.2rem;margin-left: 0.5rem; background: url(../img/down.png) no-repeat scroll right center transparent!important; background-size: 12px auto!important;
	}
	.seonav li > ul{
		position: absolute; top: 100%;width: 100%; left: 0; display: none!important; float: left; background-color: #ffffff!important; transform:none!important;	    
	}
	.seonav li a{
		color: #000000!important;padding:0.5rem!important;background-color: transparent!important; border:0!important;
	}
	.seonav li.active > a,.seonav li:hover > a{
		color: #0479F6!important;
	}
	.seonav > li > a{
		font-size: 1rem;font-weight: 600!important;
	}
	.dropdown-menu.show{
		display: block!important;
	}      
    /*foot*/
    .main-footer{
        padding:1.5rem;
    }
    .main-footer .pl-5{
        padding-left: 0!important;
    }
    .main-footer .pt-5{
        padding-top: 0.5rem!important;
    }
    .main-footer .col-md-5,.main-footer .col-sm-7,.main-footer .col-sm-5,.main-footer .col-md-7{
        padding-right: 0!important;padding-left: 0!important;
    }
    .main-footer .footH{
        padding-top: 1.0rem;
    }
    .main-footer .btn-box{
        text-align: center!important;
    }
    .main-footer .btn-box .btn{
        margin:0.5rem!important;
    }
    .footp{
        padding-right: 0;
    }
    .bg-foot{
        padding-top:2rem;
    }
    .footMenu {
        padding-top:2rem;padding-bottom: 0;
    }
}