|
- Page{
- background: #C8223C;
- }
- .none{
- font-size: 28rpx;
- text-align: center;
- margin-top: 30rpx;
- color: #fff;
- float:none!important;
- }
- .headerbg image{
- display: block;
- width: 100%;
- }
- .fl{
- float: left;
- }
- .fr{
- float: right;
- }
- .title{
- padding: 20rpx 40rpx 30rpx;
- color: #fff;
- text-align: center;
- font-size:26rpx;
- }
- .card{
- position: relative;
- width: 335rpx;
- margin: 0 auto 18rpx;
- border-radius:16rpx;
- overflow: hidden;
- padding-bottom: 20rpx;
- background: #fff;
- height: 185rpx;
- }
- .txt01 text{
- display: block;
- text-align: center;
- }
- .cards{
- padding: 0 33rpx;
- }
- .cards>view:nth-of-type(2n){
- float: right;
- }
- .cards>view:nth-of-type(2n+1){
- float: left;
- }
- .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;
- }
- .cardtype{
- position: absolute;
- right: 28rpx;
- top: 20rpx;
- font-size: 24rpx;
- color:rgba(99,188,230,1);
- }
- .footer{
- margin-top: 26rpx;
- font-size:26rpx;
- font-weight:500;
- color:rgba(153,153,153,1);
- }
- .footer text{
- text-indent: 33rpx;
- }
- .footer image{
- width: 24rpx;
- margin-right: 33rpx;
- }
- .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);
- }
- .discount text{
- font-size: 28rpx;
- }
- .level{
- color: yellow;
- }
|