@keyframes widthTo-8b6e19fc{0%{width:0}to{width:40%}}.bgImg[data-v-8b6e19fc]{position:absolute;transition:.5s}.bgImg[data-v-8b6e19fc],.topView[data-v-8b6e19fc]{height:100%;left:0;top:0;width:100%}.topView[data-v-8b6e19fc]{display:flex;justify-content:center;overflow:hidden;position:relative;position:absolute}.topView img[data-v-8b6e19fc]{height:90vh;width:90%}.topView .productImg[data-v-8b6e19fc]{align-items:center;display:flex;flex:.4;height:84%;padding-right:6vw;position:relative}.topView .productImg img[data-v-8b6e19fc]{height:auto;width:100%}.topView .drop[data-v-8b6e19fc]{background:linear-gradient(90deg,#000,transparent);color:#fff;display:flex;flex:.6;flex-flow:column nowrap;position:relative;z-index:99}.topView .drop .positionView[data-v-8b6e19fc]{left:0;position:absolute;top:50%;transform:translateY(-50%)}.topView .drop .positionView h2[data-v-8b6e19fc]{font-size:calc(12px + 2vw);letter-spacing:10px;margin:10% 0 2vw 6vw}.topView .drop .positionView p[data-v-8b6e19fc]:not(.title,.mes){letter-spacing:2px;line-height:28px;margin:0 0 2vw 6vw;position:relative;width:80%;word-spacing:8px;word-spacing:2px}.topView .drop .positionView .fourTips1[data-v-8b6e19fc]{display:flex;flex-flow:row wrap;justify-content:space-evenly;justify-content:flex-start;margin:0 0 0 6vw;width:75%}.topView .drop .positionView .fourTips1 .tip[data-v-8b6e19fc]{background:#27374bb3;border:2px solid #fff;border-radius:3px;margin:0 2vw 2vw 0;padding:20px;text-align:center;width:33%}.topView .drop .positionView .fourTips1 .tip img[data-v-8b6e19fc]{height:4.5vw;width:4.5vw}.topView .drop .positionView .fourTips1 .tip .title[data-v-8b6e19fc]{font-size:1.4vw;letter-spacing:1px;margin-bottom:5px;word-spacing:1px}.topView .drop .positionView .fourTips1 .tip .mes[data-v-8b6e19fc]{color:#ffffffa6;font-size:1vw;letter-spacing:1px;word-spacing:1px}.backImage[data-v-8b6e19fc]{background:url(./productBack.b9AbJfxQ.webp) no-repeat;background-size:cover;padding:100px 80px}.backImage .bigImg img[data-v-8b6e19fc]{height:100%;width:100%}.switchView[data-v-8b6e19fc]{box-sizing:border-box;height:calc(100% - 180px);padding:30px 0;position:relative}.switchView>div[data-v-8b6e19fc]{align-items:center;display:flex;flex:1;height:50%;justify-content:center;width:100%}.switchView>div .left[data-v-8b6e19fc]{flex:.4;text-align:center}.switchView>div .left img[data-v-8b6e19fc]{height:100%;width:90%}.switchView>div .right[data-v-8b6e19fc]{align-items:stretch;display:flex;flex:.6;height:100%;justify-content:center;position:relative;width:30vw}.switchView>div .right img[data-v-8b6e19fc]{opacity:0;width:100%}.switchView>div .right .content[data-v-8b6e19fc]{color:#fff;display:flex;flex:1;flex-flow:column nowrap;height:100%;justify-content:center;width:40vw}.switchView>div .right .content .title[data-v-8b6e19fc]{font-size:calc(2vw + 8px);margin-bottom:20px;padding-left:40px}.switchView>div .right .content .ptitle[data-v-8b6e19fc]{font-size:16px;padding-left:40px}.switchView>div .right .content .mesView[data-v-8b6e19fc]{display:flex;flex-flow:row wrap;font-size:1vw}.switchView>div .right .content .mesView p[data-v-8b6e19fc]{align-items:center;border-bottom:1px solid #707070;display:flex;margin-bottom:5px;padding:10px 0 10px 40px;width:calc(50% - 40px)}.switchView>div .right .content .mesView>p[data-v-8b6e19fc]:first-child,.switchView>div .right .content .mesView>p[data-v-8b6e19fc]:nth-child(2){border-top:1px solid #707070}.switchView>div .right .content .mesViewLine[data-v-8b6e19fc]{display:flex;flex-flow:row wrap;font-size:1vw;padding-left:40px}.switchView>div .right .content .mesViewLine p[data-v-8b6e19fc]{border:none;margin-bottom:5px;padding:10px 0;width:100%}.switchView .bottom[data-v-8b6e19fc]{height:50%}.switchView .bottom .right[data-v-8b6e19fc]{height:unset}.switchView .bottom[data-v-8b6e19fc]{color:#fff}.switchView .bottom .left[data-v-8b6e19fc]{margin-bottom:-8%;padding-right:8vw;text-align:right}.switchView .bottom .right[data-v-8b6e19fc]{padding-left:8vw}.switchView .top[data-v-8b6e19fc]{color:#fff}.switchView .top .left[data-v-8b6e19fc]{padding-left:8vw;text-align:left}.switchView .top .right[data-v-8b6e19fc]{padding-right:8vw}.sixthView[data-v-8b6e19fc]{display:flex;flex-flow:column nowrap;height:95vh;justify-content:space-between;padding-top:5vh}.sixthView .messageView[data-v-8b6e19fc]{color:#000;display:flex;flex:1;flex-flow:row wrap;justify-content:center;margin-top:15vh;z-index:99}.sixthView .messageView .icons[data-v-8b6e19fc]{margin-right:8vw;width:15vw}.sixthView .messageView .icons .headerIcon[data-v-8b6e19fc]{margin-bottom:1rem;padding:0 1rem}.sixthView .messageView .icons img[data-v-8b6e19fc]{border-radius:8px;width:100%}.sixthView .messageView .icons .messageItem[data-v-8b6e19fc]{flex:1}.sixthView .messageView .messageItem[data-v-8b6e19fc]{margin:0 1rem}.sixthView .messageView .messageItem .pic[data-v-8b6e19fc]{margin:0 auto}.sixthView .messageView .messageItem:nth-child(4) .dropItem[data-v-8b6e19fc]{flex-flow:column nowrap!important}.sixthView .messageView .messageItem .dropView[data-v-8b6e19fc]{display:flex;flex-flow:column wrap;margin:0 30px}.sixthView .messageView .messageItem .dropView .dropItem[data-v-8b6e19fc]{cursor:pointer;display:flex;flex-flow:column wrap;font-weight:400;height:200px}.sixthView .messageView .messageItem .dropView .dropItem .hasMargin[data-v-8b6e19fc]{margin-right:45px}.sixthView .messageView .messageItem .dropView .toptitle[data-v-8b6e19fc]{font-size:24px}.sixthView .messageView .messageItem .dropView img[data-v-8b6e19fc]{height:1.2vw;margin-right:10PX;vertical-align:-.2vw;width:1.2vw}.sixthView .messageView .messageItem .toptitle[data-v-8b6e19fc]{flex:1;font-size:24px;font-weight:700;margin-bottom:15PX}.sixthView .messageView .messageItem .msg[data-v-8b6e19fc]{color:#333;font-size:17px;margin-bottom:15PX;max-width:15vw}.sixthView .centerText[data-v-8b6e19fc]{align-items:center;color:#040c1e;font-size:2vw;font-weight:200;justify-content:center;letter-spacing:6px;margin-bottom:15vh;margin-top:15vh;text-align:center;word-spacing:6px}.sixthView .footerView[data-v-8b6e19fc]{align-items:center;bottom:0;display:flex;flex:1;flex-flow:column nowrap;justify-content:center;left:0;position:relative;position:absolute;width:100%}.sixthView .footerView .footerCopy[data-v-8b6e19fc]{bottom:10PX;font-size:14px;left:50%;position:absolute;text-align:center;transform:translate(-50%);width:100%;z-index:99}.sixthView .footerView .footerCopy span[data-v-8b6e19fc]{padding-right:30PX}@keyframes widthTo-75ec39ec{0%{width:0}to{width:40%}}.topView[data-v-75ec39ec]{display:flex;height:50vw;max-height:450px;min-height:280px;position:relative;width:100%}.topView .drop[data-v-75ec39ec],.topView img[data-v-75ec39ec]{height:100%;width:100%}.topView .drop[data-v-75ec39ec]{background:linear-gradient(90deg,#000,transparent);color:#fff;display:flex;flex-flow:column nowrap;left:0;position:absolute;top:0}.topView .drop h2[data-v-75ec39ec]{font-size:calc(12px + 4vw);font-size:5vw;letter-spacing:10px;margin:13vw 0 0 10vw;word-spacing:2px}.topView .drop p[data-v-75ec39ec]{font-size:16px;margin:5vw 0 0 10vw;position:relative;width:80%;word-spacing:8px}.topView .drop p[data-v-75ec39ec]:after{background:#fff;content:"";height:2px;left:0;position:absolute;top:-10px;width:40%}.backImage[data-v-75ec39ec]{padding:15px}.backImage .fourTips[data-v-75ec39ec]{display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:40px;padding-top:15px}.backImage .fourTips .tip[data-v-75ec39ec]{background:#212324;border-radius:10px;color:#fff;margin-bottom:15px;padding:20px 0;text-align:center;width:49%}.backImage .fourTips .tip img[data-v-75ec39ec]{height:15vw;width:15vw}.backImage .fourTips .tip .title[data-v-75ec39ec]{font-size:3vw}.backImage .fourTips .tip .mes[data-v-75ec39ec]{font-size:2vw}.backImage .bigImg[data-v-75ec39ec]{margin:15px 0}.backImage .bigImg img[data-v-75ec39ec]{height:100%;width:100%}.switchView[data-v-75ec39ec]{color:#fff}.switchView img[data-v-75ec39ec]{height:100%;width:100%}.switchView img[data-v-75ec39ec],.switchView>div[data-v-75ec39ec]{border-radius:15px;margin-bottom:15px}.switchView>div[data-v-75ec39ec]{background:#2d2f30;padding:20px 15px}.switchView .content .title[data-v-75ec39ec]{font-size:4.5vw;font-weight:500;letter-spacing:3px;word-spacing:3px}.switchView .content .title[data-v-75ec39ec]:after{background:#fff;content:"";display:block;height:2px;margin:12px 0;width:20%}.switchView .content .ptitle[data-v-75ec39ec]{font-size:3vw;font-weight:500;letter-spacing:3px;word-spacing:3px}.switchView .content .mesView[data-v-75ec39ec]{display:flex;flex-flow:row wrap}.switchView .content .mesView>span[data-v-75ec39ec]{font-size:16px;margin:3px 10% 10px 0}