body{background-color:#e8efee}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.iocon-x{width:30px;height:30px;position:absolute;top:50%;z-index:9999}.iocon-r{right:10px}.iocon-l{left:10px}p{padding:0;margin:0}.z-box-t{width:100vw;height:100vh;background-color:transparent;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}.quan-pin{position:absolute;top:20px;right:20px;z-index:999;color:#fff}.quan-pin img{width:22px}.title-box-a{display:flex;justify-content:center;height:48px;align-items:center}.hex-x{flex:1;display:flex;justify-content:center}.title-label{flex:2;font-size:18px;letter-spacing:1px;text-align:center;color:#343434}.title-label-num{margin-left:10px;letter-spacing:2px}.title-img{width:20px;object-fit:contain}.box-t{flex-wrap:wrap;padding:10px 10px 60px;height:calc(100vh - 100vw - 130px);overflow:auto}.box-pro-x{width:25%;border-radius:10px;border:none;background:transparent;color:#fff;height:88px;box-sizing:border-box;padding:5px}.box-t-x{border-radius:10px;background-color:#d0d8d8;width:100%;height:100%;padding:4px;box-sizing:border-box}.box-pro-t{width:25%;border-radius:10px;border:none;background:transparent;padding:0;color:#343434;height:100px;box-sizing:border-box}.box-three-x{border-radius:10px;width:100%;height:100%;padding:5px;box-sizing:border-box;background-color:#47413d}.three-x{width:100%;height:50px;background:#b3d8c7;border-radius:10px}.img-x-second{width:100%;height:56px;object-fit:contain;padding-top:5px}.box-pro-x-t{border-radius:10px;width:100%;height:100%;padding:5px;box-sizing:border-box}.box-pro-x:nth-child(4n){margin-right:0}.box-pro-t:nth-child(4n){margin-right:0}.img-x{width:100%;height:100%;object-fit:contain;border-radius:10px}.img-x-four{width:100%;height:60px;object-fit:contain;padding-top:6px}.active .box-t-x{background:linear-gradient(-90deg,#385E63,#033034)}.color-box{margin-bottom:10px;padding-right:10px;box-sizing:border-box;border-radius:10px;border:none;color:#fff;display:flex;width:100%;text-align:center}.box-tx{margin:5px;width:25%;border-radius:10px;height:88px;padding:6px 8px;background-color:#47413d}.color-x{width:100%;height:43px;background:#b3d8c7;border-radius:10px}.color-box-xs{padding:6px 8px}.color-two-xs{padding:0;background-color:#d0d8d8;border-radius:10px;width:100%;height:100%}.color-title{padding-top:3px;letter-spacing:2px;font-size:14px}.active .color-two-xs{background:linear-gradient(-90deg,#385E63,#033034);color:#fff}.foot-box{display:flex;box-shadow:0 -2px 4px #0330341d;position:fixed;height:60px;padding:10px 15px;background:transparent;backdrop-filter:blur(10px);bottom:0px;width:100%;box-sizing:border-box}.foot-btn-0{width:190px;font-size:15px;letter-spacing:2px;border-radius:10px;height:40px;background:#d0d8d8;box-shadow:0 4px 4px #0000001d;border:none;color:#343434}.foot-btn-1{width:190px;margin-left:20px;font-size:15px;letter-spacing:2px;border-radius:10px;height:40px;background:linear-gradient(-90deg,#385E63,#033034);box-shadow:0 4px 4px #0000001d;border:none;color:#fff}.loadding{position:fixed;height:100vh;width:100vw;top:0;bottom:0;background-color:#0000004d;z-index:9999999}.spinner{margin:200px auto;width:50px;height:60px;text-align:center;font-size:10px}.spinner>div{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}