|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- .BoxBg{
- background:linear-gradient(180deg,#FD832D 0%,#FE4A16 100%);
- }
- .rqBox{
- width: 90%;
- background: #ffffff;
- border-radius: 12rpx;
- margin: 20rpx 5%;
- height: 860rpx;
- overflow: hidden;
- }
-
- .arImgBox{
- width: 500rpx;
- height: 500rpx;
- margin: 80rpx auto 60rpx auto;
- }
- .memCode{
- width: 562rpx;
- height: 88rpx;
- line-height: 88rpx;
- border-radius:16rpx;
- border:1px solid rgba(225,225,225,1);
- margin: 36rpx auto 0;
- color: #666;
- display: block;
- font-size: 24rpx;
- text-align: center;
- }
- .memText{
- float: left;
- margin-left: 40rpx;
- font-size: 24rpx;
- color: #999;
- }
- .memNum{
- float: left;
- font-weight:600;
- font-size: 32rpx;
- color: #3C3C3C;
- font-family:PingFangSC-Medium;
- /* text-align: center; */
- }
- .con{
- color: #3C3C3C;
- text-align: center;
- font-size: 26rpx;
-
- }
- .level{
- color: #FD832D;
- display: inline-block;
- }
- .cardsBox{
- width: 90%;
- margin: 20rpx 5%;
- display: flex;
- justify-content:space-between;
- flex-wrap: wrap;
- }
- .cardsItemBox{
- width: 46%;
- height: 200rpx;
- border-radius: 12rpx;
- background-color: #ffffff;
- margin: 20rpx 0;
- position: relative;
- }
- .triangle{
- width: 0px;
- height: 0px;
- border-color: transparent #dab055;
- border-width: 0 0 110rpx 110rpx;
- border-style: solid;
-
- }
- .discount{
- position: absolute;
- color: #fff;
- width: 110rpx;
- height: 100rpx;
- font-size: 20rpx;
- left: 13rpx;
- top: -11rpx;
- z-index: 10;
- transform: rotate(315deg);
-
- }
- .tit{
- font-size: 36rpx;
- color: rgba(51, 51, 51, 1);
- margin: -40rpx auto 0;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- width: 280rpx;
- text-align: center;
- }
- .footer{
- margin-top: 26rpx;
- font-size: 26rpx;
- font-weight: 500;
- color: rgba(153, 153, 153, 1);
-
- }
- .fl {
- float: left;
- }
- .building{
- display: inline-block;
- }
- .fr {
- float: right;
- }
- .pgoneImg{
- width: 24rpx;
- margin-right: 33rpx;
- position: absolute;
- right: 0rpx;
- bottom: 20rpx;
-
- }
|