/*积分签到*/ .vh{visibility: hidden;} .head { width: 100%; background-image: url(../images/integral/bg.jpg); background-size: 100% 100%; text-align: center; } .integralBox { width: 100%; padding: 10px 0; text-align: center; position: relative; } .guize { font-size: 14px; color: #ffd601; position: absolute; left: 10px; top: 10px; } .myIntegral { width: 90px; position: absolute; right: 0px; top: 10px; padding: 3px 10px; text-align: right; font-size: 14px; color: #333333; background-color: #ffd601; border-top-left-radius: 32px; border-bottom-left-radius: 32px; -webkit-border-top-left-radius: 32px; -webkit-border-bottom-left-radius: 32px; -moz-border-radius-topleft: 32px; -moz-border-radius-bottomleft: 32px; } .integralBox .integralImg { width: 135px; height: 100px; line-height: 100px; margin: 20px auto; font-size: 30px; color: #FFFFFF; background: url(../images/integral/nun_bg.png) no-repeat; background-size: cover; } .integralBox .sign { width: 135px; margin: auto; padding: 10px 0; font-size: 16px; color: #C4182E; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; background-color: #ffffff; } .integralBox .twoSign{ font-size: 0; } .twoSign .smallSign{ min-width: 100px; color: #C4182E; font-size: 16px; padding: 10px; margin: 10px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; background-color: #ffffff; } /*七天*/ .dataBox{ width: 100%; height: 116px; text-align: center; overflow-x: auto; } /*圆形*/ .calendar { width: 550px; margin-top: 10px; padding: 10px; border-top: 1px solid #d1d1d1; height: 45px; text-align: center; margin: auto; } .calendar_auto { height: auto; } .calendar .heng { width: 20px; margin: 5px; height: 0; border: 1px solid #f64771; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .calendar .round { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin: 5px 0; position: relative; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .calendar .grayCircle { color: #333333; background-color: #dddddd; border: 1px solid #dddddd; } .calendar .redCircle { color: #fff; background-color: #f54757; border: 1px solid #f54757; } .calendar .Circle { color: #f64876; background-color: #fff; border: 1px solid #f64876; } .calendar .true { width: 20px; height: 20px; background: url(../images/integral/true.png) no-repeat; background-size: cover; position: absolute; bottom: -5px; right: -5px; } /*日期*/ .dateTime { width: 550px; padding: 10px; font-size: 16px; text-align: left; color: #333333; height: 20px; margin: auto; text-align: center; } .dateTime span { width: 40px; text-align: center; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .dateTime .heng { width: 33px; } .down, .up { padding: 10px 0; text-align: center; background: url(../images/integral/xiala.png) no-repeat; background-size: 100% 100%; background-color: #ffedf1; } /*日历*/ .calendarBox { border-top: 10px solid #eeeeee; position: relative; padding-top: 30px; } /*补签卡*/ .buqian{ background: url(../images/integral/bq.png) no-repeat; background-size: cover; width:72px; height: 30px; margin-top: 10px; position: absolute; right: 10px; top: -10px; font-size: 12px; color: #fff; text-align: center; } .calendarBox li { font-size: 0; padding: 0 1%; } .calendarBox li span { width: 14%; padding: 5px 0; text-align: center; font-size: 16px; color: #333; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .calendarBox li span.true { background: url(../images/integral/true_red.png) no-repeat center center; background-size: 30px 30px; } .calendarBox li span.false { background: url(../images/integral/false_black.png) no-repeat center center; background-size: 30px 30px; } /*积分兑换*/ .exchange { padding-bottom: 20px; background-color: #ffedf1; font-size: 0; } .exchange .liwu, .exchange .txt { width: 46%; padding: 2%; padding-top: 0; text-align: left; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .exchange .txt { font-size: 12px; color: #999999; } .exchange .txt .tit { font-size: 18px; color: #333333; } .exchange .txt p { margin: 10px 0; } .exchange .txt .btn { border: 1px solid #999; padding: 5px 10px; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; } .exchange .txt .btn:hover{ border-color:#C4182E ; } /*规则弹窗*/ .ruleTit { font-size: 18px; color: #000; padding: 10px 0; text-align: center; background: #ffd601; border-top-left-radius: 18px; border-top-right-radius: 18px; -webkit-border-top-left-radius: 18px; -webkit-border-top-right-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; } .ruleTxt { padding: 10px; font-size: 14px; color: #333333; padding: 10 auto; text-align: left; border-bottom: 0; } .ruleClose { width: 30px; height: 30px; background: url(../images/integral/close.png) no-repeat; background-size: cover; position: absolute; right: -10px; top: -10px; } /*积分弹窗*/ .integral { background: url(../images/integral/tcbg.png) no-repeat; background-size: 100% 100%; position: relative; padding: 10px 0; font-size: 0; text-align: left; color: #f7f9f5; } .zsImg { width: 50%; position: absolute; left: 25%; } .dayTime { padding: 10px 0; font-size: 0; text-align: left; } .integral .t_f, .dayTime .t_f { width: 10%; margin: 1.2%; font-size: 18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .integral img { width: 100%; } .integral .heng, .dayTime .heng { width: 10%; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .bor1 { width: 100%; border-bottom: 1px dotted #fff; } .integral p { padding: 10px 0; } .integralClose { position: absolute; left: 40%; bottom: -60px; text-align: center; z-index: 99; } .integralClose .shuxian { width: 0; height: 30px; border: 1px solid #fff; margin: auto; } .gifBox { width: 120%; position: absolute; left: -10%; top: -150px; } /*优惠券*/ .bg-gray { background-color: #f8f8f8; } .coupon {} .coupon li { font-size: 0; margin: 10px; background-color: none; position: relative; } .coupon li .left, .coupon li .right { height: 100px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .coupon li .left { width: 35%; font-size: 0; color: #FFF; padding: 10px 0; text-align: center; background-size: 100% 100%; } .coupon li .left .cont { margin: auto; font-size: 16px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .red { background: url(../images/integral/red.png) no-repeat; } .blue { background: url(../images/integral/blue.png) no-repeat; } .purple { background: url(../images/integral/purple.png) no-repeat; } .coupon li .right { width: 60%; padding: 10px 2%; background: url(../images/integral/white.png) no-repeat; background-size: cover; position: relative; } .coupon li .right .tit { font-size: 16px; color: #333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; */ } .coupon li .right .right_info { color: #999999; margin-left: 10px; } .coupon li .right p { margin-left: 10px; } .coupon li .right .right_info li { font-size: 12px; list-style: disc; margin: 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .receive { font-size: 14px; background-color: #FFFFFF; color: #C4182E; border: 1px solid #C4182E; /*height: 20px; line-height: 20px;*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0 3px; text-align: center; position: absolute; bottom: 8px; right: 10px; } .receiveed { font-size: 14px; background-color: #FFFFFF; color: #a1a1a1; border: 1px solid #a1a1a1; /*height: 20px; line-height: 20px;*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0 3px; text-align: center; position: absolute; bottom: 8px; right: 10px; } /*优惠券领取*/ .coupon_pro{ margin: 10px; color: #fff; } .coupon_pro li{ position: relative; padding: 10px; background:url(../images/coupon/bg.png) no-repeat; background-size: 100% 100%; height: 290px; } /*.coupon_pro li .coupon_bg { width: 100%; position: absolute; left: 0; top: 0; z-index: -1; }*/ .coupontxt{ float: left; margin-top: 10px; } .coupontxt li{ list-style: initial; margin: 0 0 0 20px; padding: 0; height: auto; background: none; } .condition{ float: right; } .coupon_pro li .time{ color: #666666; position: absolute; bottom: 10px; left: 10px; } .btnRed{ margin: 20px; text-align: center; color: #fff; background-color: #ff6c6c; padding: 10px 0; border-radius:4px; -moz-border-radius:4px ; -webkit-border-radius:4px ; } .guess{ text-align: center; margin-bottom: 10px; } /*弹窗*/ .couponImg { width: 150px; position: absolute; left: 25%; top: -70px; } .obtain { font-size: 18px; color: #4e220b; margin-top: 55px; } .select { background-color: #C4182E; color: #FFFFFF; font-size: 16px; margin-top: 20px; padding: 15px 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; -moz-border-radius-bottomleft: 16px; -moz-border-radius-bottomright: 16px; -webkit-border-bottom-left-radius: 16px; -webkit-border-bottom-right-radius: 16px; } /*积分购*/ .pointsNav { border-top: 10px solid #eee; border-bottom: 1px solid #eee; font-size: 0; } .pointsNav li { text-align: center; width: 25%; padding: 10px 0; vertical-align: middle; display: inline-block; *direction: initial; *zoom: 1; font-size: 16px; color: #999; } .pointsNav li.on { color: #C4182E; border-bottom: 2px solid #C4182E; } .pointsNav li .redSJ { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #C4182E; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .pointsNav li .redSJ1 { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #C4182E; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .pointsList{ } .pointsList li{ font-size: 0; padding: 10px 2%; border-bottom: 1px solid #eee; } .pointsList li .left,.pointsList li .right{ vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .pointsList li .left{ width: 35%; text-align: center; } .pointsList li .left img{ padding: 2%; width: 96%; vertical-align: middle; } .pointsList li .right{ width: 61%; padding:0 2%; font-size: 16px; color: #000; } .pointsList li .right .tit { max-height: 50px; line-height: 25px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; overflow: hidden; } .loadBtn{ margin: 10px; } .num_rmb{ font-size: 12px; color: #999; } .discount{ color: #C4182E; border: 1px solid #C4182E; font-size: 12px; margin-left: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /*goods的样式重定*/ .product_info .info_dottm{ background-color: #fff; } .goods_no{ font-size: 14px; color: #999999; padding: 10px; background-color: #EEEEEE; } .price_dottm li{ color: #333; } /*提交订单*/ /*提交订单样式重定*/ .order-buy .order-info .order-list-info .list-info{ padding: 12px 10px 35px 10px; } .order-buy .order-info .order-list-info .list-price-nums{ top: 70px; width: 95%; font-size: 0; } .order-buy .order-info .order-list-info .list-price-nums p{ font-size: 14px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .order-buy .order-info .order-list-info .list-price-nums .price{ color: #999999; } .order-buy .order-info .order-list-info .list-price-nums .nums{ color: #333; width: 27%; } .order_total_ul{ color: #333333; } .order_total_ul .txt_right{ color: #C4182E; } .confirm .confirm_text{ text-align: left; padding-left: 10px; } @media (max-width:480px ) { .coupon_pro li{ height: 217px; } .coupontxt li{ height: auto; } } @media (max-width:360px ) { .coupon_pro li{ height: 158px; } .coupontxt li{ height: auto; } } @media (max-width:320px ) { .coupon_pro li{ height: 138px; } .coupontxt li{ height: auto; } }