@charset "utf-8";
/* CSS Document */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: "Microsoft Yahei",arial;
}
/*payment样式  2016-08-13 by  zhangmeng*/
.pay_cont{ width:500px; margin:0 auto; height:100%;}
.pay_content{ display:block; width:100%; margin:30px auto;}
.order{width:100%; height:35px;}
.order h3{ 
	     font-size:18px;
		 color:#666;
		 font-family:"微软雅黑";
		 margin-left:20px; 
		 float:left; 
		 font-weight:400;
		 }
/*order_info*/
.order_info{
	       border:solid 1px #ddd; 
		   border-top:2px solid #F90; 
		   display:block; 
		   clear:both; 
		   text-align:left; 
		   width:100%;
		   }
.order_info .title { 
                    background-color:#eee; 
					height:36px; 
					line-height:36px; 
					padding-left:25px; 
					}
.order_info .cont_a {padding:20px 30px; height:auto; overflow:hidden;}
.order_info .cont_a h4 {
	                   font-size:16px; 
					   color:#000; 
					   height:26px; 
					   line-height:26px;
					   font-family:"微软雅黑";
					   font-weight:600;
					   border-bottom:1px solid #ccc;
					   padding:0px 0px 6px 0px;
					   }
#pay_btn{text-align:center;}
.className{ 
		  line-height:35px;
		  height:35px;
		  width:100px;
		  color:#ffffff;
		  background-color:#e56b14;
		  font-size:14px;
		  font-weight:normal;
		  font-family:Arial;
		  border:0px solid #dcdcdc;
		  text-align:center;
		  display:inline-block;
		  text-decoration:none;
	      }
.className:hover {background-color:#f60;}
.pay_info { 
		   width:100%; 
		   float:left; 
		   height:auto; 
		   border-top:1px solid #ddd;
		   }
.pay_info span { 
				font-size:14px; 
				color:#404145; 
				line-height:38px;
				height:38px; 
				text-indent:2em;
				float:left;
				clear:both;
				}
.order_Mon {
	       width:auto;
		   height:100%; 
		   float:left;
		   font-size:20px; 
		   color:#e56b14; 
		   line-height:37px;
		   }
/*payment样式,end*/

/*coupon样式  2016-08-15 by  zhangmeng*/
#coupon_main {
			  /*float: left;*/
			  width: 70%;
			  margin:0px auto;
			  overflow: hidden;
		      }
.mod-comm {
    padding: 10px 20px 20px;
}
.mod-main {
    padding: 10px;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}
.mod-coupon .mt {
    padding: 10px 0 0;
}
.mod-comm .mt {
    padding: 10px 0;
}
.mod-main .mt {
    display: inline-block;
    display: block;
    padding: 10px;
}
.mod-comm .mt h3 {
    font-size: 12px;
    color: #666;
    font-family: '\5b8b\4f53';
    line-height: 18px;
}
.mod-main .mt h3 {
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #333;
    line-height:35px;
}
.m, .mb, .mc, .mt, .sm, .smb, .smc, .smt {
    overflow: hidden;
    zoom: 1;
}
.m, .mb, .mc, .mt, .p-detail, .p-img, .p-market, .p-name, .p-price, .sm, .smb, .smc, .smt {
    overflow: hidden;
}
.mod-main .mt .extra-r {
    float: right;
}
.mod-coupon .coupon-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 22px;
    height: 20px;
    background:url(../images/c-mt-icon.png) no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}
.extra-r em {
			position: relative;
			height: 15px;
			line-height: 15px;
			font-family: arial;
			top: -5px;
			padding: 0 4px;
			background: #e4393c;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			color: #fff;
			font-size: 10px;
			margin: 0 0 0 5px;
		   }
.extra-r a {
		  font-size: 14px;
		  font-family: 'Microsoft YaHei';
		  }
.mod-main .mt .extra-l {
    float: left;
}
.mod-main .mt .extra-l li {
    padding: 0 20px 0 0;
}
.mod-main .mt .extra-l li {
    float: left;
}
.mod-comm .mc {
    line-height: 20px;
}
.mod-main .mc {
    overflow: visible;
}
.m, .mb, .mc, .mt, .sm, .smb, .smc, .smt {
    overflow: hidden;
    zoom: 1;
}
.m, .mb, .mc, .mt, .p-detail, .p-img, .p-market, .p-name, .p-price, .sm, .smb, .smc, .smt {
    overflow: hidden;
}
.coupon-toolbar {
    display: inline-block;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 20px;
    background: #fff;
}
.coupon-toolbar .c-sort {
    float: left;
}
.coupon-toolbar ul {
    display: inline-block;
    display: block;
}
.coupon-toolbar li.fore1 {
    margin: 0;
}
.coupon-toolbar li {
    float: left;
    margin: 0 20px 0 0;
    _display: inline;
}
.coupon-toolbar .c-type {
    position: relative;
    z-index: 5;
    padding: 1px 10px;
    margin-left: 15px;
}
.coupon-toolbar .c-type .dt {
    width: 92px;
    padding-left: 10px;
}
.coupon-toolbar .c-type .dt b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 9px;
    height: 5px;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 0 0 3px;
    background:url(../images/coupon20150805.png) -66px -160px no-repeat;
}

