|
@@ -4,15 +4,16 @@ li{list-style:none}
|
|
|
* PC端
|
|
|
*/
|
|
|
@media screen and (min-width:768px){
|
|
|
+ #beansPage .wrap{ width: 400px;}
|
|
|
.coupon-title{width: 1184px;margin: 0 auto;box-sizing: border-box;height: 60px;padding: 0 24px;padding-top: 16px;line-height: 44px;}
|
|
|
.coupon-title .coupon-name{float: left;font-size: 16px;color: #4a4f58;font-weight: bold;}
|
|
|
.coupon-title .coupon-name-use{float: right;font-size: 14px;color: #627386;cursor: pointer;}
|
|
|
.coupon-title .coupon-name-use:hover{color: #E15621;}
|
|
|
.pageWrap{width: 968px;}
|
|
|
.navLayout{min-height: 500px;}
|
|
|
- .coupon-container{width: 100%;min-height: 600px;background-color: #FFFFFF;}
|
|
|
- .coupon-content-list{width: 100%;height: auto;box-sizing: border-box;padding:24px 13px 7px 13px;}
|
|
|
- .coupon-list-cell{width: 369px;height: 148px;float: left;margin: 0 24px 17px 0;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
|
|
|
+ .coupon-container{width: 100%;min-height: 600px;background-color: #FFFFFF;border-radius: 8px;}
|
|
|
+ .coupon-content-list{width: 100%;height: auto;box-sizing: border-box;padding:24px 13px 7px 13px;margin-top: 20px;}
|
|
|
+ .coupon-list-cell{width: 369px;height: 148px;margin: 0 auto;position: relative;background: url("/img/account/icon-coupon-uesb@2x.png") no-repeat;background-size: cover;}
|
|
|
.coupon-list-cell:nth-child(3n){margin-right: 0;}
|
|
|
.coupon-list-cell .coupon-list-le{width: 260px;height: 148px;float: left;box-sizing: border-box;padding: 24px 14px 12px 14px;}
|
|
|
.coupon-list-cell .coupon-list-money{width: 100%;height: 56px;line-height: 56px;color: #f94b4b;font-size: 14px;text-align: left;}
|
|
@@ -25,6 +26,7 @@ li{list-style:none}
|
|
|
.coupon-list-cell .coupon-list-ri span{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 45px 47px;}
|
|
|
.coupon-list-cell .coupon-list-ri span.none{padding: 54px 47px;}
|
|
|
.coupon-list-cell .coupon-tags{height: 24px;line-height: 24px;text-align: center;border-radius: 8px 0 8px 0;position: absolute;top: 0;left: 0;padding: 0 10px;background-color: #f94b4b;color: #FFF;}
|
|
|
+ .coupon-button{ width: 100%;height: 58px;cursor: pointer; border-radius: 8px; line-height: 58px;display: flex;margin: 0 auto;justify-content: center;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color: #FFFFFF;font-size: 18px;font-weight: 600;margin-top: 50px; }
|
|
|
.empty{width: 100%;float: left;}
|
|
|
.empty img{width: 180px;height: 180px;}
|
|
|
}
|
|
@@ -41,20 +43,21 @@ li{list-style:none}
|
|
|
.coupon-title .coupon-name-use{float: right;font-size: 3vw;color: #627386;cursor: pointer;}
|
|
|
.coupon-container{width: 100%;min-height: 500px;background-color: #FFFFFF;}
|
|
|
.coupon-content-list{width: 100%;height: auto;box-sizing: border-box;padding:3.45vw;}
|
|
|
- .coupon-list-cell{width: 93.1vw;height: 33vw;float: left;margin: 0 0 2.4vw 0;position: relative;border-radius: 1vw;}
|
|
|
+ .coupon-list-cell{width: 93.1vw;height: 33vw;margin: 0 0 2.4vw 0;position: relative;border-radius: 1vw;}
|
|
|
.coupon-list-cell .coupon-list-le{width: 70.5vw;height: 33vw;float: left;box-sizing: border-box;padding: 6.8vw 3.7vw 3.3vw 3.7vw;}
|
|
|
- .coupon-list-cell .coupon-list-money{width: 100%;height:10vw;line-height: 10vw;color: #f94b4b;font-size: 3vw;text-align: left; }
|
|
|
- .coupon-list-cell .coupon-list-money .maxMoney{font-size: 7.2vw;margin-right: 2.4vw;}
|
|
|
+ .coupon-list-cell .coupon-list-money{width: 100%;height:10vw;line-height: 10vw;color: #f94b4b;font-size: 3.4vw;text-align: left; }
|
|
|
+ .coupon-list-cell .coupon-list-money .maxMoney{font-size: 7.2vw;margin-right: 2.4vw;font-weight: 600;}
|
|
|
.coupon-list-cell .coupon-list-money.none, .coupon-list-cell .coupon-list-name.none, .coupon-list-cell .coupon-list-time.none{color: #FFF;}
|
|
|
.coupon-list-cell .coupon-list-name{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #333333;font-size: 3.4vw;text-align: left;margin-top: 4vw;}
|
|
|
.coupon-list-cell .coupon-list-time{width: 100%;height: 4.8vw;line-height: 4.8vw;color: #999999;font-size: 2.4vw;text-align: left;}
|
|
|
.coupon-list-cell .coupon-list-ri{width: 22.5vw;height: 33vw;float: left;box-sizing: border-box;font-size:3.4vw;color: #FFF;cursor: pointer;}
|
|
|
.coupon-list-cell .coupon-list-ri .buy{width: 100%;height: 100%;box-sizing: border-box;padding: 12vw 0 0 0;text-align: center;}
|
|
|
- .coupon-list-cell .coupon-list-ri .buy p{font-size: 3.4vw;}
|
|
|
+ .coupon-list-cell .coupon-list-ri .buy p{font-size: 4.4vw;font-weight: 600;}
|
|
|
.coupon-list-cell .coupon-list-ri span{display: block;width: 100%;height: 100%;box-sizing: border-box;padding: 9.5vw 9.5vw;font-size: 4vw;}
|
|
|
.coupon-list-cell .coupon-list-ri span.none{padding: 11.8vw 9.5vw;}
|
|
|
.coupon-list-cell .coupon-tags{height: 4.8vw;line-height: 4.8vw;text-align: center;background-color: #f94b4b;color: #FFF;border-radius: 1.6vw 0 1.6vw 0;position: absolute;top: 0;left: 0;padding: 0 1.5vw;font-size: 3vw;}
|
|
|
.coupon-list-cell{background: url("/img/account/icon-coupon-uesb@h52x.png") no-repeat;background-size: cover;}
|
|
|
+ .coupon-button{ width: 100%;height: 13vw;cursor: pointer; border-radius: 3vw; line-height: 13vw;display: flex;margin: 0 auto;justify-content: center;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color: #FFFFFF;font-size: 4vw;font-weight: 600;margin-top: 14vw; }
|
|
|
.empty{width: 100%;float: left;}
|
|
|
.empty img{width: 36vw;height: 36vw;}
|
|
|
|