@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .list-cell { margin-top: 60rpx; } .list-cell .cell-tit { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; width: 560rpx; height: 80rpx; color: #fff; background: #6786FB; border-radius: 40rpx; font-size: 30rpx; margin: 0 auto; } page { height: 100%; } .container { background-color: #f8f8f8; height: 1650rpx; } .user-section { padding: 60rpx 30rpx 0; padding-bottom: 90rpx; position: relative; background: -webkit-linear-gradient(38deg, #7e99fe, #978ffa); background: linear-gradient(52deg, #7e99fe, #978ffa); } .user-section .arc { position: absolute; left: 0; bottom: 0; width: 100%; height: 36rpx; } .user-info-box { font-size: 32rpx; color: #ffffff; height: 200rpx; z-index: 3; } .user-info-box .portrait { width: 135rpx; height: 135rpx; } .user-info-box .portrait image { width: 100%; height: 100%; border-radius: 100%; } .user-info-box .info { padding: 0rpx 25rpx; width: 75%; } .user-info-box .info .name-box { width: 100%; padding-bottom: 15rpx; } .user-info-box .info .name-box .name { font-size: 32rpx; max-width: 60%; } .user-info-box .info .name-box .name-text { margin-left: 25rpx; font-size: 22rpx !important; border: 2rpx solid #ffffff; padding: 2rpx 25rpx; border-radius: 25rpx; } .user-info-box .info .name-box .left { margin-left: 0 !important; } .user-info-box .icon image { width: 48rpx; height: 49rpx; } .myinfo { z-index: 999; position: absolute; right: 0; top: 25%; background-color: #ffffff; color: #6786fb; font-size: 24rpx; padding: 14rpx 29rpx; border-top-left-radius: 50rpx; border-bottom-left-radius: 50rpx; } .cover-container { margin-top: -100rpx; position: relative; padding-bottom: 20rpx; } .cover-container .info-box { z-index: 999; margin: 0 auto; width: 91%; color: #697079; left: 35rpx; border-radius: 25rpx; background-color: #ffffff; text-align: center; font-size: 24rpx; padding: 25rpx 0rpx; } .cover-container .info-box .info { width: 100%; height: 100rpx; text-align: center; } .cover-container .info-box .info image { width: 100rpx; height: 100%; } .cover-container .info-box .text { padding-top: 15rpx; } .bottom { padding-bottom: 100rpx !important; } .item-box { width: 100%; background-color: #ffffff; padding: 15rpx 25rpx; padding-bottom: 0; margin-top: 30rpx; } .item-box .item-list { width: 100%; padding: 10rpx 0rpx; } .item-box .item-list .list-icon image { width: 77rpx; height: 77rpx; margin-right: 35rpx; } .item-box .item-list .list-icon .text { color: #323232; font-size: 28rpx; font-weight: bold; } .item-box .fen { width: 100%; height: 2rpx; background-color: #ececec; margin: 10rpx 0rpx; } .icon-box { margin-bottom: 32rpx; } .left-icon { width: 12rpx; height: 42rpx; background: #6786FB; border-radius: 6rpx; } .left-box { width: 100%; } .left-tit { font-size: 30rpx; font-weight: bold; color: #333333; line-height: 42rpx; margin-left: 14rpx; } .more { font-size: 24rpx; color: #666666; } .left-txt { font-size: 28rpx; font-weight: 500; color: #666666; line-height: 52rpx; } .ask-list { margin-bottom: 25rpx; } .ask-list .ask-img { width: 92rpx; height: 92rpx; border-radius: 50%; } .ask-list .ask-txt { font-size: 28rpx; font-weight: 500; width: 80%; padding-left: 15rpx; color: #666666; line-height: 48rpx; } /*公用边框样式*/