123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- .bj{
- width: 750rpx;
- height: 300rpx;
- background: linear-gradient(to right,#FFB943, #FD8320);
- position: relative;
- border-radius: 0 0 110rpx 110rpx;
- }
- .personxx {
- width: 650rpx;
- margin-left: 50rpx;
- /* margin-top: 20rpx; */
- height: 310rpx;
- display: flex;
- background-color: rgba(255,255,255,0.5);
- border-radius: 20rpx;
- position:absolute;
- top: 80rpx;
- box-shadow: 0px 3px 20px 0px rgba(253, 131, 32, 0.5);
- }
- .tx {
- width: 140rpx;
- height: 140rpx;
- border-radius: 90rpx;
- overflow: hidden;
- margin-left: 50rpx;
- margin-top: 30rpx;
- border: 2px solid #FD8320;
- }
- .nc{
- margin-top: 70rpx;
- margin-left: 50rpx;
- font-size: 28rpx;
- }
- .sf{
- position: absolute;
- right: 0;
- background: #FD8320;
- color: #fff;
- font-size: 26rpx;
- top: 60rpx;
- padding: 10rpx 10rpx 10rpx 30rpx;
- border-radius: 20rpx 0 0 20rpx;
- }
- .top-content {
- width: 710rpx;
- margin-left: 20rpx;
- margin-top: 180rpx;
- background-color: #fff;
- border-radius: 20rpx;
- }
- .content {
- display: flex;
- margin: 40rpx;
- border-bottom: 1rpx solid rgba(221,221,221,1);
- padding-bottom: 20rpx;
- }
- /* .content:last-child {
- border-bottom: unset
- } */
- .big-title {
- font-size: 32rpx;
- text-align: left;
- color: #222222;
- /* border: 1px solid red; */
- }
- .small-title{
- color: #999999;
- font-size:25rpx;
- }
- .right-bpx {
- margin-left: 40rpx;
- }
|