@charset "utf-8";
.recharge-redpacket-pop-com{background-color: transparent !important;box-shadow: none !important;width: 452px!important;height: 562px!important;}
.recharge-redpacket-pop-com .layui-layer-content {overflow: visible!important;}
.recharge-redpacket-pop-com .mCSB_inside>.mCSB_container{margin-right: 0;}
.recharge-redpacket-pop-com .mCSB_scrollTools .mCSB_draggerRail{background-color: #cf420b!important;}
.recharge-redpacket-pop-com .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #e5997b;}
.recharge-redpacket-pop{display: none;}
.recharge-redpacket-pop .pop-box{width: 378px;padding: 0 54px 0 20px;height: 562px;background: url(../images/cashier/recharge-redpacket-pop.png) center no-repeat;position: relative;}
.recharge-redpacket-pop .pop-box .pop-close{position: absolute;right: 0;top: 28px;background: url(../images/cashier/pop-close.png) center no-repeat;width: 41px;height: 41px;cursor: pointer;}
.recharge-redpacket-pop .top-area{height: 138px;text-align: center;font-size: 26px;color: #fff;font-family: "microsoft yahei";line-height: 138px;}
.recharge-redpacket-pop .top-area h2{line-height: 36px;}
.recharge-redpacket-pop .top-area h2.first{padding-top: 33px;}
.recharge-redpacket-pop .top-area em{color: #ffe400;font-weight: bold;}
.recharge-redpacket-pop .list-area{text-align: center;margin-top: 20px;height: 330px;position: relative;z-index: 1;}
.recharge-redpacket-pop .list-area .list-box{height: 330px;}
.recharge-redpacket-pop .list-area .list-item{width: 342px;height: 126px;background: url(../images/cashier/pop-item-bg.png) center no-repeat;display: inline-block;*display: inline;*zoom: 1;box-shadow: 5px 5px 14px rgba(0,0,0,0.2);margin-bottom: 13px;text-align: left;}
.recharge-redpacket-pop .list-area .list-item:last-child{margin-bottom: 10;}
.recharge-redpacket-pop .list-item .part-top{height: 84px;position: relative;}
.recharge-redpacket-pop .list-item .part-top dl{overflow: hidden;margin-left: 14px;padding-top: 16px;}
.recharge-redpacket-pop .list-item .part-top dl dt{float: left;font-size: 20px;color: #fe6802;font-family: "microsoft yahei";margin-top: 6px;margin-right: 14px;}
.recharge-redpacket-pop .list-item .part-top dl dt em{font-size: 30px;font-family: "Arial";display: inline-block;vertical-align: middle;margin-top: -8px;}
.recharge-redpacket-pop .list-item .part-top dl dt em i{font-size: 24px;}
.recharge-redpacket-pop .list-item .part-top dl dd{float: left;}
.recharge-redpacket-pop .list-item .part-top dl dd h2{font-size: 18px;color: #333;font-family: "microsoft yahei"}
.recharge-redpacket-pop .list-item .part-top dl dd h3{font-size: 12px;color: #999;font-family: "Simsun"}
.recharge-redpacket-pop .list-item .part-top a{position: absolute;right: 19px;top: 29px;width: 66px;height: 24px;line-height: 24px;font-size: 12px;font-family: "Simsun"}
.recharge-redpacket-pop .list-item .part-bottom{height: 40px;padding: 0 30px;position: relative;cursor: pointer;}
.recharge-redpacket-pop .list-item .part-bottom h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 42px;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area{display: none;position: absolute;left: 21px;background: #fff;border: 1px solid #cfcfcf;width: 288px;z-index: 2;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area.down{top: 53px;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area.up{bottom: 53px;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area ul{padding: 16px 12px 16px 16px;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area ul li{color: #666;line-height: 16px;margin-bottom: 11px;display: flex;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area ul li:last-child{margin-bottom: 0;}
.recharge-redpacket-pop .list-item .part-bottom .tips-area ul li em{margin-right: 11px;}
.recharge-redpacket-pop .list-item .part-bottom:hover .tips-area{display: block;}
.recharge-redpacket-pop .bottom-area{text-align: center;height: 75px;line-height: 65px;position: relative;}
.recharge-redpacket-pop.hasmany .bottom-area:before{content: "";width: 100%;height: 33px;position: absolute;top: -32px;left: 0;background: url(../images/cashier/shadow-bg.png) center no-repeat;z-index: 1;}
.recharge-redpacket-pop .bottom-area a{font-size: 14px;font-family: "microsoft yahei";color: #fff;}
.recharge-redpacket-pop .bottom-area a:hover{text-decoration: underline;}