coupon.css 2.3 KB

123456789101112131415161718192021222324252627282930313233
  1. .my-yhq{background-color: transparent;padding: 25px 15px;}
  2. .my-yhq:before,.my-yhq:after{display: none;}
  3. .my-yhq .my-yhq-cell{margin: 15px 0;position: relative;}
  4. .my-yhq .fixed-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
  5. .my-yhq .table{display: table;height: 100%;width: 100%;}
  6. .my-yhq .left-cell{display: table-cell;width: 69%;height: 100%;padding: 10px;}
  7. .my-yhq .right-cell{display: table-cell;width: 31%;height: 100%;text-align: center;vertical-align: middle;}
  8. .my-yhq .left-cell .tit{font-size: 20px;color: #f44f80;}
  9. .my-yhq .left-cell .time{color: #f44f80;font-size: 12px;}
  10. .my-yhq .left-cell .condition{position: absolute;left: 10px;bottom: 15px;font-size: 12px;color: #807f80;}
  11. .my-yhq .right-cell .money{color: #fff;margin: 5px 0;}
  12. .my-yhq .right-cell .money>span{font-size: 30px;}
  13. .money strong{font-size:20px}
  14. .my-yhq .right-cell .my-btn-lq{color: #fff;padding:8px 10px;font-size: 14px;border-radius: 5px;}
  15. .my-yhq .right-cell .my-btn-lq:active{background-color: rgba(0,0,0,.5);}
  16. .mui-popup.mui-popup-in{height: 360px;background: url(http://static.iamberry.com/images/shop/yhq_dlg_bg.png) center top /100% no-repeat;}
  17. .mui-popup-inner{background-color: transparent;margin-top: 80px;padding: 15px 15px 5px 15px;position: static;}
  18. .mui-popup-title{font-size: 16px;color: #939393;}
  19. .mui-popup-title+.mui-popup-text{margin-top: 15px;}
  20. .mui-popup-text strong{color: #fc5b8b;font-size:20px;}
  21. .mui-popup-text span{color: #fc5b8b;font-size: 30px;}
  22. .mui-popup-button{background-color: transparent;}
  23. .mui-popup-button:after,.mui-popup-inner:after{display: none;}
  24. .mui-popup-button:last-child{border-radius: 25px;background: #f44f80;height: 38px;line-height: 40px;font-weight: 100;color: #fff;width: 50%;margin: 10px auto;}
  25. .mui-popup-button:last-child:active{background: #fc5b8b;}
  26. .mui-popup-button:first-child{border-radius: 25px;background: #fff;height: 38px;line-height: 40px;font-weight: 100;color:#ed376c;width: 50%;margin: 10px auto;border:1px solid #ed376c}
  27. .mui-popup-button:first-child:active{background: #c9c9c9;}
  28. .mui-popup-buttons{display: block;}
  29. .x-close{position: absolute;right:32px;top: 0;width:20px;}
  30. .mui-popup.mui-popup-out{-webkit-transition-duration: 0ms;transition-duration: 0ms;}
  31. .no_yhq{text-align: center;position:absolute;left:0;top:50%;width:100%;display: none;-webkit-transform: translateY(-70%);transform: translateY(-70%);}
  32. .no_yhq img{width:33%;}