@charset "utf-8";
*{font-family:微软雅黑;}
/*微信发券-主动发券*/
.col-lg-3{padding-left:0 !important;}
.coupon_row{width:100%;display:table;font-family:微软雅黑;margin-top:30px;}
.navy-bg {background-color: #44b549;color: #ffffff;}
.widget {border-radius: 5px;padding: 10px 20px;margin-bottom: 10px;margin-top: 10px;}
.row {margin-right: -15px;margin-left: -15px;margin-bottom:10px;}
.widgetTitle {font-size: 23px;display:block;width:100%;}
.widgetfont{font-size:30px;margin-top:5px;font-weight:bold;}
.col-xs-4 img{width:5.5em;}
/*微信优惠券-新增卡券*/
.c-1 {background: #55bd47; }
.c-2 {background: #10ad61; }
.c-3 {background: #35a4de; }
.c-4 {background: #3d78da; } 
.c-5 {background: #9058cb; }
.c-6 {background: #de9c33; } 
.c-7 {background: #ebac16; }
.c-8 {background: #f9861f; }
.c-9 {background: #e75735; }
.c-10 {background: #d54036; }
.c-11 {background: #cf3e36; }
.card-package {width: 318px; height: 200px; padding: 10px; position: relative; }
.p-logo {padding-left: 60px; position: relative; line-height: 50px; color: #fff; font-size: 16px; }
.p-logo img {width: 50px; height: 50px; border-radius: 1000px; position: absolute; left: 0px; top: 0px; }
.p-name {height: 100px; padding: 20px 0; text-align: center; line-height: 60px; font-size: 30px; color: #fff; }
.p-time {height: 20px;line-height: 20px; text-align: right; color: #ccc; font-size: 14px; }
.card-package:after {position: absolute; width: 100%; height: 5px; left: 0; bottom: 0; content: ""; background: url(/mendian/Public/images/card_bottom.png); }

.sel-box {width: 7%; height: 28px; position: relative; }
.sel-box .active {display: block; width: 100%; height: 100%; padding: 1px 6px; border: 1px solid #ccc; position: relative; }
.sel-box label {display: block; width: 22px; height: 22px; margin-top: 1px; }
.sel-box .active:after {display: block; content: ""; border-top: 6px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; right: 5px; top: 10px; }
.sel-box ul {display: none; position: absolute; left: 0; width: 170px; padding: 4px; top: 27px; z-index: 9; margin: 0; background: #fff; border: 1px solid #ccc; }
.sel-box li {float: left; width: 22px; height: 22px; margin: 5px; }
.sel-box li a {display: block; width: 100%; height: 100%; }

/*微信卡券进度条*/
.flowstep {position:relative;width:590px;margin:0 auto}
.flowstep .detail-stepbar {margin:12px auto;overflow:hidden;zoom:1}
.flowstep .detail-stepbar .step-no, .flowstep .detail-stepbar .step-sub-box .step-sub {background:url(../images/order-step.png) no-repeat 50% -102px}
.flowstep .detail-stepbar ol {overflow:hidden;zoom:1}
.flowstep .detail-stepbar li {float:left;	text-align:center}
.flowstep .detail-stepbar .step-name {padding:3px 0;font-weight:700;color:#888}
.flowstep .detail-stepbar .step-no {height:34px;line-height:34px;font-family:'arial black';color:#fff;font-size:18px}
.flowstep .detail-stepbar .step-last .step-no {background-position:50% -136px}
.flowstep .detail-stepbar .step-time {margin-top:10px;color:#999;padding:8px 0}
.flowstep .detail-stepbar .step-time .step-time-wraper, .flowstep .detail-stepbar .step-time .step-time-min-wraper {width:210px;margin:0 auto;display:inline-block;zoom:1}
.flowstep .detail-stepbar .step-time .step-time-min-wraper {width:80px}
.flowstep .detail-stepbar .step-time .time-first, .flowstep .detail-stepbar .step-time .time-last {display:inline-block;*display:inline;*zoom:1;width:68px}
.flowstep .detail-stepbar .step-time .time-last {padding-left:25px}
.flowstep .detail-stepbar .step-cur .step-name {color:#009349}
.flowstep .detail-stepbar .step-cur .step-no {background-position:50% -68px;}
.flowstep .detail-stepbar .step-first .step-cur .step-no {background-position:50% -34px}
.flowstep .detail-stepbar .step-last .step-cur .step-no {background-position:50% -68px}
.flowstep .detail-stepbar .step-done .step-no {	background-position:50% -170px}
.flowstep .detail-stepbar .step-first .step-done .step-no {	background-position:50% -204px}
.flowstep .detail-stepbar .step-sub {position:relative;margin:0 auto;height:34px}
.flowstep .detail-stepbar .step-sub-box .step-sub-done {background-position:50% -238px}
.flowstep .detail-stepbar .step-sub-box .step-sub-none {background-position:50% -272px}
.flowstep .detail-stepbar .step-sub-box .step-sub-half {background-position:50% -306px}
.flowstep .detail-stepbar .step-sub .sub-first, .flowstep .detail-stepbar .step-sub .sub-last {position:absolute;top:11px;font-weight:700;color:#888;white-space:nowrap}
.flowstep .detail-stepbar .step-sub .sub-first {right:120px;text-align:right}
.flowstep .detail-stepbar .step-sub .sub-last {left:120px}
.flowstep .stepbar-6 {width:100%}
.flowstep .stepbar-6 .step-name {height:42px;*height:48px}
.flowstep .stepbar-6 li {width:165px}
.flowstep .flowstep-6 {	width:100%}
.flowstep .flowstep-6 .step-name {height:42px;*height:48px}
.flowstep .flowstep-6 li {width:165px}
.flowstep .flowstep-5 {margin-left:-5px;}
.flowstep .flowstep-5 li {width:185px}
.flowstep .flowstep-4 {margin-left:-63px;width:1120px}
.flowstep .flowstep-4 li {width:280px}
ul, ol, dl { list-style-type: none;}


