/** Shopify CDN: Minification failed

Line 17:0 Unexpected "<"
Line 268:0 Unexpected "<"
Line 270:1 Expected identifier but found "%"
Line 273:0 Unexpected "{"
Line 273:1 Expected identifier but found "%"
Line 275:0 Unexpected "{"
Line 275:1 Expected identifier but found "%"
Line 277:0 Unexpected "{"
Line 277:1 Expected identifier but found "%"
Line 280:0 Unexpected "<"
... and 2 more hidden warnings

**/

<style>
  #top-banner{
  }
  #top-banner img {
      width: 100%;
  }
  #text-container {
    margin-top: 8vw;    
    margin-bottom: 3vw;
    text-align: center;
    z-index: 99999;
  }
  #text-container .lin1 {
    font-size: 3.22vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00317C;
    line-height: 8.75vw;
  }
  #text-container .lin2 {
    font-size: 1.25vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #000000;
    line-height: 2.6vw;
  }
  #text-container .lin3{
    font-size: 0.93vw;
    font-family: Century Gothic;
    font-weight: 400;
    color: #000000;
    line-height: 1.67vw;
  }
  
  .image-container-flex {
    padding-top: 0.8vw;
    padding-bottom: -1px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .image-container-flex img {
    width: 100%;
  }
  .image-container-flex .image-container-flex-right {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    width: 49.8%;
  }
  .image-container-flex .image-container-flex-left {
    width: 49.8%;
  }
  .pic-one img {
    width: 100%
  }
  .image-container-flex-reserve {
    flex-direction: row-reverse;
  }
  .swiper {
    position: relative;
    width: 83%;
    margin:0 auto;
    height: 52.65vw;
    background-color: #F2F3F6;
  }
  
   .differences {
    width: 72.4vw;
    margin: 0 auto;
    display: block;
    background-color: #F2F3F6;
  }
   .title{
    margin: 0 auto;
    display: block;
    font-size: 2.6vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00317C;
    padding-top: 2vw;
    padding-bottom: 2vw;
    text-align: center;
  }
  .tabs {
  	width: 100%
  }
  .tabs .tabs-header {
    font-size: 1.25vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00317C;
    line-height: 3.13vw;
    text-align: center;
    border-bottom: 2px solid #00327C;
  }
  .tabs .tabs-header .tabs-item {
    display: inline-block;
    width: 30%;
  }
  .tabs .tabs-header .tabs-item.active {
    border-top: 1px solid #00327C;
    border-left: 1px solid #00327C;
    border-right: 1px solid #00327C;
    background-color: #00327C;
    color: #FFF;
  }
   .product-items {
    display: flex;
    justify-content: space-between;
  }
   .product-item {
    width: 100%;
    background-color: #FFF;
  }
   .product-item .img {
    border: 1px dashed #888;
  	position: relative;
  }
   .product-item .img span {
    position: absolute;
  	font-size: 1.82vw;
    font-family: Century Gothic;
    font-weight: 400;
    color: #333333;
    top: 1vw;
    display: block;
    text-align: center;
    width: 100%;
  }
   .product-item .img .iloop-image {
    position: absolute;
    width: 4.68vw;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5.96vw;
  }
   .product-item .img img {
  	width: 100%;
    height: 24.37vw;
  }
   .text {
    margin-top: 11vw;
    text-align: center;
    font-size: 0.88vw;
    margin-bottom: 3.38vw;
  }
   .text .text-item {
  	margin-bottom: 1vw;
  }
   .text .text-item .left-text, right-text {
    color: #999999;
	line-height: 2.18vw;
  }
   .text .text-item .left-text {
  	font-family: Century Gothic;
    font-weight: bold;
	color: #999999;
  }
   .text .text-item .right-text {
  	font-family: Century Gothic;
    font-weight: bold;
	color: #555555;
    font-size: 1.88vw;
  }
   .text .text-item .text-bottom {
    font-family: Century Gothic;
    font-weight: bold;
    color: #999999;
    line-height: 2.18vw;
  }
   .text .text-item .more {
    font-size: 0.72vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #E71F39;
    line-height: 2.29vw;
  }
   .margin-bottom-0-8 {
  	margin-bottom: -0.8vw;
  }
   .tabs-body {
  	position: relative;
  }
   .tabs-body .left-arrow, .right-arrow {
    position: absolute;
  	width: 2.6vw;
    height: 2.6vw;
    background: #000000;
    opacity: 0.3;
    top: 27.5%;
    z-index: 99;
    cursor: pointer;
  }
   .tabs-body .left-arrow {
  	left: 0;
  }
   .tabs-body .right-arrow {
  	right: 0;
  }
  .css-arrow {
    width: 1.2vw;
    height: 1.2vw;
    border-top: 3px solid #ccc;
    border-left: 3px solid #ccc;
    transform: rotate(-45deg);
    display: block;
    margin: 0 auto;
    margin-top: 0.7vw;
    margin-left: 1vw;
  }
  .swiper-slide {
  	/*width: 32.3% !important;*/
  }
  
  @media (min-width: 5px) and (max-width: 767px) {
    .compare-product .swiper-container {
    	width:100vw;
       height: auto !important;
    }
    .swiper-slide {
      width: 72% !important;
      margin: 0 auto;
    }
    .point {
      display: none !important;
    }
    .tabs .tabs-header .tabs-item {
      display: block;
    width: 100% !important;
      line-height: 8vw;
    }
    .swiper-wrapper {
    	height: auto !important;
    }
    .compare-product {
          width: 100%;
    margin: 0 auto;
    overflow: hidden;
    }
    .differences {
      width: 98% !important;
    }
    .text .text-item {
    	line-height: 8vw;
    }
    .differences .title {
    	    font-size: 4.6vw !important;
    }
  }
</style>
<!--主图片-->
{% section 'aggregation-swiper' %}
<!--文字-->

{% section 'aggregation-middle-title' %}
<!--视频-->
{% section 'aggregation-video' %}
<!--图片1-->
{% section 'aggregation-image-show' %}


<div style="background-color: #F2F3F6;padding-bottom: 5vw;">
<!--轮播图-->
{% section 'aggregation-product-swiper' %}

  <div class="differences">
    <div class="title">See the Differences</div>
    <div class="tabs">
      <div class="tabs-header">
        <div class="tabs-item">Wet Dry Vacuum </div>
        <div class="tabs-item active">Wet Dry Vacuum </div>
        <div class="tabs-item">Smart Wet Dry Vacuum </div>
      </div>
      <div class="tabs-body">
        <div class="left-arrow">
          <img src="https://cdn.shopify.com/s/files/1/0289/8450/8500/files/arrow-left.png?v=1619340798" />
        </div>
        <div class="product-items">
          <div class="product-item">
            <div class="img">
              <img src="https://cdn.shopify.com/s/files/1/0289/8450/8500/files/group-124.png?v=1619406222" />
              <span>iFLOOR</span>
            </div>
            <div class="text">
              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="left-text">Up to</span>
                  <span class="right-text">&nbsp;22 mins</span>
                </div>
                <span class="text-bottom">Runtime </span>
              </div>

              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="right-text">0.55L</span>
                  <span class="left-text">&nbsp;Dirty Water</span>
                </div>
                <span class="text-bottom">Tank Capacity</span>
              </div>

              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="right-text">Self-Clean</span>
                  <span class="left-text">&nbsp;Mode</span>
                </div>
                <span class="text-bottom">Certified</span>
              </div>

               <div class="text-item">
                 <img /><a class="more">View More</a>
              </div>
            </div>
          </div>
          
          <div class="product-item">
            <div class="img">
              <img src="https://cdn.shopify.com/s/files/1/0289/8450/8500/files/group-125.png?v=1619408396" />
              <span>iFLOOR3</span>
            </div>
            <div class="text">
              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="left-text">Up to</span>
                  <span class="right-text">&nbsp;26 mins</span>
                </div>
                <span class="text-bottom">Runtime </span>
              </div>

              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="right-text">0.6L</span>
                  <span class="left-text">&nbsp;Dirty Water</span>
                </div>
                <span class="text-bottom">Tank Capacity</span>
              </div>

              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="right-text">Self-Clean</span>
                  <span class="left-text">&nbsp;Mode</span>
                </div>
                <span class="text-bottom">Certified</span>
              </div>

               <div class="text-item">
                 <img /><a class="more">View More</a>
              </div>
            </div>
          </div>
          
          <div class="product-item">
            <div class="img">
              <img src="https://cdn.shopify.com/s/files/1/0289/8450/8500/files/group-126.png?v=1619408412" />
              <span>FLOOR ONE S3</span>
              <img class="iloop-image" src="https://cdn.shopify.com/s/files/1/0289/8450/8500/files/iloop.png?v=1619409397" />
            </div>
            <div class="text">
              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="left-text">Up to</span>
                  <span class="right-text">&nbsp;35 mins</span>
                </div>
                <span class="text-bottom">Runtime </span>
              </div>

              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="right-text">0.6L</span>
                  <span class="left-text">&nbsp;Dirty Water</span>
                </div>
                <span class="text-bottom">Tank Capacity</span>
              </div>

              <div class="text-item">
                <div class="margin-bottom-0-8">
                  <span class="right-text">Self-Clean</span>
                  <span class="left-text">&nbsp;Mode</span>
                </div>
                <span class="text-bottom">Certified</span>
              </div>

               <div class="text-item">
                 <img /><a class="more">View More</a>
              </div>
            </div>
          </div>
        </div>
        <div class="right-arrow">
        	<img src="https://cdn.shopify.com/s/files/1/0289/8450/8500/files/arrow-right.png?v=1619340809" />
        </div>
      </div>
    </div>
  </div>
</div>



#text-container {
    margin-top: 8vw;    
    margin-bottom: 3vw;
    text-align: center;
    z-index: 99999;
  }
  #text-container .lin1 {
    font-size: 3.22vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00317C;
    line-height: 8.75vw;
  }
  #text-container .lin2 {
    font-size: 1.25vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #000000;
    line-height: 2.6vw;
  }
  #text-container .lin3{
    font-size: 0.93vw;
    font-family: Century Gothic;
    font-weight: 400;
    color: #000000;
    line-height: 1.67vw;
  }



