index.wxss 7.0 KB

1
  1. page{padding-bottom:120rpx;background:#f8f8f8}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 .rank{width:687rpx;height:346rpx;margin:24rpx 32rpx;color:#ffffff;border-radius:16rpx;background:url('https://file.ruixiuauto.com/cDBRXuM6Xh/20230809/v8ee31103601302.web 拷贝 (1)') no-repeat 50%}page .rank .item-title{display:flex;align-items:center;text-align:center;justify-content:center;margin:24rpx 0 36rpx 0}page .rank .item-title .text{text-indent:16rpx}page .rank .loading{display:flex;justify-content:center}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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12rpx;color:#999999}page .play-around{display:flex;align-items:center;justify-content:space-between;margin:32rpx}page .play-around .play-left{font-weight:bold}page .play-around .play-right{font-size:24rpx;color:#999999;display:flex;align-content:center}page .play-around .play-right>view{padding-right:12rpx}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}.location{display:flex;justify-content:space-between;align-items:center;padding:20rpx 25rpx 0rpx 25rpx;background-color:#ffffff}.location .l_left{font-size:24rpx}.location .l_right{color:#636363;font-size:24rpx}.location .l_right span{color:#229293;font-weight:bold}.swiper{margin:128rpx 32rpx 24rpx 32rpx;height:329rpx}.swiper .slide-image{width:100%;height:98%;margin-bottom:20rpx;border-radius:12rpx}.navBar{display:flex;justify-content:space-between;align-items:center;position:relative;margin:32rpx}.navBar .navItem{display:flex;flex-direction:column;align-items:center;border-bottom:4rpx solid transparent;text-align:center}.navBar .navItem .navItemTitle{font-size:28rpx}.navBar .navItem .navItemIcon image{width:80rpx;height:80rpx}.navBar .active{color:#333;font-weight:bold;border-bottom:4rpx solid #399899}.nav_content{flex:1}.sidebar{display:flex;flex-direction:row;background:#fff;margin:30rpx;border-radius:30rpx}.sidebar .left{width:32%}.sidebar .left .sidebarItem{padding:20rpx}.sidebar .left .sidebarItem .sidebarItemTime{font-size:22rpx}.sidebar .left .sidebarItem .sidebarItemText{font-size:28rpx}.sidebar .left .active{color:#fff;font-weight:bold;background-color:#399899;border-radius:0 50rpx 50rpx 0}.sidebar .sidebar_content{width:68%;margin:0}.title{display:flex;justify-content:space-between;padding-right:30rpx}.title .recommended-box{display:flex;margin:0rpx 0 0 30rpx}.title .recommended-box .recommended{font-size:36rpx;font-weight:500;color:#222222;line-height:36rpx;margin-left:10rpx}.title .recommended-box .recommended-icon{width:6rpx;height:36rpx;background:#49aaa6;border-radius:3rpx}.village .homestay{background:#ffffff;margin:0 30rpx;border-radius:20rpx;position:relative}.village .homestay .homestay-image{width:420rpx;height:205rpx;border-radius:30rpx}.village .homestay .homestay-images{position:absolute;top:0;width:420rpx;height:205rpx;border-radius:30rpx}.village .homestay .title1 .title_left{display:flex}.village .homestay .title1 .title_left .homestay-name{font-size:30rpx;font-family:Source Han Sans CN;font-weight:400;color:#222222;margin:10rpx;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.village .homestay .title1 .title_left .homestay-name .price{font-size:32rpx;display:inline-block;width:120rpx}.village .homestay .title1 .homestay-address{font-size:24rpx;font-family:Source Han Sans CN;font-weight:300;color:#666666;line-height:36rpx;margin:8rpx;padding-bottom:10rpx;text-overflow:ellipsis}.village .button{width:40rpx;height:40rpx;transform:translate(190rpx, -65rpx);text-align:center;line-height:40rpx;border-radius:50%;background-color:#229293;font-size:18rpx;font-weight:bold;padding:0;color:white}.kong{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 30rpx;margin-bottom:30rpx}.kong .homestay{background:#ffffff;margin-top:30rpx;width:330rpx;border-radius:20rpx}.kong .homestay .homestay-image{width:100%;height:300rpx;border-radius:30rpx 30rpx 0 0}.kong .homestay .homestay-name{font-size:30rpx;font-family:Source Han Sans CN;font-weight:400;color:#222222;margin:10rpx;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kong .homestay .homestay-price{display:flex;color:red;font-size:24rpx;margin:20rpx 10rpx 0 10rpx}.kong .homestay .homestay-price .price{font-size:32rpx;margin-top:-8rpx}.kong .homestay .homestay-address{font-size:20rpx;font-family:Source Han Sans CN;font-weight:300;color:#666666;line-height:36rpx;margin:10rpx}