.phone-shell .blur-up {
  transition: filter .4s;
  filter: blur(10px);
}
.phone-shell .blur-up.lazyloaded {
  filter: blur(0);
}
.phone-shell{
  width: 100%;
  background: #000;
}
.phone-shell .mobshow{
  display: none;
}
.phone-shell h2{
  font-weight: 400;
}
.phone-shell .kv{
  width: 100%;
  position: relative;
  margin-bottom: 3.645833vw;
}
.phone-shell img{
  vertical-align: middle;
}

.phone-shell .kv .kv-backgroud{
  width: 100%;
}
.phone-shell .kv .kv-character{
  height: 100%;
  position: absolute;
  top: 0;
  left: 7.5vw;
}
.phone-shell .kv .kv-content-text{
  position: absolute;
  top: 24.375vw;
  left: 45.78125vw;
}
.phone-shell .kv .kv-content-text .kv-logo{
  width: 45.885417vw;
  margin-bottom: 1.5625vw;
}
.phone-shell .kv .kv-content-text h2{
  width: fit-content;
  margin: 0 auto;
  font-size: 4.166667vw;
  text-align: center;
  line-height: 1.25;
  font-weight: 700;
  background-image: linear-gradient(90deg, #585044 0%, #EFD9B9 50%, #585044 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.phone-shell .kv .kv-content-text .hero-sku{
  position: relative;
  z-index: 100;
  margin-top: 1.5625vw;
  text-align: center;
}
.phone-shell .kv .kv-content-text .hero-sku .pricing{
  font-size: 1.458333vw;
  font-weight: 400;
  line-height: 1.25;
  color: #fff;
}
.phone-shell .kv .kv-content-text .hero-sku [data-footnote]{
  font-size: 1em;
  vertical-align: inherit;
  cursor: pointer;
}
.phone-shell .kv .kv-content-text .hero-sku .from{
  font-size: 0.677083vw;
  line-height: 1.25;
}
.phone-shell .kv .kv-content-text .hero-sku .buy-cta{
  display: inline-block;
  margin-top: 24px;
  padding: 10px 26px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  transition: 0.3s ease-out;
  color: #000;
  border: 2px solid #fff;
  border-radius: 6px;
  background-color: #fff;
}
.phone-shell .kv .kv-content-text .hero-sku .buy-cta:hover {
  opacity: 0.8;
}
@media screen and (max-aspect-ratio: 11/10){
  .phone-shell .kv .kv-content-text .hero-sku{
    margin-top: 3.611111vw;
  }
  .phone-shell .kv .kv-content-text .hero-sku .pricing{
    font-size: 5.555556vw;
  }
  .phone-shell .kv .kv-content-text .hero-sku .from{
    font-size: 3.611111vw;
  }
}
.phone-shell .shell2{
  width: 100%;
  position: relative;
}
.phone-shell .shell2 .shell2-backgroud{
  width: 100%;
}
.phone-shell .shell2 .shell2-con{
  position: absolute;
  top: 6.770833vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.phone-shell .shell2 .shell2-con h2{
  font-size: 4.166667vw;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 3.125vw;
  background-image: linear-gradient(90deg, #645B4E 0%, #EBD5B6 50%, #645B4E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.phone-shell .shell2 .shell2-con p{
  font-size: 1.25vw;
  line-height: 1.6;
  width: 64.6875vw;
  color: #ffffff;
  margin-bottom: 4.166667vw;
}
.phone-shell .shell2 .shell2-con .shell2-product{
  width: 40.9375vw;
}
.phone-shell .shell3{
  width: 100%;
  position: relative;
}
.phone-shell .shell3 .shell3-backgroud{
  width: 100%;
}
.phone-shell .shell3 .shell3-product{
  width: 44.010417vw;
  position: absolute;
  top: 8.541667vw;
  left: 11.875vw;
}
.phone-shell .shell3 .shell3-text{
  width: 38.239583vw;
  position: absolute;
  top: 23.958333vw;
  left: 50.78125vw;
}
.phone-shell .shell3 .shell3-text h2{
  font-size: 4.166667vw;
  line-height: 1.25;
  margin-bottom: 3.125vw;
  background-image: linear-gradient(90deg, #665D4F 0%, #EBD5B6 50%, #665D4F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.phone-shell .shell3 .shell3-text p{
  font-size: 1.25vw;
  line-height: 1.6;
  color: #ffffff;
}
.phone-shell .shell4{
  width: 100%;
  margin-top: 10.416667vw;
}
.phone-shell .shell4 h2{
  width: fit-content;
  margin: 0 auto;
  font-size: 4.166667vw;
  text-align: center;
  line-height: 1.25;
  background-image: linear-gradient(90deg, #665D4F 0%, #EBD5B6 50%, #665D4F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 4.166667vw;
}
.phone-shell .shell4 .shell4-con{
  width: 83.333333vw;
  margin: 0 auto;
  display: flex;
}
.phone-shell .shell4 .shell4-con .shell4-product{
  width: 40.104167vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-left{
  margin-right: 3.125vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-right{
  width: 40.104167vw;
  display: flex;
  flex-direction: column;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-box{
  padding: 3.645833vw 3.125vw;
  /* margin-top: 3.125vw; */
  border-radius: 1.5625vw;
  display: flex;
  justify-content: space-between;
  background: linear-gradient(to bottom, #0B0B0B 0%, #1A1715 100%);
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-bottom{
  margin-top: 3.125vw;
  padding-top: 3.645833vw;
  padding-bottom: 2.760417vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-top{
  margin-top: 0;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-box .shell4-topimg{
  width: 17.96875vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-box .shell4-bottomimg{
  width: 15.885417vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-box .text {
  width: 13.75vw;
  margin-top: 4.0625vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-box .text h3{
  font-size: 1.458333vw;
  line-height: 1.25;
  background-image: linear-gradient(90deg, #675D4F 0%, #EBD5B6 50%, #675D4F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5625vw;
}
.phone-shell .shell4 .shell4-con .shell4-con-right .right-box .text p{
  font-size: 1.25vw;
  line-height: 1.6;
  color: #ffffff;
}
.phone-shell .shell5{
  width: 100%;
  margin-top: 10.416667vw;
}
.phone-shell .shell5 .text{
  width: 52.5vw;
  margin: 0 auto;
  margin-bottom: 4.166667vw;
}
.phone-shell .shell5 .text h2{
  width: fit-content;
  margin: 0 auto;
  font-size: 4.166667vw;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 3.125vw;
  background-image: linear-gradient(90deg, #665D4F 0%, #EBD5B6 50%, #665D4F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.phone-shell .shell5 .text p{
  font-size: 1.25vw;
  line-height: 1.6;
  color: #ffffff;
}
.phone-shell .shell5 .shell5-con{
  width: 100%;
  position: relative;
  /* padding-bottom: 1.5625vw; */
}
.phone-shell .shell5 .shell5-product{
  width: 100%;
}
.phone-shell .shell5 .shell5-con .tagging{
  position: absolute;
  display: flex;
  align-items: center;
}
.phone-shell .shell5 .shell5-con .tagging p{
  font-size: 1.041667vw;
  line-height: 1.6;
  color: #ffffff;
}
.phone-shell .shell5 .shell5-con .tagging img{
  width: .729167vw;
  height: .729167vw;
  margin-right: .520833vw;
}
.phone-shell .shell5 .shell5-con .tagging:nth-of-type(-n+3) img{
  margin-left: .520833vw;
  margin-right: 0;
}
.phone-shell .shell5 .shell5-con .tagging .line{
  width: 23.020833vw;
  height: 1px;
  border-bottom: 1px dashed #707070;
}
.phone-shell .shell5 .shell5-con .tagging1{
  top: 7.97083vw;
  left: 15.625vw;
}
.phone-shell .shell5 .shell5-con .tagging2{
  top: 10.208333vw;
  left: 15.625vw;
}
.phone-shell .shell5 .shell5-con .tagging2 .line{
  width: 21.8vw;
}
.phone-shell .shell5 .shell5-con .tagging3{
  top: 12.239583vw;
  left: 15.625vw;
}
.phone-shell .shell5 .shell5-con .tagging4{
  top: 7.802083vw;
  left: 53.958333vw;
}
.phone-shell .shell5 .shell5-con .tagging5{
  top: 12.184583vw;
  left: 53.958333vw;
}
.phone-shell .shell5 .shell5-con .tagging5 .line{
  width: 23.9vw;
}
@media screen and (max-aspect-ratio: 11/10){
  .phone-shell .mobshow{
    display: inline-block;
  }
  .phone-shell .pcshow{
    display: none;
  }
  .phone-shell .kv{
    margin-bottom: 23.333333vw;
  }
  .phone-shell .kv .kv-content-text{
    width: 76.388889vw;
    top: 16.666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .phone-shell .kv .kv-content-text .kv-logo{
    width: 76.388889vw;
    margin-bottom: 4.166667vw;
  }
  .phone-shell .kv .kv-content-text h2{
    font-size: 6.666667vw;
  }
  .phone-shell .kv .kv-character{
    height: auto;
    width: 92.083333vw;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .phone-shell .shell2 .shell2-con{
    width: 88.888889vw;
    top: 7.222222vw;
  }
  .phone-shell .shell2 .shell2-con h2{
    font-size: 8.888889vw;
    margin-bottom: 8.333333vw;
  }
  .phone-shell .shell2 .shell2-con p{
    font-size: 4.444444vw;
    margin-bottom: 11.111111vw;
    width: 100%;
    text-align: center;
  }
  .phone-shell .shell2 .shell2-con .shell2-product{
    width: 72.222222vw;
  }
  .phone-shell .shell3 .shell3-product{
    width: 79.722222vw;
    top: 42.361111vw;
    left: auto;
    right: 0;
  }
  .phone-shell .shell3 .shell3-text{
    width: 88.888889vw;
    top: 4.166667vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .phone-shell .shell3 .shell3-text h2{
    font-size: 8.888889vw;
    margin-bottom: 8.333333vw;
    text-align: center;
  }
  .phone-shell .shell3 .shell3-text p{
    font-size: 4.444444vw;
    text-align: center;
  }
  .phone-shell .shell4{
    margin-top: 6.666667vw;
  }
  .phone-shell .shell4 h2{
    font-size: 8.888889vw;
    margin-bottom: 8.333333vw;
  }
  .phone-shell .shell4 .shell4-con{
    flex-direction: column;
    width: 88.888889vw;
  }
  .phone-shell .shell4 .shell4-con .shell4-product{
    width: 100%;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right{
    width: 88.888889vw;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right .right-box{
    flex-direction: row-reverse;
    padding: 0;
    padding-left: 8.333333vw;
    justify-content: start;
    margin-top: 4.166667vw;
    border-radius: 4.166667vw;
    align-items: center;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right .right-box .text h3{
    font-size: 4.444444vw;
    margin-bottom: 4.166667vw;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right .right-box .text p{
    font-size: 3.611111vw;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right .right-box .text{
    width: 39.722222vw;
    margin: 11.666667vw 0;
    margin-right: 4.166667vw;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right .right-box .shell4-topimg{
    width: 30.694444vw;
  }
  .phone-shell .shell4 .shell4-con .shell4-con-right .right-box .shell4-bottomimg{
    width: 28.472222vw;
  }
  .phone-shell .shell5{
    margin-top: 30.694444vw;
    padding-bottom: 0;
  }
  .phone-shell .shell5 .text{
    width: 88.888889vw;
    margin-bottom: 11.111111vw;
  }
  .phone-shell .shell5 .text h2{
    font-size: 8.888889vw;
    margin-bottom: 8.333333vw;
  }
  .phone-shell .shell5 .text p{
    font-size: 4.444444vw;
    text-align: center;
    width: 71.111111vw;
    margin: 0 auto;
  }
  .phone-shell .shell5 .shell5-con .tagging .line{
    width: 20.833333vw;
  }
  .phone-shell .shell5 .shell5-con .tagging1{
    left: 5.555556vw;
    top: 15.38889vw;
  }
  .phone-shell .shell5 .shell5-con .tagging2{
    top: 31.25vw;
    left: 5.555556vw;
  }
  .phone-shell .shell5 .shell5-con .tagging3{
    top: 23.16667vw;
    left: 5.555556vw;
  }
  .phone-shell .shell5 .shell5-con .tagging4{
    top: 15.666667vw;
    left: 56.666667vw;
  }
  .phone-shell .shell5 .shell5-con .tagging4 .line{
    width: 16.805556vw;
  }
  .phone-shell .shell5 .shell5-con .tagging5{
    top: 23.444444vw;
    left: 56.666667vw;
  }
  .phone-shell .shell5 .shell5-con .tagging5 .line{
    width: 19.027778vw;
  }
  .phone-shell .shell5 .shell5-con .tagging p{
    font-size: 2.222222vw;
    text-align: right;
  }
  .phone-shell .shell5 .shell5-con .tagging img{
    width: 1.944444vw;
    height: 1.944444vw;
    margin-right: 1.388889vw;
  }
  .phone-shell .shell5 .shell5-con .tagging:nth-of-type(-n+3) img{
    margin-left: 1.388889vw;
  }
  
  .phone-shell .shell5 .shell5-con .tagging2 .line{
    position: relative;
    width: 28vw;
  }
  .phone-shell .shell5 .shell5-con .tagging2 .line::after{
    content: '';
    display: block;
    width: 1px;
    height: 10.333333vw;
    border-right: 1px dashed #707070;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.phone-shell .section-footnote .footnote-list, .phone-shell .section-footnote .tips-list {
  padding-left: 1.5em;
  font-size: 0.625vw;
}
.phone-shell .section-footnote .section-content{
  width: 67.5vw;
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
.phone-shell .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1920px) {
  .phone-shell .section-footnote .footnote-list, .phone-shell .section-footnote .tips-list {
    font-size: 12px;
  }
}
@media (max-aspect-ratio: 11/10) {
  .phone-shell .section-footnote .footnote-list, .phone-shell .section-footnote .tips-list {
    font-size: 3.333333vw;
  }
  .phone-shell .section-footnote .section-content{
    width: 91.666667vw;
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
}
html[dir=rtl] .phone-shell .section-footnote .footnote-list, html[dir=rtl] .phone-shell .section-footnote .tips-list {
  padding-right: 1.5em;
  padding-left: 0;
}
.phone-shell .section-footnote .footnote-list li, .phone-shell .section-footnote .tips-list li {
  font-size: inherit;
  color: #797979;
}
.phone-shell .section-footnote .footnote-list li {
  list-style-type: decimal;
}
.phone-shell .section-footnote .footnote-list li.current {
  color: #fff;
}
.phone-shell .section-footnote .footnote-list li.asterisk {
  list-style-type: "*";
}