.swiper {
  margin: 0 auto;
  width: 100% !important;
}

.swiper .swiper-items {
  width: 70.1vw;
  margin: 0 auto;
  display: block;
  overflow: hidden;
}

.swiper .swiper-items .swiper-item {
  position: relative;
  padding-left: 5vw;
  padding-right: 5vw;
  height: 100%;
}

.swiper .swiper-items .swiper-item img {
  width: 100%;
}

.swiper .swiper-items .swiper-item .point{
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
}

.swiper .swiper-items .swiper-item .point .text-container {
  display: none;
  position: absolute;
  top: 0.6vw;
  left: 0.5vw;
  width: 68.3vw;
  background-color: #fff;
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 2vw;
}

.swiper-item {
  border: 1px dashed #888;
}

.swiper .swiper-items .swiper-item .text-container img {
  width: 50%;
}

.swiper .swiper-items .swiper-item .point .text-container .no-title {
  font-size: 2.86vw;
  font-family: Century Gothic;
  font-weight: bold;
  color: #3D3A3A;
}

.swiper .swiper-items .swiper-item .point .text-container .no-title-small {
  font-size: 1.92vw;
  font-family: Century Gothic;
  font-weight: 400;
  color: #3D3A3A;
}

.aggregation-product-swiper {
  width: 71vw;
  margin: 0 auto;
  padding-top: 5vw;
}

