.border-radius { background: #FFFFFF; box-shadow: 0rpx -2rpx 16rpx 0rpx rgba(0, 0, 0, 0.04); border-radius: 24rpx; /* margin: 20rpx 28rpx; */ } .poster .img-box { position: relative; } .poster .popup-img { height: 684rpx; width: 520rpx; border-radius: 24rpx; position: absolute; left: 26rpx; top: 20rpx; } .poster .popup-pos { width: 572rpx; height: 748rpx; overflow: hidden; box-sizing: border-box; } .poster .btn { height: 76rpx; line-height: 76rpx; padding: 0 42rpx; display: inline-block; border-radius: 52rpx; border: 2rpx solid #FA7D22; font-size: 36rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #FA7D22; margin: 40rpx 0; } .tabs { height: 100%; } .tabs-title { white-space: nowrap; margin-top: 16rpx; padding-left: 30rpx; height: 56rpx; width: 100%; box-sizing: border-box; overflow: hidden; } .tabs-title .item { margin-right: 12rpx; height: 56rpx; padding: 0 14rpx; color: #999999; font-size: 24rpx; border-radius: 28rpx; padding: 0 28rpx; background: #FFFFFF; } .tabs-title .item.active { background: rgba(255, 119, 176, 0.1); color: #FA7D22; border-radius: 28rpx; padding: 0 28rpx; } .tabs-list { padding: 10rpx 0; } .tabs-list .item { /* height: 200px; background-color: blue; margin-bottom: 50px; */ padding: 40rpx 30rpx; border-bottom: 2rpx solid #f1f1f1; } .tabs-list .item-img-box { margin-right: 30rpx; position: relative; } .tabs-list .item-img-box .default-img { width: 210rpx; height: 210rpx; border-radius: 50%; box-sizing: border-box; border: 2rpx solid #DFDFDF; } .tabs-list .item-img-box .last-real-image { width: 54rpx; height: 54rpx; border: 2rpx solid #FFFFFF; box-sizing: border-box; border-radius: 50%; position: absolute; bottom: 0; right: 0; } .tabs-list .item image { width: 524rpx; height: 524rpx; /* background-color: #ccc; */ } .tabs-list .item .btn { min-width: 202rpx; height: 60rpx; border-radius: 30rpx; border: 2rpx solid #FF6CB2; font-size: 28rpx; color: #FF6CB2; margin-top: 20rpx; margin-bottom: 36rpx; } .tabs-list .item .btn.img { padding: 0 30rpx; }