@charset "UTF-8";page,
.content{background:#f8f8f8;height:100%}.navbar{display:flex;height:40px;padding:0 5px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.06);position:relative;z-index:10}.navbar .nav-item{flex:1;display:flex;justify-content:center;align-items:center;height:100%;font-size:15px;color:#303133;position:relative}.navbar .nav-item.current{color:#ff4c4c}.navbar .nav-item.current:after{content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:44px;height:0;border-bottom:2px solid #ff4c4c}.swiper-box{height:calc(100% - 40px)}.swiper-box .tab-content{font-size:28rpx;color:#1b1b1b}.kp-item{width:690rpx;height:240rpx;margin:0 auto 20rpx;position:relative}.kp-item .kp-bg{width:690rpx;height:240rpx;position:absolute;top:0;left:0}.kp-item .kp-left{width:221rpx;height:240rpx;justify-content:center;align-items:center;position:relative;flex-shrink:0}.kp-item .kp-left .left-val{font-size:90rpx;font-weight:400;color:#fff;text-shadow:0 10px 5px rgba(255,125,69,.3)}.kp-item .kp-left .left-val::before{content:"￥";font-size:40rpx;font-weight:400;color:#fff}.kp-item .kp-right{flex-grow:1;height:240rpx;position:relative;flex-direction:column;justify-content:space-between;padding:40rpx;align-items:flex-end;text-align:right}.kp-item .kp-right .right-tit{font-size:40rpx;font-weight:400;color:#fff}.kp-item .kp-right .right-tip{font-size:24rpx;font-weight:400;color:#fff}.kp-item .kp-right .right-time{font-size:20rpx;font-weight:700;color:#fff}.sy .kp-left .left-val{text-shadow:0 10px 5px hsla(0,0%,67.8%,.3)}