.zn--wrapper{font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b{font-family:OPPOSans-Ver2-Bold,OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-m{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-r,.zn--wrapper .font-l{font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}*,:after,:before{box-sizing:initial}@media (orientation: portrait) and (max-width: 1023px) and (min-width: 721px){#oc-header{overflow:hidden}}@media (orientation: portrait) and (max-width: 1023px){#oc-header.fixed{visibility:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#oc-wrapper{transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{transition:none}#nps .icon,#contact-pop .contact-pop_icon,#goback-top{-webkit-backdrop-filter:none;backdrop-filter:none}.__ROOT_CLASS__{font-family:OPPOSans-Ver3-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.__ROOT_CLASS__ .font-b{font-family:OPPOSans-Ver3-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.__ROOT_CLASS__ .font-m{font-family:OPPOSans-Ver3-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.__ROOT_CLASS__ .font-r{font-family:OPPOSans-Ver3-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}body{overflow:unset;line-height:normal}body.hide-body{overflow:hidden}#header .nav{z-index:99}#header .nav .nav-right>li,#header .nav .nav-right>li a,#header .nav .nav-right>li .info{margin-right:0}#footer>.container-infinite>.container-text{overflow:hidden}#main-wrapper .container{padding:0;margin:0;width:auto}#main-wrapper .container:before,#main-wrapper .container:after{content:none}.exh-progress{background:#f2f2f2}.exh-progress.disappear{display:none;pointer-events:none}.exh-progress .phone-name{color:#000;font-size:32px;margin-top:-130px}.exh-progress .bar{width:300px;height:7px;border-radius:10px;overflow:hidden;background:#fff;margin:15px 0}.exh-progress .bar .inner{width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;border-radius:10px;background:#808080}.exh-color{width:100%;justify-content:center;z-index:2}.exh-color .color{width:100px;cursor:pointer}@media (max-width: 1023px){.exh-color .color{cursor:auto}}.exh-color .color .color-t{margin-top:12px;font-size:14px;opacity:.4}@media (max-width: 1023px){.exh-color .color .color-t{font-size:12px}}.exh-color .color .piece{width:30px;height:30px;border-radius:50%;position:relative}.exh-color .color .piece.orange{background-color:#ed973e}.exh-color .color .piece.black{background-color:#484540}.exh-color .color .piece.green{background-color:#99bcb7}.exh-color .color .piece.luna-gold{background-color:#d6c89d}.exh-color .color .piece.luna-green{background-color:#99bcb7}.exh-color .color .piece.luna-black{background-color:#484540}.exh-color .color .piece:before{content:"";position:absolute;width:35px;height:35px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}@media (max-width: 1023px){.exh-color .color .piece{width:24px;height:24px}.exh-color .color .piece:before{width:28px;height:28px}}.exh-color .color.active .color-t{opacity:1}.exh-color .color.active .piece.orange:before{border:1px solid #ed973e}.exh-color .color.active .piece.black:before{border:1px solid #484540}.exh-color .color.active .piece.green:before{border:1px solid #99bcb7}.exh-color .color.active .piece.gold{border-color:#fff2e3}.exh-color .color.active .piece.luna-gold:before{border:1px solid #d6c89d}.exh-color .color.active .piece.luna-green:before{border:1px solid #99bcb7}.exh-color .color.active .piece.luna-black:before{border:1px solid #484540}.exh-buy{width:218px;height:40px;border-radius:77px;font-size:16px;z-index:2;color:#fff;background:#000;cursor:pointer}@media (max-width: 1023px){.exh-buy{font-size:14px}}.rel{position:relative}.abs{position:absolute}.abs.clip{top:0;left:0}.abs.abs-c{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex{display:flex}.flex.col{flex-direction:column}.flex.flex-c{justify-content:center;align-items:center}.full{width:100%;height:100%}.cursor{cursor:pointer}.exh-intro{z-index:10}.exh-intro .text-1{font-size:16px}.exh-intro .text-2{font-size:32px;margin-top:16px}@media (max-width: 1023px){.exh-intro{display:none}}body{margin:0}#exhibition{width:100%;height:100vh;overflow:hidden;background-color:#f2f2f2;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}#exhibition .exh-intro{left:64px;top:220px}#exhibition .exh-color{width:275px;left:64px;top:388px;margin-left:-20px}@media (max-width: 1023px){#exhibition .exh-color{top:unset;bottom:80px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);margin:0}}#exhibition .exh-canvas{z-index:1;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}#exhibition .exh-buy,#exhibition .exh-color{z-index:2}#exhibition .exh-progress{z-index:20}#exhibition .exh-buy{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);bottom:20px}#exhibition .exh-tips{bottom:60px;left:64px;font-size:12px;opacity:.4;text-align:center}@media (max-width: 1023px){#exhibition .exh-tips{left:0;right:0;bottom:180px;font-size:10px;text-align:center}}#exhibition.with-nav{height:var(--content-height)}#exhibition.with-nav .exh-intro{top:160px}#exhibition.with-nav .exh-color{top:328px}@media (max-width: 1023px){#exhibition.with-nav .exh-color{top:unset;bottom:20px}}@media (max-width: 1023px){#exhibition.with-nav .exh-tips{left:0;right:0;bottom:100px;font-size:10px;text-align:center}}