@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background-color: #fff; } .user-top { width: 100%; height: 350rpx; background-color: #1c1c20; font-size: 38rpx; font-weight: bold; color: #FFFFFF; align-items: center; justify-content: flex-start; padding: 0 52rpx; position: relative; } .user-top .user-avart { flex-shrink: 0; width: 100rpx; height: 100rpx; } .user-top .user-avart image { width: 100rpx; height: 100rpx; border-radius: 50%; } .user-top .user-info { flex-grow: 1; padding-left: 24rpx; } .user-top .user-info .user-name { font-size: 38rpx; font-weight: bold; color: #FFFFFF; } .user-top .user-info .user-level { font-size: 24rpx; font-weight: bold; color: #FFFFFF; } .user-top .bottom-bg { width: 750rpx; height: 55rpx; position: absolute; border-radius: 25rpx 25rpx 0 0; background-color: #fff; bottom: 0; left: 0; } .title { font-size: 36rpx; font-weight: bold; color: #000000; padding-left: 30rpx; } .tit { font-size: 26rpx; font-weight: 500; color: #5C5C5C; padding: 30rpx 0 30rpx 30rpx; } .action { border: 6rpx solid #ffe5c2; font-weight: 900; background: #FFFAF3; } .menber-item { width: 690rpx; height: 170rpx; margin: auto; box-shadow: 2rpx 1rpx 30rpx 0px rgba(0, 0, 0, 0.1); border-radius: 18rpx; position: relative; align-items: center; padding: 0 30rpx 0 40rpx; margin-top: 30rpx; } .menber-item .item-right-top { min-width: 128rpx; display: inline-block; text-align: center; line-height: 38rpx; font-size: 24rpx; font-weight: bold; color: #9F570E; height: 38rpx; background: linear-gradient(270deg, #FFE7C4, #FFCE8A); border-radius: 0px 18rpx 0px 18rpx; position: absolute; right: 0; top: 0; } .menber-item .item-info { font-size: 48rpx; font-weight: bold; color: #9F570E; } .menber-item .item-info .item-price { font-size: 32rpx; font-weight: bold; color: #131313; } .menber-item .item-info .old-price { font-size: 24rpx; font-weight: bold; text-decoration: line-through; color: #AEAEAE; padding-right: 12rpx; } .menber-item .item-info .dw { font-size: 26rpx; } .zf-btn { width: 620rpx; background: linear-gradient(270deg, #FFE7C4, #FFCE8A); border-radius: 49rpx; margin: 80rpx auto 40rpx; font-size: 32rpx; font-weight: bold; color: #9F570E; line-height: 100rpx; text-align: center; } .press { background: #999; color: #eee; } .check_box { padding-bottom: 70rpx; font-size: 28rpx; } .check_box text { color: #6786FB; } .flex_item { display: flex; justify-content: center; }