.aggregation-product-swiper .main-image {
  width: 100%;
  height: calc(100% - 83px);
  position: relative;
}

@media (min-width: 10px) and (max-width: 767px) {
  .compare-product .swiper-container {
    width: 100vw;
  }
}

.text-container .close {
	position: absolute;
	font-size: 20px;
	right: 100px;
	top: 10px;
}





  #video-container {
    position: relative;
  }
  #video-container img {
      width: 100%;
  }
  #video-container #video_opear{
    width: 7.23vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  #video-container .progress {
    position: absolute;
    line-height: 1;
    background-color: #494949;
    width: 96%;
    display: ;
    bottom: 10px;
    left: 2%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0.3vw;
	padding-top: 0.2vw;
  }
  #video-container .progress .progress-bar {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -55px;
    box-sizing: border-box;
  }
  #video-container .progress .progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
  }
  #video-container .progress .progress-bar__outer .progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #E12039;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease;
  }
  .aggregation-video {
	position: relative;
	width: 100%;
    padding: 0;
    background: #000;
    cursor: pointer;
  }






  .index-wet-dry-vacuums{}
  .index-wet-dry-vacuums {
      display: flex;
      height: 32.81vw;
		margin-bottom: 5.8vw;
  }
  .video-container-left {
	width: 44.27vw;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
  }
  .video-container-middle {
	width: 41.67vw;
	height: 100%;
	padding-top: 6.97vw;
	padding-left: 4.53vw;
	background-color: #00327D;
position: relative;
  }
  .video-container-right {
		position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
	  height: 100%;
	  justify-content: space-around;
		flex: 1 1 auto;
		color:#FFFFFF;
  }
	.video-container-right .p {
      z-index: 9999;
      font-size: 25px;
      font-family: Century Gothic;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 42px;
	}
	.eee {
		position: absolute;
width: 100%;
height: 100%;
	}
