/* d:\fumaolianke\ttFmC\tt富茂C\pages\user\user.ttss */ page { padding-bottom: 0; } .BoxBg { /* background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin_ifomall/imgData/userBg.png"); */ /* background-size: 100% auto; */ /* background-repeat: no-repeat; */ /* transform: rotate(16deg); */ /* background: #F1F6F7 */ position: relative; background-color: #e6e6e6; overflow: hidden; } .bgImgTop { width: 100%; height: 380rpx; transform: rotate(16deg); position: absolute; top: 260rpx; left: 0; z-index: 1; } .userBg { width: 100%; height: 200rpx; /* background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); */ position: relative; } .userBg1 { width: 100%; height: 200rpx; /* background-image: url("/assets/imgData/userBg.png"); */ position: relative; z-index: 1000; } button::after { border: none; } button { background-color: transparent; padding-left: 0; padding-right: 0; line-height: inherit; } button { border-radius: 0; } .userLogo { position: absolute; top: 40rpx; left: 80rpx; height: 100rpx; width: 100rpx; background-color: aliceblue; border-radius: 50%; border: 2rpx solid #A2B9BE; } .userLogo open-data { display: block; width: 100%; height: 100%; } .userLogo img { border-radius: 50% !important; } .open { width: 100% !important; height: 100% !important; border-radius: 50% !important; overflow: hidden; } .open img { border-radius: 50% !important; } .userData { position: absolute; top: 40rpx; left: 180rpx; font-size: 26rpx; margin-top: 10rpx; /* color: #ffffff; */ } .noInfo { width: 220rpx; margin-left: 20rpx; font-size: 32rpx; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #02201c; font-family: "PingFangSC-Medium"; font-size: 36rpx; font-weight: 400; text-transform: uppercase; } .info { border: 1rpx #ffffff solid; border-radius: 50rpx; padding: 0 10rpx; margin-top: 10rpx; margin-left: 20rpx; text-align: center; /* width: 130rpx; */ } .infoX { /* border: 1rpx #ffffff solid; */ border-radius: 50rpx; padding: 0 10rpx; margin-top: 10rpx; margin-left: 10rpx; color: #02201c; font-family: "PingFangSC-Regular"; font-size: 26rpx; font-weight: 400; text-transform: uppercase; /* text-align: center; */ } .userName { position: absolute; top: 60rpx; left: 180rpx; font-size: 26rpx; color: #ffffff; } .tempBpx { position: relative; width: 680rpx; height: 160rpx; } .functionBox { position: absolute; width: 680rpx; height: 160rpx; left: 5%; /* top: -23%; */ top: -14%; /* background-color: #ffffff; */ border-radius: 10rpx; display: flex; justify-content: space-around; /* overflow: hidden; */ z-index: 100; } .itemBox { width: 30%; /* text-align: center; */ } .itemLogoBox { width: 60rpx; height: 60rpx; /* background-color: #cacaca; */ margin: 20rpx auto 0 auto; } .itemLogo { width: 100%; height: 100%; } .itemNAme { text-align: center; font-size: 26rpx; margin-top: 10rpx; } .moreBox { width: 680rpx; margin: 20rpx auto 0 auto; background-color: #ffffff; border-radius: 10rpx; overflow: hidden; left: 5%; position: absolute; z-index: 1000; } .fuwu { /* font-size: 28rpx; */ margin: 20rpx 0 20rpx 40rpx; color: #5d3a19; font-family: "PingFangSC-Medium"; font-size: 32rpx; font-weight: 400; } .fuwuItemBox { /* display: flex; */ overflow: hidden; } .f { float: left; } .r { float: right; } .fuwuItem { /* width: 25%; */ /* background-color: aquamarine; */ border-bottom: 1rpx #f6f6f6 solid; padding: 20rpx 0; overflow: hidden; width: 90%; margin: 0 auto; } .fuwuLogoBox { width: 50rpx; height: 50rpx; /* background-color: #fb3e5c; */ } .fuwuName { text-align: center; font-size: 24rpx; margin-top: 10rpx; margin-left: 10rpx; } .version { position: absolute; bottom: 150rpx; right: 5%; color: #ffffffb9; }