/* iPadPro, iPadAir, SurfacePro7 */
@media (max-width:1024px) and (min-width: 821px) {

}

/* iPadMini */
@media (max-width:820px) and (min-width: 641px) {

}

/* iPhone */
@media (max-width: 640px) {
    .index-cover-info-wrap{height:85%;}
    .index-covers-info{bottom:10%}
    .index-covers-info-footer-left{position: absolute;right: 0;left: 0;margin: 0 auto;width: 15%;}
    .index-covers-info-footer-body{display:none}
    .index-covers-info-footer-right{position: absolute;right: 0;left: 0;margin: 0 auto;bottom:100px;}
    .index-section2-container,.index-section5-container,.index-section6-container{overflow:hidden}
    .index-section2-info{padding:15% 15px; width:auto}
    .index-cover-title{text-align:center}
    .index-cover-title,.index-covers-more-tips-title,.index-section2-title,.index-section4-container-header-title{font-size:26px;}
    .index-section2-description,.index-section4-desc-title{font-size:16px;}
    .index-section7-container-header-title{font-size:26px;}
    .index-section2-info-actions,.index-section2-info-action{ width:100%;height:auto;padding: 2.5% 0;border-radius: 20px;}
    .index-section2-info-action-title{font-size:18px;}
    .index-section2-info-wrap{width:100%}
    
    .index-section2-container-header,.index-section2-container-header-bg{height:auto;}
    .index-section2-container-header-title{padding:20% 0;height:30vh;position:relative;font-size:20rem}
    .index-section2-container-header-title,.index-section2-container-header-bg-img{transform: scale(1)!important;}
    .index-section2-container-header-bg-img{width:200%}
    
    .index-section4-container-header{align-items: flex-start;}
    .index-section4-desc,.index-section4-desc-swiper .swiper-slide{width:100%;height:auto;}
    .index-section4-desc-poster,.index-section4-desc-poster-img{width:100%;min-height:450px;}
    .index-section4-desc-info {width: 90%;height: 100%;padding: 5%;}
    .index-section4-desc-info-wrap{height:90%;}
    .index-section4-desc-action,.index-section4-desc-action-icon,.index-section4-desc-action-icon-img{width:25px;height:25px;}
    .index-section4-desc-swiper-wrap .swiper-pagination{position:static;margin:5% 0 10% 0;}
    .index-section5-poster-img{height:450px;width:auto}
    .index-section5-poster-info{display:none}
    .index-section6-container{padding:50% 0px 15%;height:auto}
    .index-section6-info{ width:70%; padding:20% 20px;height:auto;margin:0 auto;}
    .index-section5-container-header-description,.index-section6-description,.index-section7-container-header-sub-title,.index-section7-desc-description,.index-section7-container-header-tab-title,.index-section7-container-header-action-title{ font-size:15px;}
    .index-section5-container-header-title{font-size:28px;}
    .index-section6-sub-title,.index-section7-desc-title{ font-size:18px;}
    .index-section6-title{font-size:24px;}
    .index-section6-title,.index-section6-sub-title{text-indent: 20%;}
    .index-section6-info-wrap{height:auto}
    .index-section6-bg{width:100%;height:100%;margin-top: -20%;}
    .index-section6-bg-img{width:200%;height:400px;}
    .index-section6-bg-store-list-wrap{display:none}
    .index-section7-desc{width:100%;height:auto;}
    .index-section7-desc-poster,.index-section7-desc-poster-img{width:100%;min-height:450px;}
    .index-section7-desc-swiper .swiper-slide{height:auto;}
    .index-section7-desc-info{width:50%;padding:5%;height:100%;margin-right:5%;}
    .swiper-custom-btn{height:30px;width:30px;border-radius:15px;}
    .index-covers-control,.index-covers-control-icon,.index-covers-control-icon-img,.swiper-custom-btn-icon,.swiper-custom-btn-icon-img{width:25px;height:25px;}
    .index-covers-nav-btn,.index-covers-nav-btn-icon,.index-covers-nav-btn-icon-img,.index-covers-more-tips-icon,.index-covers-more-tips-icon-img{width:25px;height:25px;}
    .swiper-custom-btn-prev{left:15px;display:none}
    .swiper-custom-btn-next{right:15px;display:none}
    .index-section7-desc-description{-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;padding: 20px 0;}
    .index-section7-desc-info-wrap{height:auto; padding:4%;display:none}
    .index-section7-container-header{display:block}
    .index-section7-container-header-left{width:100%;}
    .index-section7-container-header-right{display:none}
    .index-section7-container-header-action{width: 87px;text-align: center;height: 35px;border-radius: 20px;}
    .index-section7-container{background-size:100rem;}
    .index-covers-pagination-bullets .swiper-pagination-bullet{height:5px;}
    .index-covers-pagination-bullets .swiper-pagination-bullet-active{height:10px;}
    
}