.floor_one {
	font-size: 52px;
font-family: CenturyGothic;
font-weight: normal;
color: #FFFFFF;
}
.series {
	font-size: 33px;
font-family: CenturyGothic;
font-weight: normal;
color: #FFFFFF;
}
.video-container-middle .dec {
	font-size: 22px;
font-family: Century Gothic;
font-weight: 400;
color: #FFFFFF;
}
.video-container-middle .price{
font-size: 24px;
font-family: Century Gothic;
font-weight: 400;
color: #FFFFFF;
line-height: 43px;
}
.video-container-middle .shop_now {
	width: 170px;
height: 47px;
background: #E71F39;
border-radius: 24px;
line-height: 47px;
text-align: center;
color: #FFFFFF;
cursor: pointer;
}
.video-container-middle .middle_image {
	position: absolute;
	width: 19.27vw;
top: -2.14vw;
right: 0px;
}
.index-wet-dry-vacuums-text .line1 {
font-size: 52px;
font-family: Century Gothic;
font-weight: bold;
color: #00317C;
text-align: center;
}
.index-wet-dry-vacuums-text .line2 {
width: 400px;
height: 84px;
font-size: 22px;
font-family: Century Gothic;
font-weight: 400;
color: #333333;
margin: 0 auto;
text-align: center;
}




























	.video_box {
		position: relative;
	}







        .h {
            display: flex;
            justify-content: space-between;
        }

        .product-image-container {
            width: 34.89vw;
            position: relative;
        }

        .product-image-container .product-image-cover {
            height: 34.89vw;
            background-color: royalblue;
        }

        .product-image-container .triangle-container {
            position: absolute;
            right: 0;
            top: 0;
        }

        .product-image-container .triangle-container .text {
            position: absolute;
            font-size: 16px;
            font-family: CenturyGothic;
            font-weight: normal;
            color: #FFFFFF;
            line-height: 58px;
            top: 23%;
            left: 45%;
        }

        .product-image-container .triangle-container .text span {
            font-size: 44px;
            font-family: CenturyGothic;
        }

        .triangle02 {
            width: 0;
            height: 0;
            border-top: 6.82vw solid rgb(203, 44, 87);
            border-right: 6.82vw solid rgb(203, 44, 87);
            border-bottom: 6.82vw solid transparent;
            border-left: 6.82vw solid transparent;
        }

        .product-detail {
            margin: 0 auto;
            width: 65vw;
            margin-bottom: 3.64vw;
        }

        .product-detail .thumbnails {
            margin-top: 0.9vw;
        }

        .product-detail .thumbnails span {
            height: 6.77vw;
            width: 6.77vw;
            border: 1px dashed #C4C4C4;
            background-color: red;
            display: inline-block;
        }

        .skus-container {
            width: 27.76vw;
        }

        .el-rate:active,
        .el-rate:focus {
            outline-width: 0;
        }

        .el-rate {
            height: 20px;
            line-height: 1;
        }

        .el-rate__icon,
        .el-rate__item {
            display: inline-block;
            position: relative;
        }

        .el-rate__item {
            font-size: 0;
            vertical-align: middle;
        }

        .el-rate__icon {
            font-size: 18px;
            margin-right: 6px;
            color: #c0c4cc;
            transition: .3s;
        }

        .el-icon-star-on::before {
            content: "\e797";
        }

        .text-small {
            font-size: 12px;
            font-family: Century Gothic;
            font-weight: 400;
            color: #3D3A3A;
        }

        .line-price {
            font-size: 20px;
            font-family: Century Gothic;
            font-weight: 400;
            text-decoration: line-through;
            color: #333333;
        }

        .sale-price {
            font-size: 31px;
            font-family: Century Gothic;
            font-weight: bold;
            color: #00317C;
        }

        .sale-price-bg {
            position: relative;
        }

        /* .sale-price-bg img {
            width: 5.05vw;
            height: 1.82vw;
        } */

        .sale-price-bg span {
            margin-left: 1vw;
            width: 5.05vw;
            display: inline-block;
            font-size: 15px;
            font-family: Century Gothic;
            font-weight: bold;
            color: #FFFFFF;
            top: 0;
            left: 0;
            /* position: absolute; */
            line-height: 1.82vw;
            background-image: url('sale-price-bg.png');
            background-size: 100%;
            text-align: center;
        }

        .quantity {
            font-family: Century Gothic;
            font-weight: 400;
            color: #333333;
            margin-right: 5px;
        }

        .quantity-container div {
            display: inline-block;
        }

        /* .quantity-container input,
        span {
            height: 2vw;
            display: inline-block;
        } */

        .quantity-container input {
            width: 7vw;
        }

        .quantity-container .incr-or-decr {
            background: #E5E4E3;
            border: 1px solid #333333;
            padding-left: 5px;
            padding-right: 5px;
        }

        .quantity-input-container {
            position: relative;
        }

        .quantity-input-container .input {
            border: 1px solid #333333;
        }

        .quantity-input-container input {
            text-align: center;
            border: none;
        }

        .quantity-input-container .decr-incr {
            line-height: 2vw;
            /* border-top: 1px solid #333333; */
            /* border-left: 1px solid #333333;
            border-right: 1px solid #333333; */
            /* border-bottom: 1px solid #333333; */
            padding: 1px;
            position: absolute;
        }

        .quantity-input-container .decr-incr:first-of-type {
            border-right: 1px solid #333333;
            left: 0;
        }

        .quantity-input-container .decr-incr:last-of-type {
            border-left: 1px solid #333333;
            right: 0;
        }

        /* .quantity-input-container .input::after {
            content: '+';
            display: inline-block;
            height: 2vw;
        }

        .quantity-input-container .input::before {
            content: '-';
            height: 2vw;
            display: inline-block;
        } */

        .el-input-number .el-input {
            display: block;
        }

        .el-input {
            position: relative;
            font-size: 14px;
            display: inline-block;
            width: 100%;
        }

        .el-input-number {
            position: relative;
            display: inline-block;
            /* width: 180px; */
            line-height: 38px;
        }

        .el-input-number__decrease {
            left: 1px;
            border-radius: 4px 0 0 4px;
            border-right: 1px solid #dcdfe6;
        }

        .el-input-number__increase {
            right: 1px;
            border-radius: 0 4px 4px 0;
            border-left: 1px solid #dcdfe6;
        }

        .el-input-number__decrease,
        .el-input-number__increase {
            position: absolute;
            z-index: 1;
            top: 1px;
            width: 25px;
            height: auto;
            text-align: center;
            background: #f5f7fa;
            color: #606266;
            cursor: pointer;
            font-size: 13px;
        }

        .el-input-number .el-input__inner {
            -webkit-appearance: none;
            padding-left: 50px;
            padding-right: 50px;
            text-align: center;
        }

        .el-input__inner {
            -webkit-appearance: none;
            background-color: #fff;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #dcdfe6;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 40px;
            line-height: 40px;
            outline: none;
            padding: 0 15px;
            padding-right: 15px;
            padding-left: 15px;
            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
            width: 100%;
        }

        .essential {
            font-size: 17px;
            font-family: Century Gothic;
            font-weight: bold;
            color: #3D3A3A;
            margin-bottom: 17px;
            margin-top: 45px;
        }
