/*!
 * author     :zhangshimeng
 * create time:20250703.103006
 */
body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;background-color:#f8f8f8}.pano-con{position:absolute;left:0;right:0;bottom:1px;top:0}.pano-con .pano{width:100%;height:100%;background-color:#f8f8f8}#banner{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:24px;z-index:2147483647;display:none}#switchBtn{position:relative;float:right;z-index:2}#switchBtn span{background:hsla(0,0%,100%,.6);-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);box-shadow:0 3px 3px 0 rgba(0,0,0,.1);-webkit-border-radius:100px;border-radius:100px;display:block;width:40px;font-family:PingFangSC-Regular;font-size:12px;color:#666d7f;letter-spacing:0;text-align:center;margin:auto}#colorScroll{position:absolute;z-index:2;display:block;float:left}#wrapper{overflow:hidden}#scroller,#wrapper{position:absolute;z-index:1}#scroller{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s}#scroller ul{list-style:none;padding:0;margin:0;width:100%;text-align:center}#scroller ul li{float:left}#scroller ul li:first-of-type{margin-left:0}#scroller ul li.active{-webkit-animation:clickAnim .2s;-moz-animation:clickAnim .2s;animation:clickAnim .2s;background-color:hsla(0,0%,100%,.2)}#scroller ul li .color-img{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);box-shadow:0 3px 3px 0 rgba(0,0,0,.1);-webkit-border-radius:1px;border-radius:1px}@-webkit-keyframes clickAnim{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes clickAnim{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}to{-moz-transform:scale(1);transform:scale(1)}}@keyframes clickAnim{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}.dialog-toast{position:fixed;top:50%;left:50%;z-index:2000000000;width:280px;height:110px;font-size:24px;font-weight:400;color:#fff;text-align:center;line-height:110px;background-color:rgba(0,0,0,.7);-webkit-border-radius:10px;border-radius:10px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:1000px){.dialog-toast{width:180px;height:55px;font-size:16px;line-height:55px}}.colorNameSampleTip{top:70px;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);height:34px;color:#fff;font-size:14px;line-height:34px;background-color:rgba(0,0,0,.8);-webkit-border-radius:4px;border-radius:4px;z-index:20000000}.colorNameSampleTip,.messageTips{position:absolute;left:50%;padding:0 20px}.messageTips{display:none;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s;-o-transition:.2s;-moz-transition:.2s;transition:.2s;height:44px;background-color:rgba(0,0,0,.9);-webkit-border-radius:10px;border-radius:10px}.messageTips .content{margin:auto;height:100%}.messageTips .content .text{float:left;font-size:14px;font-family:MicrosoftYaHeiLight}.messageTips .content .text div{height:14px;line-height:14px;color:#fff;text-align:center;margin-top:15px}body .koubei-btn{top:20px;-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;pointer-events:none}body .koubei-btn p{margin:0}@media only screen and (max-width:320px){body .koubei-btn{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}}