@media only screen and (max-width:720px){
    .top-banner{font-size: 14px;}
    .top-banner a{right: 11px;}
    .main .con2{padding: 0; height: auto; position: relative; padding-bottom: 100%;}
    .main .con2 .video{position: absolute;}

    .sub .sub-tab ul{width: 720px;}

    .item-page .item-infor .tab-btn{position: relative;}
    .item-page .item-infor .tab{display: block; font-size: 12px; color: #222; background: url(../img/sub/item-arrow.png) right center no-repeat; display: inline-block; width: 57px; padding-left: 5px;}
    .item-page .item-infor ul{position: absolute; width: 57px; display: block; z-index: 1; background: #FFF; padding: 10px 0; display: none;}
    .item-page .item-infor ul.on{display: block;}
    .item-page .item-infor ul li{margin-left: 0; text-align: left; margin-top: 5px; padding-left: 5px;}
    .item-page .item-infor ul li:first-child{margin-top: 0;}
    .item-page .item-list{gap: 30px 15px;}
    .item-page .item-list li{width: calc((100% - 15px) / 2);}
    .item .thumb-infor button{position: fixed; bottom: 0; left: 0; right: 0;}
    .item .mySwiper{display: none;}
    .item .swiper-pagination{display: block; bottom: 20px !important;}
	.item .wrapper {padding: 0;}
	.item .wrapper .image-box {padding: 0 20px;}
	.item .detail {width: 100%;}
	.item .detail .detail_infor {padding: 0 20px;}
    .item .infor span{width: 80px;}
    .item .infor label{width: 80px;}
    .item .infor .get_item_options span{width: calc(100% - 84px);}

    .magazine-list li{width: 100%;}
    .sub .subinfor-tab{width: 720px;}
    .magazine .subinfor-tab a{width: auto; flex: 1;}
    .cs-center .faq-list{margin-left: -20px; margin-right: -20px;}
    .cs-center .faq-list li{border-radius: 0; border-left: 0; border-right: 0;}
    .cs-center .input-list{border-bottom: 0; padding-bottom: 30px;}
    .cs-center .input-list li.flex{display: block;}
    .cs-center .input-list li.flex > div:nth-child(2){margin-top: 20px;}
    .cs-center .input-list .security input{width: 130px; margin-right: 2%;}
    .cs-center .input-list .security #captcha_img{width: 130px;}
    

    .cs-center .membership-check{border: 0;}
    .cs-center .membership-check .in{background: none; padding-top: 0; padding-bottom: 0;}
    .cs-center .membership-check .find{width: 100%;}
    .cs-center .membership-check input{width: 100%;}
    .cs-center .membership-check a.num-btn{width: 100%;}
    .cs-center .membership-check a.certification-btn{width: 100%;}

    .cs-center .storeopen-qa .box > ul{flex-direction: column;}
    .cs-center .storeopen-qa .box > ul > li{padding: 20px;}
    .cs-center .storeopen-qa .phone span{width: 45px;}

    .cs-center .member-result{flex-direction: column; margin: 0;}
	.cs-center .member-result .all{margin-left: auto;}
	.cs-center .point-list li{flex-wrap: wrap; padding-top: 25px;}
	.cs-center .point-list span{text-align: left; padding-left: 0px; padding-top: 15px;}
	.cs-center .point-list span:first-child{flex: none; width: 100%; padding-top: 0; padding-bottom: 0; padding-left: 20px;}
	.cs-center .point-list span:first-child+span{padding-left: 20px; min-width: 160px;}
	.cs-center .point-list span:last-child{text-align: right; padding-right: 20px;}

    .sub .magazine .subinfor-tab{width: 100%;}

    footer{padding-bottom: 0;}
    footer .in{padding-top: 0;}
    footer .menu-list{flex-wrap: wrap; width: 100%;}
    footer .menu-list li{width: 33.333%; margin-left: 0; text-align: center; border-right: 1px rgba(255,255,255,0.2) solid; border-bottom: 1px rgba(255,255,255,0.2) solid;}
    footer .menu-list li a{display: block; padding: 15px 0;}
    footer .phone{flex-direction: column; gap: 5px;}
    footer.cn .menu-list li:nth-child(4),footer.cn .menu-list li:nth-child(5),
    footer.en .menu-list li:nth-child(4),footer.en .menu-list li:nth-child(5)
    {width: 50%;}
    footer .logo .hide{padding: 0 20px;}
    footer .logo .hide p{word-break: keep-all;}

    .hd_pops{right: 10px;}
    .hd_pops_con{width: 100% !important; height: auto !important;}
    .hd_pops_con img{width: 100%;}
    .hd_pops_footer{right: 0 !important; bottom: 5% !important;}
    
}

@media only screen and (max-width:500px){
    header .search-pop{padding-top: 45px; padding-bottom: 80px;}
    header .search-pop .search-area{width: 262px;}
    header .search-pop .search-area button{width: 20px; height: 20px; background-size: 20px auto; top: 14px;}
    header .search-pop ul{flex-wrap: wrap; padding-left: 20px; position: relative;}
    header .search-pop ul:before{position: absolute; left: 0; top: 3px;}
    header .search-pop .close{width: 40px; height: 40px;}
    header .search-pop .close img{max-width: 80%;}

    .main .mainSwiper .swiper-slide{background-position-x: 73% !important;}
    .main .mainSwiper .txt{margin-top: 380px;}
    .page.en .main .mainSwiper .txt{margin-top: 255px;}
    .page.cn .main .mainSwiper .txt{margin-top: 350px;}
    .main .mainSwiper .slide1{background: url(../img/main/m-bg01.jpg) center no-repeat; background-size: cover;}
    .main .mainSwiper .slide2{background: url(../img/main/m-bg02.jpg) center no-repeat; background-size: cover;}
    .main .mainSwiper .slide3{background: url(../img/main/m-bg03.jpg) center no-repeat; background-size: cover;}
    .main .mainSwiper .page-wrapper,.main .subSwiper .page-wrapper{width: auto; right: 20px; top: initial; bottom: 80px;}
    .main .subSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{right: 0;}
    .main .subSwiper .swiper-pagination-progressbar.swiper-pagination-horizontal{width: 100%; right: 0;}
    .main .con1 a.more{width: 100%;}
    .main .con3 .swiper-pagination-progressbar{width: auto; left: 20px; margin-left: 0; right: 20px;}

    .sub .search-area input{width: 100%;}
    .sub .search-area{width: 100%;}
    
    .goodproduct .award-list .swiper-pagination-progressbar{width: auto; left: 20px; margin-left: 0; right: 20px;}
    .worldwide .swiper-pagination{top: 150px;}
    .worldwide .slide-in .s-txt > div{flex: 1;}

    .en .store .st-cate a{font-size: 10px;}

    footer .moblock{display: block;}
}