.for_pc {}
.for_phone, .for_m { display:none !important;}
    @media screen and (max-width:767px){
      .for_pc { display:none !important;}
      .for_phone, .for_m { display: inherit !important;}
    }
body {margin: 0;background-color: #f9f9f9;}

@media only screen and (min-width: 738px) {
.wrap {width: 100vw;}
.logo {display: flex;justify-content: center; }
.logo img{width: 100vw;}
.Area01 {height:auto;padding-bottom: 40px;}
.swiper-container {width: 100vw;height: auto !important;}
.swiper-wrapper{ height: auto !important;}
.swiper-container .swiper-slide img{ width: 100vw;;height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 7px !important;}
.Area02 {height:auto;padding-bottom: 0px;}
.Area02_BN img{width: 100vw;}
.Area02_BN {padding-bottom: 80px;overflow: hidden; width: 100vw;}
.swiper-container2 {padding-bottom: 40px;}
.swiper-container2 .swiper-slide img{width: 22vw;}
.Area02_btn {width: 79vw;margin: 0 auto; display: flex;justify-content: space-around;align-items: center;}
.Area02_btn img{width: 12vw;margin: 0 2vw;}
.Area03_btn img{width: 100vw;margin: 1vw 0;}
.Area05_btn img{width: 100vw;margin: 1vw 0;}
.Area03 {height: auto;margin: 70px 0 30px;}
.Area03 .PD_all{border-radius:7%; background-color: #fff;  }
.swiper-container3 ,.swiper-container7 {width: 100vw;}
.swiper-container4 {position: relative;}
.Area05 .main-tabs-buttons{margin-bottom: 40px;}
.swiper-Promotion {position: absolute;width: 100%; text-align: center;margin: -45.5% 0 0 0.7%;overflow: hidden;}
.swiper-Promotion img{width:58%;}
.main-tabs-buttons {
  text-align: center;
  margin-bottom: 20px;
}

.main-tabs-buttons {
  text-align: center;
  margin-bottom: 20px;
  width: 100vw; height: 5vw; position: relative;
}

.main_2-tabs-buttons { text-align: center;width: 100vw;  height: 5vw;}
.swiper-container4 ,.swiper-container5 ,.swiper-container7{overflow: hidden;}
.swiper-container4 img.b1, .swiper-container5 img.b1,.swiper-container7 img.b1 {width: 100vw;}
.swiper-container4 img.b3, .swiper-container5 img.b3,.swiper-container7 img.b3 {width: 33vw;}
.tab-btn {  font-weight: bold;  font-size: 4vw;  display: inline-block;  padding: 10px 20px 0px;  margin: 0 5px;  cursor: pointer;  color: gray; /* 默认颜色 */  border-bottom: 2px solid transparent; /* 默认没有颜色的底线 */}
.tab-btn.active {  color: black; /* 选中时的字体颜色 */  border-color: black; /* 选中时的底线颜色 */}

.swiper-container {
  width: 100%;
  height: 100%;
}

.main_2-tabs-buttons {
  text-align: center;
  margin-bottom: 20px;
  margin: 10px;
}

.tab-btn2,.tab-btn3,.tab-btn8,.tab-btn9 {
  font-weight: bold;
  font-size: 1vw;
  display: inline-block;
  padding: 10px 20px 0px;
  margin: 0 5px;
  cursor: pointer;
  color: gray; /* 默认颜色 */

}
.tab-btn2.active ,.tab-btn3.active,.tab-btn8.active,.tab-btn9.active {
  color: black; /* 选中时的字体颜色 */
  border-color: black; /* 选中时的底线颜色 */
}
.tab-btn2,.tab-btn3 ,.tab-btn8 ,.tab-btn9 {
  display: inline-block;
  padding: 10px 20px;
  margin: 0 10px;
  cursor: pointer;
  position: relative; /* 用于定位伪元素 */
}

.tab-btn2::after ,.tab-btn3::after {
  content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid black; top: 21px; left: 90%; transform: translateX(-50%); display: none; 
}
.tab-btn8::after,.tab-btn9::after{ 
  content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid black;top: 51px; left: 94%; transform: translateX(-50%); display: none; 
}

.tab-btn2.active::after ,.tab-btn3.active::after  ,.tab-btn8.active::after ,.tab-btn9.active::after{
  display: block;
}
.Area06 .tab-btn{font-size: 3vw;}
.Area10 .tab-btn{font-size: 3vw;}
.tab-btn8,.tab-btn9{font-size: 3vw;}
	
.tab-btn6 {
  font-weight: bold;
  font-size: 4vw;
  display: inline-block;
  padding: 10px 20px 0px;
  margin: 0 5px;
  cursor: pointer;
  color: gray; 
  border-bottom: 2px solid transparent; 
}

.tab-btn6.active {
  color: black; 
  border-color: black; 
}
.swiper-container6 {width: 100vw;}
.swiper-container6-2 {width: 100vw;}
.b4 {width: 49.5vw;margin:0vw;}


}

@media only screen and (max-width: 737px) {
  .Area02_BN .swiper-Promotion { width: 100%;  position: absolute; bottom:48.5vw; left: 0vw;  height:20vw;}

  .wrap {width: 100vw;overflow: hidden;}
  .logo {display: flex;justify-content: center;height: auto;}
  .logo img{width: 100vw;height: auto;}

  .Area01 {height:122vw;padding-bottom: 7vw;}
  .Area01 .swiper-container {width: 100vw;height: auto !important;}
  .Area01 .swiper-wrapper{ height: auto !important;}
  .Area01 .swiper-container .swiper-slide { margin: 0 !important;width: 100vw !important;}
  .Area01 .swiper-container .swiper-slide img{ width: 100vw;;height: auto;}
  .Area01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 7px !important;}


  .swiper-container_BN01 {height: 80vw;width: 100vw;}
  .swiper-container_BN01_01 {height: 71vw;width: 100vw;}
  .swiper-container_BN01_02 {height: 71vw;width: 100vw;}
  .swiper-container_BN05 {height: 70vw;width: 100vw;}
  .swiper-container_BN02 {height: 20vw;width: 100vw;}
  .Area02 {height:auto;padding-bottom: 7vw;position: relative;}
  .Area02 .swiper-container2 {height: 34vw }
  .Area02 .swiper-container2 .swiper-slide { height: auto !important;}
  .Area02 .swiper-container2 .swiper-slide img{ width: 23vw;margin: 0 1vw;height: auto !important;}
  .Area02_BN img{width: 100vw;}
  .Area02_BN {width: 100%;  padding-bottom: 0vw;position: relative; margin-bottom: 10vw;}
  .swiper-Promotion img { width: 80vw; padding: 0 10vw}
  .Area03 {height:auto; overflow: hidden;}
  .swiper-container3 {height: 160vw;}
  .swiper-container4,.swiper-container5 {height: 148vw;}
  .Area04-1_txt{width: 100vw;position:relative;}
  .Area04-1_img{width: 100vw;}
  .flex-c {display: flex;justify-content: center;}
  .Area05_bg  {width: 100vw;position: absolute;}
  a.Area05_a {width: 100vw;height: 122vw;display: block;position: absolute;}
  .Area05_bg img{width: 100vw;z-index: -1;}
  .Area07_bg01 {background-image: url(Area07_bg01.png?t=1750405579599); background-size: 100%; height: 90vw; width: 100vw; background-repeat: no-repeat; position: absolute;}
  .Area07_bg02 {background-image: url(Area07_bg02.png?t=1750405579599); background-size: 100%; height: 90vw; width: 100vw; background-repeat: no-repeat; position: absolute;}
  .tab-btn { height: 6vw;  font-weight: bold;  font-size: 4vw;  display: inline-block; padding: 0 12vw;   cursor: pointer;  color: gray;   border-bottom: 2px solid transparent;}
  .tab-btn.active {  color: black; border-color: black;}
  .main_2-tabs-buttons { text-align: center;width: 100vw;  height: 9vw;}
  .swiper-container4 ,.swiper-container5 ,.swiper-container8{overflow: hidden;}
  .swiper-container4 img.b1, .swiper-container5 img.b1,.swiper-container7 img.b1 {width: 100vw;}
  .swiper-container4 img.b3, .swiper-container5 img.b3,.swiper-container7 img.b3 {width: 31vw; margin: 2vw .5vw; }
  .swiper-container5 ,.swiper-container8 {overflow: hidden;}

  .swiper-container12 img.b1, .swiper-container5 img.b1,.swiper-container7 img.b1 ,.swiper-container6 img.b1 ,.swiper-container6-2 img.b1 {width: 100vw;}
  .swiper-container12 img.b3, .swiper-container5 img.b3,.swiper-container7 img.b3 {width: 36vw; margin:-1.5vw; }
  .swiper-container12 {height:145vw;}
  .swiper-container15 img.b1, .swiper-container5 img.b1,.swiper-container7 img.b1 ,.swiper-container6 img.b1 ,.swiper-container6-2 img.b1 {width: 100vw;}
  .swiper-container15 img.b3, .swiper-container5 img.b3,.swiper-container7 img.b3 {width: 48vw; margin:0vw; padding: 0.5vw;}
  .swiper-container15 {height:128vw;}

  .swiper-container15_01 img.b1, .swiper-container5_01 img.b1,.swiper-container7 img.b1 ,.swiper-container6 img.b1 ,.swiper-container6-2 img.b1 {width: 100vw;}
  .swiper-container15_01 img.b3, .swiper-container5_01 img.b3,.swiper-container7 img.b3 {width: 48vw; margin:0vw; padding: 0.5vw;}
  .swiper-container15_01 {height:128vw;}

  .swiper-container15_02 img.b1, .swiper-container5_01 img.b1,.swiper-container7 img.b1 ,.swiper-container6 img.b1 ,.swiper-container6-2 img.b1 {width: 100vw;}
  .swiper-container15_02 img.b3, .swiper-container5_01 img.b3,.swiper-container7 img.b3 {width: 48vw; margin:0vw; padding: 0.5vw;}
  .swiper-container15_02 {height:120vw;}

  .swiper-container16 img.b1, .swiper-container5 img.b1,.swiper-container7 img.b1 ,.swiper-container6 img.b1 ,.swiper-container6-2 img.b1 {width: 100vw;}
  .swiper-container16 img.b3, .swiper-container5 img.b3,.swiper-container7 img.b3 {width: 32vw; margin:0vw; padding: 0.5vw;}
  .swiper-container16 {height:115vw;}


  .swiper-container3 .PD_all{height: 94vw;border-radius:7%; background-color: #fff;  }
  .swiper-container4 .PD_all{height: 94vw;border-radius:7%; background-color: #fff;  }
  .PD_all{ display: flex;justify-content: center;flex-wrap: wrap;     align-content: flex-start;}
  .Area06 .PD_all{display: flex;justify-content: center;flex-wrap: wrap;height: 100vw;}
  .Area10 .PD_all{display: flex;justify-content: center;flex-wrap: wrap;height: 100vw;}
  .Area05 .PD_all{z-index: 10; align-content: flex-start; height: 159vw;border-radius:0%; background-color:none; padding: 3vw;}

  .Area07 .PD_all{background-color: #0000;width: 50vw;position: absolute;margin: 9vw 0 0 44vw;}
  .Area05 {height:202vw;        overflow: hidden;}
  .Area05_01 {z-index: 2; position: absolute; width: 48vw; height: 52vw; top:46vw; left: 2vw;}
  .Area05_02 {z-index: 2; position: absolute; width: 48vw; height: 52vw; top:46vw; left: 50vw;}
  .Area05_03 {z-index: 2; position: absolute; width: 48vw; height: 52vw; top: 99vw; left: 2vw;}
  .Area05_04 {z-index: 2; position: absolute; width: 48vw; height: 52vw; top: 99vw; left: 50vw;}

 .Area06 .swiper-container6 img.b3 {width:32vw; margin:0.2vw; }
 .Area10 .swiper-container6-2 img.b3 {width:31.5vw; margin:0.5vw; }
	
	
  .tab-btn2,.tab-btn3 {
    font-weight: 500;
    font-size: 4vw;
    display: inline-block;
    padding:  0 11.5vw;
    cursor: pointer;
    color: gray; 
  
  }


.tab-btn8,.tab-btn9 {
    font-weight: 500;
    font-size: 4vw;
    display: inline-block;
    padding:  0 15vw;
    cursor: pointer;
    color: gray; 
  
  }
 .Area03 .main-tabs-buttons {height: 11vw;  }
 .Area06 { height:194vw;  overflow: hidden; }
 .Area10 { height:200vw;  overflow: hidden; }
 .swiper-container7 {height: 109vw;}
 .Area06 .main-tabs-buttons {height: 11vw; }
 .Area10 .main-tabs-buttons {height: 11vw; }
 .tab-btn7 {  font-weight: bold;  font-size: 4vw;  display: inline-block; padding: 0 18vw;height: 7vw;   cursor: pointer;  color: gray; border-bottom: 2px solid transparent;}
 .tab-btn7.active {  color: black;   border-color: black; }
  .main-tabs-buttons {height: 11vw;padding: 0 2vw;  margin-top: 0vw;        text-align: center;}
  .tab-btn2.active ,.tab-btn3.active,.tab-btn8.active,.tab-btn9.active {
    color: black; 
    border-color: black; 
  }

  .tab-btn2::after ,.tab-btn3::after {
    content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid black; top: 2vw; margin-left:17vw; display: none; 
  }
  .tab-btn8::after,.tab-btn9::after{ 
    content: ''; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid black;top: 1vw; margin-left: 14vw; display: none; 
  }
  
  .tab-btn2.active::after ,.tab-btn3.active::after  ,.tab-btn8.active::after ,.tab-btn9.active::after{
    display: block;
  }

  .tab-btn6 {
    font-weight: bold;
    font-size: 3vw;
    display: inline-block;
    padding: 0 1.7vw;
    cursor: pointer;
    color: gray; /* 默认颜色 */
    border-bottom: 2px solid transparent; /* 默认没有颜色的底线 */
  }
  
  .tab-btn6.active {
    color: black; /* 选中时的字体颜色 */
    border-color: black; /* 选中时的底线颜色 */
  }
  .swiper-container6 {width: 100vw; height:125vw;}
  .swiper-container6-2 {width: 100vw; height:125vw;}
  .b4 {width: 45.5vw; margin: .5vw;}
 
  .AreaBN{height: 75vw;}
  .AreaBN2{height: 180vw;}
  .AreaBN3{height: 180vw;}
  .AreaBN4{height: 225vw;}

	 .tab-btn6 {
    font-weight: bold;
    font-size: 3vw;
    display: inline-block;
    padding:3vw 17.5vw 1vw;
    cursor: pointer;
    color: gray;
    border-bottom: 2px solid transparent;
}
.tab-btn6.active {
  color: black; /* 选中时的字体颜色 */
  border-color: black; /* 选中时的底线颜色 */
}
	
  .tab-btn10 {
    font-weight: bold;
    font-size: 3vw;
    display: inline-block;
    padding:3vw 17.5vw 1vw;
    cursor: pointer;
    color: gray;
    border-bottom: 2px solid transparent;
}
.tab-btn10.active {
  color: black; /* 选中时的字体颜色 */
  border-color: black; /* 选中时的底线颜色 */
}

.tab-btn11 {
  font-weight: bold;
  font-size: 2.9vw;
  display: inline-block;
  padding: 3vw .5vw 1vw;
  cursor: pointer;
  color: gray;
  border-bottom: 2px solid transparent;
}
.tab-btn11.active {
color: black; /* 选中时的字体颜色 */
border-color: black; /* 选中时的底线颜色 */
}
.tab-btn12 {
  font-weight: bold;
  font-size: 3vw;
  display: inline-block;
  padding:3vw 2.5vw 1vw;
  cursor: pointer;
  color: gray;
  border-bottom: 2px solid transparent;
}
.tab-btn12.active {
color: black; /* 选中时的字体颜色 */
border-color: black; /* 选中时的底线颜色 */
}
.tab-btn15 {
  font-weight: bold;
  font-size: 3vw;
  display: inline-block;
  padding:3vw 2.5vw 1vw;
  cursor: pointer;
  color: gray;
  border-bottom: 2px solid transparent;
}
.tab-btn15.active {
color: black; /* 选中时的字体颜色 */
border-color: black; /* 选中时的底线颜色 */
}
.tab-btn15_01 {
  font-weight: bold;
  font-size: 3vw;
  display: inline-block;
  padding:3vw 2.5vw 1vw;
  cursor: pointer;
  color: gray;
  border-bottom: 2px solid transparent;
}
.tab-btn15_01.active {
color: black; /* 选中时的字体颜色 */
border-color: black; /* 选中时的底线颜色 */
}
.tab-btn15_02 {
  font-weight: bold;
  font-size: 3vw;
  display: inline-block;
  padding:3vw 2.5vw 1vw;
  cursor: pointer;
  color: gray;
  border-bottom: 2px solid transparent;
}
.tab-btn15_02.active {
color: black; /* 选中时的字体颜色 */
border-color: black; /* 选中时的底线颜色 */
}
.tab-btn16 {
  font-weight: bold;
  font-size: 3vw;
  display: inline-block;
  padding:3vw 2.5vw 1vw;
  cursor: pointer;
  color: gray;
  border-bottom: 2px solid transparent;
}
.tab-btn16.active {
color: black; /* 选中时的字体颜色 */
border-color: black; /* 选中时的底线颜色 */
}


.Area07 {height: 132vw;}
.Area08 img{width: 100vw;}
.Area09 {height: 158vw;overflow: hidden;}
.Area09 .b4 {width: 48.5vw; margin: 0.5vw;}
.Area09 .PD_all {height: 48vw;border-radius:7%; background-color: #fff;  }


.m_Area02_sw {width: 100vw;position: relative;height: 15vw;}
.m_Area02_sw img{width: 82vw;position: relative;margin:  0 9vw !important;}

.Area_hotsale { height: 104vw; padding-bottom: 10vw}
.sw_hotsale {width: 100vw;position: relative;height: 75vw;}
.sw_fashion {width: 100vw;position: relative;height: 160vw;}
.sw_snoopy {width: 100vw;position: relative;height: 110vw;}
.sw_momoPD {width: 100vw;position: relative;height: 65vw;padding-top: 5vw;}
.sw_COBU {width: 100vw;position: relative;height: 75vw;padding-top: 5vw;}
.sw_TABBY {width: 100vw;position: relative;height: 50vw;padding-top: 5vw; margin: -70vw 0vw 0vw 2vw;}
.sw_hotsale img{width: 100vw;position: relative;margin:  0vw !important;}
.sw_fashion img{width: 95vw;position: relative;margin:  0vw !important; padding: 0 2.5vw;}
.sw_snoopy img{width: 95vw;position: relative;margin:  0vw !important; padding: 0 2.5vw;}
.sw_momoPD img{width: 50vw;position: relative;margin:  0vw !important; padding: 0 2.5vw;}
.sw_COBU  img{width: 50vw;position: relative;margin:  0vw !important;}
.sw_TABBY  img{width: 33vw;position: relative;margin:  0vw !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #000 !important;}
.Area_hotsale .swiper-pagination-progressbar {top: -4vw !important;}
.Area_popular {display: flex;flex-wrap: wrap;justify-content: center;height:104vw; align-content: flex-start; }
.Area_popular_btn {width: 48vw;margin: 1vw;}
.Area_popular_btn img{width: 48vw; }
.Area_outfit {width: 100vw; height: 125vw; position: relative;}
.Area_outfit_sw {width: 100vw; }
.Area_outfit img{width: 58vw;}
.Area_outfit .swiper-pagination-progressbar {margin-top: 22vw !important;}
}


.video {height: 660px;width: 1220px; margin: 0 auto; overflow: hidden;}
.video .swiper-button-next {top: auto;margin-top:-300px;right:10%;}
.video .swiper-button-prev {top: auto;margin-top:-300px;left: 10%;}
.video .swiper-pagination {bottom: auto !important; margin-top: 20px;}
.youtubeDiv iframe{width: 1220px;min-height: 600px;}
@media screen and (max-width:767px){
  .video {height: 140vw;width:100vw; position: relative  }
  .youtubeDiv iframe{width: 100vw;min-height:130vw;}
  .flex_PD a{width: 40%;margin:0 5%;}
  .m_video_sw {        margin-top: 0vw;}
  .video .swiper-button-next {top: auto;margin-top:-110vw;right:0;}
  .video .swiper-button-prev {top: auto;margin-top:-110vw;left: 0;}
  .video .swiper-pagination {top: auto!important;  margin-top: -164vw!important;}
  
  .sw_fashion .swiper-pagination {margin-top: -6vw;}
  .sw_snoopy .swiper-pagination {margin-top: -6vw;}

  .swiper-container11 {height: 123vw;}
}