/* d:\fumaolianke\ttFmC\tt富茂C\pages\user\user.ttss */ .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; }