.sku-items {

}
.sku-items .sku-item {
    width: 31.56vw;
    border: 1px dashed #3D3A3A;
    border-radius: 5px;
    margin-bottom: 20px;
    line-height: 5.26vw;
    justify-content: initial;
}
.sku-items .sku-item .checkbox {
    padding-left: 1.61vw;
    flex: 0 1 auto;
}

.sku-items .sku-item .image {
    margin-left: 0.93vw;
    margin-top: 1.2vw;
    width: 2.86vw;
    height: 2.86vw;
    background-color: #b4b4b4;
    border: 1px dashed #3D3A3A;
    border-radius: 5px;
    flex: 0 0 auto;
}
.sku-items .sku-item .label {
    margin-left: 1.19vw;
    font-size: 20px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #3D3A3A;
    flex: 1 0 auto;
    position: relative;
}
.sku-items .sku-item .label .out-stock {
    position: absolute;
    font-family: Century Gothic;
    font-weight: bold;
    color: #E71F39;
    line-height: 28px;
    left: 0px;
    bottom: 0.1vw;
}
.sku-items .sku-item .price {
    flex: 0 1 auto;
    font-size: 20px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #3D3A3A;
    padding-right: 1.61vw;
}
.add-to-cart {
    width: 26.26vw;
    background: #E7EEF4;
    padding-left: 2.65vw;
    padding-right: 2.65vw;
    padding-top: 1.61vw;
    padding-bottom: 1.61vw;
}
.add-to-cart .total {
    font-size: 18px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #3D3A3A;
    line-height: 26px;
}
.add-to-cart .price {
    font-size: 39px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #3D3A3A;
    line-height: 57px;
}
.add-to-cart .credit {
    font-size: 18px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #3D3A3A;
    line-height: 77px;
}
.add-to-cart .hr {
    width: 514px;
    height: 1px;
    background: #A0A0A0;
    margin: 0 auto;
    margin-top: 1.6vw;
    margin-bottom: 1.6vw;
}
.add-to-cart .add-button {
    height: 2.65vw;
    line-height: 2.65vw;
    cursor: pointer;
    background: #00327D;
    border-radius: 0.26vw;
    margin: 0 auto;
    font-size: 21px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.tab {
    
}
.tab .tab-header {
    height: 3.8vw;
    line-height: 3.8vw;
    display: flex;
    justify-content: space-around;
    background: #E7EEF4;
}
.tab .tab-header .item{
    font-size: 1.45vw;
    font-family: Century Gothic;
    font-weight: 400;
    color: #3D3A3A;
    min-width: 14.06vw;
    text-align: center;
    cursor: pointer;
}
.tab .tab-header .item.active {
    cursor: initial;
    color: #FFFFFF;
    background-color: #00317C;
}
.media-container {

}
.media-container img {
    width: 100%;
}
.media-container .media-item {
    position: relative;
}
.media-container .media-item.intro .line1 {
    font-size: 36px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #00327D;
}
.media-container .media-item.intro .line2 {
    font-size: 68px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00327D;
}
.media-container .flow-text {
    position: absolute;
    top: 10.98vw;
    left: 9.48vw;
}
.media-container .intro .thumbnails {
    margin-top: 4.68vw;
}
.media-container .intro .thumbnails .thumbnail {
    width: 5.73vw;
    height: 5.73vw;
    margin-left: 3.33vw;
    display: inline-block;
}
.media-container .intro .thumbnails .thumbnail .p {
    font-size: 18px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
    text-align: center;
}
.media-container .media-item.product-function .flow-text {
    top: 6.25vw;
    left: 9.11vw;
}
.media-container .media-item.product-function .main-title {
    margin-left: 27.96vw;
    font-size: 52px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00327C;
}
.media-container .media-item .tags {
    display: flex;
    width: 38.8vw;
flex-wrap: wrap;

}
.media-container .media-item .tags .tag {
    width: 16.40vw;
    margin-left: 1vw;
    margin-bottom: 2.5vw;
}
.media-container .media-item .tags .tag .title span:last-of-type {
    font-size: 28.14px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00327D;
}
.media-container .media-item .tags .tag .title span:first-of-type {
    font-size: 73px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00327D;
}
.media-container .media-item .tags .tag .title img {
    height: 5.31vw;
    width: auto;
}
.media-container .media-item .tags .tag .sub-title {
    font-size: 22px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #333333;
}
.media-container .media-item.smart-function .flow-text .main-title {
    font-size: 45px;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00327C;
    margin-left: -9.48vw;
}
.media-container .media-item.smart-function .flow-text {
    text-align: center;
    top: 4vw;
}
.media-container .media-item.smart-function .flow-text .sub-main-title {
    font-size: 18px;
    font-family: Century Gothic;
    font-weight: 400;
    color: #00327C;
    margin-left: -9.48vw;
    padding-left: 15vw;
    padding-right: 15vw;
}
.media-container .media-item.smart-function .tags {
    margin-top: 3vw;
    margin-left: 50vw;
    width: 26vw;
}
.media-container .media-item.smart-function .tags .tag{
    width: 12vw;
}


  .register-dialog {
    height: 26.61vw;
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 99999;
  }
  .register-dialog .close {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 2.08vw;
	width: 2.08vw;
	background-color: #00327D;
	padding: 0.45vw;
	cursor: pointer;
  }
  
  .register-dialog .left-img {
    width: 18.22vw;
    height: 100%;
  }
  .register-dialog img {
	width: 100%;
  }
  .register-dialog .right-container {
    width: 24.47vw;
    height: 100%;
    background-color: #F4F3F4;
  }
  .register-dialog .right-container {
    font-size: 1.35vw;
    font-family: Century Gothic;
    font-weight: bold;
    color: #00327D;
    line-height: 1.77vw;
  }
  .mask {
    background-color: rgba(0,0,0,0.4);
    width: 100vw;
    height: 100vh;
	z-index: 99998;
	position: fixed;
  }
  .register-dialog .close img {
	width: 100%;
	height: 100%;
  }
  .register-dialog .subscribe {
	width: 8.17vw;
    background-color: #00327D;
	border-radius: 5px;
	color: white;
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-top: 2vw;
	cursor: pointer;
  }
  .register-dialog .email {
    width: 18.69vw;
	border: 2px solid #00327D;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
	margin-top: 2.29vw;
	outline: none;
  }


  .productitem--action-trigger {
  	line-height: 1.15;
    min-height: auto;
    height: auto;
	font-weight: normal;
  }