h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th, p, a, li, td, b, div
 {
    font-family:"Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial";
    font-size: inherit;
    color: #333;
}
.dft_ptr{position: relative;}
html{font-size: 100px;}
body{font-size: 16px;}





.banner{overflow: hidden; width: 100%;box-sizing: border-box; padding: 1.09rem 15px 1.39rem; background: url(../wipit/img/wipit-idx-bannerbg.png) bottom center no-repeat; background-size: cover;}  
.banner>div{max-width: 1400px;margin-left: auto;margin-right: auto;}
.banner_text{ max-width: 750px;width: 54%;}
.logo_font { font-size: .28rem; font-weight: 600; color: #000; margin-bottom: .15rem; }
.banner_logo { vertical-align: bottom; }
.banner h1{font-size: .6rem; line-height: 1.4; color: #000;}  
.banner_arrow{ position: relative; z-index: 2;}
.banner_arrow img{ position: absolute; bottom: -10px; right: -70px; z-index: -1;}
.banner_desc{ margin: .3rem 0 0rem 0;  font-size: .2rem; color: #333; }
.banner_btn { max-width: 600px; width: 100%; font-size: 16px; text-align: left; }
.banner_btn .btn{height: 60px; width: 50%; box-sizing: border-box; display: inline-block; max-width: 220px;text-align: center; padding: 15px 10px; margin-bottom: 10px;text-decoration: none; border-radius: .1rem;font-size: 20px; font-weight: 600;}
.banner_images{ width: 48%; position: absolute; right:-70px; top: -20px;max-width: 664px;} 
.banner_images video {border-radius: .2rem; max-width: 100%; height: auto; vertical-align: bottom;}
.vaml{vertical-align: middle;}
.btn .icon_download{ font-weight: 400; font-size: .8em;}

.sub_nav_cont .sub_nav_os{margin-top: 5px;}
.sub_navm .nav_modl_btn{box-shadow: none;border: 1px solid #DDD;padding: 0.065rem 0.18rem 0.065rem;}
.sub_nav_list li .nav_buy_btn{box-shadow: none;}



.eff{transform: translateY(100px);opacity: 0;transition: transform .5s ease-in-out, opacity .5s ease-in-out;}
.effact{transform: translateY(0px);opacity: 1;}


.eff1{transition: transform .5s .2s ease-in-out, opacity .5s .2s ease-in-out;}
.eff2{transition: transform .5s .4s ease-in-out, opacity .5s .4s ease-in-out;}
.eff3{transition: transform .5s .6s ease-in-out, opacity .5s .6s ease-in-out;}



/* .download_btn .banner_download_btn{margin: 0 0 0 5px;}

.banner_btn .download_btn{vertical-align: bottom; color: white;background:linear-gradient(270deg, #0B8AFF 0%, #00D2D2 25.5%, #00CD52 50%, #00D2D2 74.5%,#0B8AFF 100%); background-size: 210% 100%;
  transition: .3s ease-in;
  background-position: right;}
.banner_btn .download_btn:hover{background-position: left; box-shadow: 0 10px 20px 0 rgba(0,67,39,0.3);}

.banner_btn .see_pricing { display: inline-block;  border: 2px solid #333; color: #333; font-size: 20px;background: none; font-weight: 600; margin-left: .1rem; }
.banner_btn .see_pricing:hover { color: #2C67FF; border: 2px solid #2C67FF; }
.banner_btn .see_pricing::after { content: "\e917"; display: inline-block; font-family: 'iconfont'; color: #333; font-size: 20px; vertical-align: middle; }
.banner_btn .see_pricing:hover::after { color: #2C67FF; } */


.banner_btns .down_btn {vertical-align: bottom; text-align: center; display: inline-block; border-radius: 10px; font-size: 20px; font-weight: 600; color: #fff; text-decoration: none; box-sizing: border-box; max-width: 220px; width: 100%; padding: 15px 0; margin: .4rem .1rem .0rem 0;background: var(---, linear-gradient(270deg, #0B8AFF 0%, #00D2D2 49.5%, #00CD52 100%));overflow: hidden;}
.banner_btns .down_btn svg,.banner_btns .buy_btn svg{display: inline-block;vertical-align: middle;margin-left: 5px;}
.banner_btns .buy_btn {text-align: center; display: inline-block; border: 2px solid #333;  border-radius: 10px;vertical-align: bottom; font-size: 20px; font-weight: 600; color: #333; text-decoration: none; box-sizing: border-box; max-width: 220px; width: 100%; padding: 13px 0;  margin: .4rem .0rem .0rem; overflow: hidden;}
.banner_btns>a> svg{transform: translateY(-1px);}
.banner_btns em { font-style: normal; color: #707070; font-size: 14px; display: block; }

.banner_btns .down_btn span::after{
    content: 'Free Download';
    display: block;
    width: 100%;
    position: absolute;
    left: -11px;
    bottom: 0px;
    transform: translateY(39px);
    -webkit-transform: translateY(39px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6662 1.5C11.6662 1.22386 11.4423 1 11.1662 1H6.09952C5.82338 1 5.59952 1.22386 5.59952 1.5V8.3C5.59952 8.57614 5.37567 8.8 5.09952 8.8H4.27835C3.8232 8.8 3.60476 9.35868 3.93921 9.6674L8.29372 13.6869C8.48525 13.8637 8.78047 13.8637 8.972 13.6869L13.3265 9.6674C13.661 9.35868 13.4425 8.8 12.9874 8.8H12.1662C11.89 8.8 11.6662 8.57614 11.6662 8.3V1.5Z' fill='white'/%3E%3Cpath d='M3.5 17C3.5 16.4477 3.94772 16 4.5 16H12.5C13.0523 16 13.5 16.4477 13.5 17C13.5 17.5523 13.0523 18 12.5 18H4.5C3.94772 18 3.5 17.5523 3.5 17Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 5%;}
    .banner_btns .buy_btn span::after{
        content: 'See Pricing';
        display: block;
        width: 100%;
        position: absolute;
        left: -11px;
        bottom: 0px;
        transform: translateY(39px);
        -webkit-transform: translateY(39px);
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20fill%3D'none'%3E%3Cpath%20d%3D'M7.42857%204H16L13.8571%2012H3.14286V3H1'%20stroke%3D'%23333'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Ccircle%20cx%3D'5'%20cy%3D'16'%20r%3D'2'%20fill%3D'%23333'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'16'%20r%3D'2'%20fill%3D'%23333'%2F%3E%3Cpath%20d%3D'M3%208H15L14%2012H3V8Z'%20fill%3D'%23333'%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center right 14%;
    }
    .banner_btns .down_btn span,.banner_btns .buy_btn span{display: block;transition: all .6s;font-size: inherit;color: inherit; }
    .banner_btns .down_btn div,.banner_btns .buy_btn div{height: 30px;overflow: hidden;line-height: 32px;color: inherit;}
    .banner_btns .buy_btn:hover span,.banner_btns .down_btn:hover span {
        transform: translateY(-39px);
    }     

    .banner_btns.end .buy_btn{border: 2px solid #fff;color: white;}
    .banner_btns.end .buy_btn span::after{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.42857 4H16L13.8571 12H3.14286V3H1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='5' cy='16' r='2' fill='white'/%3E%3Ccircle cx='12' cy='16' r='2' fill='white'/%3E%3Cpath d='M3 8H15L14 12H3V8Z' fill='white'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center right 14%;
    }
    .sub_nav_list .haschilren .slidebox{width: 560px;}
    .haschilren .slidebox .sec_navpro{width: 240px;}
.banner_tips{text-align: left; font-size: 14px;color: #999; margin-top: .1rem;}



.cont_faq h2,.section h2 {
  text-align: center;
  font-weight: 600;
  font-size: .4rem;
  line-height: 1.5;
  padding: 0 3%;margin: 0 auto;
  box-sizing: border-box;max-width: 1200px;
}

.section{max-width: 1400px;margin: 0 auto;}
.section1{padding: 1rem 15px;box-sizing: border-box;max-width: 1430px;}

.section1 .sec_cont{margin-top: .5rem;
display: flex;justify-content: space-between;
overflow: hidden;align-items: center;
  border-radius: .2rem;

  
}
.sec_cont1{background: #D8F6D8;}
.sec_cont2{background: #ECF3BA;direction: rtl;}

.cont_video{display: inline-block;vertical-align: middle;position: relative;}





.sec_cont2 .cont_video,.sec_cont1 .cont_video{max-width: 790px;width: 57%;}
.cont_video video{vertical-align: bottom;width: 100%;position: relative;z-index: 1;}
.cont_video .videobg{display: none; vertical-align: bottom;width: 100%;height: 100%; position: absolute;z-index: 2;top: 0;left: 0;opacity: 1; pointer-events: none;}
.cont_text{flex: 1; direction: ltr; display: inline-block;max-width: 610px;padding:.5rem;box-sizing: border-box;vertical-align: middle;}

.cont_text .text_tip{color: #C9B54F;margin-top: 5px;}

.cont_text img{vertical-align: sub;margin-right: .2rem;margin-left: 0;}
.cont_text h4{color: #333;
font-family: Battambang;
font-size: .36rem;
margin-bottom: .2rem;
font-style: normal;
font-weight: 700;}

.cont_text .cont_btn{color: #000;
  width: 140px;
  height: 40px;box-sizing: border-box;
  text-align: center;padding: 8px 0;
  line-height: 40px;
  margin-top: .3rem;text-decoration: none;
  border-radius: .1rem;
  border: 1px solid #666;display: inline-block;
}

.cont_text .cont_btn>div{overflow: hidden;color: inherit;}
.cont_text .cont_btn span{transform: translateY(0px);color: inherit; transition:transform .3s;display: inline-block;vertical-align: middle;}
.cont_text .cont_btn span::after{
  content: 'Free Try Now';
  display: block;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  transform: translateY(39px);
  
 }

  .cont_text .cont_btn:hover span {
    transform: translateY(-39px);
}

.cont_box{border-radius: .26rem;overflow: hidden;height: 566px;}

.cont_box1{width: 34.3%;display: inline-block;max-width: 480px;background: #233022;}
.cont_box2{width: 62.86%; display: inline-block;max-width: 880px; display: flex;justify-content: space-between;align-items: center;
  background: #F3F1FF;}

.cont_box h4{font-size: .3rem;}
.cont_box1 h4{color: white;}
.cont_box1 p{color: #e6e6e6;}
.cont_box1 .cont_text .cont_btn{color: #F5F5F5;}

.drl{direction: rtl;}
.drl>div{direction: ltr;}
.cont_box1 .cont_text{}






.cont_box2 .cont_text{max-width: 390px;}

.cont_box2 .cont_video{max-width: 490px;width: 55.69%;position: relative;}

.cont_box2.drl{background: #C8ECF8;}


.note_declaration{padding: .3rem 1rem;box-sizing: border-box;border-radius: .2rem;
  background: #FAFAFA;margin-top: .5rem;}
.note_declaration h5{font-size: 24px;}
.note_declaration h5 img{vertical-align: sub;margin-right: .2rem;}
.note_declaration p{

  margin-top: .15rem;
  
  color: #666;
}


.conttainer2{padding: 1rem 0; background: url(../wipit/img/wipit-idxbg1.png) center center no-repeat; background-size: 100% 100%;}

.section2 h2{}

.swiper_nav{margin:.3rem 0px .3rem; display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #E7E7E7;}
.swiper_item{color: #333;width: 200px;
text-align: center;
padding: .2rem 0;box-sizing: border-box;
font-size: 18px;cursor: pointer;
position: relative;
font-weight: 600;
}
.swiper_item::after{content: "";width: 0;transition: .3s; height: .04rem;background-color: #2AC081; bottom: 0;left: 50%;transform: translateX(-50%);position: absolute;}
.swiper_item.act{color: #2AC081;}

.swiper_item.act::after{width: 100%;}

.swiper_navmobox{
display: none;
  margin: .3rem 15px .3rem;
}
.swiper_navmocont {
  width: 100%;
  overflow: hidden;
  height: 100%;
 
}
.swiper_navmo{display: flex;width: 800%;}
.swiper_itemmo {
  height: auto;
  text-align: center;
  font-weight: 600;-webkit-tap-highlight-color: transparent;
  cursor: pointer;
  font-size: 18px;
  padding: .34rem .1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;border-radius: .1rem;
  box-sizing: border-box;
  border: 1px solid #E7E7E7;
  background: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;transition: .3s;
}
.swiper_itemmo.act{background: #2AC081;color: white;border: 1px solid #2AC081;}



.swiper_box {max-width: 920px;width: 92%;margin: 0 auto;overflow: hidden;}
.swiper_cont_item {text-align: center;font-size: 18px;background: none;display: flex;justify-content: center;align-items: center;flex-flow: column;width: 100%;}
.swiper_cont {margin-left: auto;margin-right: auto;padding-bottom: .6rem;}
.swiper_content{display: flex;width: 800%;}
.swiper_cont_item img {display: block;width: 100%;height: 100%;object-fit: cover;flex: 0; border-radius: .2rem;}
.swiper_cont_item h4{color: #000;font-size: 28px; margin: .3rem auto .1rem; }
.swiper_cont_item p{color: #666;font-size: 16px;}

/* .swiper_lis{display: flex;justify-content: center;align-items: center;} */
/* .swiper_lis span{width: 5px;height: 5px;border-radius: 50%;background: #fff;} */
/* .swiper_lis span.swiper-pagination-bullet-active{} */













.section5{text-align: center;margin-top: 1rem;}

.cont1_item{display: inline-block;max-width: 370px;text-align: center;vertical-align: top;margin-top: .6rem;}
.container .step_arrow{vertical-align: middle;margin:1.4rem .44rem .8rem;transition: .3s;}
.step_arrow.type2{transform:rotateX(180deg);}
.cont1_item h3{font-weight: 600;font-size: 20px;margin: 20px 0 10px;}
.cont1_item p{font-size: 16px;}
.cont1_item .cont_step {
  font-weight: 700;
  font-size: .3rem;
  color: white;
  text-align: center;
  margin: 0 auto;
  width: 45px;
  height: 45px;
  background: #2C67FF;
  border-radius: 50%;
  line-height: 45px;
}

.step_arrow{vertical-align: middle;margin: 1.7rem 0.2rem 0.6rem;transition: .3s;}
.step_arrow.type2{transform:rotateX(180deg);}



.section6{margin-top:1rem; }  

.sec_cont6{
  padding: .5rem;box-sizing: border-box;overflow: hidden;
  background: url(../wipit/img/wipit-idxbg2.png) no-repeat center center; background-size: cover;
}
.comment_box{margin-top: .4rem;}
.comment_box img{vertical-align: middle;margin:0 .3rem;max-width: 100%;transform:scale(.75) rotateZ(-15deg);opacity: 0;}
.comment_box .comment_item5{margin-left: 35%;}

.comment_box.effact .comment_item1{animation: commentdh 1.5s 0s linear forwards;transform-origin: center center;}
.comment_box.effact .comment_item2{animation: commentdh 1.5s .6s linear forwards;transform-origin: center center;}
.comment_box.effact .comment_item3{animation: commentdh 1.5s .6s linear forwards;transform-origin: center center;}
.comment_box.effact .comment_item4{animation: commentdh 1.5s 0s linear forwards;transform-origin: center center;}
.comment_box.effact .comment_item5{animation: commentdh 1.5s 1.2s linear forwards;transform-origin: center center;}

@keyframes commentdh {
  0%{transform:scale(.75) rotateZ(-3deg);opacity: 0;}
  40%{transform: scale(1) rotateZ(3deg);opacity: 1;}
  60%{transform: scale(1) rotateZ(-1deg);}

  80%{transform: scale(1) rotateZ(1deg);}

  100%{transform: scale(1) rotateZ(0deg);opacity: 1;}
}






/* faq */
.cont_faq{padding: 1rem 15px 0rem;box-sizing: border-box;max-width: 1400px;margin: 0 auto;}
.cont_faq .box_title{margin-bottom: .5rem;}
.faq_item{padding: .3rem .4rem;box-sizing: border-box;border-radius: 15px;margin-top: .3rem;
  background: #FFF;-webkit-tap-highlight-color: transparent;
  border-radius: .1rem;
border: 1px solid #E6E6E6;cursor: pointer;}
.faq_item h4{color: #333;font-size: 20px;position: relative;box-sizing: border-box;padding-right: 30px;}
/* .faq_item .atc h4{color: #666;} */
.faq_item h4 .icon_down{position: absolute;right: 15px;top: 2px; cursor: pointer;}
/* .faq_item h4 .icon_down::after{position: absolute; content:url(../img/subtract_icon.png) ;background-size: 24px; font-size: 4px;font-weight: 700;width: 24px;overflow: hidden; transform:translate(0px, 12px) rotateZ(0deg);color: #ccc;} */
.faq_item .faq_a{margin-top: 16px;display: none;}
.faq_item .faq_q .icon_down::after{transition: .3s; overflow: visible; position: absolute;display: inline-block; font-family: "iconfont";content: "\e800";color: #3E3E3E;font-size: 16px;top: 6px; line-height: 1;transform: rotateZ(0deg);}
.faq_item .faq_q.atc .icon_down::after{transform: rotateZ(180deg);}

.faq_item p{color: #666;font-size: 16px;margin: .08rem 0;}




.section7{text-align: center; padding: 1rem 15px; margin-top:1rem; background: #000;}  

.section7.addbg{background: url(../wipit/img/wipit-idxbg3.png) no-repeat #000 center center;}

.sec_cont7{
  border-radius: .2rem;
  border: 1px solid rgba(209, 255, 236, 0);
  transition:.5s;
padding: .7rem 1rem;box-sizing: border-box;max-width: 1002px;
background: #000;position: relative;
}
.sec_cont7::after{content: "";border-radius: .2rem;z-index: 1; position: absolute;left: 0;top: 0;width: 100%;height: 100%;filter: blur(.4rem);}
.sec_cont7::before{content: "";border-radius: .2rem;z-index: 2; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;}

.sec_cont7.act{border: 1px solid #2d3023}
.sec_cont7.act::after{ animation: mybg 3s ease-in-out infinite;background:linear-gradient(270deg, #0B8AFF 0%, #00D2D2 49.5%, #00CD52 100%);}

@keyframes mybg {
  0%{filter: blur(5px);}
  50%{filter: blur(.4rem);}
  100%{filter: blur(5px);}
}

.sec_cont7>div{position: relative;z-index: 3;}

.banner_btns.end .down_btn{margin-top: .3rem;}
.banner_btns.end .buy_btn{margin-top: .3rem;}






.section7 img{vertical-align: middle;margin-right: .2rem;}

.section7 h4{color: white;font-size: .28rem;}
.section7 h3 { margin: .3rem auto .0rem; font-weight: 600; font-size: .3rem; color: white;}

.buttom_btn { max-width: 600px; width: 100%; font-size: 16px;margin: 0 auto; }
.buttom_btn .btn{height: 60px; width: 50%; box-sizing: border-box; display: inline-block; max-width: 220px;text-align: center; padding: 15px 10px; margin-bottom: 10px;text-decoration: none; border-radius: .1rem;font-size: 20px; font-weight: 600;}

.section7 .banner_tips{text-align: center;}
.download_btn .banner_download_btn{margin: 0 0 0 5px;vertical-align: unset;}

.buttom_btn .download_btn{vertical-align: bottom; color: white;background:linear-gradient(270deg, #0B8AFF 0%, #00D2D2 25.5%, #00CD52 50%, #00D2D2 74.5%,#0B8AFF 100%); background-size: 210% 100%;
  transition: .3s ease-in;
  background-position: right;}
.buttom_btn .download_btn:hover{background-position: left; box-shadow: 0 10px 20px 0 rgba(0,67,39,0.3);}

.buttom_btn .see_pricing { display: inline-block;  border: 2px solid #FFF; color: #FFF; font-size: 20px;background: none; font-weight: 600; margin-left: .1rem; }
.buttom_btn .see_pricing:hover { color: #2C67FF; border: 2px solid #2C67FF; }
.buttom_btn .see_pricing::after { content: "\e917"; display: inline-block; font-family: 'iconfont'; color: #FFF; font-size: 20px; vertical-align: middle; }
.buttom_btn .see_pricing:hover::after { color: #2C67FF; }
.section7 .banner_tips{margin-top: .2rem;}

#footer{margin-top: 0;}

@media screen and (max-width: 1500px) {.cont1_item{max-width: 350px;}}


@media screen and (max-width: 1450px) {.step_arrow {margin: 1.7rem 0.44rem 0.6rem;}}

@media screen and (max-width: 1400px) {
  

  .cont_text{padding: .5rem .3rem;}
  
  .swiper_nav{margin: 0 15px .3rem;}
}
@media screen and (max-width: 1320px) {
  .banner h1{font-size: .48rem;}

  .comment_box .comment_item1{margin-bottom: .3rem;}

}

@media screen and (max-width: 1200px) {

  .banner_images{position: static;width: auto;margin: 0 auto;}
  .banner_text{width: auto;max-width: none; text-align: center;margin: .6rem auto 0;}
  .banner_btn{text-align: center;margin: 0 auto;}
  .banner_tips{text-align: center;}

  .banner_btns .down_btn,
  .banner_btns .buy_btn{margin: .4rem .1rem 0;}

  .cont_box2{display: block;}
  .cont_box{width: 49%;}
  .cont_box2 .cont_text,
  .cont_box1{max-width: none;}
  .cont_box2 .cont_video{max-width: none;width: auto;}
  .cont_text{padding: .3rem;}

  .cont_box1 .cont_video{width: 100%;}
  .cont_box2 .cont_video{width: 45.17%;margin: 0 auto;display: block;}



  .swiper_nav{display: block;text-align: center; box-sizing: border-box;}
  .swiper_item{display: inline-block;vertical-align: middle;width: auto; margin: 0rem .2rem;min-width: 200px;}

  .comment_box .comment_item5{margin: 0 auto;}


}
@media screen and (max-width: 980px) {
 

  .note_declaration{padding: .3rem;}
  .sec_cont7{padding: .6rem .4rem;}
}

@media screen and (max-width: 920px) {
  .cont_box{height: 565px;}

}
@media screen and (max-width: 850px) {
  .section1 .sec_cont{display: block;}
  .cont_box{height: auto;display: block; width: 100%;max-width: 600px;margin:0 auto .5rem;}
  .cont_text{padding: .4rem .3rem;}
  .sec_cont1,
  .sec_cont2{max-width: 600px;margin-left: auto;margin-right: auto;}
  .sec_cont2 .cont_video, .sec_cont1 .cont_video{width: 100%;}
  .cont_box2 .cont_video{width: 100%;}
  .cont_text img{width: .44rem;}

}

@media screen and (max-width: 750px) {
  .banner_desc{font-size: .28rem;margin: 0;}
  .cont1_item h3{font-size: 18px;}
  
  .swiper_cont_item h4{font-size: 20px;}
  
  .comment_box img{margin: 10px 0 0;}
  .comment_box .comment_item4{width: 50%;max-width: 288px;}

  .cont_box h4{font-size: 20px;}

  .swiper_cont_item img{width: 98%;}
  .comment_box .comment_item1{width: 88%;max-width: 489px;}
  .comment_box .comment_item2{width: 100%;max-width: 576px;}
  .comment_box .comment_item3{width: 84%;max-width: 474px;}
  .comment_box .comment_item4{width: 50%;max-width: 228px;}
  .comment_box .comment_item5{width: 100%;max-width: 587px;}



  .banner_btns .buy_btn{margin-top: .3rem;}
  .faq_item h4{font-size: 16px;}
  .step_arrow,
  .swiper_nav{display: none;}
  .swiper_navmobox{display: block;}
  .section7 h3{font-size: .36rem;}

}
@media screen and (max-width: 580px) {
  .buttom_btn .btn,
  .banner_btn .btn{display: block;width: auto; font-size: 16px;max-width: 270px;padding: 14px 10px;margin: 0px auto 10px;height: 52px;}
  .buttom_btn .see_pricing::after,
  .banner_btn .see_pricing::after{font-size: 16px;}
  .swiper_itemmo{font-size: 16px;}
  
  .sub_navm_cont{height: 60px;}

  .banner_tips{margin-top: .15rem;font-size: 12px;}
  .faq_item h4,
  .faq_item p{font-size: 14px;}


}
@media screen and (max-width: 480px) {
  .swiper_itemmo{font-size: 12px; font-weight: 500;padding: 0.2rem 0.1rem }

  .note_declaration h5{font-size: 20px;}
  .note_declaration p{font-size: 14px;}

}