@charset "utf-8";
body{ background: #fff; }
.banner{ width: 100%; height: 350px; position: relative; margin-bottom: 15px;}
/* 满屏背静切换焦点图 */
.banner ul.full-screen-slides { width: 100%; height: 350px; position: relative; z-index: 1; overflow: hidden;}
.banner ul.full-screen-slides li { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; background-position: center center !important;}
.banner ul.full-screen-slides li a { display: block; width: 100%; height:350px; text-indent: -9999px; margin-left: -365px; position: absolute; z-index: 2; left: 50%; top: 0px;}
.banner ul.full-screen-slides-pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: right; display: block; list-style: none; height: 16px; padding: 7px 8px; position: absolute; left: 50%; bottom: 10px; z-index: 3; margin-left: -48px;}
.banner ul.full-screen-slides-pagination li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; list-style: none; overflow: hidden; cursor: pointer; *zoom:1; height: 10px; width: 10px; border: 2px solid #fff; opacity: .6; margin: 0 3px; border-radius: 50%;}
.banner ul.full-screen-slides-pagination a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px;}
.banner ul.full-screen-slides-pagination .current { background: #FFF; opacity:0.9}
.activity-bg-color{ filter:alpha(opacity=90); /*支持 IE 浏览器*/-moz-opacity:0.9; /*支持 FireFox 浏览器*/opacity:0.9;}

/*排序*/
.filter { background: #F9F9F9; height: 38px; line-height: 38px; overflow: hidden;border: 1px solid #EEE;}
.filter dl { float: left;height: 38px;margin-right: 20px;}
.filter dt, .filter dd {float: left;height: 38px;line-height: 38px;}
.filter .order a { display: block; height: 38px; padding: 0 18px; border-left: solid 1px #F9F9F9; border-right: solid 1px #F9F9F9; margin-left: -1px;}
.filter .order .first a, .filter .order .curr.first a { margin-left: 0; border-left: 0;}
.filter .order .curr a, .filter .order a:hover { position: relative; z-index: 1; background: #FFF; border-color: #eee;}
.filter .order a i{ vertical-align: middle; color: #DDDDDD; margin-top: 2px; display: inline-block;}
.filter .pagin { float: right; line-height: 38px; overflow: hidden;}
.filter .pagin .prev, .filter .pagin .next, .filter .pagin .text { float: left; line-height: 37px;}
.filter .pagin .prev, .filter .pagin .next { padding: 0 15px; height: 38px;}
.filter .pagin .icon { display: inline-block; width: 6px; height: 9px; margin-top: 14px;background: url(../images/common-icon.png) no-repeat;}
.filter .pagin .prev .prev-btn { background-position: -26px 0;}
.filter .pagin .prev-btn:hover { background-position: -42px 0;}
.filter .pagin .prev-disabled { background-position: -58px 0;}
.filter .pagin .next .next-btn { background-position: -74px 0;}
.filter .pagin .next-btn:hover { background-position: -90px 0;}
.filter .pagin .next-disabled { background-position: -106px 0;}
.filter .total { float: right;}
.filter .total span { padding: 0 3px;}
.filter .filter-btn { float: left; height: 38px;}
.filter .shop-name input[type="text"]{ width: 150px; line-height: 25px; height: 25px; padding: 0px 5px; border-radius: 2px; border: 1px solid #ddd; background: #fff;  vertical-align: middle; margin-top: -2px;}
.filter .shop-name input.btn{ width: 60px; min-width: 60px; color: #fff; vertical-align: middle;  border: none; margin-top: -2px; margin-left: 5px;}
.filter-tag, .filter-tag-radio { float: left; height: 38px; line-height: 38px; margin-left: 17px; cursor: pointer; color: #666; white-space: nowrap;}
.filter-tag i{ float: left; color: #DDDDDD; vertical-align: middle; cursor: pointer; margin-top: 2px;}
.filter-tag .text, .filter-tag-radio .text { float: left; margin-left: 4px;}
.filter-tag-radio .icon { background-position: -56px -12px;}
.filter-tag-radio.curr .icon, .filter-tag-radio:hover .icon { background-position: -71px -12px;}
.filter-mod { float: right; height: 38px; overflow: hidden; background: #FCFCFC;}
.filter-mod .filter-type { width: 38px; height: 38px; float: left; overflow: hidden; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-right: -1px;}
.filter-mod .filter-type i{color: #999; text-align: center; width: 38px; height: 38px; display: block; line-height: 40px; }
.filter-mod .filter-type i.icon-list{ font-size: 20px;}
.filter-mod .filter-type-icon { display: block; margin-top: 14px; margin-left: 14px; width: 12px; height: 12px;}
.filter-type-list .filter-type-icon { background-position: -70px -30px;}
.filter-type-grid .filter-type-icon { background-position: -26px -30px;}
.filter-type-text .filter-type-icon { background-position: -114px -30px;}
.filter-type-list:hover .filter-type-icon, .filter-type-list.curr .filter-type-icon { background-position: -92px -30px;}
.filter-type-grid:hover .filter-type-icon, .filter-type-grid.curr .filter-type-icon { background-position: -48px -30px;}
.filter-type-text:hover .filter-type-icon, .filter-type-text.curr .filter-type-icon { background-position: -136px -30px;}
.filter-type.curr { background-color: #fff;}
.filter-type:hover { background-color: #fff;}
.coupon-markt-title {width: 1210px;margin: 20px auto 0;height: 70px;background-image: url(../images/coupon-markt-title.png); background-repeat: no-repeat;}
/*红包列表样式*/
.coupon-list { padding: 15px 0;}
.coupon-list .coupon-title{ width:1210px;margin:0px auto 0; text-align:center;}
.coupon-list .coupon-title img{ max-width: 1210px; marign:0 auto; }
.coupon-list .coupon-title h3 { position: relative; z-index: 2; float: left; height: 38px; line-height: 38px; font-size: 30px; color: #E31939; font-weight: 400; background: #fff;}
.coupon-list .coupon-title h3 b{ display: inline-block; width: 30px; height: 35px; margin-right: 10px; background: url(../images/user-bonus.png) no-repeat -145px -135px; vertical-align: middle; overflow: hidden;}
.coupon-list .coupon-title .slogan { float: left; position: relative; top: 13px; width: 145px; height: 20px; line-height: 99em; z-index: 2; font-size: 18px; color: #e4393c; overflow: hidden; background: url(../images/user-bonus.png) #fff no-repeat -180px -135px;}
.coupon-list .coupon-title .line { position: absolute; top: 20px; left: 0; width: 100%; height: 1px; background: #ffd3d4; overflow: hidden;}
.coupon-box-list{ margin-top: 10px; }
.coupon-box { position: relative; height: 190px; width: 280px; padding-right: 100px; border: 1px solid #f1f1f1; background: #fff; float: left; margin: 2px 29px 28px 2px;}
.coupon-box:hover { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1);}
.coupon-box.last,.coupon-box:nth-of-type(3n){ margin-right: 0;}
.coupon-box .type { padding: 23px 0 20px 15px; position: relative;}
.coupon-box .type .price { display: inline-block; margin-bottom:5px; color: #74d2d4;}
.coupon-box .type .price em { float: left; margin:13px 0 0; font-family: verdana; font-size: 24px;}
.coupon-box .type .price strong { float: left; line-height: 50px; margin: 0 10px 0 5px; font-size:40px; font-family: arial;}
.coupon-box .type .price .txt { float: left; line-height: 22px; padding-top: 20px;}
.coupon-box .type .price .txt .limit{ color: #666;}
.coupon-box .type .range { line-height:20px; color: #999;}
.coupon-box .type .range p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 270px; cursor: default;}
.coupon-box .type .range p span{ color: #666; }

.coupon-box .type .range p.coupon-range{ position: relative; width: 250px; padding-right: 20px; cursor: pointer;}
.coupon-box .type .range p.coupon-range i{background: url(../images/common-icon.png) no-repeat;background-position: 0 -80px; position: absolute; right: 14px; top: 7px; display: inline-block; width: 11px; height: 11px;}
.instructions-pop{ position: relative; z-index: 100; display: none;}
.instructions-pop .arrow-up{ vertical-align: top; border-bottom: 6px solid #eae5e1; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; position: absolute; top: 0; right: 10px;}
.instructions-pop .instructions-info{ position: absolute; right: 5px; width: 235px; color: #666; z-index: 99; top: 5px; background-color: #fff; border: 1px solid #eae5e1; border-radius: 2px; list-style: decimal; padding: 15px; word-break: break-all;}

.coupon-box .op-btns { position: absolute; top: 0; right: 0; width:100px; height:100%; line-height: 24px; background: #74d2d4; color: #fff; font-size: 14px; padding: 0 3px; box-sizing: border-box;display: flex;align-items: center; cursor: pointer;}
.coupon-box-receive .op-btns{ background:#ff2d09; }
.coupon-box-received .op-btns{ background:#c3c3c3; }
.coupon-box .op-btns .estimate-time{position:relative;margin-left: 6px; text-align: center;}
.coupon-box .op-btns .estimate-time .time-txt{ display: block; text-align: center; }
.coupon-box .op-btns .estimate-time .settime .time{ display:inline-block;background: #fff; color: #74d2d4; border-radius:3px; padding:0px 2px; min-width:16px; height:16px; line-height:16px;text-align:center; font-size:12px; box-sizing:border-box; width: auto;}
.coupon-box .op-btns .estimate-time .settime .separator{ display:inline-block;height:16px; line-height:16px;text-align:center; font-size:12px; color:#fff; width:5px;}
.coupon-box .op-btns a { display: block; width:20px;margin-left:40px;color: #fff;}
.coupon-box .op-btns a.now-use{ margin: 0; padding: 46px 42px;}
.coupon-box .op-btns b{ display: block; position: absolute; left: 0; top: 0; width: 3px; height: 170px; background: url(../images/bonus-circle.png) repeat-y;}
.coupon-box .coupon-icon { background-image: url(../images/user-bonus.png); background-repeat: no-repeat; position: absolute;}
.coupon-box .coupon-geted, .coupon-box .coupon-getend { width: 62px; height: 62px; overflow: hidden; bottom: 10px; right:105px;}
.coupon-box-received .type .price { color: #c3c3c3;}
.coupon-box-received .op-btns { background: #c3c3c3;}
.coupon-box-received .coupon-getend { background-position: 0 -0px;}
.coupon-box-receive .coupon-geted { background-position: 0 -79px;}
.coupon-box .out-of-date{ width:55px; height:55px; background-position: -122px 0;left: 0; top: 0;background-size: 330px auto;}
.coupon-box-used .op-btns { background: #008000;}
.tip-box { position: static; width: 300px; height: 300px; text-align: center; margin: 80px auto 0;}
.tip-box .tip-icon { display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.tip-box .tip-text { line-height: 20px; padding: 10px; font-size: 14px;}