@font-face{font-display:swap;font-family:OPPOSans-Ver2-Bold;font-style:normal;font-variation-settings:"wght" 700;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot) format("embedded-opentype")}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-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,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-l,.zn--wrapper .font-r{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{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Bold;font-style:normal;font-variation-settings:"wght" 700;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot) format("embedded-opentype")}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-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,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-l,.zn--wrapper .font-r{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{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.zn--wrapper{font-size:16px}.zn--wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only,.pc-only{display:none}}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Bold;font-style:normal;font-variation-settings:"wght" 700;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Medium;font-style:normal;font-variation-settings:"wght" 500;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Regular;font-style:normal;font-variation-settings:"wght" 400;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.eot) format("embedded-opentype")}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-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,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-l,.zn--wrapper .font-r{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{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}.exh-input-mo{display:none;height:46px;width:300px}.exh-input-mo .line{-webkit-appearance:none;background:#d1d1d1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:5px;margin:0;outline:none;padding:0;position:relative;width:100%}.exh-input-mo .line .pointer{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjM0MSIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJtMTYuMzQxIDE2LTQtNCA0LTRNMjguMzQxIDhsNCA0LTQgNCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==) no-repeat;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:pointer;height:26px;left:0;position:absolute;top:-11px;width:46px}.exh-input-mo p{text-align:center}.exh-input-pc{height:5px;width:300px}.exh-input-pc input{-webkit-appearance:none;background:#d1d1d1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:100%;margin:0;outline:none;padding:0;width:100%}.exh-input-pc input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjM0MSIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJtMTYuMzQxIDE2LTQtNCA0LTRNMjguMzQxIDhsNCA0LTQgNCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg==) no-repeat;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;height:26px;width:46px}.exh-input-pc p{text-align:center}.exh-progress{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-user-drag:none;-webkit-align-items:center;align-items:center;background:#f2f2f2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.exh-progress.disappear{display:none;pointer-events:none}.exh-progress .p-title{color:#000}.exh-progress .bar{background:#fff;overflow:hidden;position:relative}.exh-progress .bar .inner{background:grey;height:100%;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;width:100%}.exh-color{position:relative;width:100%;z-index:2}.exh-color,.exh-color .color{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.exh-color .color{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.exh-color .color .color-t{font-size:12px;opacity:.4}.exh-color .color .piece{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:1px}.exh-color .color.active .piece{border:1px solid #353b40}.exh-color .color.active .piece.white{border-color:#efede9}.exh-color .color.active .piece.purple{border-color:#c4c5f0}.exh-color .color.active .piece.green{border-color:#7aa794}.exh-color .color.active .piece.gold{border-color:#fff2e3}.exh-color .color.active .color-t{opacity:1}body{margin:0;padding:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.exh-watermark{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-user-drag:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:10}.exh-watermark,.exh-watermark .line{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.exh-watermark .line div{opacity:.1;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);white-space:nowrap}.exh-canvas{-webkit-user-drag:none;display:block;height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;position:absolute;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.exh-title{padding-top:55px;position:relative;text-align:center;z-index:2}.exh-tips{font-size:12px;opacity:.4;position:absolute}.exh-buy{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#000;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%);z-index:2}.exh-buy a{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}#section-exhibition{-webkit-user-drag:none;background:#f2f2f2;height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}#section-exhibition .title{position:relative;text-align:center;z-index:2}#section-exhibition .exh-progress{z-index:3}#section-exhibition .exh-bar,#section-exhibition .exh-intro{position:absolute;z-index:2}#section-exhibition .exh-bar>*,#section-exhibition .exh-intro>*{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}#section-exhibition .exh-intro .t-0,#section-exhibition .exh-intro .t-1{line-height:1.1875}#section-exhibition .exh-bar{color:#0009;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}#section-exhibition .exh-bar .display-color{cursor:pointer}#section-exhibition .exh-bar .display-color.active .exh-color{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);z-index:0}#section-exhibition .exh-bar .display-color.active .display{color:#000}#section-exhibition .exh-bar .display-color.active .display .re-arrow{opacity:1;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}#section-exhibition .exh-bar .display-color .exh-color{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;opacity:0;pointer-events:none;position:absolute;right:0;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;-o-transition:opacity .25s,-o-transform .25s;-moz-transition:opacity .25s,transform .25s,-moz-transform .25s;transition:opacity .25s,transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s,-moz-transform .25s,-o-transform .25s}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin-right:0!important}#section-exhibition .exh-bar .display-color .display{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;color:#0006;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}#section-exhibition .exh-bar .display-color .display .re-arrow{opacity:.4;position:absolute;-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;-o-transition:opacity .25s,-o-transform .25s;-moz-transition:opacity .25s,transform .25s,-moz-transform .25s;transition:opacity .25s,transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s,-moz-transform .25s,-o-transform .25s}#section-exhibition .exh-bar .display-color .display .re-arrow img{height:100%;width:100%}#section-exhibition .exh-bar .display-color .display .d-color{opacity:0}#section-exhibition .exh-bar .display-color .display .d-color:not(:first-child){left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}#section-exhibition .exh-bar .display-color .display .d-color.choosed{opacity:1}#section-exhibition .exh-bar .display-color .display .d-color .d-t{text-align:center}#section-exhibition .exh-bar .control-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{cursor:pointer;text-align:center}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}#section-exhibition .exh-bar .open img{height:18px;width:20px}#section-exhibition .exh-bar .close{margin:0 20px 0 24px;width:100%}#section-exhibition .exh-bar .close img{height:18px;width:12px}#section-exhibition .temp{bottom:0;display:none;height:100px;position:absolute;right:0;width:200px;z-index:999}@media (min-width:650px) and (min-width:2100px){.exh-input-mo p{font-size:16px;margin-top:16px}.exh-input-pc p{font-size:16px;margin-top:20px}.exh-progress .p-title{font-size:32px;margin-top:-130px}.exh-progress .bar{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;height:7px;margin:15px 0;width:300px}.exh-progress .bar .inner{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.exh-color .color{width:100px}.exh-color .color .color-t{font-size:14px;margin-top:10px}.exh-color .color .piece{height:35px;padding:2px;width:35px}.exh-title{font-size:40px;padding-top:60px}.exh-tips{bottom:60px;left:64px}.exh-buy{-webkit-border-radius:77px;-moz-border-radius:77px;border-radius:77px;bottom:150px;font-size:16px;height:40px;width:218px}#section-exhibition .title{font-size:40px;padding-top:70px}#section-exhibition .exh-intro{left:64px;top:160px}#section-exhibition .exh-intro .t-0{font-size:16px}#section-exhibition .exh-intro .t-1{font-size:32px;margin:16px 0 52px}#section-exhibition .exh-intro .exh-color{margin-left:-26px}#section-exhibition .exh-bar{bottom:60px}#section-exhibition .exh-bar .exh-input-pc{margin-top:10px}#section-exhibition .exh-bar .display-color .exh-color{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;height:68px;top:-webkit-calc(-100% - 1px);top:-moz-calc(-100% - 1px);top:calc(-100% - 1px);width:168px}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin:0 26px}#section-exhibition .exh-bar .display-color .display{font-size:16px;margin-top:7px}#section-exhibition .exh-bar .display-color .display .re-arrow{bottom:10px;height:5px;right:-15px;width:10px}#section-exhibition .exh-bar .display-color .display .d-color .d-img{height:20px;margin-bottom:19px;width:20px}#section-exhibition .exh-bar .display-color .display .d-color .d-t{margin-left:-5px}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{font-size:16px}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin-bottom:10px}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin-bottom:12px}}@media (min-width:650px) and (min-width:1400px) and (max-width:2099px){.exh-input-mo p{font-size:16px;margin-top:16px}.exh-input-pc p{font-size:16px;margin-top:20px}.exh-progress .p-title{font-size:32px;margin-top:-130px}.exh-progress .bar{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;height:7px;margin:15px 0;width:300px}.exh-progress .bar .inner{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.exh-color .color{width:100px}.exh-color .color .color-t{font-size:14px;margin-top:10px}.exh-color .color .piece{height:35px;padding:2px;width:35px}.exh-title{font-size:40px;padding-top:60px}.exh-tips{bottom:60px;left:64px}.exh-buy{-webkit-border-radius:77px;-moz-border-radius:77px;border-radius:77px;bottom:150px;font-size:16px;height:40px;width:218px}#section-exhibition .title{font-size:40px;padding-top:70px}#section-exhibition .exh-intro{left:64px;top:160px}#section-exhibition .exh-intro .t-0{font-size:16px}#section-exhibition .exh-intro .t-1{font-size:32px;margin:16px 0 52px}#section-exhibition .exh-intro .exh-color{margin-left:-26px}#section-exhibition .exh-bar{bottom:60px}#section-exhibition .exh-bar .exh-input-pc{margin-top:10px}#section-exhibition .exh-bar .display-color .exh-color{-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;height:68px;top:-webkit-calc(-100% - 1px);top:-moz-calc(-100% - 1px);top:calc(-100% - 1px);width:168px}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin:0 26px}#section-exhibition .exh-bar .display-color .display{font-size:16px;margin-top:7px}#section-exhibition .exh-bar .display-color .display .re-arrow{bottom:10px;height:5px;right:-15px;width:10px}#section-exhibition .exh-bar .display-color .display .d-color .d-img{height:20px;margin-bottom:19px;width:20px}#section-exhibition .exh-bar .display-color .display .d-color .d-t{margin-left:-5px}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{font-size:16px}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin-bottom:10px}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin-bottom:12px}}@media (min-width:650px) and (min-width:1024px) and (max-width:1399px){.exh-input-mo p{font-size:1.1111vw;font-size:-webkit-calc(var(--vw,1vw)*1.1111);font-size:-moz-calc(var(--vw,1vw)*1.1111);font-size:calc(var(--vw, 1vw)*1.1111);margin-top:1.1111vw;margin-top:calc(var(--vw, 1vw)*1.1111)}.exh-input-pc p{font-size:1.1111vw;font-size:-webkit-calc(var(--vw,1vw)*1.1111);font-size:-moz-calc(var(--vw,1vw)*1.1111);font-size:calc(var(--vw, 1vw)*1.1111);margin-top:1.3889vw;margin-top:calc(var(--vw, 1vw)*1.3889)}.exh-progress .p-title{font-size:2.2222vw;font-size:-webkit-calc(var(--vw,1vw)*2.2222);font-size:-moz-calc(var(--vw,1vw)*2.2222);font-size:calc(var(--vw, 1vw)*2.2222);margin-top:-9.0278vw;margin-top:calc(var(--vw, 1vw)*-9.0278)}.exh-progress .bar{-webkit-border-radius:.6944vw;-moz-border-radius:.6944vw;border-radius:.6944vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*.6944);-moz-border-radius:-moz-calc(var(--vw,1vw)*.6944);border-radius:calc(var(--vw, 1vw)*.6944);height:.4861vw;height:-webkit-calc(var(--vw,1vw)*.4861);height:-moz-calc(var(--vw,1vw)*.4861);height:calc(var(--vw, 1vw)*.4861);margin:1.0417vw 0;margin:calc(var(--vw, 1vw)*1.0417) 0;width:20.8333vw;width:-webkit-calc(var(--vw,1vw)*20.8333);width:-moz-calc(var(--vw,1vw)*20.8333);width:calc(var(--vw, 1vw)*20.8333)}.exh-progress .bar .inner{-webkit-border-radius:.6944vw;-moz-border-radius:.6944vw;border-radius:.6944vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*.6944);-moz-border-radius:-moz-calc(var(--vw,1vw)*.6944);border-radius:calc(var(--vw, 1vw)*.6944)}.exh-color .color{width:6.9444vw;width:-webkit-calc(var(--vw,1vw)*6.9444);width:-moz-calc(var(--vw,1vw)*6.9444);width:calc(var(--vw, 1vw)*6.9444)}.exh-color .color .color-t{font-size:.9722vw;font-size:-webkit-calc(var(--vw,1vw)*.9722);font-size:-moz-calc(var(--vw,1vw)*.9722);font-size:calc(var(--vw, 1vw)*.9722);margin-top:.6944vw;margin-top:calc(var(--vw, 1vw)*.6944)}.exh-color .color .piece{height:2.4306vw;height:-webkit-calc(var(--vw,1vw)*2.4306);height:-moz-calc(var(--vw,1vw)*2.4306);height:calc(var(--vw, 1vw)*2.4306);padding:.1389vw;padding:calc(var(--vw, 1vw)*.1389);width:2.4306vw;width:-webkit-calc(var(--vw,1vw)*2.4306);width:-moz-calc(var(--vw,1vw)*2.4306);width:calc(var(--vw, 1vw)*2.4306)}.exh-title{font-size:2.7778vw;font-size:-webkit-calc(var(--vw,1vw)*2.7778);font-size:-moz-calc(var(--vw,1vw)*2.7778);font-size:calc(var(--vw, 1vw)*2.7778);padding-top:4.1667vw;padding-top:calc(var(--vw, 1vw)*4.1667)}.exh-tips{bottom:4.1667vw;bottom:-webkit-calc(var(--vw,1vw)*4.1667);bottom:-moz-calc(var(--vw,1vw)*4.1667);bottom:calc(var(--vw, 1vw)*4.1667);left:4.4444vw;left:-webkit-calc(var(--vw,1vw)*4.4444);left:-moz-calc(var(--vw,1vw)*4.4444);left:calc(var(--vw, 1vw)*4.4444)}.exh-buy{-webkit-border-radius:5.3472vw;-moz-border-radius:5.3472vw;border-radius:5.3472vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*5.3472);-moz-border-radius:-moz-calc(var(--vw,1vw)*5.3472);border-radius:calc(var(--vw, 1vw)*5.3472);bottom:10.4167vw;bottom:-webkit-calc(var(--vw,1vw)*10.4167);bottom:-moz-calc(var(--vw,1vw)*10.4167);bottom:calc(var(--vw, 1vw)*10.4167);font-size:1.1111vw;font-size:-webkit-calc(var(--vw,1vw)*1.1111);font-size:-moz-calc(var(--vw,1vw)*1.1111);font-size:calc(var(--vw, 1vw)*1.1111);height:2.7778vw;height:-webkit-calc(var(--vw,1vw)*2.7778);height:-moz-calc(var(--vw,1vw)*2.7778);height:calc(var(--vw, 1vw)*2.7778);width:15.1389vw;width:-webkit-calc(var(--vw,1vw)*15.1389);width:-moz-calc(var(--vw,1vw)*15.1389);width:calc(var(--vw, 1vw)*15.1389)}#section-exhibition .title{font-size:2.7778vw;font-size:-webkit-calc(var(--vw,1vw)*2.7778);font-size:-moz-calc(var(--vw,1vw)*2.7778);font-size:calc(var(--vw, 1vw)*2.7778);padding-top:4.8611vw;padding-top:calc(var(--vw, 1vw)*4.8611)}#section-exhibition .exh-intro{left:4.4444vw;left:-webkit-calc(var(--vw,1vw)*4.4444);left:-moz-calc(var(--vw,1vw)*4.4444);left:calc(var(--vw, 1vw)*4.4444);top:11.1111vw;top:-webkit-calc(var(--vw,1vw)*11.1111);top:-moz-calc(var(--vw,1vw)*11.1111);top:calc(var(--vw, 1vw)*11.1111)}#section-exhibition .exh-intro .t-0{font-size:1.1111vw;font-size:-webkit-calc(var(--vw,1vw)*1.1111);font-size:-moz-calc(var(--vw,1vw)*1.1111);font-size:calc(var(--vw, 1vw)*1.1111)}#section-exhibition .exh-intro .t-1{font-size:2.2222vw;font-size:-webkit-calc(var(--vw,1vw)*2.2222);font-size:-moz-calc(var(--vw,1vw)*2.2222);font-size:calc(var(--vw, 1vw)*2.2222);margin:1.1111vw 0 3.6111vw;margin:calc(var(--vw, 1vw)*1.1111) 0 calc(var(--vw, 1vw)*3.6111)}#section-exhibition .exh-intro .exh-color{margin-left:-1.8056vw;margin-left:calc(var(--vw, 1vw)*-1.8056)}#section-exhibition .exh-bar{bottom:4.1667vw;bottom:-webkit-calc(var(--vw,1vw)*4.1667);bottom:-moz-calc(var(--vw,1vw)*4.1667);bottom:calc(var(--vw, 1vw)*4.1667)}#section-exhibition .exh-bar .exh-input-pc{margin-top:.6944vw;margin-top:calc(var(--vw, 1vw)*.6944)}#section-exhibition .exh-bar .display-color .exh-color{-webkit-border-radius:.8333vw;-moz-border-radius:.8333vw;border-radius:.8333vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*.8333);-moz-border-radius:-moz-calc(var(--vw,1vw)*.8333);border-radius:calc(var(--vw, 1vw)*.8333);height:4.7222vw;height:-webkit-calc(var(--vw,1vw)*4.7222);height:-moz-calc(var(--vw,1vw)*4.7222);height:calc(var(--vw, 1vw)*4.7222);top:-webkit-calc(-100% - .0694vw);top:-moz-calc(-100% - .0694vw);top:calc(-100% - .0694vw);top:-webkit-calc(-100% - var(--vw,1vw)*.0694);top:-moz-calc(-100% - var(--vw,1vw)*.0694);top:calc(-100% - var(--vw, 1vw)*.0694);width:11.6667vw;width:-webkit-calc(var(--vw,1vw)*11.6667);width:-moz-calc(var(--vw,1vw)*11.6667);width:calc(var(--vw, 1vw)*11.6667)}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin:0 1.8056vw;margin:0 calc(var(--vw, 1vw)*1.8056)}#section-exhibition .exh-bar .display-color .display{font-size:1.1111vw;font-size:-webkit-calc(var(--vw,1vw)*1.1111);font-size:-moz-calc(var(--vw,1vw)*1.1111);font-size:calc(var(--vw, 1vw)*1.1111);margin-top:.4861vw;margin-top:calc(var(--vw, 1vw)*.4861)}#section-exhibition .exh-bar .display-color .display .re-arrow{bottom:.6944vw;bottom:-webkit-calc(var(--vw,1vw)*.6944);bottom:-moz-calc(var(--vw,1vw)*.6944);bottom:calc(var(--vw, 1vw)*.6944);height:.3472vw;height:-webkit-calc(var(--vw,1vw)*.3472);height:-moz-calc(var(--vw,1vw)*.3472);height:calc(var(--vw, 1vw)*.3472);right:-1.0417vw;right:-webkit-calc(var(--vw,1vw)*-1.0417);right:-moz-calc(var(--vw,1vw)*-1.0417);right:calc(var(--vw, 1vw)*-1.0417);width:.6944vw;width:-webkit-calc(var(--vw,1vw)*.6944);width:-moz-calc(var(--vw,1vw)*.6944);width:calc(var(--vw, 1vw)*.6944)}#section-exhibition .exh-bar .display-color .display .d-color .d-img{height:1.3889vw;height:-webkit-calc(var(--vw,1vw)*1.3889);height:-moz-calc(var(--vw,1vw)*1.3889);height:calc(var(--vw, 1vw)*1.3889);margin-bottom:1.3194vw;margin-bottom:calc(var(--vw, 1vw)*1.3194);width:1.3889vw;width:-webkit-calc(var(--vw,1vw)*1.3889);width:-moz-calc(var(--vw,1vw)*1.3889);width:calc(var(--vw, 1vw)*1.3889)}#section-exhibition .exh-bar .display-color .display .d-color .d-t{margin-left:-.3472vw;margin-left:calc(var(--vw, 1vw)*-.3472)}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{font-size:1.1111vw;font-size:-webkit-calc(var(--vw,1vw)*1.1111);font-size:-moz-calc(var(--vw,1vw)*1.1111);font-size:calc(var(--vw, 1vw)*1.1111)}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin-bottom:.6944vw;margin-bottom:calc(var(--vw, 1vw)*.6944)}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin-bottom:.8333vw;margin-bottom:calc(var(--vw, 1vw)*.8333)}}@media (min-width:650px){.exh-canvas,#section-exhibition{height:-webkit-calc(100vh - 97px);height:-moz-calc(100vh - 97px);height:calc(100vh - 97px);height:-webkit-calc(var(--vh,1vh)*100 - 97px);height:-moz-calc(var(--vh,1vh)*100 - 97px);height:calc(var(--vh, 1vh)*100 - 97px)}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{height:38px;width:38px}}@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}}@media (max-width:1023px){.exh-input-mo{height:44px;width:208px}.exh-input-mo .line{background:#e8e8e8;height:4px}.exh-input-mo .line .pointer{cursor:none;height:24px;width:44px}.exh-input-mo p{margin-top:3vw;margin-top:calc(var(--vw, 1vw)*3)}.exh-input-pc{height:4px;width:208px}.exh-input-pc input{background:#e8e8e8}.exh-input-pc input::-webkit-slider-thumb{height:24px;width:44px}.exh-input-pc p{margin-top:2.8vw;margin-top:calc(var(--vw, 1vw)*2.8)}.exh-color .color{cursor:none}.exh-watermark .line div{font-size:12px;-webkit-transform:rotate(45deg) scale(.6);-moz-transform:rotate(45deg) scale(.6);-ms-transform:rotate(45deg) scale(.6);-o-transform:rotate(45deg) scale(.6);transform:rotate(45deg) scale(.6)}.exh-canvas{height:-webkit-calc(100vh - 141px);height:-moz-calc(100vh - 141px);height:calc(100vh - 141px);height:-webkit-calc(var(--vh,1vh)*100 - 141px);height:-moz-calc(var(--vh,1vh)*100 - 141px);height:calc(var(--vh, 1vh)*100 - 141px)}.exh-tips{font-size:9px;left:0;text-align:center;width:100%}.exh-buy{-webkit-border-radius:77px;-moz-border-radius:77px;border-radius:77px;cursor:none;font-size:16px;height:35px;width:220px}.exh-buy a{cursor:none}#section-exhibition{height:-webkit-calc(100vh - 141px);height:-moz-calc(100vh - 141px);height:calc(100vh - 141px);height:-webkit-calc(var(--vh,1vh)*100 - 141px);height:-moz-calc(var(--vh,1vh)*100 - 141px);height:calc(var(--vh, 1vh)*100 - 141px)}#section-exhibition .exh-bar{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;color:#0006;-webkit-justify-content:center;justify-content:center}#section-exhibition .exh-bar .exh-input-pc{margin-top:-48px}#section-exhibition .exh-bar .display-color,#section-exhibition .exh-bar .display-color .display{cursor:none}#section-exhibition .exh-bar .display-color .display .d-color .d-img{margin-left:auto;margin-right:auto}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{cursor:none}#section-exhibition .exh-bar .open{margin:0;opacity:0}#section-exhibition .exh-bar .close{left:0;margin:0;position:absolute;top:0}}@media (max-width:1023px) and (max-width:1023px){.exh-input-mo p{font-size:3.3333vw;font-size:-webkit-calc(var(--vw,1vw)*3.3333);font-size:-moz-calc(var(--vw,1vw)*3.3333);font-size:calc(var(--vw, 1vw)*3.3333)}.exh-input-pc p{font-size:3.3333vw;font-size:-webkit-calc(var(--vw,1vw)*3.3333);font-size:-moz-calc(var(--vw,1vw)*3.3333);font-size:calc(var(--vw, 1vw)*3.3333);font-size:2.7778vw;font-size:-webkit-calc(var(--vw,1vw)*2.7778);font-size:-moz-calc(var(--vw,1vw)*2.7778);font-size:calc(var(--vw, 1vw)*2.7778)}.exh-progress .p-title{font-size:6.1111vw!important;font-size:-webkit-calc(var(--vw,1vw)*6.1111)!important;font-size:-moz-calc(var(--vw,1vw)*6.1111)!important;font-size:calc(var(--vw, 1vw)*6.1111)!important}.exh-progress .bar{-webkit-border-radius:2.7778vw;-moz-border-radius:2.7778vw;border-radius:2.7778vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*2.7778);-moz-border-radius:-moz-calc(var(--vw,1vw)*2.7778);border-radius:calc(var(--vw, 1vw)*2.7778);height:1.3889vw;height:-webkit-calc(var(--vw,1vw)*1.3889);height:-moz-calc(var(--vw,1vw)*1.3889);height:calc(var(--vw, 1vw)*1.3889);margin:1.3889vw 0;margin:calc(var(--vw, 1vw)*1.3889) 0;width:55.5556vw;width:-webkit-calc(var(--vw,1vw)*55.5556);width:-moz-calc(var(--vw,1vw)*55.5556);width:calc(var(--vw, 1vw)*55.5556)}.exh-progress .bar .inner{-webkit-border-radius:2.7778vw;-moz-border-radius:2.7778vw;border-radius:2.7778vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*2.7778);-moz-border-radius:-moz-calc(var(--vw,1vw)*2.7778);border-radius:calc(var(--vw, 1vw)*2.7778)}.exh-color .color .color-t{margin-top:2.2222vw;margin-top:calc(var(--vw, 1vw)*2.2222)}.exh-color .color .piece{height:5.5556vw;height:-webkit-calc(var(--vw,1vw)*5.5556);height:-moz-calc(var(--vw,1vw)*5.5556);height:calc(var(--vw, 1vw)*5.5556);width:5.5556vw;width:-webkit-calc(var(--vw,1vw)*5.5556);width:-moz-calc(var(--vw,1vw)*5.5556);width:calc(var(--vw, 1vw)*5.5556)}.exh-title{font-size:6.1111vw;font-size:-webkit-calc(var(--vw,1vw)*6.1111);font-size:-moz-calc(var(--vw,1vw)*6.1111);font-size:calc(var(--vw, 1vw)*6.1111)}.exh-tips{bottom:25vw;bottom:-webkit-calc(var(--vw,1vw)*25);bottom:-moz-calc(var(--vw,1vw)*25);bottom:calc(var(--vw, 1vw)*25)}.exh-buy{bottom:30.5556vw;bottom:-webkit-calc(var(--vw,1vw)*30.5556);bottom:-moz-calc(var(--vw,1vw)*30.5556);bottom:calc(var(--vw, 1vw)*30.5556)}#section-exhibition .title{font-size:6.1111vw;font-size:-webkit-calc(var(--vw,1vw)*6.1111);font-size:-moz-calc(var(--vw,1vw)*6.1111);font-size:calc(var(--vw, 1vw)*6.1111);padding-top:9.7222vw;padding-top:calc(var(--vw, 1vw)*9.7222)}#section-exhibition .exh-bar{-webkit-border-radius:2.2222vw;-moz-border-radius:2.2222vw;border-radius:2.2222vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*2.2222);-moz-border-radius:-moz-calc(var(--vw,1vw)*2.2222);border-radius:calc(var(--vw, 1vw)*2.2222);bottom:3.3333vw;bottom:-webkit-calc(var(--vw,1vw)*3.3333);bottom:-moz-calc(var(--vw,1vw)*3.3333);bottom:calc(var(--vw, 1vw)*3.3333);height:18.8889vw;height:-webkit-calc(var(--vw,1vw)*18.8889);height:-moz-calc(var(--vw,1vw)*18.8889);height:calc(var(--vw, 1vw)*18.8889);width:94.4444vw;width:-webkit-calc(var(--vw,1vw)*94.4444);width:-moz-calc(var(--vw,1vw)*94.4444);width:calc(var(--vw, 1vw)*94.4444)}#section-exhibition .exh-bar .display-color .exh-color{-webkit-border-radius:2.2222vw;-moz-border-radius:2.2222vw;border-radius:2.2222vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*2.2222);-moz-border-radius:-moz-calc(var(--vw,1vw)*2.2222);border-radius:calc(var(--vw, 1vw)*2.2222);height:18.8889vw;height:-webkit-calc(var(--vw,1vw)*18.8889);height:-moz-calc(var(--vw,1vw)*18.8889);height:calc(var(--vw, 1vw)*18.8889);top:-webkit-calc(-100% - 2.2222vw);top:-moz-calc(-100% - 2.2222vw);top:calc(-100% - 2.2222vw);top:-webkit-calc(-100% - var(--vw,1vw)*2.2222);top:-moz-calc(-100% - var(--vw,1vw)*2.2222);top:calc(-100% - var(--vw, 1vw)*2.2222);width:46.6667vw;width:-webkit-calc(var(--vw,1vw)*46.6667);width:-moz-calc(var(--vw,1vw)*46.6667);width:calc(var(--vw, 1vw)*46.6667)}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin:0 7.2222vw;margin:0 calc(var(--vw, 1vw)*7.2222)}#section-exhibition .exh-bar .display-color .display{font-size:3.3333vw;font-size:-webkit-calc(var(--vw,1vw)*3.3333);font-size:-moz-calc(var(--vw,1vw)*3.3333);font-size:calc(var(--vw, 1vw)*3.3333);font-size:2.7778vw;font-size:-webkit-calc(var(--vw,1vw)*2.7778);font-size:-moz-calc(var(--vw,1vw)*2.7778);font-size:calc(var(--vw, 1vw)*2.7778);margin-top:1.9444vw;margin-top:calc(var(--vw, 1vw)*1.9444)}#section-exhibition .exh-bar .display-color .display .re-arrow{bottom:1.9444vw;bottom:-webkit-calc(var(--vw,1vw)*1.9444);bottom:-moz-calc(var(--vw,1vw)*1.9444);bottom:calc(var(--vw, 1vw)*1.9444);bottom:.8333vw;bottom:-webkit-calc(var(--vw,1vw)*.8333);bottom:-moz-calc(var(--vw,1vw)*.8333);bottom:calc(var(--vw, 1vw)*.8333);height:1.3889vw;height:-webkit-calc(var(--vw,1vw)*1.3889);height:-moz-calc(var(--vw,1vw)*1.3889);height:calc(var(--vw, 1vw)*1.3889);right:-2.2222vw;right:-webkit-calc(var(--vw,1vw)*-2.2222);right:-moz-calc(var(--vw,1vw)*-2.2222);right:calc(var(--vw, 1vw)*-2.2222);right:-2.7778vw;right:-webkit-calc(var(--vw,1vw)*-2.7778);right:-moz-calc(var(--vw,1vw)*-2.7778);right:calc(var(--vw, 1vw)*-2.7778);width:2.7778vw;width:-webkit-calc(var(--vw,1vw)*2.7778);width:-moz-calc(var(--vw,1vw)*2.7778);width:calc(var(--vw, 1vw)*2.7778)}#section-exhibition .exh-bar .display-color .display .d-color .d-img{height:5.5556vw;height:-webkit-calc(var(--vw,1vw)*5.5556);height:-moz-calc(var(--vw,1vw)*5.5556);height:calc(var(--vw, 1vw)*5.5556);margin-bottom:2.7778vw;margin-bottom:calc(var(--vw, 1vw)*2.7778);width:5.5556vw;width:-webkit-calc(var(--vw,1vw)*5.5556);width:-moz-calc(var(--vw,1vw)*5.5556);width:calc(var(--vw, 1vw)*5.5556)}#section-exhibition .exh-bar .display-color .display .d-color .d-img{margin-bottom:1.9444vw;margin-bottom:calc(var(--vw, 1vw)*1.9444)}#section-exhibition .exh-bar .display-color .display .d-color .d-t{margin-left:-1.3889vw;margin-left:calc(var(--vw, 1vw)*-1.3889)}#section-exhibition .exh-bar .control-group{margin:-3.6111vw 2.7778vw 0;margin:calc(var(--vw, 1vw)*-3.6111) calc(var(--vw, 1vw)*2.7778) 0 calc(var(--vw, 1vw)*2.7778)}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{font-size:3.3333vw;font-size:-webkit-calc(var(--vw,1vw)*3.3333);font-size:-moz-calc(var(--vw,1vw)*3.3333);font-size:calc(var(--vw, 1vw)*3.3333);font-size:2.7778vw;font-size:-webkit-calc(var(--vw,1vw)*2.7778);font-size:-moz-calc(var(--vw,1vw)*2.7778);font-size:calc(var(--vw, 1vw)*2.7778)}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin:2.2222vw auto;margin:calc(var(--vw, 1vw)*2.2222) auto calc(var(--vw, 1vw)*2.2222) auto}#section-exhibition .exh-bar .open img{height:5vw;height:-webkit-calc(var(--vw,1vw)*5);height:-moz-calc(var(--vw,1vw)*5);height:calc(var(--vw, 1vw)*5);width:5.5556vw;width:-webkit-calc(var(--vw,1vw)*5.5556);width:-moz-calc(var(--vw,1vw)*5.5556);width:calc(var(--vw, 1vw)*5.5556)}#section-exhibition .exh-bar .close img{height:5vw;height:-webkit-calc(var(--vw,1vw)*5);height:-moz-calc(var(--vw,1vw)*5);height:calc(var(--vw, 1vw)*5);width:3.3333vw;width:-webkit-calc(var(--vw,1vw)*3.3333);width:-moz-calc(var(--vw,1vw)*3.3333);width:calc(var(--vw, 1vw)*3.3333)}}@media (min-width:650px) and (max-width:1023px) and (orientation:portrait){.exh-input-mo{width:300px}.exh-input-mo p{font-size:16px;margin-top:14px}.exh-input-pc{width:300px}.exh-input-pc p{font-size:16px;margin-top:16px}.exh-color .color .piece{height:35px;width:35px}.exh-tips{bottom:24vh;bottom:-webkit-calc(var(--vh,1vh)*24);bottom:-moz-calc(var(--vh,1vh)*24);bottom:calc(var(--vh, 1vh)*24);font-size:12px}#section-exhibition .exh-bar{bottom:16vh;bottom:-webkit-calc(var(--vh,1vh)*16);bottom:-moz-calc(var(--vh,1vh)*16);bottom:calc(var(--vh, 1vh)*16);bottom:12vh;bottom:-webkit-calc(var(--vh,1vh)*12);bottom:-moz-calc(var(--vh,1vh)*12);bottom:calc(var(--vh, 1vh)*12);height:102px;width:510px;width:590px}#section-exhibition .exh-bar .display-color .exh-color{height:102px;width:252px}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin:0 40px}#section-exhibition .exh-bar .display-color .display{font-size:16px}#section-exhibition .exh-bar .display-color .display .d-color .d-img{height:25px;width:25px}#section-exhibition .exh-bar .display-color .display .d-color .d-t{margin-left:-1px}#section-exhibition .exh-bar .control-group{margin-left:20px}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin:8px auto 10px}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{font-size:16px}#section-exhibition .exh-bar .open{margin:0}}@media (min-width:650px) and (max-width:1023px) and (orientation:landscape){.exh-input-mo p,.exh-input-pc p{font-size:12px;margin-top:14px}.exh-color .color .piece{height:20px;width:20px}.exh-title{font-size:16px;padding-top:30px}.exh-tips{bottom:45px;bottom:16vh;bottom:-webkit-calc(var(--vh,1vh)*16);bottom:-moz-calc(var(--vh,1vh)*16);bottom:calc(var(--vh, 1vh)*16);font-size:12px;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}.exh-buy{-webkit-border-radius:38px;-moz-border-radius:38px;border-radius:38px;bottom:108px;font-size:12px;height:20px;width:110px}#section-exhibition .exh-bar{bottom:5px;bottom:8vh;bottom:-webkit-calc(var(--vh,1vh)*8);bottom:-moz-calc(var(--vh,1vh)*8);bottom:calc(var(--vh, 1vh)*8);height:68px;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:-50% 100%;-moz-transform-origin:-50% 100%;-ms-transform-origin:-50% 100%;-o-transform-origin:-50% 100%;transform-origin:-50% 100%;width:400px}#section-exhibition .exh-bar .display-color .exh-color{height:68px;width:168px}#section-exhibition .exh-bar .display-color .exh-color .color:nth-child(2){margin:0 25px}#section-exhibition .exh-bar .display-color .display{font-size:12px;margin-top:8px}#section-exhibition .exh-bar .display-color .display .d-color .d-img{height:20px;margin-bottom:12px;width:20px}#section-exhibition .exh-bar .control-group .close,#section-exhibition .exh-bar .control-group .open{font-size:12px}#section-exhibition .exh-bar .control-group .close .icon,#section-exhibition .exh-bar .control-group .open .icon{margin:-2px 0 4px}}@media (min-width:650px) and (max-width:1023px){#section-exhibition .exh-bar .display-color .display .re-arrow{bottom:6px;height:5px;right:-10px;width:10px}#section-exhibition .exh-bar .open img{height:27px!important;width:30px!important}#section-exhibition .exh-bar .close img{height:27px!important;width:18px!important}}@media (min-width:1023px){.exh-input-mo{display:none}}@media (min-width:1024px) and (max-width:1139px){.exh-tips{bottom:8vh!important;bottom:-webkit-calc(var(--vh,1vh)*8)!important;bottom:-moz-calc(var(--vh,1vh)*8)!important;bottom:calc(var(--vh, 1vh)*8)!important}#section-exhibition .exh-bar{bottom:12vh!important;bottom:-webkit-calc(var(--vh,1vh)*12)!important;bottom:-moz-calc(var(--vh,1vh)*12)!important;bottom:calc(var(--vh, 1vh)*12)!important}}@media (min-width:1024px){#section-exhibition .exh-bar .display-color{display:none}}@media (max-width:850px) and (orientation:landscape){#section-exhibition .exh-bar .control-group{margin-top:-1.8vw!important;margin-top:calc(var(--vw, 1vw)*-1.8)!important}}@media (min-width:700px) and (orientation:portrait){#section-exhibition .exh-bar .control-group{margin-top:-2.5vw!important;margin-top:calc(var(--vw, 1vw)*-2.5)!important}}