@charset "utf-8";

.pc-box[data-v-664e3b2f] { text-align: center; }

.pc-logo img[data-v-664e3b2f] { width: 8rem; height: 8rem; border-radius: 1rem; }

.pc-box > p[data-v-664e3b2f] { font-size: 20px; font-weight: 400; line-height: 1.5em; }

.pc-box .code[data-v-664e3b2f] { margin: 30px auto 10px; width: 200px; height: 200px; }

.pc-box .info[data-v-664e3b2f] { font-size: 18px; font-weight: 700; margin: 50px auto; color: rgb(10, 10, 10); }

.pc-box .pc-colsed[data-v-664e3b2f] { z-index: 2; position: absolute; right: 20px; width: 30px; }

.pc-box .pc-colsed img[data-v-664e3b2f] { display: block; cursor: pointer; width: 100%; }

.pc-box[data-v-664e3b2f] { position: fixed; inset: 0px; background-repeat: no-repeat; background-size: cover; }

.pc-box .tipss[data-v-664e3b2f] { font-size: 1rem; text-align: center; margin-top: 2rem; width: 100%; color: rgb(10, 10, 10); }

.appname[data-v-664e3b2f] { color: rgb(10, 10, 10); }

.home[data-v-7414bd83] { padding-bottom: 4rem; }

.base-info[data-v-7414bd83] { padding: 2.4rem var(--bodyborder) 0.76rem var(--bodyborder); margin: 0px auto; display: flex; flex-direction: row; }

.base-info .base-info-l[data-v-7414bd83] { border-radius: 0.8rem; overflow: hidden; width: 6.9rem; height: 6.9rem; box-sizing: border-box; flex-shrink: 0; }

.base-info .base-info-l > img[data-v-7414bd83] { width: 100%; height: 100%; }

.base-info .base-info-r[data-v-7414bd83] { position: relative; margin-left: 1.2rem; flex: 1 1 0%; }

.base-info .base-info-r .title[data-v-7414bd83] { margin-top: 0.01rem; font-weight: 700; font-size: 1.45rem; font-family: var(--bold); }

.infoname[data-v-7414bd83] { display: flex; flex-direction: column; justify-content: space-between; }

