@media screen and (max-width: 350px) {
    .common-width {
        width: 350px;
    }
}

@media screen and (max-width: 414px) {
    #nav.layui-nav {
        padding:  0;
    }
    #nav.layui-nav .layui-nav-item {
        margin: 0 10px!important;
    }
    #nav.layui-nav .layui-nav-item a {
        padding: 0 5px;
        line-height: 36px;
    }
    #header .header-tel {
        display: none!important;
    }
    #header .title-ch {
        font-size: 20px!important;
    }
    #header .title-en {
        font-size: 12px;
    }

    .search-box .search-input {
        width: auto;
    }
    .product-category {
        display: none;
    }

    .aboutus-module.index-module .intro-container {
        display: block;
    }
    .aboutus-module.index-module .intro {
        display: block;
        width: 100%;
    }
    .aboutus-module.index-module  .short-menu {
        display: block;
    }
    .aboutus-module.index-module  .short-menu-item {
        display: flex;
        text-align: left;
        margin: 20px 40px;
    }
    .aboutus-module.index-module  .menu-name {
        margin-left: 20px;
    }

    .product-module.index-module .product-card-item {
        width: calc(50% - 20px);
        height: auto;
    }
    .product-module.index-module .product-card-item .poster {
        height: auto;
    }
    .product-module.index-module .product-card-item .poster img {
        height: auto;
    }

    .rank-module.index-module .product-rank-container {
        display: block;
    }

    .news-module.index-module .news-list .news-item .desc {
        display: none;
    }

    .sidebar {
        display: none;
    }
    .child-page-content {
        margin-left: 20px;
        margin-right: 20px;
    }
    .news-list .news-item .desc {
        display: none;
    }
}

@media screen and (max-width: 414px) {
    .common-width {
        width: 100%;
    }
}