| 1 |
- page{background-color:#f8f8f8;padding-bottom:120rpx}page .flexd{position:fixed;z-index:999;width:100%}page .flexd .nav-background{background:#f39283;height:40rpx}page .flexd .v-search{position:relative;top:-40rpx;background-color:transparent}page .swiper{margin:128rpx 32rpx 24rpx 32rpx;width:687rpx;height:329rpx}page .swiper .slide-image{width:687rpx;height:329rpx;border-radius:12rpx}page .rank{width:687rpx;height:375rpx;margin:24rpx 32rpx;color:#ffffff;border-radius:16rpx;background:url('https://file.ruixiuauto.com/cDBRXuM6Xh/20230809/i8j113103131670.web 拷贝') no-repeat 100% 100%}page .rank .item-title{display:flex;align-items:center;justify-content:space-between;padding:52rpx 32rpx 32rpx 32rpx}page .rank .item-title .title-left{display:flex;align-items:center}page .rank .item-title .title-left .text{text-indent:4rpx;font-size:28rpx;font-family:MiSans;font-weight:400;color:#F8F8F8}page .rank .item-title .title-right{display:flex;justify-content:space-between;align-items:center;background-color:#f39475;border-radius:36rpx}page .rank .item-title .title-right>view{padding:16rpx 28rpx}page .rank .item-title .title-right .right-active{background-color:#f8f8f8;border-radius:36rpx;color:#2b2b2b}page .rank .content{padding:0 32rpx;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}page .rank .content .card{background-color:#f8f8f8;border-radius:16rpx;height:85rpx;width:298rpx;padding:8rpx;margin-bottom:24rpx;display:flex;flex-direction:row}page .rank .content .card .left{position:relative}page .rank .content .card .left .ranking{padding:3rpx 4rpx 3rpx 3rpx;background-color:#f39283;border-radius:0 12rpx 12rpx 0;position:absolute;left:0;top:10rpx;font-size:8rpx;font-family:MiSans;font-weight:bold;color:#F8F8F8}page .rank .content .card .left image{border-radius:16rpx;width:66rpx;height:66rpx}page .rank .content .card .right{height:70rpx;text-indent:8rpx;width:200rpx}page .rank .content .card .right>view{padding:0}page .rank .content .card .right .h1{font-size:16rpx;font-weight:bold;color:#000;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}page .rank .content .card .right .h2{font-size:14rpx;color:#999999;display:flex;align-items:center;justify-content:space-between}page .rank .content .card .right .h2 .light{font-size:16rpx;font-weight:bold;color:#fb7204}page .rank .content .card .right .h3{font-size:12rpx;color:#999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}page .navBar{display:flex;align-items:center;margin:32rpx}page .navBar .navItem{align-items:center;justify-content:center;margin-top:30rpx;border-bottom:4rpx solid transparent;font-size:26rpx;font-family:Source Han Sans CN;font-weight:300;color:#363636}page .navBar .navItem .navItemTitle{padding-bottom:12rpx}page .navBar .navItem .navItemIcon{width:60rpx}page .navBar .navItem .navItemIcon image{width:50rpx;height:50rpx;margin-left:6rpx}page .navBar .active{font-weight:bold;border-bottom:4rpx solid #f39283;font-size:32rpx;font-family:Source Han Sans CN;color:#363636}page .play-list{margin:32rpx;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}page .play-list .play-item{width:332rpx;height:480rpx;background:#FFFFFF;box-shadow:0 5px 9px 0 rgba(14,5,9,0.05);border-radius:12rpx;margin-bottom:24rpx}page .play-list .play-item .item-img{position:relative}page .play-list .play-item .item-img .item-ranking{position:absolute;top:18rpx;left:0;font-size:24rpx;font-family:Source Han Sans CN;font-weight:bold;color:#FFFFFF;padding:18rpx 24rpx;background-color:#f39283;border-radius:0 32rpx 32rpx 0}page .play-list .play-item .body{padding:0 16rpx;height:150rpx;display:flex;flex-direction:column;justify-content:space-around}page .play-list .play-item .body .item-text{height:62rpx;font-size:24rpx;font-weight:300;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}page .play-list .play-item .body .label{display:flex;font-size:15rpx;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}page .play-list .play-item .body .label>view{background-color:#fdefed;border-radius:12rpx;padding:5rpx 16rpx;margin-right:12rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}page .play-list .play-item .body .detail{display:flex;align-items:center;font-size:18rpx;font-weight:300}page .play-list .play-item .body .detail .d-light{font-weight:bold;font-size:26rpx;margin-right:26rpx;color:#FB8737}
|