.gray[data-v-7414bd83] { color:#83bfa1; font-size: 1.05rem; }

.base-info .base-info-r .install-btn[data-v-7414bd83] { min-width: 6rem; border-radius: 0.8rem; background: var(--blue); border: 1px solid #ffdc34; }

.base-info .base-info-r .disabled-install-btn[data-v-7414bd83], .base-info .base-info-r .install-btn[data-v-7414bd83] { display: inline-block; height: 1.6rem; text-align: center; color: rgb(255, 255, 255); font-size: 0.85rem; bottom: 0.35rem; left: 0px; line-height: 1.5rem; }

.base-info .base-info-r .disabled-install-btn[data-v-7414bd83] { width: 6.5rem; border-radius: 0.8rem; background: rgb(136, 141, 148); border: 1px solid rgb(136, 141, 148); }

.base-info .base-info-r .loading[data-v-7414bd83] { height: 1.28rem; margin-right: 4px; vertical-align: -3px; }

.base-info .base-info-r .install-btn[data-v-7414bd83]:hover { text-decoration: none; background-color: var(--blue); }

.base-info .base-info-r .clr[data-v-7414bd83] { margin-top: 1.8em; }

.base-info .base-info-r .arouse[data-v-7414bd83] { border-radius: 1rem; text-align: center; font-size: 0.75rem; color: var(--blue); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }

.base-info .base-info-r .arouse span[data-v-7414bd83] { font-size: 0.8rem; text-decoration: underline; line-height: 1.2rem; }

.base-info .base-info-r .arouse b[data-v-7414bd83] { display: inline-block; vertical-align: middle; width: 1.6rem; height: 1.6rem; }

.base-info .base-info-r .arouse b img[data-v-7414bd83] { width: 100%; height: 100%; }

.rate-info2[data-v-7414bd83] { padding: 1rem 0px 0.8rem; margin: 0px 1rem; border-bottom: var(--border); display: flex; flex-direction: column;}

.rate-info2 span[data-v-7414bd83] { display: flex; align-items: center; }

.rate-info2 b[data-v-7414bd83] { vertical-align: middle; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; margin: 0px 0.4rem 0px 0px; border-radius: 50%; background-image: ; background-position-x: ; background-position-y: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: contain; display: flex; align-items: center; justify-content: center; }

.rate-info2 b[data-v-7414bd83]::after { content: "!"; color: var(--imgcolor); }

.rate-info[data-v-7414bd83] { padding: 0.4rem 0 var(--bodyborder) 0; margin: 0 var(--bodyborder); display: flex; justify-content: space-between; align-items: center; }

.rate-info .rate p strong[data-v-7414bd83] { font-family: var(--bold); font-size: 1.6rem; font-weight: 700; color:#83bfa1; }

.fy97[data-v-7414bd83] { font-size: 1.8rem; font-weight: 700; font-family: var(--bold); color: var(--color8c8b90); }

.rate-info .rate > img[data-v-7414bd83] { width: 5rem; margin-left: 5px; }

.rate-info .rate > p[data-v-7414bd83] { color: #83bfa1; font-size: 0.85rem; white-space: nowrap; }

.rate-info .classification strong[data-v-7414bd83] { font-size: 1.6rem; font-weight: 700; color: #83bfa1; font-family: var(--bold); }

.rate-info .classification > p[data-v-7414bd83] { color:#83bfa1; font-size: 0.85rem; }

.rate-info .classification > p span[data-v-7414bd83] { color:#83bfa1; font-size: 1.3rem; font-weight: 700; }

.rate-info .classification p[data-v-7414bd83], .rate-info .rate p[data-v-7414bd83] { }

.rate-info .rate-line-between[data-v-7414bd83] { width: 1px; background-color: rgb(231, 231, 231); height: 3rem; margin: 0.5rem 0.5rem 0px; }

.app-info[data-v-7414bd83] { border-top: var(--border); margin: 0px 1rem; }

.app-info .app-title[data-v-7414bd83] { margin-bottom: 0.5rem; font-size: 1.6rem; font-weight: bolder; font-family: var(--bold); }

.app-info .app-info-con[data-v-7414bd83] { position: relative; font-size: 1rem; }

.comment-info[data-v-7414bd83] { border-top: var(--border); padding: 1rem 0px; margin: 0px 1rem; }

.comment-info .comment-info-title[data-v-7414bd83] { margin: 0.3rem 0px 0.85rem; font-size: 1.6rem; font-weight: bolder; }

.comment-info .comment-info-content[data-v-7414bd83] { display: flex; flex-direction: row; }

.comment-info .comment-info-content .comment-info-l > strong[data-v-7414bd83] { font-size: 3.75rem; line-height: 3.5rem; color: #fff; font-weight: 700; }

.comment-info .comment-info-content .comment-info-l > p[data-v-7414bd83] { width: 5.6875rem; text-align: center; color:#83bfa1; margin-top: 0.625rem; font-size: 0.9rem; font-weight: 700; }

.comment-info .comment-info-content .comment-info-r[data-v-7414bd83] { margin-left: 2rem; flex-grow: 1; }

.comment-info .comment-info-content .comment-info-r .comment-star-list > li[data-v-7414bd83] { margin-top: 0.3rem; line-height: 0; display: flex; flex-direction: row; align-items: center; }

.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-star[data-v-7414bd83] { position: relative; width: 2.875rem; height: 0.4375rem; }

.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-star > img[data-v-7414bd83] { display: block; width: 100%; height: 100%; }

.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-star > div[data-v-7414bd83] { position: absolute; left: 0px; top: 0px; height: 100%; background: #2b8155; }

.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-progress[data-v-7414bd83] { position: relative; margin-left: 0.5rem; flex-grow: 1; height: 0.125rem; background: #83bfa1; border-radius: 0.125rem; }

.comment-info .comment-info-content .comment-info-r .comment-star-list .comment-progress > div[data-v-7414bd83] { position: absolute; left: 0px; height: 0.125rem; background:#fff; border-radius: 0.125rem; width: 90%; }

.comment-message[data-v-7414bd83] { background-color:#236845; border: 0px; border-radius: 0.5rem; margin-bottom: 2rem; }

.comment-message > div[data-v-7414bd83] { padding: 0px 0.7rem; }

.comment-message .comment-user[data-v-7414bd83] { margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center; }

.comment-message .comment-user span[data-v-7414bd83]:first-child { display: inline-block; width: 69%; text-align: left; font-weight: 700; font-family: var(--bold); font-size: 1rem; margin: 0px; }

.comment-message .comment-user span[data-v-7414bd83]:last-child { display: inline-block; text-align: right; font-size: 1rem; color: #83bfa1; }

.comment-message .comment-star .glyphicon-user[data-v-7414bd83] { font-size: 0.75rem; border: 1px solid rgb(222, 222, 234); border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(233, 233, 236); }

.comment-message .comment-star[data-v-7414bd83] { font-size: 0.75rem; display: flex; align-items: center; justify-content: space-between; }

.comment-message .comment-star span[data-v-7414bd83]:first-child { color: rgb(255, 187, 21); display: inline-block; width: 49%; text-align: left; }

.comment-message .comment-star span[data-v-7414bd83]:last-child { display: inline-block; text-align: right; font-size: 1rem; color: #83bfa1; }

.comment-message .comment-content[data-v-7414bd83] { padding: 5px 0.7rem; }

.comment-message .comment-content span[data-v-7414bd83] { font-size: 0.95rem; line-height: 1.5rem; }

.information-info[data-v-7414bd83] { border-top: var(--border); margin: 0 var(--bodyborder); }

.information-info .app-title[data-v-7414bd83] { margin: 0.6rem 0px 0px; font-size: 1.6rem; font-weight: bolder; font-family: var(--bold); }

.information-info .information-list[data-v-7414bd83] { margin: 0px; padding: 0px; }

.information-info .information-list > li[data-v-7414bd83] { font-size: 0.98rem; display: flex; flex-direction: row; align-items: center; line-height: 3.2rem; border-bottom: var(--border); }

.information-info .information-list > li .l[data-v-7414bd83] { color:#83bfa1; }

.information-info .information-list > li .r[data-v-7414bd83] { margin-left: 1.5rem; flex: 1 1 0%; text-align: right; line-height: 1rem; color: #fff; }

.disclaimer[data-v-7414bd83] { padding: 0.71rem var(--bodyborder); color: #83bfa1; }

.fy38[data-v-7414bd83] { color:#fff; }

.disclaimer2[data-v-7414bd83] { padding: 0.71rem var(--bodyborder); color: var(--colorgray); display: flex; }

.udid[data-v-7414bd83] { color: var(--blue); }

footer[data-v-7414bd83] { position: fixed; bottom: 0px; left: 0px; height: 2.75rem; background-color: var(--footer); color: rgb(255, 255, 255); width: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; }

.fy23[data-v-7414bd83] { line-height: 22px; overflow: hidden; }

.blue[data-v-7414bd83] { color:#ffff00; display: flex; padding: 0px 0.7rem; justify-content: flex-end; margin: -1.1rem 0px 0px; }

.blue span[data-v-7414bd83] { text-align: right; width: 4rem; background-image:mais; }

.slideVerify[data-v-7414bd83] { overflow: hidden; width: 100%; height: 100%; display: flex; justify-content: center; z-index: 2; background: var(--mask); align-items: center; position: fixed; }

.slideVerify .Verifyborder[data-v-7414bd83] { overflow: hidden; background-color: var(--bg); padding: 4rem 1rem 1rem; border-radius: 0.6rem; position: relative; }

.slideVerify .Verifyborder p[data-v-7414bd83] { background: var(--graybg); padding: 0px 0px 0px 1rem; margin: 0px; font-size: 1.1rem; position: absolute; top: 0px; left: 0px; width: 95%; line-height: 3rem; box-shadow: rgb(211, 211, 211) 0px -2px 3px inset; }

.pcmask[data-v-7414bd83] { position: fixed; z-index: 3 !important; }

.img_box_long[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; overflow-x: auto; }

.img_box_long .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }

.img_box_long .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 30.5rem; }

.img_box_long .imgs img[data-v-7414bd83] { object-fit: cover; width: 96%; border-radius: 1rem; height: 100%; }

.img_box_short[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; overflow-x: auto; }

.img_box_short .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }

.img_box_short .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 11rem; }

.img_box_short .imgs img[data-v-7414bd83] { object-fit: cover; width: 98%; border-radius: 0.5rem; height: 100%; }

.img_box_short2[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; }

.img_box_short2 .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }

.img_box_short2 .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 11rem; border-radius: 0.5rem; overflow: hidden; }

.img_box_short2 .imgs img[data-v-7414bd83] { object-fit: cover; width: 100%; border-radius: 0.4rem; height: 100%; }

@media screen and (min-width: 500px) {
  .img_box_short[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; overflow-x: auto; }
  .img_box_short .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }
  .img_box_short .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 15rem; }
  .img_box_short .imgs img[data-v-7414bd83] { object-fit: cover; width: 98%; border-radius: 0.5rem; height: 100%; }
  .img_box_short2[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; }
  .img_box_short2 .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }
  .img_box_short2 .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 15rem; border-radius: 0.5rem; overflow: hidden; }
  .img_box_short2 .imgs img[data-v-7414bd83] { object-fit: cover; width: 100%; border-radius: 0.4rem; height: 100%; }
}

@media screen and (min-width: 750px) {
  .img_box_short[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; overflow-x: auto; }
  .img_box_short .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }
  .img_box_short .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 24rem; }
  .img_box_short .imgs img[data-v-7414bd83] { object-fit: cover; width: 98%; border-radius: 0.5rem; height: 100%; }
  .img_box_short2[data-v-7414bd83] { margin: 0 var(--bodyborder) 1rem var(--bodyborder); padding: 0px; }
  .img_box_short2 .imgs[data-v-7414bd83] { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0px; }
  .img_box_short2 .imgs .van-swipe[data-v-7414bd83] { width: 100%; height: 24rem; border-radius: 0.5rem; overflow: hidden; }
  .img_box_short2 .imgs img[data-v-7414bd83] { object-fit: cover; width: 100%; border-radius: 0.4rem; height: 100%; }
}

.tutorial_mask[data-v-7414bd83] { width: 100%; height: 100%; display: flex; justify-content: center; z-index: 3; background: var(--mask); align-items: center; position: fixed; top: 0px; }

.tutorial_mask .tutorial[data-v-7414bd83] { flex: 1 1 0%; margin: 0 var(--bodyborder); background: var(--bg); border-radius: 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: var(--bodyborder); position: relative; }

.tutorial_mask .tutorial .colsed[data-v-7414bd83] { position: absolute; top: 0.4rem; right: 0.4rem; width: 1.2rem; }

.tutorial_mask .tutorial .colsed img[data-v-7414bd83] { display: block; cursor: pointer; width: 100%; }

.tutorial_mask .tutorial .top[data-v-7414bd83] { color: var(--color0a0a0a); font-size: 1.1rem; font-weight: 700; }

.tutorial_mask .tutorial .content[data-v-7414bd83] { width: 90%; background-color: var(--borbg); margin: var(--bodyborder) 0; border-radius: 0.8rem; display: flex; flex-direction: column; align-items: center; }

.tutorial_mask .tutorial .content .text[data-v-7414bd83] { width: 100%; border-bottom: var(--border); text-align: center; }

.tutorial_mask .tutorial .content .ok[data-v-7414bd83] { color: var(--blue); font-size: 1.1rem; line-height: 2.5rem; }

.tutorial_mask .tutorial .bottom[data-v-7414bd83] { background-color: rgb(109, 194, 146); color: rgb(255, 255, 255); font-size: 1rem; padding: 0.5rem 1rem; border-radius: 2rem; }

.solve_mask[data-v-7414bd83] { width: 100%; height: 100%; display: flex; justify-content: center; z-index: 3; background: var(--mask); align-items: center; position: fixed; top: 0px; }

.solve_mask .solve[data-v-7414bd83] { overflow: hidden; flex: 1 1 0%; margin: 0 var(--bodyborder); background: var(--bg); border-radius: 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; }

.solve_mask .solve .colsed[data-v-7414bd83] { position: absolute; top: 0.4rem; right: 0.4rem; width: 1.2rem; z-index: 1000; }

.solve_mask .solve .colsed img[data-v-7414bd83] { display: block; cursor: pointer; width: 100%; }

.solve_mask .solve img[data-v-7414bd83] { border-radius: 0.8rem 0.8rem 0px 0px; object-fit: cover; width: 100%; height: 70%; }

.solve_mask .solve .tips[data-v-7414bd83] { color: var(--blue); text-align: center; line-height: 0.8rem; }

.my-swipe .van-swipe-item[data-v-7414bd83] { color: rgb(255, 255, 255); font-size: 20px; line-height: 150px; text-align: center; background-color: rgb(57, 169, 237); }

.custom-indicator[data-v-7414bd83] { padding-bottom: 1rem; text-align: center; }

.custom-indicator ul[data-v-7414bd83] { display: flex; align-items: center; justify-content: center; }

.custom-indicator ul li[data-v-7414bd83] { margin: 0.4rem; width: 0.7rem; height: 0.7rem; background: var(--colorgray); border-radius: 50%; }

.custom-indicator ul .pink[data-v-7414bd83] { background: var(--blue); }

.van-popup--center[data-v-7414bd83] { width: 90%; background: var(--bg); }

.van-popup--center .zhuomian[data-v-7414bd83] { display: flex; flex-direction: column; padding: 0.8rem; }

.van-popup--center .zhuomian p[data-v-7414bd83] { margin: 0.5rem; }

.wechat[data-v-7414bd83] { position: fixed; background-color: rgb(255, 255, 255); width: 100%; height: 100vh; z-index: 3 !important; }

.wechat img[data-v-7414bd83] { display: block; width: 100%; padding: 0px; margin: 0px; }

.noSafari[data-v-7414bd83] { width: 100%; height: 100vh; background: var(--mask); position: fixed; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; z-index: 3 !important; }

.noSafari .mask-pop[data-v-7414bd83] { position: relative; width: 80%; background: var(--bg); border-radius: 1rem; overflow: hidden; }

.noSafari .mask-pop .copy-url-img[data-v-7414bd83] { display: block; width: 100%; }

.noSafari .mask-pop .txt[data-v-7414bd83] { color: var(--colorfff); position: absolute; right: 10%; top: 25%; font-size: 1rem; }

.noSafari .mask-pop .copy-url[data-v-7414bd83] { position: relative; margin: 2rem; height: 2rem; line-height: 2rem; background: rgb(248, 249, 251); border-radius: 1rem; overflow: hidden; }

.noSafari .mask-pop .copy-url .input[data-v-7414bd83] { padding-left: 1rem; color: rgb(10, 10, 10); }

.noSafari .mask-pop .copy-url button[data-v-7414bd83] { margin-right: -0.2rem; position: absolute; right: 0px; top: 0px; padding: 0px 1rem; height: 2rem; line-height: 2rem; border: 1px solid rgba(34, 125, 249, 0); background: linear-gradient(90deg, rgb(34, 125, 249), rgb(0, 203, 250)); color: rgb(255, 255, 255); border-radius: 0px 18px 18px 0px; }

.van-popup-xinren[data-v-7414bd83] { width: 80%; border-radius: 1rem; padding: 1rem; }

.van-popup-xinren .xinren[data-v-7414bd83] { color: var(--color0a0a0a); font-size: 1rem; }

.van-popup-xinren p[data-v-7414bd83] { display: flex; justify-content: flex-end; margin: 1rem 0px 0px; padding: 0px; }

.van-popup-xinren p span[data-v-7414bd83] { margin-left: 1rem; font-size: 1rem; }

.van-popup-beiyong[data-v-7414bd83] { width: 80%; border-radius: 1rem; padding: 1rem; }

.van-popup-beiyong .beiyong[data-v-7414bd83] { color: var(--color0a0a0a); font-size: 1rem; }

.van-popup-beiyong p[data-v-7414bd83] { display: flex; justify-content: flex-end; margin: 1rem 0px 0px; padding: 0px; }

.van-popup-beiyong p span[data-v-7414bd83] { margin-left: 1rem; font-size: 1rem; }