/* dispatcher/pages/sweeped_books/sweeped_books.wxss */ @import '../../../templates/loading/loading.wxss'; @import '../../../templates/nodata/nodata.wxss'; .list-title { margin: 20rpx auto; } .list-title-black { font-size: 36rpx; color: rgb(37, 36, 36); margin: 30rpx 30rpx 30rpx 0rpx; font-weight:700; } .list-title-gray { font-size: 30rpx; color: rgba(153, 153, 153, 1); } .li { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 auto; padding: 0; } .li-box { position: relative; min-height: 158rpx; } .li-img { position: absolute; top: 20rpx; left: 0; width: 88rpx; height: 88rpx; border-radius:50%; background: white; } .li-col { position: relative; left:110rpx; margin: 40rpx 0rpx; display: flex; justify-content: flex-start; align-items: flex-start; } .li-text-blue { color: #00B7FF; font-size: 32rpx; margin-right: 10rpx; } .li-text-yellow { color: #FF6464; font-size: 32rpx; margin-right: 10rpx; } .li-text-red { color: #FF80A8; font-size: 32rpx; } .li-text-gray { font-size: 30rpx; color: #ccc; width:300rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .foot-text-gray{ height:28rpx; font-size:30rpx; font-family:PingFang SC; font-weight:500; color:rgba(65,65,76,1); line-height:36rpx; } .li-text-black { margin:0rpx 20rpx 0rpx 0rpx; height:32rpx; font-size:34rpx; font-family:PingFang SC; font-weight:bold; color:rgba(65,65,76,1); } .li-header-search { flex: 1; padding: 12rpx 20rpx 14rpx 20rpx; background:#F6F5FB; border-radius: 100rpx; text-align: center; cursor: pointer; } .li-header-search-icon { width: 28rpx; height: 28rpx; margin-right: 14rpx; vertical-align: middle; } .li-header-search-text { font-size: 28rpx; color: #999; vertical-align: middle; } .li-btn-blue { font-size: 24rpx; color: rgba(103,163,255,1); padding: 8rpx 10rpx; border-radius: 8rpx; border: 2rpx solid rgba(103,163,255,1); margin-top: 20rpx; } .li-circles { position:absolute; left:10%; color:#333333; } .li-circle { width: 40rpx; height: 40rpx; margin: 40rpx 40rpx 40rpx 0rpx; } .li-circle-label { width:160rpx; height:32rpx; font-size:34rpx; font-family:PingFang SC; font-weight:bold; color:rgba(65,65,76,1); line-height:36rpx; } .scan { position: fixed; right: 30rpx; bottom: 360rpx; width: 128rpx; height: 128rpx; border-radius: 200rpx; background: rgba(0,183,255,1); box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,175,243,0.5); opacity: 0.7; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9; } .scan-icon { width: 46rpx; height: 46rpx; } .scan-text { margin-top: 10rpx; font-size: 24rpx; color: #fff; } .home { position: fixed; right: 30rpx; bottom: 200rpx; width: 128rpx; height: 128rpx; border-radius: 200rpx; background: rgba(0,183,255,1); box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,175,243,0.5); opacity: 0.7; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9; } .home-icon { width: 46rpx; height: 46rpx; } .home-text { margin-top: 10rpx; font-size: 24rpx; color: #fff; } .list-contet{ margin-bottom:120rpx; } .footer-box{ height:10%; } .footer-box-btn{ color:#333333; width:167rpx; height:66rpx; line-height:66rpx; padding:10rpx; border-radius:44rpx; position:absolute; right:10%; text-align:center; background: #FFD76C; } page { background-color: #fff; } .load{ color: #999999; font-size: 26rpx; text-align: center; height: 60rpx; line-height:60rpx; margin-bottom: 160rpx; background-color: rgba(243, 239, 239, 0.984); } .load-img{ width: 40rpx; height: 40rpx; animation: loading 3s linear infinite; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }