/* CSS Document */
body,html{ font-size:16px;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}

.h-title { color: #202A2C; text-align: center; font-size: 22px; font-weight: 600; margin: 0 auto 16px; }
.h-title span { color: #F49B00;}

/* banner */
.ios-phone{width:960px; margin:0 auto;}
.banner-box {  background: linear-gradient(180deg, #F5FFFE 0.09%, #DAFDFB 101.64%); }
.download-banner { text-align: center; margin: 0 auto; }
.download-banner h1 { color: #202A2C; font-size: 26px; font-weight: 600; }
.download-banner h1 span { color: #202A2C; font-size: 22px; font-weight: 500; }
.download-banner p { color: #666; font-size: 16px; margin: 15px auto 30px;}
.download-banner p span { color: #F49B00; font-weight: 600; font-size: inherit; }
.download-banner p b { color: #202A2C; font-size: inherit; font-weight: 500; }
.download-message { background: rgba(255, 255, 255, 0.50); display: flex; justify-content: space-around; padding: 10px 0; }
.message-item { flex: 1; text-align: center; }
.item-cont p { color: #176665; font-size: 12px; }
.item-cont .message-title { color: #176665; font-size: 16px; font-weight: 600;}
.banner-img img { max-width: 375px; width: 100%; }
.banner-text { margin: -45px auto 0; width: 90%;}

/* feature */
.product-box { margin: 50px auto 0; width: 90%; }
a.feature-item {border-radius: 10px; border: 1px solid #36B0B2; background: linear-gradient(277deg, #FFF -3.81%, #E5F8F6 100.67%); display: flex;padding: 20px 5px; align-items: center; margin-bottom: 16px; text-decoration: none; }
.feature-lists.nomore a:nth-child(n+6) {display: none;}
.feature-item img { margin-right: 14px; }
.feature-item p { color: #666; font-size: 14px; margin: 0; }
.feature-item .feature-title { color: #202A2C; font-size: 16px; font-weight: 500; margin-bottom: 6px; }
.view-more { background: linear-gradient(180deg, #29B3B1 0%, rgba(41, 179, 177, 0.30) 73.81%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;font-size: 18px;font-weight: 500; cursor: pointer; }
.view-more svg { vertical-align: middle; }

/* purchase */
.purchase-box { margin: 50px auto 0; width: 90%; }
.buy-area { border-radius: 10px; text-align: center; padding: 20px 0; background: linear-gradient(180deg, #FFF 0%, #FFF6EC 100%); box-shadow: 0px 0px 2.75px 0px rgba(0, 0, 0, 0.25); }
.buy-area span { color: #AD6123; font-size: 19px; font-weight: 500; }
.buy-title { color: #333; font-size: 19px; font-weight: 500; }
.buy-plan { color: #666; font-size: 14px; margin: 6px auto; }
.nowprice { color: #EB0021; font-size: 60px; font-weight: 600; display: block; }
.buy-area del { display: block; color: #666; font-size: 16px;}
.buy-area a { border: none; outline: none; text-decoration: none; border-radius: 10px; background: linear-gradient(92deg, #F49D06 2.61%, #FF8B06 99.95%); color: #FFF; font-size: 20px; font-weight: 500; padding: 12px 56px; margin: 20px auto 14px; cursor: pointer; display: inline-block; }

/* answer */
.answer-box { padding: 50px 20px; background: linear-gradient(180deg, #FFF 0%, #E5F8F6 100%), #FFF; text-align: center; }
.answer-des { color: #666; font-size: 16px; margin: 15px auto 30px;}
.answer-box button { border-radius: 10px; border: none; outline: none; color: #FFF; padding: 12px 70px; font-size: 20px; font-weight: 500; background: linear-gradient(93deg, #26CE96 6.6%, #29B3B1 49.97%, #209EA1 90.13%); font-family: 'Poppins'; cursor: pointer; }

/* reviews */
.reviews-box { margin: 50px auto 0; width: 90%; position: relative; }
.reviews-lists { display: block; width: auto; overflow: hidden; min-height: 230px; }
.review-item { border-radius: 10px; border: 1px solid #D9D9D9; padding: 25px 20px; box-sizing: border-box; }
.review-title { color: #202A2C; font-size: 16px;  font-weight: 500; margin-top: 10px; }
.review-text { color: #4D4D4D; font-size: 14px; margin: 10px auto;}
.review-user { color: #999; font-size: 14px;  font-weight: 500; }
.reviews-box .swiper-pagination>span.swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 6px; }
.reviews-box .swiper-pagination>span.swiper-pagination-bullet-active { background-color: #333; width: 24px; height: 12px; border-radius: 20px;}

/* media */
.media-box { margin: 50px auto 0; width: 90%; }
.media-lists { border-radius: 10px; padding: 20px; background: #F6F6F6; text-align: center; }
.media-lists img { max-width: 554px; width: 100%; vertical-align: bottom; }

/* complete */
.complete-box { margin: 50px auto 0; width: 90%; }
.full-box span { color: #666; font-size: 14px;}
.buy-device { color: #666; font-size: 14px; margin: 6px auto;}
.full-box del { display: inline-block; margin-right: 12px; }
.buy-tips { color: #666; font-size: 14px; }
.complete-box .buy-area a { padding: 12px 33px; cursor: pointer; }

/* guarantee */
.guarantee-box { margin: 20px auto 40px; width: 90%; text-align: center; }

/* footer */
.footer { background-color: #f7f7f7; color: #999; text-align: center; font-size: 12px; padding: 6px 0; }

/* question */
.question-box { width: 980px; margin: 0 auto; display: none; }
.question-type { background: #f5f5f5; min-height: 100vh; }
.question-type .question-bg {background: linear-gradient(180deg, #E5F8F6 0%, rgba(229, 248, 246, 0.00) 40%); }
.question-top {  padding: 40px 0 30px; width: 90%; margin: 0 auto; }
.question-title { color: #202A2C; font-size: 18px; font-weight: 600; line-height: 36px; }
.question-title span { color: #29B3B1; font-size: 21px; font-weight: 600; vertical-align: baseline; }
.question-title em { vertical-align: middle; display: none; }
.question-title em.block-show { display: inline-block; }
.back-icon::after { display: inline-block; content: "\e802"; font-family: 'iconfont'; zoom: 1; font-size: 25px; font-weight: 600; transform: rotateZ(180deg);}
.question-progress { border-radius: 10px; background: #CCE8E7; width: 100%; height: 8px; margin-top: 10px; position: relative; }
.question-progress::after { display: block; position: absolute; zoom: 1; content: ""; width: 33%; height: 100%; border-radius: 10px; background: #29B3B1; }
.question-progress.progress2::after { width: 66%; }
.question-progress.progress3::after { width: 100%; }

.question-conts { position: relative; width: 90%; margin: 0 auto; overflow: hidden; min-height: 230px; padding-bottom: 20px; }
.question-cont>p { color: #202A2C; font-size: 16px; font-weight: 500; margin-bottom: 12px;}
.question-cont ul li { border-radius: 10px; border: 1px solid #36B0B2; background: #F8FFFE; color: #202A2C; font-size: 14px; padding: 20px 10px; margin-bottom: 10px; box-sizing: border-box; cursor: pointer;}
.question-cont ul li.active { color: #29B3B1; background: linear-gradient(128deg, rgba(241, 253, 253, 0.00) 12.32%, #F1FDFD 71.93%); }

.question-cont { display: none; }
.question-cont.question-current { display: block; }
.question-device button { border: none; outline: none; border-radius: 10px; background: #BBBBBB; width: 100%; margin: 40px auto 20px; padding: 12px 0; color: #FFF; font-size: 20px; font-weight: 500; cursor: pointer; }
.question-device button.sure { background: linear-gradient(92deg, #08C2AA 6.85%, #29B3B1 90.7%); }
.device-type { border-radius: 6px; background-color: #fff; padding-bottom: 10px; }
.device-version { border-radius: 10px; background-color: #fff; margin-top: 12px; padding: 10px 0; }
.device-version ul { width: 92%; margin: 20px auto 0; }
.version-special { display: none; }
.question-cont .device-version ul li { display: inline-block; }
.version-title { width: 90%; margin: 0px auto; color: #666; font-size: 14px; font-weight: 500;}
.device-type .tab { display: flex; justify-content: space-around; flex-wrap: nowrap; padding: 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.10); }
.device-type .tab p { color: #3F3F3F; font-size: 16px; }
.device-type .tab p.act { color: #29B3B1; position: relative; }
.device-type .tab p.act::after { content: ""; display: block; z-index: 1; zoom: 1; width: 100%; position: absolute; width: 100%; height: 3px; border-radius: 6px; background: #29B3B1; bottom: -15px; }
.device-type ul { width: 90%; margin: 20px auto 0; display: none; }
.device-type ul.current { display: block; }

.question-result { display: none; background: #FFF; }
.result-item { background: linear-gradient(180deg, #E5F8F6 0%, rgba(229, 248, 246, 0.00) 40%); text-align: center; padding-top: 30px; display: none; }
.result4, .result2, .result3 { background: linear-gradient(180deg, #E5F8F6 0%, rgba(229, 248, 246, 0.00) 100%);  }
.result-item>p { color: #202A2C; font-size: 14px; margin: 10px auto 20px; width: 100%; }
.result-item .ftsubtips { max-width: 315px; width: 100%; }
.result-item .result1-title { color: #202A2C; font-size: 26px; font-weight: 600; margin: 20px auto 0; }
.result-item .result1-des { color: #202A2C; font-size: 16px; font-weight: 500; margin: 5px auto 20px; }
.result-item button { border: none; outline: none; border-radius: 10px; background: linear-gradient(92deg, #08C2AA 6.85%, #29B3B1 90.7%); color: #FFF; font-size: 20px; font-weight: 500; max-width: 315px; width: 100%; padding: 12px 0; }
.result-item button svg { vertical-align: middle; margin-left: 5px; }
.result-item input { border-radius: 10px; padding: 16px 10px; border: 0.5px solid #999; background: #FFF; max-width: 315px; width: 100%; display: block; margin: 25px auto 15px; box-sizing: border-box; }
.result-lists { display: flex; justify-content: space-around; flex-wrap: wrap; width: 94%; margin: 20px auto 0; }
.list-item { border-radius: 10px; border: 0.5px solid #88DFD4; background: linear-gradient(180deg, #F1FFFD 0%, #FFF 100%); padding: 10px; max-width: 165px; width: 100%; margin: 5px; box-sizing: border-box; }
.list-title { color: #202A2C; font-size: 16px; font-weight: 600; }
.list-des { color: #202A2C; font-size: 14px; }

.function-lists { width: 90%; margin: 20px auto 0; border-radius: 10px; background: linear-gradient(180deg, #EEF8F7 0%, #FFF 100%); box-shadow: 0px 1px 7.5px 0px rgba(0, 50, 55, 0.18); box-sizing: border-box; padding: 20px; }
.function-item { text-align: left; margin-bottom: 20px; }
.function-end { margin-bottom: 0; }
.function-item .function-des { width: calc(100% - 30px); display: inline-block; color: rgba(32, 42, 44, 0.80); margin-left: 6px; font-size: 14px;}
.function-item svg { vertical-align: top; }

.back-des { color: #666; font-size: 16px; text-align: center; margin: 40px auto;}
.back-des a { color: #18B7A5; font-size: 16px; text-decoration: underline;}
.result1 .back-des, .result1 .back-des a { font-size: 14px; margin: 30px auto 0; }


.result1 .h-title { font-size: 26px; }
.result1 .buy-plan { color: #333; font-size: 19px; font-weight: 500; }
.result1 .footer { margin-top: 40px; }
.result4.result-item .title-result { margin-top: 34px; }
.loading-img { width: 100%; }

@media screen and (max-width: 980px) {
    .ios-phone, .question-box {width: 100%;}
    .result-item p { max-width: 340px; width: 100%;}
}

@media screen and (max-width: 750px)  {
    .reviews-lists { min-height: 360px; }
    .review-item { min-height: 304px; display: flex; flex-direction: column;  justify-content: center; }
    
}

@media screen and (max-width: 400px) {
    .buy-area img { width: 100%; }
    .buy-tips img { width: 16px; vertical-align: top; }
    .payment { width: 90%; }
}