1 line
15 KiB
CSS
1 line
15 KiB
CSS
|
@keyframes line{0%{top:10%}50%{top:15%}100%{top:10%}}@keyframes monney{0%{top:43%}50%{top:49%}100%{top:43%}}.price-wrap{height:400px;background:url("../image/price_banner_bg.png") no-repeat center center/cover}.price-wrap .banner-box{height:100%;display:flex;align-items:center;justify-content:space-between;background:url("../image/price_banner.png") no-repeat right 90%/47% auto}.price-wrap .banner-box h1{font-size:36px;color:#333}.price-wrap .banner-box p{font-size:18px;line-height:1.7;color:#282b42;opacity:.8}.price-wrap .banner-box .price-banner-img{width:340px;height:100%;position:relative}.price-wrap .banner-box .price-banner-img img{position:absolute;max-width:160px;animation:line 2.5s ease-in-out infinite}.price-wrap .banner-box .price-banner-img .price-banner-monney{position:absolute;left:30%;max-width:40px;animation:monney 2.5s ease-in-out infinite}.compare-box{display:flex;justify-content:space-between;flex-wrap:wrap}.compare-item{width:31.75%;border-radius:4px 4px 0 0;transition:all .3s ease-in-out;border:1px solid #e6e8ef;background:#f7fbfe;position:relative}.compare-item .compare-head{border-radius:4px 4px 0 0;overflow:hidden;background:linear-gradient(121deg, #8ba9fc 0%, #638df7 100%);text-align:center;padding:30px 0}.compare-item .compare-head h2{font-size:24px;line-height:1;color:#fff;font-weight:bold;margin-bottom:0}.compare-item .compare-head p{width:70%;margin:15px auto 0;font-size:var(--font-size);color:#fff;opacity:.8}.compare-item .compare-buy{display:block;margin:25px auto;width:220px;height:38px;line-height:38px;color:#6ba3f7;border:1px solid #6ba3f7;background:rgba(107,163,247,.1);text-align:center;transition:all .3s ease-in-out}.compare-item .compare-con{padding-left:30px;padding-bottom:80px}.compare-item .compare-con h4{font-size:var(--font-size);line-height:1.7;color:#6e7080;margin-left:18%;margin-bottom:5px}.compare-item .compare-con .compare-con-text{padding-left:18%;font-size:13px}.compare-item .compare-con .compare-con-text h3{font-size:var(--font-size);font-weight:600;color:#444;margin-top:15px;margin-bottom:5px}.compare-item .compare-con .compare-con-text p{line-height:2;color:#282b42}.compare-item .compare-con .compare-con-text p i{font-size:13px;color:#5b93f1;margin-right:5px}.compare-item:hover{box-shadow:0px 9px 34px 1px rgba(212,213,222,.47)}.compare-item:hover .compare-buy{color:#fff;border:1px solid #6ba3f7;background:#6ba3f7}.compare-item hr{width:100%;position:absolute;bottom:50px;left:0}.compare-item .price-detail-link{position:absolute;left:50%;bottom:7px;display:block;width:-moz-fit-content;width:fit-content;margin:15px auto;font-size:13px;line-height:1;cursor:pointer;color:#ec3a3a;transform:translateX(-50%);transition:all .3s ease-in-out,transform 0s;border-bottom:1px solid}.compare-item .price-detail-link:hover{color:#ec3a3a;border-bottom:1px solid rgba(0,0,0,0)}.compare-item-base{background:#f6f7ff}.compare-item-base .compare-head{background:linear-gradient(101deg, #9a9fea 0%, #6d74cc 100%)}.compare-item-base .compare-buy{color:#6d74cc;background:#f2efff;border:1px solid #6d74cc}.compare-item-base .compare-con-text p i{color:#9b95eb !important}.compare-item-base:hover .compare-buy{color:#fff;border:1px solid #6d74cc;background:#6d74cc}.compare-item-classic{background:#fcf8f7;overflow:visible;position:relative}.compare-item-classic .price-most-hot{position:absolute;top:-6px;right:-8px}.compare-item-classic .compare-head{background:linear-gradient(-36deg, #f15555 0%, #f99191 100%)}.compare-item-classic .compare-con-text i{color:#f15b5b !important}.compare-item-classic .compare-buy{color:#ec3a3a;background:#ffe7e7;border:1px solid #ec3a3a}.compare-item-classic:hover .compare-buy{color:#fff;border:1px solid #f46b6b;background:#f46b6b}.compare-item-com{margin-top:30px;width:100%}.compare-item-com .compare-com-box{padding:4% 6%;align-items:flex-end}.compare-item-com .compare-com-box h2{font-size:20px;font-weight:bold;margin-bottom:10px;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);background-image:linear-gradient(90deg, #e2b150 1%, #d38e0b 100%)}.compare-
|