page { padding: 0 20rpx; background-color: rgb(245, 246, 247); } .tabs { display: flex; justify-content: space-between; background-color: rgb(245, 246, 247); } .tabs .t-tabs { width: 60%; background: none !important; } .tabs .t-tabs .t-tabs__wrapper { background: none !important; } .sw { width: 240rpx; display: flex; align-items: center; font-size: 32rpx; } .sw .txt { padding-left: 16rpx; } .list { margin-top: 20rpx; padding-bottom: 60rpx; } .list .item { border-radius: 16rpx; background-color: #fff; margin-bottom: 20rpx; width: 710rpx; padding-top: 20rpx; } .list .item .item-main { display: flex; padding-left: 20rpx; } .list .item .item-main .right { flex: 1; padding: 0 32rpx; padding-bottom: 20rpx; } .list .item .item-main .right .text { padding-top: 16rpx; font-size: 28rpx; line-height: 46rpx; margin-bottom: 20rpx; color: #333; } .list .item .item-main .right .info { display: flex; font-size: 24rpx; justify-content: space-between; color: #8f9197; } .list .item .item-main .right .info .viewcnt { display: flex; align-items: center; padding: 0 20rpx; } .list .item .item-main .right .info .viewcnt.init { color: blue; } .list .item .item-main .right .info .viewcnt.resolve { color: green; } .list .item .item-main .right .info .viewcnt.reject { color: gray; } .remark{ display: flex; } .btn_cre { position: fixed; bottom: 220rpx; right: 20rpx; height: 120rpx; width: 120rpx; border-radius: 50%; background-color: rgb(111, 172, 207); color: #fff; font-size: 26rpx; z-index: 2; padding-top: 26rpx; box-sizing: border-box; } .btn_cre view { display: flex; align-items: center; justify-content: center; flex-direction: row; text-align: center; }