.coupon-items {
    display: inline-block;
    display: block;
    width:852px;
	margin:0px auto;
}
.coupon-item {
	 width: 244px;
    float: left;
    margin: 0 20px 20px 0;
    *padding-bottom: 20px;
}
.coupon-item {
    position: relative;
    display: inline-block;
    display: block;
    width: 264px;
}
.b-c-item-gray .c-type, .coupon-item-dgray .c-type, .coupon-item-jgray .c-type, .coupon-item-jrgray .c-type, .coupon-item-jrmxgray .c-type, .coupon-item-jrzkgray .c-type, .coupon-item-yfgray .c-type, .coupon-item-yfgray-new .c-type, .coupon-item-zcgray .c-type {
    background-color: #74d2d4;
}
.b-c-item-gray .c-type .c-type-bottom, .coupon-item-dgray .c-type .c-type-bottom, .coupon-item-jgray .c-type .c-type-bottom, .coupon-item-jrgray .c-type .c-type-bottom, .coupon-item-jrmxgray .c-type .c-type-bottom, .coupon-item-jrzkgray .c-type .c-type-bottom, .coupon-item-yfgray .c-type .c-type-bottom, .coupon-item-yfgray-new .c-type .c-type-bottom, .coupon-item-zcgray .c-type .c-type-bottom {
    background-position: 0 -316px;
}
.coupon-item .c-type .c-type-bottom {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background:url(../images/coupon20160715.png) 12px -303px no-repeat;
}
.coupon-item .c-type {
    position: relative;
    width: 100%;
    height: 109px;
    padding: 30px 0 0;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.coupon-item .c-price {
    margin: 0 0 5px;
    text-align: center;
    font-weight: 400;
}
.coupon-item .c-price em {
    font-family: verdana;
    font-size: 24px;
    position: relative;
    top: -22px;
}
.coupon-item .c-price strong {
    line-height: 50px;
    font-size: 60px;
    font-family: Arial;
}
.coupon-item .c-time{
	font-size:12px;
}
.coupon-item .c-limit {
    margin: 0 0 5px;
}
.coupon-item-dgray .c-type .c-limit span .coupon-item-dgray .c-type .c-time {color:#868686;}
.coupon-item .c-limit span {
    font-family: "Microsoft YaHei";
}
.coupon-item .c-msg {
    overflow: visible;
}
.b-c-item-gray .c-msg, .coupon-item-dgray .c-msg, .coupon-item-jgray .c-msg, .coupon-item-jrgray .c-msg, .coupon-item-jrmxgray .c-msg, .coupon-item-jrzkgray .c-msg, .coupon-item-yfgray .c-msg, .coupon-item-yfgray-new .c-msg, .coupon-item-zcgray .c-msg {
    background: #f9f9f9;
}
.coupon-item .c-msg {
    height: 180px;
    padding: 15px 0 0;
    background: #f9f9f9;
}
.coupon-item .c-range {
    height:80px;
    padding: 15px 0 0;
}
.coupon-item .range-item {
    display: inline-block;
    display: block;
    margin: 0 0 10px;
	line-height:20px;
	height:20px;
}
.coupon-item .range-item .label {
    float: left;
    width: 70px;
    display: inline;
	text-indent:1em;
 }
.coupon-item .range-item .txt {
    float: left;
    width: 144px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
}
.coupon-item .range-item b {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 0 0 8px;
    background:url(../images/coupon20160715.png) -66px -152px no-repeat;
}
.coupon-item .range-item .item-tips {
    position: relative;
    top: -24px;
    display: none;
}
.coupon-item .range-item s {
    width: 12px;
    height: 9px;
    position: absolute;
    background: url(../images/coupon20160715.png) -106px -158px no-repeat;
    top: 20px;
    right: 22px;
    z-index: 12;
}
.coupon-item .range-item .tips {
    width: 220px;
    position: absolute;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 1px 0 4px 1px #ddd;
    background-color: #fff;
    top: 26px;
    z-index: 10;
}
.coupon-item-dgray .overdue-site {
    background-position: -171px 0;
}
.coupon-item .overdue-site {
    position: absolute;
    display: block;
    width: 65px;
    height: 66px;
    left: 0;
    top: 0;
    overflow: hidden;
    background: url(../images/coupon20160715.png) -243px 0;
}

.coupon-item-status-Y {
    background: url(../images/coupon20160715.png) -1px 0 !important;
}

.coupon-item-status-N {
    background: url(../images/coupon20160715.png) -243px 0 !important;
}

.coupon-item-status-E {
    background: url(../images/coupon20160715.png) -99px 0 !important;
}

.coupon-item-status-I {
    background: url(../images/coupon20160715.png) -171px 0 !important;
}

.ui-page {
    float: right;
    font-size: 0;
	margin-right:85px;
}
.ui-page .current, .ui-page .ui-page-curr {
    color: #e33b3d;
    font-weight: 700;
    border: 0;
    cursor: default;
    background: #fff;
}
.ui-page a {
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f7f7f7,#f3f2f2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: linear-gradient(to bottom,#f7f7f7 0,#f3f2f2 100%);
    font-size: 12px;
    color: #333;
    padding: 4px 1.2em;
    border: 1px solid #ddd;
    margin-left: 3px;
    vertical-align: middle;
}

#quan02 {
    padding: 10px 20px;
}
.coupon-rule {
    line-height: 20px;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    color: #333;
}
.coupon-rule ul {
    display: inline-block;
    display: block;
}
.coupon-rule li {
    float: left;
    width: 24%;
    text-align: center;
    border-right: 1px solid #f5f5f5;
}
.coupon-rule li.fore1 .rule-icon {
    background-position: 0 -183px;
}
.coupon-rule .rule-icon {
    display: block;
    width: 50px;
    height: 51px;
    margin: 20px auto 10px;
    background: url(../images/coupon-rule.png) no-repeat;
    overflow: hidden;
}
.coupon-rule li.fore2 .rule-icon {
    background-position: 0 -122px;
}
.coupon-rule li.fore3 .rule-icon {
    background-position: 0 -61px;
}
.coupon-rule li.fore4 {
    border-right: none;
}
.coupon-rule li.fore4 .rule-icon {
    background-position: 0 0;
}

/*我的支付 by 20160816 zhangmeng*/
.cont{ width:auto; margin:0 auto; height:100%;}
.content{ display:block; width:900px; margin:30px auto;}
.spqd_box{
	      border:1px solid #ddd;
		  border-top: solid 3px #ddd; 
		  border-bottom:none; 
		  height:auto; 
		  float:left;
		  width:840px;
		  }
.spqdTit{
	      width:100%; 
		  height:34px; 
		  float:left; 
		  background:#EEEEEE; 
		  line-height:34px; 
		  text-align:center; 
		  font-size:14px;
		  list-style:none;
		  }

.goods_spqdbox{
	          width:840px; 
			  height:100px; 
			  border-bottom:1px solid #ddd; 
			  float:left; 
			  margin:0 auto;
			  list-style:none;
			  }
.goods_box_operation{
    line-height:100px;
    text-align:center;
    font-size:14px;
    line-height:20px;
    padding:30px 0px;
					}
.goods_box_operation a{color:#666;}
.goods_box_operation a:hover{ text-decoration:underline;color:#bc0000;}
.tit_numb{
	      width:15%; 
		  border-right:1px solid #FFF; 
		  float:left;
		  }
.tit_price{
	      width:8%; 
		  border-right:1px solid #FFF; 
		  float:left;
		  }
.tit_date{
	      width:10%; 
		  border-right:1px solid #FFF; 
		  float:left;
		  }
.tit_combined{
	         width:10%; 
			 border-right:1px solid #FFF; 
			 float:left;
			 }
.tit_coupon{
	        width:14%; 
			float:left;
			border-right:1px solid #FFF;
			}
.tit_pay{
	     width:8%; 
		 float:left; 
		 border-right:1px solid #FFF;
		 }
.tit_time{
	     width:10%;
		 border-right:1px solid #FFF; 
		 float:left;
		 }
.tit_work{
	     border-right:1px solid #FFF; 
		 }
.tit_numb span {
	           float:left;
			   font-size:12px;
			   color:#000;
			   line-height:20px;
			   padding:30px 0px;
			   word-break: break-all; 
			   word-wrap:break-word;
			   }
.tit_numb span a{
	            color:#ff9900;
				line-height:20px;
				}
.tit_price span{
	            float:left;
				font-size:12px;
				color:#000;
				line-height:20px;
				padding:30px 5px;
				}
.tit_date span{
	           float:left;
			   font-size:12px;
			   color:#000;
			   line-height:20px;
			   padding:30px 0px;
			   }
.tit_combined span{
	               float:left;
				   font-size:14px; 
				   font-weight:bold;
				   color:#bc0000;
				   line-height:20px;
				   padding:30px 0px;
				   }
.tit_coupon span{
	             float:left;
				 font-size:12px;
				 color:#000;
				 line-height:20px;
				 padding:30px 0px;
				 }
.tit_pay span{
	          float:left;
			  font-size:12px;
			  color:#000;
			  line-height:20px;
			  padding:30px 0px;
			  }
.tit_time span{
	           float:left;
			   font-size:12px;
			   color:#000;
			   line-height:20px;
			   padding:30px 0px;
			   text-align:center;
			   }
.tit_work span{
	           float:left;
			   font-size:12px;
			   color:#000;
			   line-height:20px;
			   padding:30px 0px;
			   }
/*我的支付 end*/