.nav{height:128rpx;width:100%;} .search{height:80rpx;width:100%;padding:24rpx 0;} .search .search-box{width:90%;border-radius: 180rpx;background-color:#fff;height:100%;margin:0 auto;display:flex;justify-content: start;box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.05); } .search .search-box .search-icon{width:70rpx;height:100%;} .search .search-box .search-icon image{width:32rpx;height:32rpx;padding:24rpx 0rpx 24rpx 38rpx;} .search .search-box .search-input{width:590rpx;} .search .search-box .search-input input{height:100%;width:90%;padding-left:10rpx} .limit{width:94%;margin:24rpx auto;height:96rpx;line-height:96rpx;background: rgba(255,203,18,0.15);border: 2rpx dashed #ffac0c;border-radius: 6rpx;} .limit .limitbox{display: flex;justify-content: space-between;padding:0 24rpx;color:#FFAC0C;font-size:28rpx} .limit .num{color:#6E6A5E} .limit .num image{width:32rpx;height:32rpx;transform: rotate(180deg);vertical-align: middle;margin-left:16rpx;} .save{width:94%;margin:24rpx auto;display: flex;justify-content: space-between;} .save view text{color:#fff;padding:12rpx 48rpx;border-radius: 8rpx;box-shadow: 0px 4px 12px 0px rgba(255,108,1,0.34);font-size:28rpx; } .save .cancel text{background: #ffcb12;} .save .sub text{background: #f66a01;} .circle{width:100%;} .circle .title{font-size:24rpx;margin-left:40rpx;padding-top:40rpx} .content{width:94%;background:#fff;margin:40rpx auto;padding:0 3%;} .content .list{padding:16rpx 0;font-size:28rpx;line-height:96rpx;} .content .list image{width:96rpx;height:96rpx;vertical-align: middle;border-radius:50%;padding:0 24rpx;} .content .list text{background: rgba(0,170,255,0.10);font-size: 16rpx;color: #409eff;padding:2rpx 12rpx;}