@charset "UTF-8"; /* 这里是你自己写的全局css样式 */ .page { background-color: #f3f4f6; padding: 20rpx; } .empty-wrap { margin-top: 200rpx; width: 100%; display: flex; justify-content: center; align-items: center; } .content-page { min-height: 100vh; background-color: #fff; } .footer { display: flex; align-items: center; color: #909399; width: 100%; padding: 20rpx 0; justify-content: center; } .box-shadow { box-shadow: 0rpx 2rpx 4rpx 0 rgba(0, 0, 0, 0.2); } .flex-empty { visibility: hidden; width: 120rpx; height: 0rpx; } .bwin-btn-100 { width: 100%; } .bwin-popup { display: flex; flex-direction: column; width: 100%; position: relative; min-height: 100%; overflow: hidden; } .bwin-popup .popup-header { z-index: 2; width: 80%; position: fixed; padding: 20rpx 0; text-align: center; font-size: 32rpx; color: #fff; font-weight: bold; background-color: #2080f0; border-top-left-radius: 20rpx; border-top-right-radius: 20rpx; } .bwin-popup .popup-body { z-index: 1; position: relative; top: 90rpx; margin-bottom: 90rpx; padding: 20rpx; font-size: 32rpx; overflow-y: scroll; } .bwin-popup .popup-footer { position: relative; left: 0; bottom: 20rpx; width: 100%; display: flex; justify-content: space-around; } .scoped-list { padding-top: 20rpx; } .scoped-list .sl-item { box-shadow: 0 0 5px #ccc; margin: 0 20rpx 20rpx; border-radius: 20rpx; overflow: hidden; } .scoped-list .sl-item .sli-top { position: relative; height: 70rpx; line-height: 70rpx; color: #fff; background: #2d8cf0; padding-left: 20rpx; } .scoped-list .sl-item .sli-top.t2 { background: #19be6b; } .scoped-list .sl-item .sli-top.t3 { background: #795548; } .scoped-list .sl-item .sli-top.t4 { background: #ccc; } .scoped-list .sl-item .sli-top .r { position: absolute; top: 0; right: 20rpx; height: 70rpx; line-height: 70rpx; color: #eee; } .scoped-list .sl-item .sli-top .r2 { position: absolute; top: 0; right: 100rpx; height: 70rpx; line-height: 70rpx; color: #eee; } .scoped-list .sl-item .sli-body { padding: 10rpx 20rpx; } .scoped-list .sl-item .sli-p1 { color: #666; margin-bottom: 10rpx; font-size: 28rpx; } .scoped-list .sl-item .sli-p1 .n { color: #ff9900; display: inline-block; font-weight: bold; } .scoped-list .sl-item .sli-p1 .i { color: #2d8cf0; font-weight: bold; display: inline-block; padding-left: 10rpx; } .scoped-list .sl-item .sli-p2 { color: #333; margin-bottom: 10rpx; } .scoped-list .sl-item .sli-p2 .n { font-size: 30rpx; display: inline-block; font-weight: bold; color: #ed4014; } .scoped-list .sl-item .sli-p3 { color: #999; font-size: 28rpx; margin-bottom: 10rpx; } .scoped-list .sl-item .sli-p4 { background: rgba(255, 229, 100, 0.3); color: #666; margin-bottom: 10rpx; } .scoped-list .sl-item .sli-state { margin-bottom: 10rpx; color: #666; } .scoped-list .sl-item .sli-state .s { font-weight: bold; background: #2d8cf0; padding: 6rpx 10rpx; color: #fff; border-radius: 10rpx; display: inline-block; font-size: 24rpx; } .scoped-list .sl-item .sli-state .s.s1 { background: #ccc; } .scoped-list .sl-item .sli-state .s.s5 { background: #19be6b; } .float-search { opacity: 0.9; position: fixed; right: 20rpx; bottom: 40rpx; padding: 20rpx; border-radius: 50%; background-color: #2080f0; } .float-search2 { opacity: 0.9; position: fixed; right: 20rpx; bottom: 150rpx; padding: 20rpx; border-radius: 50%; background-color: #2080f0; }