@charset "utf-8";
/*注册送红包提示*/
.layer-mask-box { width:270px; height:376px; margin:auto; position:fixed; z-index: 10000;top: 50%; left: 50%; margin-top: -188px; margin-left:-135px;display: none;}
.layer-mask-box .layer-mask-content { display:block;width:270px; height:376px; width:100%; overflow: hidden; background-color: transparent;}
.layer-mask-box .layer-mask-close {background: url(../images/message_close.png) no-repeat center center;width: 30px;height: 30px;
display:block;position:relative;margin: 10px auto;cursor: pointer;border-radius: 100%;background-size: 15px;border: 1px solid #fff;}
.layer-mask-wrap { text-align: center; color: #FFF; font-size: 14px; background-image: url(../images/bg_bonus.png); width:270px;height:376px; background-size:contain;}
.layer-mask-wrap .register-bonus-con{ position:absolute; left:30px; top:60px; width:210px;font-size: 16px; color:#D38005;}
.layer-mask-wrap .register-bonus-money{ height:50px; line-height:50px; font-size:0.9rem;color:#f23030;}
.layer-mask-wrap .register-bonus-money em{font-size:1.4rem;display: inline-block;margin-right: 3px; font-weight:700;}
.layer-mask-wrap .register-bonus-name {font-size:0.7rem; color:#D38005;}
.layer-mask-wrap .command { margin-top: 15px;}
.layer-mask-wrap .command .command-btn { font-size: 18px; background-color: #E03135; border: 1px solid #E03135; display: inline-block; height: 54px; line-height: 54px; width: 200px; color: #FFF;}
.layer-mask-wrap .command .command-btn:hover { opacity: .8;}
.layer-mask { position: absolute; left: 0px; top: 0px; opacity: 0.15; z-index: 9998; width: 100%; height: 100%; background-color: rgb(0, 0, 0); filter: alpha(opacity=60) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; -webkit-opacity: 0.6 !important; -khtml-opacity: 0.6 !important; -moz-opacity: 0.6 !important; -ms-opacity: 0.6 !important; -o-opacity: 0.6 !important; opacity: 0.6 !important; display: none;}
.coupon-info{border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box; }
.coupon-info span {font-size:15px; color:red; line-height:1rem; font-weight:normal;}
.line{height: 50px;overflow:hidden}

/*红包修改*/
.coupon-items{ width:95%; margin:auto; }
.coupon-items .coupon-item{ margin-top:10px; height:4rem;display: -webkit-box !important;display: box !important;
    position: relative;background:#fff;}
.coupon-item .expired-date {position: absolute;left: 0;top: 0;display: block;overflow: hidden;width:45px;height:45px;background-image:url(../images/user-bonus.png); background-size:45px; z-index:2;}
.coupon-items .coupon-item .coupon-item-right{ background:url(../images/user-bonus-bg.png); background-size:cover; width:5rem; height:3.95rem; text-align:center; position:relative;}
.coupon-items .coupon-item .coupon-item-right2{ background:url(../images/user-bonus-bg2.png) ; background-size:cover;}
.coupon-items .coupon-item.coupon-item-ed .coupon-item-right{background:url(../images/used_bonus_bg.png); background-size:contain;}

.coupon-item-right .coupon-num{ font-size:12px; color:#fff; line-height:1.8rem; margin-top:0.5rem}
.coupon-item-right .coupon-num em{ font-size:1.2rem;}
.coupon-item-right .op-btns{ font-size:14px; color:#fff; line-height:1.15rem;}
.coupon-item-right .op-btns a.btn {display: inline-block;width:4rem;height:1rem;line-height:1rem;border: 1px solid #fff;color:#fff;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;vertical-align: middle;overflow: hidden; text-align:center;position: absolute;right: 10px;bottom:10px}
.coupon-items .coupon-item .coupon-item-left{position: relative;-webkit-box-flex: 1;box-flex: 1; padding:0.15rem 10px 0 10px; border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;box-sizing: border-box; overflow:hidden;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-top h3{ font-size:15px; color:#222; line-height:1rem; font-weight:normal;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-top .coupon-range{ line-height:0.8rem; font-size:13px; color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-top .coupon-range a{line-height: 0.8rem;font-size: 13px;color: #666;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-bottom{ border-top:1px dashed #eee; line-height:1rem; font-size:12px; color:#999; margin-top:0.15rem;}