/* pages/user/user.wxss */ .bodyclass{ display: flex; flex-direction: column; height: 100%; background-color: #F4F6F7; } .diyi{ height: 160px; background-color:#298DF7; } .diyi_yi{ padding:15px 0px 0px 10px; font-size: 30rpx; color:#fff; } .diyi_er{ border-radius: 50%;width: 150rpx;height: 150rpx; } .dier{ margin-top:10px; flex: 100; } .diesan{ flex: 15; } .btn-class{ background-color: #298DF7; color:#fff; text-align: center; width: 80%; } .grids{ display: flex; flex-wrap: wrap; border-left: 1rpx solid #eee; border-bottom: 1rpx solid #eee; font-size: 30rpx; } .grids .item{ background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1rpx solid #eee; border-top: 1rpx solid #eee; box-sizing: border-box; width: 33.33333333%; height: 250rpx; } .grids .item image{ width: 70rpx; height: 70rpx; } .grids .item text{ margin-top: 20rpx; color:#444444; } .alert{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; background-color: rgb(0, 0, 0); filter: alpha(opacity=60); background-color: rgba(0, 0, 0, 0.6); z-index: 9999; } .auth{ position: absolute; top: 50%; left: 50%; width: 80%; height: 340rpx; border-radius: 20rpx; transform:translate(-50%,-50%); background: #fff; display: flex; flex-direction: column; } .apply{ margin: 0rpx auto; padding: 60rpx 40rpx; flex:1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-size: 34rpx; color:rgb(34,34,34); } .confirm{ border-top: 1rpx solid rgb(221,221,221); text-align: center; height: 100rpx; width: 100%; line-height: 100rpx; font-size: 34rpx; color:rgb(255,145,37); }