/**index.wxss**/ .userinfo { display: flex; flex-direction: column; align-items: center; } .product-bg{width:100%;height:300rpx;position:absolute;} .product-bg swiper{width:100%;height:300rpx;position:relative;} .product-bg .slide-image{width:100%;height:300rpx;} .product-bg .pages{position:absolute;background-color:#fff;height:34rpx;padding:0 10rpx;border-radius:3rpx;right:30rpx;bottom:30rpx;line-height:34rpx;font-size:24rpx;color:#050505;} .product-bg .mylogog .mylogo{ width: 180rpx; height: 180rpx; border-radius: 50%; } .product-bg .mylogog{ border-radius: 50%; background-color:#fff; position:absolute; z-index: 2; width: 180rpx; height: 180rpx; left: 285rpx; top: 210rpx; overflow: hidden; box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1); } .userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%; } .mg{ width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;align-items: center; } .mgfirst{ width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;margin-top: 60rpx;align-items: center; } .mgtext{ padding-left: 20rpx; } .divLine{ background: #aaa;margin-right: 5%;margin-left: 5%; width: 90%; height: 5rpx; } .userinfo-nickname { color: #aaa; } .usermotto { margin-top: 200px; } .sss{ font-size:40rpx;color: #1a1717; position:relative;display:block;margin-left:auto;margin-right:auto;padding:50rpx 10rpx 10rpx 10rpx;text-align:center;margin-top: 30rpx; } .ssss{ font-size:30rpx;color: #1a1717; position:relative;display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center; } .weui-btn{position:relative;display:block;width:184px;margin-left:auto;margin-right:auto;padding:8px 24px;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:4px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block} .images{ width:250rpx;height:250rpx; }