/* president/pages/book_inventory/book_inventory.wxss */ @import '../../../templates/nodata/nodata.wxss'; @import '../../../templates/footer/footer.wxss'; @import '../../../templates/loading/loading.wxss'; .header { padding: 20rpx 30rpx; background: #F5F5F5; } .header-items { /* padding: 15rpx 30rpx; */ background: #F5F5F5; border-radius: 18rpx; display:inline-block; /* margin-bottom: 40rpx; */ } .li{ padding: 0 !important; margin-top: 50rpx !important; } .month{ background:rgba(255,255,255,1); border-radius:18rpx; color: #333333; font-size: 30rpx; height: 98rpx; line-height: 98rpx; display: flex; justify-content: space-between; margin: 20rpx; padding: 0 20rpx; } .header-item { margin: 16rpx; position: relative; padding-left: 20rpx; } .header-item::after { position: absolute; content: ''; bottom: 14rpx; left: -10rpx; width: 10rpx; height: 10rpx; border-radius: 50%; background: #00B7FF } .header-item-active { padding-left: 20rpx; } .header-item-active::after { position: absolute; content: ''; bottom: 14rpx; left: -10rpx; width: 10rpx; height: 10rpx; border-radius: 50%; background: #FF542B } .header-item-text { color: #333333; font-size: 34rpx; margin-right: 20rpx; } .header-item-num { color: #999999; font-size: 30rpx; } .header-item-num-active { color: #FF542B; } .apply-items{ position:absolute; right:0; display:inline-block; text-align:center; height:60rpx; line-height:60rpx; width:200rpx; color:#9A5B11; background: linear-gradient(#FFD76C, #FFB424); border-radius: 34rpx 0rpx 0rpx 34rpx; padding:7rpx 0 7rpx 30rpx; } .linkicon-image{ width:14rpx; height:24rpx; margin:auto 15rpx; } .list-btn { width: 100%; height: 88rpx; background: linear-gradient(90deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%); line-height: 88rpx; text-align: center; color: #fff; font-size: 32rpx; position: fixed; bottom: 98rpx; left: 0; opacity: 0.9; z-index: 99; } .nav{ background: linear-gradient(90deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%); opacity: 0.9; color:#fff; position:fixed; bottom:100rpx; width:100%; z-index:99; } .nav-item-text-active { color:#fff; } .recommended-icon{ width:50rpx; height:50rpx; } .book-footer { margin-top:65px; margin-right: 20rpx; display:flex; justify-content:space-between; align-items:center; } .book-images { top:-28rpx; position: relative; } .book-content{ padding:15rpx; } .li-right-tips-items{ margin: 10rpx 0; } .model-tips{ width:436rpx; background:rgba(255,255,255,1); border-radius:10rpx; margin: auto; padding: 34rpx; position: fixed; top: 500rpx; left: 149rpx; } .model-tips-btn{ width:182rpx; height:62rpx; background:linear-gradient(90deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%); border-radius:36rpx; color: #fff; font-size: 28rpx; margin:auto; margin-top: 30rpx; line-height: 62rpx; } .model-grade{ width:49rpx; height:87rpx; position: fixed; top: 143rpx; left: 218rpx; } .load{ color: #999999; font-size: 26rpx; text-align: center; margin: 30rpx; } .load-img{ width: 40rpx; height: 40rpx; animation: loading 3s linear infinite; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }