.offlineWrapper[data-v-ec6d3916]{position:fixed;z-index:20000;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;box-sizing:border-box;background-color:rgba(0,0,0,.4)}.ht-night-app-wrap .offlineWrapper[data-v-ec6d3916]{background-color:rgba(0,0,0,.6)}.offlineWrapper .popup[data-v-ec6d3916]{overflow:hidden;max-height:100%;position:absolute;top:45%;left:50%;transform:translate3d(-50%,-50%,0)}.offlineWrapper .popup .dialog[data-v-ec6d3916]{overflow:hidden;border-radius:1.2rem;width:calc(100vw - 1.6rem);max-width:18rem;display:flex;flex-direction:column;position:relative;background-color:#fafafa}.ht-night-app-wrap .offlineWrapper .popup .dialog[data-v-ec6d3916]{background-color:#333}.offlineWrapper .popup .dialog-title[data-v-ec6d3916]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem 1.2rem .6rem;color:rgba(0,0,0,.85);text-align:center;font-size:.8rem;font-weight:500}.ht-night-app-wrap .offlineWrapper .popup .dialog-title[data-v-ec6d3916]{color:hsla(0,0%,100%,.9)}.offlineWrapper .popup .dialog-content[data-v-ec6d3916]{display:flex;flex-direction:row;align-items:center;padding:.2rem 1.2rem;color:rgba(0,0,0,.85);font-size:.7rem;font-weight:400;line-height:1rem}.ht-night-app-wrap .offlineWrapper .popup .dialog-content[data-v-ec6d3916]{color:hsla(0,0%,100%,.9)}.offlineWrapper .popup .dialog-footer[data-v-ec6d3916]{display:flex}.offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]{flex:1;text-align:center;height:3rem;line-height:3rem;color:#2d40e9;font-weight:500;font-size:.7rem;position:relative;transition:all .156s cubic-bezier(.4,0,.6,1);cursor:pointer}.ht-night-app-wrap .offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]{color:#6b98ff}.offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]:active{background-color:rgba(0,0,0,.03);transition:all .34s cubic-bezier(0,0,.2,1)}.ht-night-app-wrap .offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]:active{background-color:hsla(0,0%,100%,.03)}.offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]:not(:last-child):after{position:absolute;content:"";display:inline-block;width:1px;height:1rem;background-color:rgba(0,0,0,.2);top:1rem;right:-.5px}.ht-night-app-wrap .offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]:not(:last-child):after{background-color:hsla(0,0%,100%,.2)}.wrap_rtl .offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]:not(:last-child):after{right:auto;left:-.5px}@media only screen and (min-width:600px){.offlineWrapper .popup .dialog[data-v-ec6d3916]{border-radius:24px;width:360px;max-width:360px}.offlineWrapper .popup .dialog-title[data-v-ec6d3916]{padding:24px 24px 12px;font-size:16px}.offlineWrapper .popup .dialog-content[data-v-ec6d3916]{padding:4px 24px;font-size:14px}.offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]{height:60px;line-height:60px;font-size:14px}.offlineWrapper .popup .dialog-footer .button[data-v-ec6d3916]:not(:last-child):after{height:20px;top:20px}}.slide-enter{opacity:0;transform:translate3d(0,-10%,0);-webkit-transform:translate3d(0,-10%,0)}.slide-enter-active{transition:transform .46s cubic-bezier(.22,0,0,1) .1s,opacity .28s cubic-bezier(.22,0,0,1) .1s}.slower-slide-enter{opacity:0}.slower-slide-active{transition:opacity .28s cubic-bezier(.22,0,0,1) 1.2s}.wrap-one-line,.wrap-three-line,.wrap-two-line{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical}.wrap-one-line{-webkit-line-clamp:1}.wrap-two-line{-webkit-line-clamp:2}.wrap-three-line{-webkit-line-clamp:3}body{background-color:#f5f5f5}.oneplus body{background-color:#fafafa;font-family:book}.oneplus.dark body{background-color:#000}.custom-popup{box-sizing:border-box}.ht-night-app-wrap .custom-popup{background-color:#404040!important}.oneplus .custom-popup{bottom:.4rem!important;left:.4rem!important;right:.4rem!important;width:auto!important;border-radius:.8rem .8rem 1.5rem 1.5rem!important}.oneplus.dark .custom-popup{background-color:#1c1e20!important}.custom-popup-content{padding:.5rem 0;border-bottom:.033rem solid rgba(0,0,0,.05)}.oneplus .custom-popup-content{padding:.4rem 0;border-bottom:none}.oneplus .custom-popup-content .header{text-align:center;-webkit-box-pack:center;height:3.03rem;line-height:3.03rem;font-size:1.05rem;color:rgba(0,0,0,.85)}.oneplus.dark .custom-popup-content .header{color:hsla(0,0%,100%,.85)}.oneplus .custom-popup-content .items{max-height:38vh;overflow:scroll}.custom-popup-content .items li{display:flex;justify-content:space-between;align-items:center;height:2.6rem;padding:0 1.2rem}.oneplus .custom-popup-content .items li{height:2.68rem;padding:0 1.05rem}.custom-popup-content .items li .left{display:flex;justify-content:flex-start;align-items:center;flex:1}.custom-popup-content .items li .left .tit{font-size:.8rem;color:#000;margin-left:0}.oneplus .custom-popup-content .items li .left .tit{color:#000001;margin-right:.4rem;margin-left:0}.oneplus.dark .custom-popup-content .items li .left .tit{color:hsla(0,0%,100%,.85)}.wrap_rtl.oneplus .custom-popup-content .items li .left .tit{margin-left:.4rem;margin-right:0}.oneplus .custom-popup-content .items li .left .subtit{text-align:center;-webkit-box-pack:center;color:#ff9522;background-color:transparent;border-radius:.467rem;padding:0 .2rem;font-weight:700;font-size:.34rem;border:.02rem solid #ff9522;height:.5rem;line-height:.5rem;max-width:5rem;min-width:1.5rem;margin-top:.12rem}.custom-popup-content .items li .cir_checked{box-sizing:border-box;width:.8rem;height:.8rem;border-radius:50%;position:relative;border:.067rem solid hsla(0,0%,84.7%,.8)}.ht-night-app-wrap .custom-popup-content .items li .cir_checked{border-color:hsla(0,0%,100%,.2)}.oneplus .custom-popup-content .items li .cir_checked{width:1.05rem;height:1.05rem;border:none;display:inline-block;position:static}.custom-popup-content .items li .cir_checked .cir_checked_bg{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:.5rem;height:.5rem;border-radius:50%;transform:translate(-50%,-50%);display:inline-block;background-color:#fff}.ht-night-app-wrap .custom-popup-content .items li .cir_checked .cir_checked_bg{background-color:#404040}.custom-popup-content .items li.on .cir_checked{border-color:#007aff}.oneplus .custom-popup-content .items li.on .cir_checked{border-color:initial;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAAC9BAMAAAD/ztoAAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlMAIN+fMO9/z5Bnv0DGdkQhAAABVUlEQVR42u3UoU1EYRRE4Z8sCZbgkHgKQCAICR0gEVsCBSApgjKogYQnNreoFbvJiLFzsmbGXfcdc1fXdV3XdV3XdV3XdV183wvd7v9lkXue9wVuN4MEiD9IgPhMgPhIgPhYgPgzn+eb4c/f7dIA/sP5Lr/88ssvv/zyyy+//PLLL/9S/HuWf/W4R/l3s7H8mT3Kn9lYvgIQvgIYvgLy/Js5bWP46/pjFEB8njcFAHwLiPE9AOBbQJDvAQDfAoJ8DwD4FhDkewDAt4Ag3wMAvgUE+R4A8C0gyPcAgG8BQb4HAHwLCPI9AOF7gPOBAONHAgC+BTgfCDB+KADgW4DxkwEA3wKMnwwwPhBg/GSA8dMBxg8HGD8c8CU+EsDwFSA+EEDwFcDwFQDxFcDwFQDxFcDwFQDxFcDwFQDxFSA+steZg/jAfp5+V9d1Xdd1Xdd1Xdd1l9sRQZx1PVHrZOQAAAAASUVORK5CYII=);background-size:cover}.oneplus.dark .custom-popup-content .items li.on .cir_checked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL4AAAC9BAMAAAD/ztoAAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAIN+fMO9/z5Bnv0DGdkQhAAABVUlEQVR42u3UoU1EYRRE4Z8sCZbgkHgKQCAICR0gEVsCBSApgjKogYQnNreoFbvJiLFzsmbGXfcdc1fXdV3XdV3XdV3XdV183wvd7v9lkXue9wVuN4MEiD9IgPhMgPhIgPhYgPgzn+eb4c/f7dIA/sP5Lr/88ssvv/zyyy+//PLLL/9S/HuWf/W4R/l3s7H8mT3Kn9lYvgIQvgIYvgLy/Js5bWP46/pjFEB8njcFAHwLiPE9AOBbQJDvAQDfAoJ8DwD4FhDkewDAt4Ag3wMAvgUE+R4A8C0gyPcAgG8BQb4HAHwLCPI9AOF7gPOBAONHAgC+BTgfCDB+KADgW4DxkwEA3wKMnwwwPhBg/GSA8dMBxg8HGD8c8CU+EsDwFSA+EEDwFcDwFQDxFcDwFQDxFcDwFQDxFcDwFQDxFSA+steZg/jAfp5+V9d1Xdd1Xdd1Xdd1l9sRQZx1PVHrZOQAAAAASUVORK5CYII=);background-size:cover}.custom-popup-content .items li.on .cir_checked .cir_checked_bg{background-color:#007aff}.custom-popup-footer{text-align:center;-webkit-box-pack:center;height:2.6rem;line-height:2.6rem;font-size:.8rem;color:#000}.oneplus .custom-popup-footer{font-weight:700;height:2.42rem;line-height:2.42rem;font-size:.6rem;color:#c41442}.wrap_rtl .color-cell .color-cell__indicator{margin-left:0;margin-right:16px}.wrap_rtl.oneplus .color-cell .color-cell__indicator{margin-left:16px;margin-right:0}.ht-night-app-wrap .color-cell .color-cell__indicator .color-cell__right path{fill:hsla(0,0%,100%,.55)!important}.wrapper{width:100%;height:100%;box-sizing:border-box;margin:0 auto;padding-top:.733rem;min-width:300px;overflow-x:hidden;background-color:#f5f5f5}.oneplus .wrapper{padding-top:1rem}.ht-night-app-wrap .wrapper{background-color:#000}.ht-night-app-wrap.ht-night-app-wrap-8 .wrapper{background-color:#171717}.ht-night-app-wrap.ht-night-app-wrap-20 .wrapper{background-color:#303030}.wrapper .payArea{width:16rem;height:5.45rem;border-radius:.7rem;background-image:url(../img/index_card_bg.3ffd0a8e.png);background-size:cover;box-sizing:border-box;margin:0 auto;margin-bottom:1.316rem;padding:.95rem .8rem .96rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between}.ht-night-app-wrap .wrapper .payArea{background-image:url(../img/index_card_bg_dark.0b8b3bfe.png);background-size:cover}.oneplus .wrapper .payArea{width:100%;padding:0;background:initial;height:auto}.wrapper .payArea .area_tit{width:100%;text-align:left;font-size:.8rem;color:rgba(0,0,0,.55);margin-left:1rem}.oneplus .wrapper .payArea .area_tit{font-size:.6rem;color:#6b6b6b}.oneplus.dark .wrapper .payArea .area_tit{color:#a3a3a3}.wrap_rtl.oneplus .wrapper .payArea .area_tit,.wrap_rtl .wrapper .payArea .area_tit{text-align:right;-webkit-box-pack:end}.wrapper .payArea .purchase{display:flex;justify-content:space-between;align-items:flex-end;flex:1}.oneplus .wrapper .payArea .purchase{box-sizing:border-box;width:16rem;margin:0 auto;margin-top:1rem;padding:1rem .8rem 1rem 1rem;background-color:#fff;border-radius:.55rem;border:.016rem solid rgba(0,0,0,.08)}.oneplus.dark .wrapper .payArea .purchase{background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.06)}.wrapper .payArea .purchase_left{max-width:5.4rem;line-height:1}.oneplus .wrapper .payArea .purchase_left{max-width:8.4rem}.wrapper .payArea .purchase_right{text-align:right;-webkit-box-pack:end;flex:1;max-width:8.65rem}.oneplus .wrapper .payArea .purchase_right{display:flex;flex-direction:column-reverse;margin-bottom:.3rem}.wrap_rtl.oneplus .wrapper .payArea .purchase_right,.wrap_rtl .wrapper .payArea .purchase_right{text-align:left;-webkit-box-pack:justify}.wrapper .payArea .purchase .storage{font-size:1.2rem;color:#000;font-weight:500}.oneplus .wrapper .payArea .purchase .storage{font-size:2.4rem;line-height:2.617rem;color:rgba(0,0,0,.85);margin-right:.16rem;margin-left:-.3rem}.oneplus.dark .wrapper .payArea .purchase .storage{color:hsla(0,0%,100%,.85)}.wrapper .payArea .purchase .storage .unit{font-size:.7rem}.oneplus .wrapper .payArea .purchase .storage .unit{font-size:1.4rem;line-height:1.63rem}.wrapper .payArea .purchase .detail{color:rgba(0,0,0,.3);font-size:.6rem}.oneplus .wrapper .payArea .purchase .detail{color:rgba(0,0,0,.4);line-height:.7rem;min-height:.8rem;font-size:.6rem}.oneplus.dark .wrapper .payArea .purchase .detail{color:hsla(0,0%,100%,.54)}.wrapper .payArea .purchase .detail.info{display:flex;justify-content:flex-end;align-items:flex-end;max-height:1.44rem;line-height:.72rem}.oneplus .wrapper .payArea .purchase .detail.info{height:auto;max-height:1.44rem;align-items:flex-start}.wrapper .payArea .purchase .detail.date{text-align:right;-webkit-box-pack:end;line-height:1;margin-top:.07rem}.oneplus .wrapper .payArea .purchase .detail.date{margin-top:0;word-break:break-word}.wrap_rtl.oneplus .wrapper .payArea .purchase .detail.date,.wrap_rtl .wrapper .payArea .purchase .detail.date{text-align:left;-webkit-box-pack:justify}.wrapper .promote_cont{margin:0 auto;margin-bottom:.7rem}.wrapper .promote_cont .promote_title_area{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:0 1.2rem}.oneplus .wrapper .promote_cont .promote_title_area{padding:.6rem 1rem}.wrapper .promote_cont .promote_title_area_main{display:flex;justify-content:flex-start;align-items:center}.wrapper .promote_cont .promote_title_area_main .promote_tit{margin-right:.3rem;color:#000;font-weight:500;font-size:.8rem;max-width:13.6rem}.oneplus .wrapper .promote_cont .promote_title_area_main .promote_tit{margin-right:.15rem;color:rgba(0,0,0,.85);font-weight:400;height:1.083rem}.oneplus.dark .wrapper .promote_cont .promote_title_area_main .promote_tit{color:hsla(0,0%,100%,.85)}.wrap_rtl .wrapper .promote_cont .promote_title_area_main .promote_tit{margin-left:.5rem;margin-right:0}.wrap_rtl.oneplus .wrapper .promote_cont .promote_title_area_main .promote_tit{margin-left:.15rem;margin-right:0}.wrapper .promote_cont .promote_title_area_main i{width:1rem;height:1rem;display:inline-block}.wrapper .promote_cont .promote_title_area_main i svg path{fill:rgba(0,0,0,.55)}.ht-night-app-wrap .wrapper .promote_cont .promote_title_area_main i svg path{fill:hsla(0,0%,100%,.55)}.wrapper .promote_cont .promote_title_area .discount_area{flex:1;font-size:.6rem;margin-top:.22rem}.oneplus .wrapper .promote_cont .promote_title_area .discount_area{width:100%;line-height:.7rem;margin-top:1px}.wrapper .promote_cont .promote_title_area .discount_area_tit{display:inline-flex;align-items:center}.wrapper .promote_cont .promote_title_area .discount_area_tit .arrow{width:1.2rem;height:1.2rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAZBJREFUeAHt1k1LQzEQheFqBfH7Y60WqeL//0kuXLhRdCMi2p6DCpcWpjc0mWzewNDayZ0kj+noZMJAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAgZYCOy2LF9Y+1/ybv2ce9fpW+HyT6dMmVcuLHuqRe4X347hQGOhL0XXsdl39d/E9vcwVw9vs9/7Mua7Dv62ewxB3Ct+g1eG9HSleVhOZP/cGutZhL4MD7yvnW/4ezGma6glkmKsRpzvWnE/Fx4i51af0AvJXaq4Y9p3ocGdK+halN+0eTfq/KZes7bkGTW/a2Tcoaso6fzi81/SmnQ3knhM15VBIyfSmnQk0tilvQkpt2iV9YNPGo/yBkrNoQmHOtVyz+ci4QW6sD4qaDda9zH/Z/E/kj6LZyAC61e7dXGsP79096bV24WG9jK/YyXDByu9PK9dbK5cB9KRVv9dW3v6DhUo8b1+GCggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCDQU2AJ5tYXqj3eBYcAAAAASUVORK5CYII=);background-size:cover;display:inline-block;content:"";transform:rotate(180deg)}.ht-night-app-wrap .wrapper .promote_cont .promote_title_area .discount_area_tit .arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAapJREFUeAHt1UFLAkEYxnG3AoPqUl5KgiCveaxDoQdNP3jHTn2FPkYQ6/PCLCosq9POvEPwFwbXmXfe3eenjIMBLwQQQAABBBBAAAEEEEAAAQQQQAABBBBAAAEEEEAAAQQQQAABBBDIKVDlbB7Tu67rB9W/hj0fVVV9x+zPVXuSq3FMX+GMVL/QuAjjPczFtMlSWxxIEOdKttI43Ulo16uwtjPtf1kUSAB2/6XGZUt0m1uGmpZln6miQIr4onHXEdXWnjvWsy8VA9IvY6J0T0cknIbaI0rTlxQBUuAbRZlFxJmFPRFb0pS6AylocyifRUSw2iKHtiuQcOx+9nd+FYHTlNqeRejRzGV/dwVSGjtwxz1S2V7XQ9sNSN/8o8JNe+A0W+3Qtl4uLxcgBbpWmnnCRPPQM2HL9lbZgRRkqFuvNWIO5fan3c5ar3XovZ3NcJUdSM9sv5y/HMqH4lrPt0NFfdc9gG77PmTH/vuOtSRLHkCfetKfJE+73+RXH7/2p/iEAAIIIIAAAggggAACCCCAAAIIIIAAAggggAACCCCAAAIIIIAAAv9NYAM+zE0G6VoR0QAAAABJRU5ErkJggg==);background-size:cover}.oneplus .wrapper .promote_cont .promote_title_area .discount_area_tit .arrow{display:none}.wrapper .promote_cont .promote_title_area .discount_area_tit .arrow.down{transform:rotate(0deg)}.wrapper .promote_cont .promote_title_area .discount_area_tit .main_tit{box-sizing:border-box;height:1.083rem;line-height:1.083rem;max-width:7.8rem;font-size:.6rem;color:rgba(0,0,0,.55)}.oneplus .wrapper .promote_cont .promote_title_area .discount_area_tit .main_tit{height:.8rem;line-height:.8rem;color:rgba(0,0,0,.4);max-width:none;flex:1}.oneplus.dark .wrapper .promote_cont .promote_title_area .discount_area_tit .main_tit{color:hsla(0,0%,100%,.54)}.wrapper .promote_cont .promote_title_area .discount_area_tit .sub_tit{box-sizing:border-box;text-align:center;-webkit-box-pack:center;max-width:6.24rem;padding:.1rem .2rem;margin:0 .3rem;border-radius:.15rem;color:#fff;background-color:#ff7d35;font-size:.4rem;font-weight:500}.oneplus .wrapper .promote_cont .promote_title_area .discount_area_tit .sub_tit{padding:0 .2rem;margin:0 .4rem;height:.5rem;line-height:.5rem;border-radius:.47rem;color:#ff9522;border:.02rem solid #ff9522;background-color:transparent;font-size:.3rem;font-weight:700}.wrapper .promote_cont .promote_title_area .discount_area_tit .sub_tit:empty{display:none}.wrapper .promote_cont .promote_title_area .discount_area_list{display:flex;justify-content:space-between;align-items:center;height:2.1rem;padding-left:1.2rem;padding-right:.9rem}.wrapper .promote_cont .promote_title_area .discount_area_list:first-child{padding-top:.4rem}.wrapper .promote_cont .promote_title_area .discount_area_list:last-child{padding-bottom:.4rem}.ht-night-app-wrap .wrapper .promote_cont .promote_title_area .discount_area_list{background-color:#404040}.wrapper .promote_cont .promote_title_area .discount_area_list_left{display:flex;align-items:center}.wrapper .promote_cont .promote_title_area .discount_area_list_left .list_tit{font-size:.7rem;margin-right:.2rem;max-width:11rem;color:#000;font-weight:400;line-height:1}.wrap_rtl .wrapper .promote_cont .promote_title_area .discount_area_list_left .list_tit{margin-right:0;margin-left:.2rem}.wrapper .promote_cont .promote_title_area .discount_area_list_left .list_sub_tit{color:#fff;background-color:#ff7d35;border-radius:.15rem;padding:0 .2rem;font-weight:500;font-size:.5rem;text-align:center;-webkit-box-pack:center;max-width:2.5rem;height:.7rem;line-height:.7rem}.wrapper .promote_cont .promote_title_area .discount_area_list .cir_checked{box-sizing:border-box;width:1rem;height:1rem;display:inline-block}.wrapper .promote_cont .promote_title_area .discount_area_list.on .cir_checked{border-color:#007aff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA71JREFUaAXtmD1oFEEUx9/EnIaQBCUIihI1oGihoGJjkUQNSoQ0foCFijZJkUYbhdydLJpcoY02iqCosbAQI0b8CBoxKSxSCFGwiOAngiA2EkQuH8//C5HbmeQ+dm/vsiczcDDv7c7M+/3f7NzbJbLNKmAVsApYBawCVgGrgFXAKmAVsApYBf5HBRxe7wWrzMvNobs3xvtonN5SlGO5xqZyvTF090W5lZjuIa7IdGyKuqhbxbPFWZrAndwCsPv4LXIBTtIC2krn1IjLN6tbelv6DO8iRb0arKIp+I5ngxX60gKOcgNNUh+2coUrdQzYNmzn2y5f2m7pAEd5OygeAbZSoymjDupS1zVfBqM0gOO8DQxPAFulsZTRCcBe0XxZjPIs1+f/cpw3Yxv3I5AaI5hTgL1k+LKa4c5wnDcC9hkolhgkMUqoC4YvJzO8wDHegLP3OShqNRJFZwHbrfk8GOH8H47xWjyvg/gt11gUncdpfFrzeTTCB+xwPSUBS7RSY1F0EbAnNZ8PI1zADtehNh5CZldpLIouA7ZD8/k0wgMc5RUAHQJHvcai6Bqq5DZSijW/T8PfoeWwv3HpgnR4GWBf4LIOW0Y9eDVoDwpWlvceuFQ8SRohh1fLBHm3BC/FfAOYZ502l6I7VI762FFTmj9Pw9uWFlimp1izGvXrZ6jfhIA++Y4hwbU0Np3ZTdocCq99ETqEuSc0fwBG7sDyZSFJw1iz2rXuF+yRJlQ8H12+3LoOL8YBNQABtxgD+nBkHaB2NW74AzG9bOlRrPjAWLUOxcFLivEaw5/ZdLgGsP2zYBXq5YV0sFCwElTuGZa75bBK0i30Dovparln2uGqGVh5+0k1haoqQq3Yxn9SzuB73oBl/XygHa6EYI8xS6OBMojM7gXsb8MfuOkdWEIQ6HG6iS15xIgofaYdrsCYhxjTrI1R9AqZ3QPYMc1fIMPLM5wKQf4qInQMD4T5lWHuZ9rhhYDtnQN2GPO0FAtWAPwBy8hM0FL4S00s7SpHsI3vAlY+vKWaotczmf2Vcha+529Lu+OS7T1BN3BaH3W7kf2vAGpGZhOA3a9dI3qDbxc7qVP9NPwFN/MHlhDTQRNw/303TqG8A2wTYH+kXMXrBQMs8aaHdtOM4jRuxOPw3e0sZj84YIk6M/QHbPMGvOZ9KyaguZb/Q8ucSWw5yKTgl1c6d1P0HpndMd+wElKwGXZDxng3DispMOTw6oEYBS8q3MvbvlXAKmAVsApYBawCVgGrgFXAKmAVsApYBTIo8BeBB/HQCs8H9gAAAABJRU5ErkJggg==);background-size:cover}.wrapper .promote_cont .promote_title_area .discount_area .color-popper--more .color-popper__inner-container{top:.4rem;left:-.4rem;min-width:11.4rem!important;max-width:15rem!important;border-radius:.8rem!important}.wrap_rtl .wrapper .promote_cont .promote_title_area .discount_area .color-popper--more .color-popper__inner-container{left:auto;right:-.4rem}.wrapper .promote_cont .promote_title_area .discount_area.nopopper .color-popper__container{display:none}.wrapper .promote_cont .pc_tab{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;width:-moz-fit-content;width:fit-content;height:auto;border-radius:.6rem;margin:1.5rem auto 1.2rem;box-shadow:0 0 0 .033rem rgba(0,0,0,.2);-webkit-box-shadow:0 0 0 .033rem rgba(0,0,0,.2)}.ht-night-app-wrap .wrapper .promote_cont .pc_tab{box-shadow:0 0 0 .033rem hsla(0,0%,100%,.5);-webkit-box-shadow:0 0 0 .033rem hsla(0,0%,100%,.5)}.oneplus .wrapper .promote_cont .pc_tab{margin:1.5rem auto 1rem;border-radius:.53rem;background-color:#fff;box-shadow:0 0 0 .033rem rgba(0,0,0,.08);-webkit-box-shadow:0 0 0 .033rem rgba(0,0,0,.08)}.oneplus.dark .wrapper .promote_cont .pc_tab{background-color:#262626}.wrapper .promote_cont .pc_tab .pc_tab_item{box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-box-pack:center;width:5.2rem;height:3rem;font-size:.8rem;font-weight:500;color:#000;position:relative}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item{width:5.33rem;height:2rem}.wrapper .promote_cont .pc_tab .pc_tab_item:not(:first-child):before{width:.6px;height:1.015rem;content:"";background-color:#e8e8e8;position:absolute;left:0}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item:not(:first-child):before{width:.016rem;height:1.4rem;background-color:rgba(0,0,0,.06)}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item:not(:first-child):before{background-color:hsla(0,0%,100%,.06)}.wrapper .promote_cont .pc_tab .pc_tab_item:first-child{border-top-left-radius:.6rem;border-bottom-left-radius:.6rem}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item:first-child{border-top-left-radius:.53rem;border-bottom-left-radius:.53rem}.wrapper .promote_cont .pc_tab .pc_tab_item:last-child{border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item:last-child{border-top-right-radius:.53rem;border-bottom-right-radius:.53rem}.wrapper .promote_cont .pc_tab .pc_tab_item:active{background-color:rgba(0,0,0,.03)}.ht-night-app-wrap .wrapper .promote_cont .pc_tab .pc_tab_item:active{background-color:#333}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item:active{background-color:#e1e1e1}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item:active{background-color:#303133}.wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text{font-weight:500;direction:lrt;font-size:.8rem;color:#000}.ht-night-app-wrap .wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text{color:#fff}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text{font-size:1.05rem}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text{color:hsla(0,0%,100%,.95)}.wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text .item_unit{margin-left:0;font-size:.5rem}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text .item_unit{font-size:.6rem;color:rgba(0,0,0,.4)}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item .pc_tab_text .item_unit{color:hsla(0,0%,100%,.54)}.wrapper .promote_cont .pc_tab .pc_tab_item.on{position:relative}.wrapper .promote_cont .pc_tab .pc_tab_item.on:after{width:.4rem;height:.4rem;content:"";display:block;position:absolute;border-width:.05rem;border-style:solid;border-color:transparent;border-left-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);transform:rotate(-45deg);bottom:-.2rem;border-bottom-left-radius:.1rem;background-color:#f5f5f5}.ht-night-app-wrap .wrapper .promote_cont .pc_tab .pc_tab_item.on:after{background-color:#000;border-left-color:hsla(0,0%,100%,.5);border-bottom-color:hsla(0,0%,100%,.5)}.ht-night-app-wrap.ht-night-app-wrap-8 .wrapper .promote_cont .pc_tab .pc_tab_item.on:after{background-color:#171717}.ht-night-app-wrap.ht-night-app-wrap-20 .wrapper .promote_cont .pc_tab .pc_tab_item.on:after{background-color:#303030}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item.on:after{border-width:.05rem;border-left-color:rgba(0,0,0,.08);border-bottom-color:rgba(0,0,0,.08);background-color:#fff}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item.on:after{background-color:#262626}.wrapper .promote_cont .pc_tab .pc_tab_item.on:active{background-color:inherit}.wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text{color:#2d40e9}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text{color:#0a7ffb}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text{color:#5eb0f3}.ht-night-app-wrap .wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text{color:#476cff}.wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text .item_unit{color:#2d40e9}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text .item_unit{color:rgba(10,127,251,.6)}.oneplus.dark .wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text .item_unit{color:rgba(94,176,243,.6)}.ht-night-app-wrap .wrapper .promote_cont .pc_tab .pc_tab_item.on .pc_tab_text .item_unit{color:#476cff}.wrapper .promote_cont .pc_list_cont{box-sizing:border-box;margin-top:1.05rem;display:flex;justify-content:center}.oneplus .wrapper .promote_cont .pc_list_cont{margin-top:.68rem}.wrapper .promote_cont .pc_list_cont .pc_list{box-sizing:border-box;display:flex;overflow-x:auto;scroll-behavior:smooth;height:-moz-min-content;height:min-content}.wrapper .promote_cont .pc_list_cont .pc_list:after{box-sizing:border-box;content:"";width:1.2rem;display:block;flex-shrink:0}.wrapper .promote_cont .pc_list_cont .pc_list::-webkit-scrollbar{display:none}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow:hidden;justify-content:center;flex-shrink:0;padding:1rem 0 .8rem 0;min-width:4.5rem;min-height:6.5rem;background-color:#fff;color:#000;border-radius:.3rem;margin-right:.4rem}.ht-night-app-wrap .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar{background-color:#333}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar{min-width:4.67rem;min-height:6.32rem;background-color:rgba(0,0,0,.04);border-radius:.53rem;padding:.9rem 0 .8rem 0}.oneplus.dark .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar{background-color:#1e2022}.wrap_rtl .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar{margin-right:0;margin-left:.33rem}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_tit{text-align:center;-webkit-box-pack:center;box-sizing:border-box;font-size:.6rem;letter-spacing:0;width:4rem;padding:0 .1rem;line-height:1.2}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_tit{line-height:.7rem;width:4.27rem;padding:0 .1rem}.oneplus.dark .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_tit{color:hsla(0,0%,100%,.85)}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_price{text-align:center;-webkit-box-pack:center;font-weight:500;letter-spacing:.037rem;line-height:1.417rem;margin:.4rem 0 .2rem 0;padding:0 .3rem;font-size:.7rem}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_price{font-weight:400;line-height:1.63rem;margin:.4rem 0 .27rem 0;padding:0 .2rem;font-size:1.4rem;letter-spacing:-.05rem}.oneplus.dark .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_price{color:hsla(0,0%,100%,.85)}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_price span{font-size:1.2rem}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_price span{font-size:1.4rem}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info{box-sizing:border-box;text-align:center;-webkit-box-pack:center;font-size:.6rem;color:rgba(0,0,0,.3);letter-spacing:0;width:4rem;line-height:1.2}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info{color:rgba(0,0,0,.24);line-height:.53rem;line-height:1.2;width:auto;max-width:4rem;padding-top:.1rem;padding-bottom:.1rem;margin:0 .2rem}.oneplus.dark .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info{color:hsla(0,0%,100%,.3)}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info.discount_prize{text-decoration:line-through;overflow:visible!important}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info.discount_prize{text-decoration:none;position:relative}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info.discount_prize:before{content:"";position:absolute;top:60%;left:0;border-top:.03rem solid #b6b6b6;background:#b6b6b6;width:100%;transform:translateY(-50%)}.oneplus.dark .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar .pcli_info.discount_prize:before{border-color:#616364;background:#616364}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:first-child{margin-left:1.2rem}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:first-child{margin-left:1rem}.wrap_rtl .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:first-child{margin-right:1.2rem;margin-left:.3rem}.wrap_rtl.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:first-child{margin-right:1rem;margin-left:.3rem}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:first-child .pcli_info{font-size:.5rem}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:first-child .pcli_info{font-size:.45rem}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:last-child{margin-right:0}.wrap_rtl .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar:last-child{margin-left:0}.wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar.on{background-color:rgba(0,122,255,.05);box-shadow:inset 0 0 0 .033rem #2d40e9}.ht-night-app-wrap .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar.on{background-color:rgba(0,122,255,.2);box-shadow:inset 0 0 0 .067rem #476cff}.oneplus .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar.on{background-color:rgba(10,127,251,.1);box-shadow:inset 0 0 0 .067rem #0a7ffb}.oneplus.dark .wrapper .promote_cont .pc_list_cont .pc_list .pc_list_item.renewbar.on{background-color:rgba(7,95,188,.2);box-shadow:inset 0 0 0 .067rem #075fbc}.wrapper .promote_cont_empty{width:100%;height:auto;border-radius:.25rem;margin:0 auto;margin-top:6rem}.oneplus .wrapper .promote_cont_empty{border-radius:0}.wrapper .promote_cont_empty .pce_icon{width:5.5rem;height:5.5rem;background-image:url(../img/index_logo_empty_v3.bfe30e91.png);background-size:cover;margin:0 auto}.oneplus .wrapper .promote_cont_empty .pce_icon{width:10.525rem;height:9.714rem;background-image:url(../img/index_logo_empty_v3_oneplus.f46a9444.png);background-size:cover}.oneplus.dark .wrapper .promote_cont_empty .pce_icon{background-image:url(../img/index_logo_empty_v3_oneplus_dark.bf23a326.png);background-size:cover}.wrapper .promote_cont_empty .pce_name{text-align:center;-webkit-box-pack:center;font-size:.6rem;color:rgba(0,0,0,.3);padding-bottom:.96rem;line-height:1;letter-spacing:.005rem}.oneplus .wrapper .promote_cont_empty .pce_name{padding-bottom:0;line-height:inherit;margin:0 auto;margin-top:1.133rem;font-size:.9rem;color:rgba(0,0,0,.85);width:14rem}.oneplus.dark .wrapper .promote_cont_empty .pce_name{color:#a3a3a3}.wrapper .tips{text-align:left;-webkit-box-pack:justify;margin:.6rem auto .8rem auto;color:#999;font-size:.6rem;line-height:1.5;width:15.6rem}.oneplus .wrapper .tips{margin:1rem auto 2rem auto;color:rgba(0,0,0,.4);line-height:.7rem;width:16rem;position:relative}.oneplus .wrapper .tips:after{content:"";display:inline-block;background-color:rgba(0,0,0,.06);height:.016rem;position:absolute;left:-1rem;right:-1rem;bottom:-1rem}.oneplus.dark .wrapper .tips{color:hsla(0,0%,100%,.54)}.wrap_rtl .wrapper .tips{text-align:right;-webkit-box-pack:end}.wrapper .tips a{color:#007aff;text-decoration:none}.oneplus .wrapper .tips a{color:#0a7ffb}.wrapper .currencyArea{margin:0 auto;margin-top:.7rem;margin-bottom:.3rem;padding:0 1.2rem;font-size:.8rem;height:2.6rem}.oneplus .wrapper .currencyArea{margin-top:.6rem;margin-bottom:.6rem;padding:0 1rem;height:3.2rem;background-color:transparent}.wrapper .currencyArea .title_area{display:flex;justify-content:space-between}.oneplus .wrapper .currencyArea .title_area{display:initial}.wrapper .currencyArea .title{color:#000;font-size:.8rem;font-weight:500;line-height:1}.oneplus .wrapper .currencyArea .title{color:rgba(0,0,0,.85);line-height:.93rem;font-weight:400}.oneplus.dark .wrapper .currencyArea .title{color:hsla(0,0%,100%,.85)}.wrapper .currencyArea .subtitle{color:rgba(0,0,0,.55);font-size:.8rem;font-weight:500;line-height:1}.oneplus .wrapper .currencyArea .subtitle{color:rgba(0,0,0,.4);font-size:.6rem;line-height:.7rem;font-weight:400}.oneplus.dark .wrapper .currencyArea .subtitle{color:hsla(0,0%,100%,.54)}.wrapper .brandDiff{margin-top:5rem}.oneplus .wrapper .brandDiff{display:flex;flex-direction:column-reverse;justify-content:space-between}.wrapper .buyBtnCon{box-sizing:border-box;display:flex;justify-content:center;align-items:center;margin-bottom:1.983rem}.oneplus .wrapper .buyBtnCon{margin-bottom:.8rem}.oneplus .wrapper .buyBtnCon .opBtn>div{width:8.33rem;height:2rem;text-align:center;-webkit-box-pack:center;border-radius:1rem;font-size:.6rem;line-height:2rem;background:#000;color:hsla(0,0%,100%,.9);margin-bottom:.8rem;font-weight:700}.oneplus.dark .wrapper .buyBtnCon .opBtn>div{background:#fafafa;color:rgba(0,0,0,.85)}.wrapper .buyBtnCon .color-button--info{border:1px solid #2d40e9;background:#2d40e9;font-weight:500}.ht-night-app-wrap .wrapper .buyBtnCon .color-button--info{border:1px solid #476cff!important;background:#476cff!important}.wrapper .activity_container{margin:.7rem 1.2rem 1.5rem 1.2rem}.oneplus .wrapper .activity_container{margin:.4rem 1rem 2rem 1rem}.wrapper .activity_container .activity_item_wrap{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:.45rem 1rem .45rem 1rem;width:100%;background-color:#f5f0ea;border-radius:.5rem}.oneplus .wrapper .activity_container .activity_item_wrap{padding:1.05rem 1rem 1.05rem .8rem;background-color:rgba(10,127,251,.1);border-radius:.53rem}.oneplus.dark .wrapper .activity_container .activity_item_wrap{background-color:rgba(7,95,188,.2)}.wrapper .activity_container .activity_item_wrap .left{max-width:9.367rem}.oneplus .wrapper .activity_container .activity_item_wrap .left{max-width:11rem}.wrapper .activity_container .activity_item_wrap .left .title{width:100%;margin-bottom:.2rem;font-size:.6rem;color:#4d3f25;line-height:1.4}.oneplus .wrapper .activity_container .activity_item_wrap .left .title{margin-bottom:.15rem;font-size:.8rem;color:#000;line-height:1.2;height:1.082rem}.oneplus.dark .wrapper .activity_container .activity_item_wrap .left .title{color:hsla(0,0%,100%,.85)}.wrapper .activity_container .activity_item_wrap .left .title .lg_num{font-size:.9rem;font-weight:500}.oneplus .wrapper .activity_container .activity_item_wrap .left .title .lg_num{font-size:.8rem;color:#000;line-height:1.2}.oneplus.dark .wrapper .activity_container .activity_item_wrap .left .title .lg_num{color:hsla(0,0%,100%,.85)}.wrapper .activity_container .activity_item_wrap .left .title .lg_num:after{content:"GB";font-size:.6rem;font-weight:500}.oneplus .wrapper .activity_container .activity_item_wrap .left .title .lg_num:after{font-size:.8rem;color:#000;line-height:1.2}.oneplus.dark .wrapper .activity_container .activity_item_wrap .left .title .lg_num:after{color:hsla(0,0%,100%,.85)}.wrapper .activity_container .activity_item_wrap .left .desc{font-size:.6rem;color:#4d3f25;line-height:1.4}.oneplus .wrapper .activity_container .activity_item_wrap .left .desc{color:rgba(0,0,0,.85);line-height:1.2;min-height:.817rem}.oneplus.dark .wrapper .activity_container .activity_item_wrap .left .desc{color:hsla(0,0%,100%,.54)}.wrapper .activity_container .activity_item_wrap .right .opBtn>div{box-sizing:border-box}.oneplus .wrapper .activity_container .activity_item_wrap .right .opBtn>div{background-color:transparent;padding:0;border-radius:0;color:rgba(0,0,0,.85);font-weight:700}.oneplus.dark .wrapper .activity_container .activity_item_wrap .right .opBtn>div{color:hsla(0,0%,100%,.85)}.wrapper .bottom-bar{width:15.6rem;margin:0 auto;margin-bottom:1rem}.oneplus .wrapper .bottom-bar{width:16rem;margin-bottom:.72rem}.wrapper .bottom-bar .menu-container{display:flex;justify-content:center;align-items:center;text-align:center;-webkit-box-pack:center;margin:0 auto;font-size:.6rem;color:rgba(0,0,0,.55)}.oneplus .wrapper .bottom-bar .menu-container{font-weight:700;color:rgba(0,0,0,.85)}.oneplus.dark .wrapper .bottom-bar .menu-container{color:hsla(0,0%,100%,.85)}.wrapper .bottom-bar .menu-container .menu-item{box-sizing:border-box;color:rgba(0,0,0,.55);font-size:.6rem;padding:0 .96rem}.wrapper .bottom-bar .menu-container .menu-item span{border-radius:.2rem;display:inline-block}.wrapper .bottom-bar .menu-container .menu-item span:active{background-color:rgba(0,0,0,.05)}.wrapper .bottom-bar .menu-container .menu-line{width:1px;height:.6rem;display:inline-block;background-color:rgba(0,0,0,.2)}.ht-night-app-wrap .wrapper .bottom-bar .menu-container .menu-line{background-color:hsla(0,0%,100%,.2)}.oneplus .wrapper .bottom-bar .menu-container .menu-line{height:.7rem;background-color:rgba(0,0,0,.18)}.oneplus.dark .wrapper .bottom-bar .menu-container .menu-line{background-color:hsla(0,0%,100%,.06)}.wrapper .bottom-bar.topClass{position:fixed;bottom:0;left:50%;margin-left:-7.8rem}.oneplus .wrapper .bottom-bar.topClass{bottom:1.53rem;margin-left:-8rem}.wrapper .bottom-bar.solo .menu-item:first-child{text-align:center;-webkit-box-pack:center;padding-right:0}.wrap_rtl .wrapper .bottom-bar.solo .menu-item:first-child,.wrapper .bottom-bar.solo .menu-item:last-child{text-align:center;-webkit-box-pack:center;padding-left:0}.wrap_rtl .wrapper .bottom-bar.solo .menu-item:last-child{text-align:center;-webkit-box-pack:center;padding-right:0}@media only screen and (min-width:600px){.wrapper .promote_cont .pc_tab .pc_tab_item.on{position:relative}.wrapper .promote_cont .pc_tab .pc_tab_item.on:after{width:.4rem;height:.4rem;content:"";border-width:.06rem;bottom:-.2rem}.oneplus .wrapper .promote_cont .pc_tab .pc_tab_item.on:after{border-width:.06rem}}.color-overflow-hidden,body.co-popup-parent--hidden{overflow:hidden}.color-popup{position:fixed;max-height:100%;color:rgba(0,0,0,.9);background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}.color-popup::-webkit-scrollbar{display:none}.color-popup--shadow.color-popup--center{box-shadow:0 8px 14px 2px rgba(0,0,0,.1)}.color-popup--shadow.color-popup--top{box-shadow:0 8px 14px 0 rgba(0,0,0,.1)}.color-popup--shadow.color-popup--bottom{box-shadow:0 -8px 14px 0 rgba(0,0,0,.1)}.color-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.color-popup--center.color-popup--round{border-radius:18px}.color-popup--top{top:0;left:0;width:100%}.color-popup--top.color-popup--round{border-radius:0 0 18px 18px}.color-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.color-popup--left.color-popup--round{border-radius:0 18px 18px 0}.color-popup--bottom{bottom:0;left:0;width:100%}.color-popup--bottom.color-popup--round{border-radius:18px 18px 0 0}.color-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.color-popup--right.color-popup--round{border-radius:18px 0 0 18px}.color-popup-slide-bottom-center-enter-from,.color-popup-slide-bottom-center-leave-active{transform:translate3d(-50%,50%,0)}.color-popup-slide-bottom-enter,.color-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.color-popup-slide-top-enter,.color-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.color-popup-slide-right-enter,.color-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.color-popup-slide-left-enter,.color-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.color-popup-slide-bottom-center-enter-active,.color-popup-slide-bottom-enter-active,.color-popup-slide-left-enter-active,.color-popup-slide-right-enter-active,.color-popup-slide-top-enter-active{transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(0,0,.15,1),height .25s cubic-bezier(.1,0,.1,1),border-radius .4s cubic-bezier(.33,0,0,1)}.color-popup-slide-bottom-center-leave-active,.color-popup-slide-bottom-leave-active,.color-popup-slide-left-leave-active,.color-popup-slide-right-leave-active,.color-popup-slide-top-leave-active{transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .15s cubic-bezier(.3,0,1,1),height .1s cubic-bezier(.1,0,.9,1)}.color-popup-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.8)}.color-popup-bounce-leave-active{opacity:0}.color-popup-bounce-enter-active{transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(.1,0,.1,1)}.color-popup-bounce-leave-active{transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .1s cubic-bezier(.1,0,.9,1)}.color-overlay,body.co-popup-parent--hidden{overflow:hidden}.color-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.4;transition-duration:.25s;transition-property:opacity,z-index}.color-fade-enter,.color-fade-leave-to{opacity:0}.color-fade-enter-to,.color-fade-leave{opacity:.4}.color-more{-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-more__container .color-popper__inner-container{min-width:152px;max-width:248px;padding:unset;line-height:unset;box-shadow:0 6px 30px rgba(0,0,0,.12)}.color-more__container .color-popper__inner-container .color-cell .color-cell__content .color-cell__title{padding-right:16px}.color-more__container .color-popper__inner-container .color-cell:first-child .color-cell__wrapper.p13{padding-top:15px}.color-more__container .color-popper__inner-container .color-cell:last-child .color-cell__wrapper.p13{padding-bottom:15px}.color-more__container .color-popper__inner-container .moreActive.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title{color:#006aff}.color-more__container.color-popper__container-dark .moreActive.color-cell--dark.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title{color:#1875f5}body.co-popup-parent--hidden{overflow:hidden}.color-popper{display:inline-block;vertical-align:text-bottom}.color-popper__reference-container{display:flex}.color-popper__container{z-index:150}.color-popper__container[data-popper-placement=top] .color-popper__content{transform-origin:bottom center}.color-popper__container[data-popper-placement=top-start] .color-popper__content{transform-origin:bottom left}.color-popper__container[data-popper-placement=top-end] .color-popper__content{transform-origin:bottom right}.color-popper__container[data-popper-placement=bottom] .color-popper__content{transform-origin:top center}.color-popper__container[data-popper-placement=bottom-start] .color-popper__content{transform-origin:top left}.color-popper__container[data-popper-placement=bottom-end] .color-popper__content{transform-origin:top right}.color-popper__container[data-popper-placement=left] .color-popper__content{transform-origin:center right}.color-popper__container[data-popper-placement=left-start] .color-popper__content{transform-origin:top right}.color-popper__container[data-popper-placement=left-end] .color-popper__content{transform-origin:bottom right}.color-popper__container[data-popper-placement=right] .color-popper__content{transform-origin:center left}.color-popper__container[data-popper-placement=right-start] .color-popper__content{transform-origin:top left}.color-popper__container[data-popper-placement=right-end] .color-popper__content{transform-origin:bottom left}.color-popper__container[data-popper-placement=top-end] .color-popper-icon__arrow,.color-popper__container[data-popper-placement=top-start] .color-popper-icon__arrow,.color-popper__container[data-popper-placement=top] .color-popper-icon__arrow{transform:translateY(13.9px) rotate(-90deg)}.color-popper__container[data-popper-placement=bottom-end] .color-popper-icon__arrow,.color-popper__container[data-popper-placement=bottom-start] .color-popper-icon__arrow,.color-popper__container[data-popper-placement=bottom] .color-popper-icon__arrow{transform:translateY(-13.9px) rotate(90deg)}.color-popper__container[data-popper-placement=left] .color-popper-icon__arrow{transform:translateX(6.7px) translateY(-3px) rotate(180deg)}.color-popper__container[data-popper-placement=left-start] .color-popper-icon__arrow{transform:translateX(6.7px) translateY(-8px) rotate(180deg)}.color-popper__container[data-popper-placement=left-end] .color-popper-icon__arrow{transform:translateX(6.7px) translateY(-1px) rotate(180deg)}.color-popper__container[data-popper-placement=right] .color-popper-icon__arrow{transform:translateX(-6.7px) rotate(0deg)}.color-popper__container[data-popper-placement=right-start] .color-popper-icon__arrow{transform:translateX(-6.7px) translateY(-4px) rotate(0deg)}.color-popper__container[data-popper-placement=right-end] .color-popper-icon__arrow{transform:translateX(-6.7px) translateY(3px) rotate(0deg)}.color-popper__container .color-popper__arrow-container{position:relative}.color-popper__container .color-popper__arrow-container .color-popper-icon__arrow svg path{fill:#006aff}.color-popper__container .color-popper__arrow{width:var(--width);height:var(--width);transform:rotate(45deg);background-color:#fff;background-color:var(--popper-arrow-color,#fff)}.color-popper__container[data-popper-placement^=top] .color-popper__arrow-container{bottom:-4px}.color-popper__container[data-popper-placement^=top] .color-popper__arrow{border-bottom-right-radius:1px}.color-popper__container[data-popper-placement^=bottom] .color-popper__arrow-container{top:-4px}.color-popper__container[data-popper-placement^=bottom] .color-popper__arrow{border-top-left-radius:1px}.color-popper__container[data-popper-placement^=left] .color-popper__arrow-container{right:-4px}.color-popper__container[data-popper-placement^=left] .color-popper__arrow{border-top-right-radius:1px}.color-popper__container[data-popper-placement^=right] .color-popper__arrow-container{left:-4px}.color-popper__container[data-popper-placement^=right] .color-popper__arrow{border-bottom-left-radius:1px}.color-popper__inner-container{position:relative;padding:12px 16px;box-shadow:0 6px 10px 0 rgba(0,0,0,.08);background-color:#fff;color:rgba(0,0,0,.55);font-size:14px;overflow:hidden;line-height:20px;border-radius:12px}.color-popper__inner-container.color-popper__inner-container--dark:after{border:hsla(0,0%,100%,.1)}.color-popper-enter-active,.color-popper-leave-active{transition:opacity .3s cubic-bezier(.3,0,.1,1)}.color-popper-enter-active .color-popper__content,.color-popper-leave-active .color-popper__content{transform-origin:var(--popper-transform-origin)!important;transition:transform .3s cubic-bezier(.3,0,.1,1)}.color-popper-enter,.color-popper-leave-to{opacity:0}.color-popper-enter .color-popper__content,.color-popper-leave-to .color-popper__content{transform:scale3d(.8,.8,.8)}.color-popper__container.color-popper__container-dark .color-popper__inner-container{background-color:#333}.color-popper__container.color-popper__container-dark .color-popper-icon__arrow svg path{fill:#1875f5}.color-cell,body.co-popup-parent--hidden{overflow:hidden}.color-cell{display:flex;position:relative;align-items:stretch;box-sizing:border-box;outline:none;font-variation-settings:"wght" 700;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-cell.color-cell--responsive.color-cell--round{padding-left:16px;padding-right:16px}@media screen and (min-width:600px){.color-cell.color-cell--responsive,.color-cell.color-cell--responsive.color-cell--round{padding-left:24px;padding-right:24px}}@media screen and (min-width:840px){.color-cell.color-cell--responsive,.color-cell.color-cell--responsive.color-cell--round{padding-left:40px;padding-right:40px}}@media screen and (min-width:600px){.color-cell.color-cell--responsive.color-cell--round .color-cell__wrapper{width:calc(75% - 1.5px)}}@media screen and (min-width:840px){.color-cell.color-cell--responsive.color-cell--round .color-cell__wrapper{width:calc(66.7% - 3.6px)}}.color-cell.color-cell--responsive .color-cell__wrapper{width:100%;margin:0 auto}@media screen and (min-width:600px){.color-cell.color-cell--responsive .color-cell__wrapper{width:calc(75% + 46.5px)}}@media screen and (min-width:840px){.color-cell.color-cell--responsive .color-cell__wrapper{width:calc(66.7% + 44.4px)}}.color-cell.color-cell--round .color-cell__wrapper{background:#fff;border-radius:12px;overflow:hidden}.color-cell.color-cell--round .color-cell__wrapper.p8{padding-top:10px;padding-bottom:10px}.color-cell.color-cell--round .color-cell__wrapper.p10{padding-top:12px;padding-bottom:12px}.color-cell.color-cell--round .color-cell__wrapper.p12{padding-top:14px;padding-bottom:14px}.color-cell.color-cell--round .color-cell__wrapper.p13{padding-top:15px;padding-bottom:15px}.color-cell.color-cell--ellipsis .color-cell__assignment,.color-cell.color-cell--ellipsis .color-cell__description,.color-cell.color-cell--ellipsis .color-cell__subtitle,.color-cell.color-cell--ellipsis .color-cell__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-cell.color-cell--disabled .color-cell__content .color-cell__contain .color-cell__subtitle,.color-cell.color-cell--disabled .color-cell__content .color-cell__contain .color-cell__title{color:rgba(0,0,0,.3)}.color-cell.color-cell--disabled .color-cell__content .color-cell__contain .color-cell__assignment,.color-cell.color-cell--disabled .color-cell__description,.color-cell.color-cell--disabled .color-cell__indicator{color:rgba(0,0,0,.15)}.color-cell.color-cell--disabled .color-cell__icon{color:rgba(0,0,0,.3)}.color-cell .color-cell__wrapper{display:flex;align-items:center;position:relative;z-index:2;box-sizing:border-box;width:100%}.color-cell .color-cell__wrapper:after{content:"";position:absolute;transition:all 122ms cubic-bezier(.33,0,.67,1);left:0;top:0;width:var(--bgWidth);height:100%;z-index:1;background-color:#fff}.color-cell .color-cell__wrapper.p8{padding-top:8px;padding-bottom:8px}.color-cell .color-cell__wrapper.p12{padding-top:12px;padding-bottom:12px}.color-cell .color-cell__wrapper.p10{padding-top:10px;padding-bottom:10px}.color-cell .color-cell__wrapper.p13{padding-top:13px;padding-bottom:13px}.color-cell.color-cell--active .color-cell__wrapper:after{background-color:rgba(0,0,0,.08)}.color-cell.color-cell--active.color-cell--round .color-cell__wrapper:after{background-color:rgba(0,0,0,.1)}.color-cell.color-cell--active-content .color-cell__widget:after{content:"";position:absolute;width:100%;height:100px;background-color:#fff;z-index:0;right:0}.color-cell .color-cell__icon{overflow:hidden;display:flex;align-items:center;padding-left:16px;flex:none;line-height:0;position:relative;z-index:2}.color-cell .color-cell__icon--small{width:24px;height:24px;border-radius:4px}.color-cell .color-cell__icon--middle{width:36px;height:36px;border-radius:8px}.color-cell .color-cell__icon--large{width:50px;height:50px;border-radius:12px}.color-cell .color-cell__content{display:flex;align-items:center;height:100%;padding-left:16px;position:relative;z-index:2;width:var(--contentWidth);box-sizing:border-box}.color-cell .color-cell__content .color-cell__contain{flex:100;display:flex;align-items:center;justify-content:space-between}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left{display:flex;align-items:center}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title{-webkit-text-size-adjust:100%;font-size:16px;line-height:22px;word-break:break-word;color:rgba(0,0,0,.9);letter-spacing:.16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title .color-field__input{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title .color-field__input::-moz-placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title .color-field__input:-ms-input-placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__title .color-field__input::placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__subtitle{font-variation-settings:"wght" 550;font-size:14px;line-height:20px;color:rgba(0,0,0,.6);margin-left:0;margin-top:2px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__subtitle .color-field__input{font-size:16px;margin-top:3px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__subtitle .color-field__input::-moz-placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__subtitle .color-field__input:-ms-input-placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__subtitle .color-field__input::placeholder{font-size:16px}.color-cell .color-cell__content .color-cell__contain .color-cell__contain-left .color-cell__assignment{font-size:14px;line-height:20px;color:rgba(0,0,0,.6);margin-left:0;margin-top:2px;font-variation-settings:"wght" 550;color:#006aff}.color-cell .color-cell__widget{display:flex;align-items:center;padding-right:16px;z-index:2;position:relative;right:0;max-height:22px}.color-cell .color-cell__widget .divider{width:1px;height:22px;background:rgba(0,0,0,.2);position:relative;z-index:2;margin-right:16px}.color-cell .color-cell__widget .color-cell__widget-container{display:flex;align-items:center;font-size:14px;color:rgba(0,0,0,.6);position:relative;z-index:1}.color-cell .color-cell__widget .color-cell__widget-container>*{position:relative;z-index:2;margin-left:16px}.color-cell .color-cell__widget .color-cell__widget-container>:first-of-type{margin-left:unset}.color-cell .color-cell__widget .color-cell__widget-container .color-cell__description{line-height:16px;color:rgba(0,0,0,.55);font-size:14px}.color-cell .color-cell__widget .color-cell__widget-container .color-cell__indicator{color:rgba(0,0,0,.2);display:flex;align-items:center}.color-cell .color-cell__widget .color-field{width:132px;color:hsla(0,0%,100%,.9);background-color:unset}.color-cell .color-cell__widget .color-field__input{text-align:right}.color-cell .co-badge>:first-child.co-badge__dot{position:relative}.color-cell.color-cell--dark .color-cell__content .color-cell__contain .color-cell__description,.color-cell.color-cell--dark .color-cell__content .color-cell__contain .color-cell__title{color:hsla(0,0%,100%,.9)}.color-cell.color-cell--dark .color-cell__content .color-cell__contain .color-cell__subtitle{color:hsla(0,0%,100%,.6)}.color-cell.color-cell--dark .color-cell__widget .divider{background-color:hsla(0,0%,100%,.3)}.color-cell.color-cell--dark .color-cell__widget .color-cell__widget-container,.color-cell.color-cell--dark .color-cell__widget .color-cell__widget-container .color-cell__description{color:hsla(0,0%,100%,.6)}.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__contain .color-cell__assignment,.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__contain .color-cell__subtitle,.color-cell.color-cell--dark.color-cell--disabled .color-cell__content .color-cell__contain .color-cell__title,.color-cell.color-cell--dark.color-cell--disabled .color-cell__description,.color-cell.color-cell--dark.color-cell--disabled .color-cell__icon,.color-cell.color-cell--dark .color-cell__widget .color-cell__widget-container .color-cell__indicator{color:hsla(0,0%,100%,.3)}.color-cell.color-cell--dark.color-cell--disabled .color-cell__indicator{color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark.color-cell--active-content .color-cell__widget:after,.color-cell.color-cell--dark .color-cell__wrapper:after{background-color:unset}.color-cell.color-cell--dark.color-cell--round.color-cell--active-content .color-cell__widget:after,.color-cell.color-cell--dark.color-cell--round .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.1)}.color-cell.color-cell--dark.color-cell--active .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.15)}.color-cell.color-cell--dark.color-cell--round.color-cell--active .color-cell__wrapper:after{background-color:hsla(0,0%,100%,.2)}.color-cell.color-cell--dark.color-cell--round .color-cell__wrapper{background:unset}