[data-v-6b3d45b2]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
[data-v-6b3d45b2] .v-modal{opacity:.55}
[data-v-6b3d45b2]{word-break:break-word}
.font-medium{font-family:OPlusSans !important}
@media(min-width:1024px){.pc-font-medium{font-family:OPlusSans !important}
}
@media(max-width:1023.98px){.md-font-medium{font-family:OPlusSans !important}
}
.van-sticky{border-bottom:1px solid #eaeaea}
.tow-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}
[data-v-0efcd3b4]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
[data-v-0efcd3b4]{letter-spacing:-.02em}
.banner-swiper[data-v-0efcd3b4]{margin-right:0}
@media(min-width:1024px){.banner-container[data-v-0efcd3b4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e6e6e6;padding:64px 0 32px}
.banner-swiper[data-v-0efcd3b4]{margin-left:137px;width:672px;height:200px}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4]{bottom:16px}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4] .swiper-pagination-bullet{margin:0 8px;opacity:1;background:rgba(0,0,0,.12)}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4] .swiper-pagination-bullet-active{position:relative;margin:0 6px;width:12px;height:12px;background-color:transparent;border:2px solid rgba(0,0,0,.12)}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4] .swiper-pagination-bullet-active:before{content:"";position:absolute;top:-2px;right:-2px;display:inline-block;width:12px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB8SURBVHgBjVKBEYAgCOSawBEcoREcwREcxc1sg9rAUQoKOM46g7sXRV4fEeDbOuJE7IgCDhOCgNbRQ8yGTD54SMGQKjgtMaGJ3u64RerRyZ++O2/BYePAOknO7A8aKsxfwRZdxkA3p1E8DXtqEd7NcjWuwPMdJLGxZJV6AaOqMLYAjASxAAAAAElFTkSuQmCC) no-repeat 50%/100% 100%}
}
@media(max-width:1023.98px){.banner-swiper[data-v-0efcd3b4]{width:100%;height:96px;margin-top:32px}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4]{bottom:9px}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4] .swiper-pagination-bullet{margin:0 3px;width:6px;height:6px;border:1px solid #fff;opacity:.4;background-color:transparent}
.swiper-container-horizontal>.swiper-pagination-bullets[data-v-0efcd3b4] .swiper-pagination-bullet-active{background:#fff;opacity:1}
}
[data-v-01a180f8]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
[data-v-01a180f8]{letter-spacing:-.02em}
.devive-swiper[data-v-01a180f8]{margin-left:0;margin-right:0}
@media(min-width:1024px){.swiper-slide[data-v-01a180f8]{width:280px !important}
.swiper-next[data-v-01a180f8],.swiper-prev[data-v-01a180f8]{width:32px;height:32px;position:absolute;top:32px;border-radius:50%}
.swiper-next img[data-v-01a180f8],.swiper-prev img[data-v-01a180f8]{width:100%;height:100%}
.swiper-button-disabled[data-v-01a180f8]{display:none}
.swiper-prev[data-v-01a180f8]{left:-48px}
.swiper-prev img[data-v-01a180f8]{transform:rotate(180deg)}
.swiper-next[data-v-01a180f8]{right:-48px}
[data-v-01a180f8] .van-image__error-icon,[data-v-01a180f8] .van-image__loading-icon{font-size:48px}
}
@media(max-width:1023.98px){.swiper-slide[data-v-01a180f8]{transition:.3s}
.swiper-slide.single[data-v-01a180f8]{transform:translateX(0) !important}
.swiper-slide:first-of-type.swiper-slide-active[data-v-01a180f8]{transform:translate(16px) scale(1)}
.swiper-slide:nth-of-type(2).swiper-slide-next[data-v-01a180f8]{transform:translate(-3px,4px) scale(.87)}
.swiper-slide-active[data-v-01a180f8]{transform:scale(1)}
.swiper-slide-prev[data-v-01a180f8]{transform:translate(19px,4px) scale(.87)}
.swiper-slide-next[data-v-01a180f8]{transform:translate(-19px,4px) scale(.87)}
.card-border[data-v-01a180f8]{border:1px solid #efe8d0}
[data-v-01a180f8] .van-image__error-icon,[data-v-01a180f8] .van-image__loading-icon{font-size:40px}
}
[data-v-e073e2a0]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
a[data-v-e073e2a0]{color:#007fff}
[data-v-e073e2a0] .van-overlay{background:rgba(0,0,0,.55)}
[data-v-e073e2a0] a{color:#007fff}
.van-popup[data-v-e073e2a0]{border-radius:4px 4px 0 0;padding:20px 0 8px;overflow:hidden}
.one-line-clip[data-v-e073e2a0]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-v-75e41717]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
.text-clamp[data-v-75e41717]{word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
@media(min-width:1024px){.product-content[data-v-75e41717]{min-height:822px;margin:16px 0 40px;-ms-flex-align:stretch;align-items:stretch}
.series-box[data-v-75e41717]{width:26.606%;height:auto;background-color:#fafafa;border-radius:4px}
.series-box .sidebar-item[data-v-75e41717]{padding:12px 44px;font-family:OnePlus Sans 2;font-size:16px;line-height:24px;color:rgba(26,26,26,.95);-ms-flex:1;flex:1;cursor:pointer}
.series-box .sidebar-item.sidebar-item-active[data-v-75e41717]{background-color:#f2f2f2}
.series-box .sidebar-item-title[data-v-75e41717]{font-family:OnePlus Sans 2;font-size:16px;line-height:24px;padding:12px 24px;color:rgba(0,0,0,.55);position:relative;display:inline-block}
.series-box .sidebar-item-title[data-v-75e41717]:before{content:"";display:inline-block;position:absolute;width:31px;height:4px;bottom:12px;left:50%;transform:translateX(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAECAYAAAB2v+RhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADqSURBVHgBZVDRTsQwDHPSDoYEb/A/9+n3P3tGzWldg9OMgXSVpniuY6eR7+VzF8AcaBBWhwnEAG9RnRyxiaM5K4JzN6XelXiQE95D6ZF6FW9+DPNarLCOl2K1ext6WK9r+1h3w7aFxzz0TaASP4NzJH0dEbjopJVpQyeWNCiXrBxnU6moUesC7OKPB+J5zk7ZNuLbjT6ZKzPNoy9gWo5ITOBxJ2fAEBf9nUwV+jcijkJZZ+bRPar3PXWv/N7WafF1anWGyXxumHOLCf4fedpP0mPOdc3qJXdATUcvlS596perxfAumh73O34Ata1/C4wkENUAAAAASUVORK5CYII=) no-repeat 50%/100% 100%}
.text-clamp[data-v-75e41717]{-webkit-line-clamp:2}
.product-box[data-v-75e41717]{margin-top:-20px;-ms-flex-item-align:start;align-self:flex-start}
.product-box .product-item[data-v-75e41717]{width:17.949%;margin:20px 2.564% 0 0;cursor:pointer}
.product-box .product-item[data-v-75e41717]:nth-child(5n+5){margin-right:0}
.product-box .product-item .product-img-box[data-v-75e41717]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:22.1429%;border-radius:8px;background:#fafafa}
.product-box .product-item .product-name[data-v-75e41717]{width:100%;margin-top:12px;font-size:14px;font-weight:500;font-family:OPlusSans !important;line-height:22px;text-align:center;color:rgba(26,26,26,.95)}
[data-v-75e41717] .van-image__error-icon,[data-v-75e41717] .van-image__loading-icon{font-size:78px}
}
@media(max-width:1023.98px){.product-content[data-v-75e41717]{margin-bottom:16px}
.series-box[data-v-75e41717]{width:96px;height:100%;overflow-y:auto;border-right:1px solid #e6e6e6}
.series-box .sidebar-item[data-v-75e41717]{padding:12px 16px;font-family:OnePlus Sans 2;font-size:12px;line-height:20px;text-align:center;color:rgba(26,26,26,.9);-ms-flex:1;flex:1}
.series-box .sidebar-item.sidebar-item-active[data-v-75e41717]{font-size:14px;line-height:22px;font-weight:700;font-family:OPlusSans !important;position:relative}
.series-box .sidebar-item.sidebar-item-active[data-v-75e41717]:after{content:"";position:absolute;display:block;width:4px;left:0;top:12px;bottom:12px;background-color:rgba(0,0,0,.9)}
.series-box .sidebar-item-title[data-v-75e41717]{font-family:OnePlus Sans 2;padding:8px 12px;font-size:12px;text-align:center;line-height:18px;color:rgba(26,26,26,.55);-ms-flex:1;flex:1}
.product-box[data-v-75e41717]{height:calc(100% - 16px);padding:0 12px;margin-top:12px;overflow-y:auto}
.product-box .product-item[data-v-75e41717]{width:30.769%;overflow-y:auto;margin:8px 3.846% 0 0}
.product-box .product-item[data-v-75e41717]:nth-child(3n+3){margin-right:0}
.product-box .product-item .product-img-box[data-v-75e41717]{width:100%;height:auto;padding:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.product-box .product-item .product-name[data-v-75e41717]{width:100%;margin-top:4px;font-family:OnePlus Sans 2;font-size:12px;line-height:18px;text-align:center;color:rgba(26,26,26,.95)}
.link[data-v-75e41717]{position:fixed;z-index:99;bottom:0;left:0;right:0}
[data-v-75e41717] .van-image__error-icon,[data-v-75e41717] .van-image__loading-icon{font-size:48px}
}
[data-v-2be25b0d]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
@media(min-width:1024px){[data-v-2be25b0d] .el-drawer{box-shadow:none}
[data-v-2be25b0d] .el-drawer__header{padding:0;margin:0}
[data-v-2be25b0d] .el-drawer__header .el-drawer__close-btn{position:absolute;right:24px;top:24px;font-size:24px;padding:0;display:-ms-flexbox;display:flex}
[data-v-2be25b0d] .ttb{position:relative;height:auto !important}
[data-v-2be25b0d] .el-autocomplete .el-input__inner{width:642px;height:56px;padding:20px 16px;border-radius:4px;border:1px solid #e6e6e6;font-size:14px;line-height:17px;color:rgba(26,26,26,.95)}
[data-v-2be25b0d] .el-autocomplete .el-input__inner:focus{border:2px solid #000;color:rgba(26,26,26,.95)}
[data-v-2be25b0d] .el-input__suffix{right:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:rgba(26,26,26,.95)}
[data-v-2be25b0d] .el-input__suffix .el-input__icon{font-size:24px;width:24px;line-height:24px;cursor:pointer}
}
.mobile-dialog[data-v-2be25b0d]{position:fixed;top:0;right:0;left:0;bottom:0;z-index:999999;background:#fff}
.mobile-dialog[data-v-2be25b0d] .el-input{-ms-flex:1;flex:1}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__inner{font-size:16px;line-height:24px;color:#000 !important;border:0;height:unset;padding:0}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__prefix{left:12px !important;top:2px;color:rgba(0,0,0,.85)}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__prefix .el-icon-search{font-size:18px}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__suffix{right:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__suffix .el-input__icon{font-size:20px;width:20px;line-height:20px;color:rgba(26,26,26,.95)}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__suffix .el-input__icon:before{content:"" !important}
.mobile-dialog[data-v-2be25b0d] .el-input .el-input__suffix-inner{display:-ms-flexbox;display:flex}
.mobile-dialog .list-box[data-v-2be25b0d]{overflow-y:auto;height:calc(100vh - 93px)}
.mobile-dialog .list-box li[data-v-2be25b0d]:last-of-type{margin-bottom:0}
.my-autocomplete{margin:4px 0 0 0 !important;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}
.my-autocomplete .el-autocomplete-suggestion__wrap{padding:8px 0}
.my-autocomplete .popper__arrow{display:none}
.my-autocomplete li{padding:12px 16px}
[data-v-3f3bbd75]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
@media(min-width:1024px){.wrapper-container[data-v-3f3bbd75]{max-width:1090px;margin:0 auto}
}
@media(max-width:1023.98px){.wrapper-container[data-v-3f3bbd75]{width:100%;overflow:hidden;padding:0 16px}
}
[data-v-9c89bbe4]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
img[data-v-9c89bbe4]{object-fit:contain}
@media(min-width:1024px){.card[data-v-9c89bbe4]{border:1px solid #e6e6e6}
[data-v-9c89bbe4] .van-image__error-icon,[data-v-9c89bbe4] .van-image__loading-icon{font-size:102px}
}
@media(max-width:1023.98px){.card[data-v-9c89bbe4]{border:1px solid #efe8d0}
[data-v-9c89bbe4] .van-image__error-icon,[data-v-9c89bbe4] .van-image__loading-icon{font-size:40px}
}
[data-v-4d38409a]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
[data-v-4d38409a] .dialog-box{margin:0 auto !important;border-radius:4px;top:50%;transform:translateY(-50%)}
[data-v-4d38409a] .dialog-box .el-dialog__header{line-height:34px;padding:24px 32px 16px}
[data-v-4d38409a] .dialog-box .el-dialog__body{padding:0 8px 32px 24px}
.van-popup[data-v-4d38409a]{border-radius:4px 4px 0 0;padding-bottom:20px;overflow:hidden;z-index:10000 !important}
.scroll-box[data-v-4d38409a]{overflow-y:scroll}
.scroll-box ul[data-v-4d38409a]:last-of-type{border-radius:0 0 12px 12px}
.scroll-box ul li[data-v-4d38409a]{word-break:break-word}
.table[data-v-4d38409a]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
.table .table-head[data-v-4d38409a]{-ms-flex-negative:0;flex-shrink:0;border-radius:12px 12px 0 0;border-top:1px solid rgba(26,26,26,.12) !important}
.table .table-head li[data-v-4d38409a]{word-break:break-word}
@media(min-width:1024px){.table[data-v-4d38409a]{width:100%;max-height:474px}
.table ul[data-v-4d38409a]{width:100%;-ms-flex-align:stretch;align-items:stretch;border:1px solid rgba(26,26,26,.12);border-top:0}
.table ul[data-v-4d38409a],.table ul li[data-v-4d38409a]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.table ul li[data-v-4d38409a]{padding:16px;border-right:1px solid rgba(26,26,26,.12);font-size:14px;font-weight:500;font-family:OPlusSans !important;letter-spacing:.02em;color:rgba(0,0,0,.9);-ms-flex-align:center;align-items:center;text-align:center}
.table ul li[data-v-4d38409a]:last-of-type{border:0}
.table .table-head[data-v-4d38409a]{width:calc(100% - 16px)}
}
@media(max-width:1023.98px){[data-v-4d38409a] .van-overlay{background:rgba(0,0,0,.55)}
.table[data-v-4d38409a]{max-height:calc(100vh - 132px)}
.table ul[data-v-4d38409a]{width:100%;-ms-flex-align:stretch;align-items:stretch;border:1px solid rgba(26,26,26,.12);border-top:0}
.table ul[data-v-4d38409a],.table ul li[data-v-4d38409a]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.table ul li[data-v-4d38409a]{padding:8px 12px;height:auto;line-height:20px;border-right:1px solid rgba(26,26,26,.12);font-family:OnePlus Sans 2;font-size:12px;letter-spacing:.02em;color:rgba(26,26,26,.95);-ms-flex-align:center;align-items:center;text-align:center}
.table ul li[data-v-4d38409a]:last-of-type{border:0}
.table .table-head[data-v-4d38409a]{border-radius:4px 4px 0 0;width:calc(100% - 10px)}
.scroll-box ul[data-v-4d38409a]:last-of-type{border-radius:0 0 4px 4px}
}
[data-v-4d38409a]::-webkit-scrollbar{width:4px}
[data-v-4d38409a]::-webkit-scrollbar-thumb{background:#e6e6e6;border-radius:999px}
[data-v-4d38409a]::-webkit-scrollbar-track{background-color:transparent}
[data-v-4147e129]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
[data-v-4147e129] .el-radio__inner{width:16px;height:16px;border:1px solid #e6e6e6;background:#f2f2f2}
[data-v-4147e129] .el-radio__label{display:none}
[data-v-4147e129] .el-radio__input.is-checked .el-radio__inner{border-color:#000;background:#000}
[data-v-4147e129] .el-radio__input.is-checked .el-radio__inner:after{width:5px;height:5px}
.el-radio[data-v-4147e129]{pointer-events:none}
@media(min-width:1024px){.bg-box[data-v-4147e129]{background:url(https://statics.oneplus.com/content/dam/support/spare-part/labor-bg.png) top no-repeat,linear-gradient(90deg,#ddd9d4,#f2f2f2);background-size:100% 100%}
.el-radio[data-v-4147e129]{margin:4px 0 0 16px}
}
@media(max-width:1023.98px){.bg-box[data-v-4147e129]{background:url(https://statics.oneplus.com/content/dam/support/spare-part/md-labor-bg.png);background-repeat:no-repeat;background-position:right 40px center;background-size:100% 100%;background-color:#f2f2f2;border-radius:4px 4px 0 0}
.el-radio[data-v-4147e129]{margin:4px 0 0 12px}
}
[data-v-0c3146d2]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
img[data-v-0c3146d2]{object-fit:contain}
.through[data-v-0c3146d2]{text-decoration:line-through}
.active[data-v-0c3146d2]{border:2px solid #000}
[data-v-0c3146d2] a{color:#2660f5}
.el-collapse[data-v-0c3146d2]{border:0;border-radius:4px;overflow:hidden}
.el-collapse[data-v-0c3146d2] .el-collapse-item__wrap{border:0}
.el-collapse[data-v-0c3146d2] .el-collapse-item__header{border:0;font-size:16px}
.el-collapse[data-v-0c3146d2] .el-collapse-item__arrow{margin-right:0}
.el-collapse[data-v-0c3146d2] .el-collapse-item__arrow.is-active{transform:rotate(180deg)}
.el-collapse[data-v-0c3146d2] .el-collapse-item__arrow:before{content:"";display:inline-block;width:24px;height:24px}
.el-collapse[data-v-0c3146d2] .el-collapse-item__content{padding-bottom:0}
@media(min-width:1024px){.small-item[data-v-0c3146d2]:hover{background:#f2f2f2}
[data-v-0c3146d2] .el-collapse-item__header{height:56px;line-height:56px;padding:18px 24px 14px 18px;background:#f2f2f2}
[data-v-0c3146d2] .el-collapse-item__wrap{background:#fafafa}
[data-v-0c3146d2] .el-collapse-item__arrow:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjQ3MiAxNS43ODggNC41IDkuMDI1IDUuNTU2IDggMTIgMTQuMjUgMTguNDQ0IDggMTkuNSA5LjAyNWwtNi45NzIgNi43NjNhLjc2NC43NjQgMCAwIDEtMS4wNTYgMHoiIGZpbGw9IiMxQTFBMUEiIGZpbGwtb3BhY2l0eT0iLjk1Ii8+PC9zdmc+) no-repeat 50%/100% 100%}
}
@media(max-width:1023.98px){.price-box[data-v-0c3146d2]{width:89px}
[data-v-0c3146d2] .el-collapse-item__header{height:56px;line-height:56px;padding:16px;background:#fafafa}
[data-v-0c3146d2] .el-collapse-item__wrap{background:#fafafa}
[data-v-0c3146d2] .el-collapse-item__arrow:before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyLjcxNSAxNS43MDQgNS45ODctNS45OGMuNjM3LS42MzYuMTg2LTEuNzI0LS43MTUtMS43MjRINi4wMTNjLS45IDAtMS4zNTIgMS4wODgtLjcxNSAxLjcyNWw1Ljk4NyA1Ljk4YTEuMDEyIDEuMDEyIDAgMCAwIDEuNDMgMHoiIGZpbGw9IiMxQTFBMUEiIGZpbGwtb3BhY2l0eT0iLjU1Ii8+PC9zdmc+) no-repeat 50%/100% 100%}
}
[data-v-5d7c49da]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
img[data-v-5d7c49da]{object-fit:contain}
@media(min-width:1024px){.card-box[data-v-5d7c49da]{width:49.084%;background:url(https://statics.oneplus.com/content/dam/support/spare-part/card-bg.png) no-repeat 50%/100% 100%}
}
@media(max-width:1023.98px){.card-box[data-v-5d7c49da]{-ms-flex:100%;flex:100%;background:url(https://statics.oneplus.com/content/dam/support/spare-part/md-card-bg.png) no-repeat 50%/100% 100%}
}
[data-v-3712af0e]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
img[data-v-3712af0e]{object-fit:contain}
.through[data-v-3712af0e]{text-decoration:line-through}
.footer[data-v-3712af0e]{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:8px 16px}
.footer .num[data-v-3712af0e]{position:absolute;height:20px;font-size:12px;text-align:center;padding:0 6px;min-width:20px;border-radius:999px;background:#f50514;font-weight:500;font-family:OPlusSans !important;line-height:20px;top:-6px;right:-9px;color:rgba(255,255,255,.95)}
.footer .price-box[data-v-3712af0e]{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:16px}
.footer .price-box .price-title[data-v-3712af0e]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px;line-height:20px;margin-right:8px;color:rgba(0,0,0,.9);-ms-flex-negative:0;flex-shrink:0;min-width:85px}
.footer .price-box .preferential-price[data-v-3712af0e]{font-size:24px;font-weight:500;font-family:OPlusSans !important;line-height:34px;color:#f50514}
.footer .price-box .detail[data-v-3712af0e]{margin-left:9px;font-size:12px;font-family:OPlusSans !important;line-height:15px;color:#f50514;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.footer .price-box .detail img[data-v-3712af0e]{width:9px;height:5px;margin-left:3px}
.footer .price-box .detail img.isDown[data-v-3712af0e]{transform:rotate(180deg);transition:all .5s}
.van-popup[data-v-3712af0e]{border-radius:4px 4px 0 0;overflow:hidden;background:#fff}
.cost-content-scroll[data-v-3712af0e]{padding:0 16px;max-height:450px;overflow-y:auto;padding-bottom:12px}
.cost-content-scroll .cost-title[data-v-3712af0e]{font-size:12px;line-height:20px;padding:4px 16px}
.cost-content-scroll .cost-item[data-v-3712af0e]{padding:16px;font-size:14px;line-height:22px;background:#fafafa;border-radius:4px;position:relative;margin-bottom:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.cost-content-scroll .cost-item .part-price[data-v-3712af0e]{color:#f50514;font-weight:500;font-family:OPlusSans !important}
[data-v-3712af0e] .van-overlay{background:rgba(0,0,0,.55)}
.suctionBottom[data-v-3712af0e]{position:sticky;bottom:0;left:0;right:0;z-index:99}
.suctionBottom .sticky-box[data-v-3712af0e]{margin-left:-500px;margin-right:-500px}
[data-v-6dfcb122]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
@media(min-width:1024px){.wrapper-container[data-v-6dfcb122]{max-width:1090px;margin:0 auto}
}
@media(max-width:1023.98px){.wrapper-container[data-v-6dfcb122]{width:100%;overflow:hidden;padding:0 16px}
}
[data-v-04208b54]:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
.qr-scanner[data-v-04208b54]{position:fixed;top:0;right:0;left:0;bottom:0;z-index:999;background-color:transparent}
.qr-scanner .box[data-v-04208b54]{width:255px;height:279px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}
.qr-scanner .line[data-v-04208b54]{height:100%;width:100%;background:linear-gradient(180deg,#f5051454 12.23%,#f5051454);border-bottom:4px solid #f50514;transform:translateY(-100%);-webkit-animation:radar-beam-data-v-04208b54 3s infinite alternate;animation:radar-beam-data-v-04208b54 3s infinite alternate;-webkit-animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-timing-function:cubic-bezier(.53,0,.43,.99);-webkit-animation-delay:1.4s;animation-delay:1.4s}
.qr-scanner .angle[data-v-04208b54]:after,.qr-scanner .angle[data-v-04208b54]:before,.qr-scanner .box[data-v-04208b54]:after,.qr-scanner .box[data-v-04208b54]:before{content:"";display:block;position:absolute;width:32px;height:32px;border:4px solid transparent}
.qr-scanner .box[data-v-04208b54]:after,.qr-scanner .box[data-v-04208b54]:before{top:0;border-top-color:#f50514}
.qr-scanner .angle[data-v-04208b54]:after,.qr-scanner .angle[data-v-04208b54]:before{bottom:0;border-bottom-color:#f50514}
.qr-scanner .angle[data-v-04208b54]:before,.qr-scanner .box[data-v-04208b54]:before{left:0;border-left-color:#f50514}
.qr-scanner .angle[data-v-04208b54]:after,.qr-scanner .box[data-v-04208b54]:after{right:0;border-right-color:#f50514}
@-webkit-keyframes radar-beam-data-v-04208b54{0.00%{transform:translateY(-100%)}
to{transform:translateY(0)}
}
@keyframes radar-beam-data-v-04208b54{0.00%{transform:translateY(-100%)}
to{transform:translateY(0)}
}
.dx_captcha_basic-style-popup[data-v-04208b54]{z-index:9999 !important;border-radius:4px}
[data-v-04208b54] .swiper-wrapper{-ms-flex-align:stretch;align-items:stretch}
[data-v-04208b54] .el-form-item.is-error .el-input__inner{border:2px solid #ff4242}
[data-v-04208b54] .el-input__validateIcon{display:none !important}
[data-v-04208b54] .el-input__inner{width:100%;padding:19px 16px;border-radius:4px;border:1px solid #e6e6e6;font-size:14px;color:#000;height:unset;line-height:16px}
[data-v-04208b54] .el-input__inner::-moz-placeholder{color:rgba(26,26,26,.55)}
[data-v-04208b54] .el-input__inner:-ms-input-placeholder{color:rgba(26,26,26,.55)}
[data-v-04208b54] .el-input__inner::placeholder{color:rgba(26,26,26,.55)}
[data-v-04208b54] .el-input__inner:focus{border:2px solid #000}
[data-v-04208b54] .el-button{background-color:#000;border-color:#000;color:rgba(255,255,255,.95);font-size:18px}
.swiper-slide[data-v-04208b54]{transition:all .3s ease-in 0;height:auto}
.swiper-slide-active[data-v-04208b54]{border:1px solid #a07e6d;box-shadow:0 6px 30px 0 rgba(0,0,0,.12);transform:scale(1)}
.swiper-next[data-v-04208b54],.swiper-prev[data-v-04208b54]{z-index:99;position:absolute;top:50%;transform:translateY(-50%)}
.swiper-prev[data-v-04208b54]{left:0}
.swiper-prev img[data-v-04208b54]{transform:rotate(180deg)}
.swiper-next[data-v-04208b54]{right:0}
.title[data-v-04208b54]{position:relative}
.title[data-v-04208b54]:before{content:"";display:inline-block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAECAYAAAB2v+RhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADqSURBVHgBZVDRTsQwDHPSDoYEb/A/9+n3P3tGzWldg9OMgXSVpniuY6eR7+VzF8AcaBBWhwnEAG9RnRyxiaM5K4JzN6XelXiQE95D6ZF6FW9+DPNarLCOl2K1ext6WK9r+1h3w7aFxzz0TaASP4NzJH0dEbjopJVpQyeWNCiXrBxnU6moUesC7OKPB+J5zk7ZNuLbjT6ZKzPNoy9gWo5ITOBxJ2fAEBf9nUwV+jcijkJZZ+bRPar3PXWv/N7WafF1anWGyXxumHOLCf4fedpP0mPOdc3qJXdATUcvlS596perxfAumh73O34Ata1/C4wkENUAAAAASUVORK5CYII=) no-repeat 50%/100% 100%}
@media(min-width:1024px){.wrapper-container[data-v-04208b54]{overflow:hidden;max-width:1090px;padding:40px 0 87px;margin:0 auto}
[data-v-04208b54] .el-input__inner{width:499px}
[data-v-04208b54] .el-input__suffix{right:16px;top:16px;color:rgba(26,26,26,.95)}
[data-v-04208b54] .el-input__suffix .el-input__icon{width:24px;height:24px;line-height:24px;cursor:pointer;display:-ms-flexbox;display:flex}
[data-v-04208b54] .el-input__suffix .el-input__icon:before{font-size:24px}
[data-v-04208b54] .el-button{width:120px;height:56px;border-radius:4px;margin-left:25px}
[data-v-04208b54] .el-form-item__error{color:#e23220;font-size:12px;line-height:20px;padding-top:8px}
[data-v-04208b54] .van-overlay{background-color:rgba(0,0,0,.55)}
[data-v-04208b54] .van-popup{width:424px;padding:24px 32px;border-radius:4px}
[data-v-04208b54] .van-popup .el-button{width:100%;height:40px;padding:0;margin:20px 0 0 0;font-family:OnePlus Sans 2;font-size:14px;font-weight:500;line-height:17px;border-radius:999px;color:rgba(255,255,255,.95)}
.el-model[data-v-04208b54]{background-color:rgba(0,0,0,.55)}
.swiper-slide-active[data-v-04208b54]{z-index:99;border:1px solid #e6e6e6;box-shadow:0 6px 30px 0 rgba(0,0,0,.12)}
.swiper-slide-active .swiper-item[data-v-04208b54]{background:#fff url(https://image.oppo.com/content/dam/oppo/cn/support/pc/spare-price/swiperBg-dd.png) no-repeat;background-position:top;background-size:contain}
.swiper-slide-prev[data-v-04208b54]{position:relative;transform:translateX(58%) scale(.843)}
.swiper-slide-prev[data-v-04208b54]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);z-index:1}
.swiper-slide-next[data-v-04208b54]{position:relative;transform:translateX(-58%) scale(.843)}
.swiper-slide-next[data-v-04208b54]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);z-index:1}
.title[data-v-04208b54]:before{width:43px;height:7px}
.text-box[data-v-04208b54]{font-size:16px;line-height:24px;margin-bottom:36px;color:rgba(26,26,26,.55)}
}
@media(max-width:1023.98px){.wrapper-container[data-v-04208b54]{width:100%;overflow:hidden;padding:32px 0 40px}
[data-v-04208b54] .el-input__inner{width:100%}
[data-v-04208b54] .el-input__suffix{top:18px;right:16px;color:rgba(26,26,26,.95)}
[data-v-04208b54] .el-input__suffix .el-input__icon{width:20px;height:20px;line-height:20px;cursor:pointer;display:-ms-flexbox;display:flex}
[data-v-04208b54] .el-input__suffix .el-input__icon:before{font-size:20px}
[data-v-04208b54] .el-button{width:calc(100% - 48px);height:36px;border-radius:36px;font-size:14px;padding:0;margin-top:38px}
[data-v-04208b54] .el-form-item__error{font-family:OnePlus Sans 2;color:#ff1919;line-height:14px;padding-top:8px}
[data-v-04208b54] .van-overlay{background-color:rgba(0,0,0,.55)}
[data-v-04208b54] .van-popup{width:calc(100% - 32px);padding:20px 24px;border-radius:4px}
[data-v-04208b54] .van-popup .el-button{width:100%;height:36px;padding:0;margin:16px 0 0 0;font-family:OnePlus Sans 2;font-size:14px;font-weight:500;line-height:17px;border-radius:999px;color:rgba(255,255,255,.95)}
.title[data-v-04208b54]:before{width:31px;height:5px}
.text-box[data-v-04208b54]{font-size:12px;line-height:16px;margin-bottom:12px;color:rgba(26,26,26,.55)}
.swiper-slide-active .swiper-item[data-v-04208b54]{background:#fff url(https://image.oppo.com/content/dam/oppo/cn/support/pc/spare-price/swiperBg-md.png) no-repeat;background-position:top;background-size:contain}
}
:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
.spare-page-loading .el-loading-spinner{left:50%;transform:translate(-50%,-50%);margin:0;border-radius:2px;background:#fff;margin-top:0}
.spare-page-loading .el-loading-spinner .circular{margin:0 auto}
.spare-page-loading .el-loading-spinner .path{stroke:rgba(26,26,26,.95)}
@media(min-width:1024px){.spare-page-loading .el-loading-spinner{width:424px;height:176px;padding:48px}
.spare-page-loading .el-loading-spinner .circular{width:36px !important;height:36px !important}
.spare-page-loading .el-loading-spinner .path{stroke-width:4}
.spare-page-loading .el-loading-text{font-size:20px;line-height:28px;margin:16px 0 0;color:rgba(0,0,0,.95)}
}
@media(max-width:1023.98px){.spare-page-loading .el-loading-spinner{width:calc(100% - 32px);height:138px;padding:32px}
.spare-page-loading .el-loading-spinner .circular{width:36px !important;height:36px !important}
.spare-page-loading .el-loading-spinner .path{stroke-width:3}
.spare-page-loading .el-loading-text{font-size:18px;font-family:OPlusSans !important;line-height:22px;margin:16px 0 0;color:rgba(0,0,0,.95)}
}