WebContent/css/cpstyle.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.coupon-items {max-width: 860px;}
.coupon-items .coupon-item {width:100%;float: left;margin-bottom:10px ;}
.coupon-list{padding: 10px 10px;height:60px;position: relative;color: #fff;} 


/*布局*/
.am-margin { margin: 0 auto;}
.c-msg{display: none;}
.c-class{position: absolute;top:10;left:10;font-size:16px ;line-height:18px ;}
.c-time{position: absolute;top:35px;left:10;font-size:10px;}
.c-price{position: absolute;top:10px;left:70%;font-size:18px ;}
.c-limit {position: absolute;top:35px;left:70%;font-size:10px;}
.coupon-item-yf .c-price{font-size:14px ;}

/*字体颜色 背景色*/
.coupon-item-d .coupon-list{background-color: #74d2d4;}
.coupon-item-yf .coupon-list {background-color: #7ea7ce;}
.coupon-item-d .c-type .c-time {color: #31aaad;}
.coupon-item-yf .c-type .c-time {color: #417ab0;}

/*过期*/
.td-usestatus {position: absolute;right:0; top:-5%;width: 20%;}
.td-usestatus img {width: 100%;}

@media only screen and (min-width:640px) 
{
.c-msg{display: block;}
.coupon-list{height: auto;padding:0px 0px;}
.c-class,.c-price,.c-limit,.c-time{position: static;font-size:12px ;border-left: none;}
.coupon-item .c-type {position: relative;padding: 40px 0 0;overflow: hidden;color: #fff;text-align: center;}

.coupon-item-d .c-type {background-color: #74d2d4;}
.coupon-item-d .c-price span,.c-time span,.coupon-item-yf .c-price{display: none;}
.coupon-item-yf .c-type {background-color: #7ea7ce;}
	
.coupon-item .range-item .txt{max-width:100px;} 
.coupon-items .coupon-item {width:33.33%;}
.coupon-list{margin: 5px 5px;} 
.coupon-item .c-msg {padding:5px 0 0;background: #faf9f9;overflow: hidden;}


/*价格*/
.coupon-item .c-price strong,.coupon-item .c-class strong{font-family: Arial;font-size: 36px;line-height: 36px;font-weight: 400;}
.coupon-item-yf .c-class strong{line-height: 36px;font-size: 24px;}
.coupon-item .c-limit {margin: 0 0 8px;}
.coupon-item-d .c-type .c-time {color: #31aaad;}
.coupon-item-yf .c-type .c-time {color: #417ab0;}
.c-type .c-time {margin-bottom:12px;}
.coupon-item-d .c-class {display: none;}

/*文字说明*/
.range-all{margin: 0px auto;}
.coupon-item .c-msg {background: #faf9f9;overflow: hidden;}
.coupon-item .range-item {display: block;overflow: hidden;margin:10px 10px;}
.coupon-item .range-item .txt {float:left;white-space: nowrap;text-overflow: ellipsis;color: #999;max-width:80px ;}
.coupon-item .range-item .label {float: left;width: 60px;display: inline;text-align: right;color: #999;}

/*过期*/
.td-usestatus {position: absolute;right:-5%; top:-5%;width: 50%;}
.c-class span{display: none;}