.mask-back{background:#000;width:100%;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;display:none}.mask-layer{position:absolute;top:0;left:0;width:100%;padding-top:49px;overflow:hidden;display:none}.mask-layer .detail-content{display:block;color:#fff;width:225px;height:74px;margin:0 auto;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;overflow:hidden;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0}.mask-layer .detail-content:hover{text-decoration:none;color:#fff!important}.mask-layer .ellipsis{color:#fff;text-align:center;margin-top:-8px;display:none}.mask-layer .qrcode-wrapper{position:absolute;width:100%;bottom:0;background-color:#FF4A47;background-color:rgba(255,74,71,.8);-ms-filter:"alpha(Opacity=80)"}.mask-layer .qrcode-wrapper p{margin-top:57px;color:#fff;text-align:center}.mask-layer .qrcode-wrapper p span{color:#FFF048}.mask-layer .qrcode-wrapper .qr-code{position:absolute;top:-48px;width:82px;height:82px;padding:7px;border-radius:4px;background-color:#fff}.mask-layer .qrcode-wrapper .qr-code img{width:82px;height:82px}body{font-family:'Hiragino Sans GB','microsoft yahei',arial,sans-serif}.mod-category{height:668px;width:1190px;margin:0 auto;background-color:#fff}.mod-category .left-title{position:relative;width:296px;height:659px}.mod-category .left-title a{display:block;width:100%;height:100%}.mod-category .left-title a img{width:296px;height:659px}.mod-category .left-title .number{position:absolute;top:0;left:0;text-align:center;display:inline-block;width:56px;height:56px;line-height:56px;font-size:16px;color:#fff}.mod-category .offer-wrap{position:relative;top:28px;left:0;width:892px;height:628px;overflow:hidden;border-right:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5}.mod-category .offer-wrap:before{content:'';position:absolute;left:296px;top:20px;height:598px;border-left:1px solid #e6e6e6}.mod-category .offer-wrap:after{content:'';position:absolute;left:594px;top:20px;height:598px;border-left:1px solid #e6e6e6}.mod-category .offer-wrap ul:before{content:'';position:absolute;left:20px;top:314px;width:856px;border-bottom:1px solid #e6e6e6}.mod-category .offer-wrap li{padding:20px 0 17px 0;width:297px;height:277px;position:relative;overflow:hidden}.mod-category .offer-wrap li:nth-child(3),.mod-category .offer-wrap li:nth-child(6){margin-left:1px}.mod-category .offer-wrap li .offer-img{margin:0 58px;font-size:0;width:180px;height:180px;overflow:hidden}.mod-category .offer-wrap li .offer-img img{opacity:0}.mod-category .offer-wrap li .offer-detail{margin-top:18px}.mod-category .offer-wrap li .offer-detail dt{width:180px;height:24px;color:#333;font-size:16px;margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mod-category .offer-wrap li .offer-detail dd{width:297px;text-align:center;color:#333}.mod-category .offer-wrap li .offer-detail dd span{font-size:14px;color:#FF4A47}.mod-category .offer-wrap li .offer-detail dd em{font-family:arial;font-weight:400}.mod-category .offer-wrap li .btn-tag{width:75px;height:20px;line-height:20px;margin:0 auto;margin-top:9px;background-color:#FF4A47;color:#fff;text-align:center;border-radius:2px}.mod-category .offer-wrap .mask-back{height:318px;width:298px}.mod-category .offer-wrap .mask-layer{height:314px}.mod-category .offer-wrap .mask-layer .detail-content{opacity:0}.mod-category .offer-wrap .mask-layer p{margin-top:57px;color:#fff;text-align:center}.mod-category .offer-wrap .mask-layer p span{color:#FFF048}.mod-category .offer-wrap .mask-layer .qrcode-wrapper{top:366px;height:118px}.mod-category .offer-wrap .mask-layer .qrcode-wrapper .qr-code{left:99px}