/* pages/sign/sign.wxss */ page { background-color: #F4F8FB; } .t-dropdown-menu { box-shadow: 0 8rpx 16rpx rgba(204, 204, 204, 0.80); } .t-dropdown-menu view.t-dropdown-menu__item { border-radius: 16rpx; padding: 0 30rpx; display: flex; justify-content: space-between; } .list { position: fixed; top: 130rpx; bottom: 90rpx; left: 30rpx; right: 30rpx; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; background-color: white; border-radius: 16rpx; } .list .round { width: 300rpx; height: 300rpx; border-radius: 50%; margin-bottom: 30rpx; background: -webkit-linear-gradient(top, #618BFF, #2E60E9); display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } .list .out { background: -webkit-linear-gradient(top, #EF944B, #F1852E); } .list .success { background: -webkit-linear-gradient(top, #4dbd31, #13d15c); } .list .round text { display: block; width: 100%; color: white; text-align: center; } .list .round text.head { font-size: 40rpx; font-weight: bold; margin-bottom: 10rpx; } .list .round text.time { font-size: 36rpx; font-weight: bold; opacity: 40%; } .site { width: 100%; display: block; display: flex; justify-content: center; align-items: center; } .site t-icon { width: 36rpx; height: 36rpx; border-radius: 50%; background-color: #19AC4B; margin-right: 20rpx; color: white; } .site text { font-size: 28rpx; color: #2C2F36; opacity: 60%; } .device{ width: 100%; height: 200rpx; text-align: center; }