@keyframes upDonw{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes upDonw{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes lineToH{0%{height:0}to{height:100%}}@-webkit-keyframes lineToH{0%{height:0}to{height:100%}}@keyframes faguang{50%{-webkit-box-shadow:0 0 8px #e60b10;box-shadow:0 0 8px #e60b10}}@-webkit-keyframes faguang{50%{-webkit-box-shadow:0 0 8px #e60b10}}@keyframes lightLine{0%{left:-50px}to{left:220px}}@-webkit-keyframes lightLine{0%{left:-50px}to{left:220px}}@keyframes mouseScale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes mouseScale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.compare{position:fixed;right:0;top:0;height:100vh;width:320px;z-index:101;-webkit-transition:-webkit-transform .6s 0s;transition:-webkit-transform .6s 0s;transition:transform .6s 0s;transition:transform .6s 0s,-webkit-transform .6s 0s;will-change:transform;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.compare .compare-mask{width:100%;height:100%;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-transition:opacity .6s .6s;transition:opacity .6s .6s;will-change:opacity;z-index:5;position:absolute;left:0;top:0}.compare .compare-box{position:relative;width:100%;height:100%;background:#fff;z-index:10}.compare .compare-box .title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 25px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:linear-gradient(135deg,#00a4ff,#0e6eb8)}.compare .compare-box .title .title-container{color:#fff;font-weight:700;font-size:20px}.compare .compare-box .title .text{color:#fff;display:inline}.compare .compare-box .title .close{color:#fff;cursor:pointer}.compare .compare-box .compare-items{padding:0 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.compare .compare-box .compare-items .compare-item{border-bottom:1px solid #dedede;padding:25px 0;width:100%;overflow:hidden}.compare .compare-box .compare-items .compare-item .compare-item-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-image{-ms-flex-negative:0;flex-shrink:0}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-image .image-container{width:60px;height:60px}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-name{padding:0 10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-name h5{font-size:16px;font-weight:700;color:#232323}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-name a{color:#0e6eb8;font-size:12px;line-height:1}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-name a i{font-size:12px}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-name a:hover{text-decoration:underline}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-remove{-ms-flex-negative:0;flex-shrink:0}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-remove i{width:20px;text-align:center;border-radius:50%;height:20px;line-height:20px;background:#f4645f;color:#fff;font-size:12px;cursor:pointer;opacity:.5;will-change:opacity;-webkit-transition:opacity .3s 0s;transition:opacity .3s 0s}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-remove:hover i{opacity:1}.compare .compare-box .compare-controls{padding:25px}.compare .compare-box .compare-controls .start-compare{margin-bottom:15px}.compare .compare-box .compare-controls .clear-compare-btn,.compare .compare-box .compare-controls .start-compare-btn{background:#0e6eb8;color:#fff;text-align:center;border-radius:10px;-webkit-transition:opacity .3s 0s,color .3s 0s;transition:opacity .3s 0s,color .3s 0s;opacity:1;display:block;line-height:50px;cursor:pointer;will-change:opacity,color;font-size:16px}.compare .compare-box .compare-controls .clear-compare-btn i,.compare .compare-box .compare-controls .start-compare-btn i{margin-right:3px}.compare .compare-box .compare-controls .clear-compare-btn:hover,.compare .compare-box .compare-controls .start-compare-btn:hover{opacity:.75}.compare .compare-box .compare-controls .clear-compare-btn{color:#565656;background:#eee}.compare .compare-box .compare-controls .clear-compare-btn:hover{opacity:1;color:#0e6eb8}.compare .compare-box .compare-box-handle{position:absolute;left:-40px;width:40px;background:#0e6eb8;color:#fff;top:50%;padding:10px;text-align:center;font-size:12px;border-radius:10px 0 0 10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.compare-active{-webkit-transform:translateZ(0);transform:translateZ(0);z-index:982}.compare-active .compare-box{-webkit-box-shadow:rgba(31,33,41,.24) -6px 20px 36px 0;box-shadow:-6px 20px 36px 0 rgba(31,33,41,.24)}.compare-hide{-webkit-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0)}.compare-btns .remove-item{display:none}@media (max-width:1440px) and (orientation:landscape),(max-width:1440px) and (orientation:portrait){.compare .compare-box .compare-controls{padding:20px}.compare .compare-box .compare-controls .clear-compare-btn,.compare .compare-box .compare-controls .start-compare-btn{line-height:45px}}@media (max-width:1024px) and (orientation:landscape),(max-width:1024px) and (orientation:portrait){.compare{width:100%}.compare .compare-mask{width:100%;height:100%;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.compare .compare-box .title .title-container{font-size:16px}.compare .compare-box .compare-items .compare-item .compare-item-container .pro-remove i{opacity:1}.compare .compare-box .compare-controls{padding:20px}.compare .compare-box .compare-controls .clear-compare-btn,.compare .compare-box .compare-controls .start-compare-btn{line-height:45px}.compare-active .compare-box{width:80%;margin-left:20%}}@media (max-width:720px){.compare .compare-box .title .title-container{font-size:16px}.compare .compare-box .compare-controls{padding:20px}.compare .compare-box .compare-controls .clear-compare-btn,.compare .compare-box .compare-controls .start-compare-btn{line-height:45px}.compare-active .compare-box{width:80%;margin-left:20%}}