/* 移动端适配 */
p {
    margin: 0;
}

body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

/* 兼容之前 h 标签没有重置默认 margin */
._clear_mg { margin: 0; }

/* 移动端适配一些通用的样式 */
._f_r_24 {
    font-size: 2.4rem;
}
._f_r_28 {
    font-size: 2.8rem;
}
._f_r_32 {
    font-size: 3.2rem;
}
._f_r_36 {
    font-size: 3.6rem;
}
._f_r_40 {
    font-size: 4rem;
}

._mt_r_20 {
    margin-top: 2rem;
}
._mt_r_24 {
    margin-top: 2.4rem;
}
._mt_r_30 {
    margin-top: 3rem;
}
._mt_r_32 {
    margin-top: 3.2rem;
}
._mt_r_40 {
    margin-top: 4rem;
}
._mt_r_60 {
    margin-top: 6rem;
}

._lh_r_40 {
    line-height: 4rem;
}
._lh_r_44 {
    line-height: 4.4rem;
}
._lh_r_48 {
    line-height: 4.8rem;
}
._lh_r_52 {
    line-height: 5.2rem;
}

._c_gray {
    color: #919099;
}

html {
    font-size: 36%;
}

.is_pc {
    display: none;
}

@media screen and (min-width: 576px) {
    html {
        font-size: 44%;
    }
}
@media screen and (min-width: 768px) {
    html {
        font-size: 46%;
    }
}
@media screen and (min-width: 1024px) {
    .is_pc {
        display: block;
    }
    .is_mobile {
        display: none;
    }
}

/* 移动端 banner 公共样式 */
.is_mobile .banner_wrap {
    width: 100%;
    max-width: 100%;
    /*padding-bottom: 90%;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    /*background-image: url("../../images/introduction/comm/bg_common_mobile_product_banner@x2.png");*/
}
.is_mobile .banner_wrap.index {
    background-image: url("../../images/introduction/bg_mobile_index_banner@x2.png");
}
.is_mobile .banner_wrap.product {
    background-image: url("../../images/introduction/bg_mobile_product_banner@x2.png");
}
.is_mobile .banner_wrap.order {
    background-image: url("../../images/introduction/bg_mobile_order_banner@x2.png");
}
.is_mobile .banner_wrap.inventory {
    background-image: url("../../images/introduction/bg_mobile_inventory_banner@x2.png");
}
.is_mobile .banner_wrap.marketing {
    background-image: url("../../images/introduction/bg_mobile_marketing_banner@x2.png");
}
.is_mobile .banner_wrap.data {
    background-image: url("../../images/introduction/bg_mobile_data_banner@x2.png");
}
.is_mobile .banner_wrap.crawl {
    background-image: url("../../images/introduction/bg_mobile_crawl_banner@x2.png");
}


.is_mobile .banner_wrap .banner_content_box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.is_mobile .banner_wrap .banner_content_box img {
    width: 90%;
    object-fit: contain;
}

.is_mobile .banner_wrap .banner_intro_text {
    width: 90%;
    max-width: 670px;
    padding: 0 0 4rem;

}

/* 关于我们单独处理一下 */
.is_mobile .banner_wrap.about {
    padding-bottom: 90%;
}
.is_mobile .banner_wrap.about .banner_intro_text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.is_mobile .banner_wrap .banner_intro_text p {
    color: #616066;
    line-height: 3.2rem;
}
.is_mobile .banner_wrap .banner_intro_text a.btn {
    width: 40rem;
    height: 8rem;
    border-radius: 0.4rem;
    background: #4934b2;
}

/* BigSeller links */
.is_mobile .bigseller_links {
    padding: 16rem 4.6rem;
    text-align: center;
}
.is_mobile .bigseller_links ul {
    margin-top: 8rem;
}
.is_mobile .bigseller_links ul li:not(:first-child) {
    margin-top: 12rem;
}
.is_mobile .bigseller_links a img {
    width: 40rem;
    height: 40rem;
}
.is_mobile .bigseller_links a h3 {
    font-size: 3.6rem;
    color: #313033;
}
.is_mobile .bigseller_links a p {
    margin: 3.2rem 0 auto;
    font-size: 2.8rem;
    color: #919099;
    line-height: 4.4rem;
}
.is_mobile .bigseller_links a span {
    font-size: 3.2rem;
    color: #4934B2;
    font-weight: 500;
    margin-top: 3.2rem;
    display: inline-block;
}

/* 注册按钮 */
.is_mobile .bigseller_register > a {
    width: 40rem;
    height: 8rem;
    border-radius: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

/* 产品特性 */
.is_mobile .module_features {
    padding: 16rem 4.6rem 0;
}
.is_mobile .module_features ul li:not(:first-child) {
    margin-top: 12rem;
}
.is_mobile .module_features ul li img {
    width: 100%;
    max-width: 100%;
}