@charset "utf-8";

h1,h2,h3{ padding:0px; margin:0px;}
dd{ padding:0px; margin:0px;}
dt{ padding:0px; margin:0px;}
dl{ padding:0px; margin:0px;}
p{ padding:0px; margin:0px;}
@font-face { font-family: "novecento"; src: url(../images/novecento_widebook.eot); }
@font-face { font-family: "novecento"; src: url(../images/novecento_widebook.ttf); }
input ,textarea,select , button{outline:none!important;border:0;box-shadow:none!important; }
input:focus ,textarea:focus , select:focus , button:focus{background-color:#fff!important; outline:none!important;} 
input:focus {border-radius:0;}
.json_msg{ color:#ff9900; font-size:15px;}
.json_msg.success{ color:#2ac25f;}

.json_btn .in { display: none;}
.json_btn.log-in .in { display: inline-block;}
.json_btn.log-in .on { display: none;}

.icon-loading {
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  background: url(../images/loading_icon.gif) no-repeat 0 0;
}

.link{ color:#ff9900;}
.reach-bottom{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin:0.72rem auto 1.8rem;
	width:21rem;
	height:1.2rem;
	background: url(../images/reach-bottom.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}
/*==============================================================================================*/
/*模块公用
/*==============================================================================================*/
.form-control{border: 1px solid #ddd;}
.main-body{padding:1rem;}
.input-form-control , .input-form-control:focus{padding-left:0px; border:none!important; border-bottom:1px solid #ddd!important}
body{background:#f6f6f6;}
.main-color{color:#da5d26!important;}
.main-background-color{background-color: #fff;}
.border_radius2{-webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px;-o-border-radius:6px; border-radius:6px;}

/*==============================================================================================*/
/*模块
/*==============================================================================================*/

.header {
	position:relative;
	z-index:9999;
}
.header .toolbar .l-box , .header .toolbar .l-box a{display: block; overflow: hidden;}
.header .toolbar{border-bottom: 1px solid #eee;}
.header .toolbar .l-box a{height: 4rem;}
.header .toolbar .l-box a .icon-bar-leftrow{    position: relative; top: 50%; transform: translateY(-50%);}
.main_title{
	font-size:14px;
	padding:10px 5px;
	margin-top:5px;
	border-bottom:#e8e8e8 solid 1px;
}
.main_body{
	overflow:hidden;
}
select{ width:auto !important;}
.footer-nav ul {
	    padding: 0;
	    padding-top: 1.6rem;
	    background: url(../images/footer-bg.png) no-repeat;
	    background-size: 100% 100%;
	    border: none;
}
.footer-nav li a img {
    height: 3rem;
    width: 3rem;
    display: block;
    margin: 0 auto;
    margin-top: -1rem;
}
.footer-nav li a span{font-size:1.1rem; line-height: 1.6rem;}
.footer-nav li .icons{
	vertical-align: top;
	display: inline-block;
	height: 2rem;
	width: 2rem;
	margin: 0px auto;
	display: block;
}
.footer-nav li .icons.i-home {
    background: url(../images/icon-home.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-home {
    background: url(../images/icon-home2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-cate {
    background: url(../images/icon-community.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-cate {
    background: url(../images/icon-community2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-flow {
    background: url(../images/icon-shop.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-flow {
    background: url(../images/icon-shop2.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .icons.i-user {
    background: url(../images/icon-my.png) no-repeat center;
    background-size: 100%;
}

.footer-nav li .active .i-user {
    background: url(../images/icon-my2.png) no-repeat center;
    background-size: 100%;
}
/* .footer-nav li .icons.i-home{background: url(../images/user-index.png) no-repeat center;background-size: 100%;}
.footer-nav li .icons.i-cate{background: url(../images/user-pro.png) no-repeat center;background-size: 100%;}
.footer-nav li .icons.i-flow{background: url(../images/user-cart.png) no-repeat center;background-size: 100%;}
.footer-nav li .icons.i-user{background: url(../images/user-user.png) no-repeat center;background-size: 100%;}
.footer-nav li .active .i-home{background: url(../images/user-indexa.png) no-repeat center;background-size: 100%;}
.footer-nav li .active .i-cate{background: url(../images/user-proa.png) no-repeat center;background-size: 100%;}
.footer-nav li .active .i-flow{background: url(../images/user-carta.png) no-repeat center;background-size: 100%;}
.footer-nav li .active .i-user{background: url(../images/user-usera.png) no-repeat center;background-size: 100%;} */

/*==============================================================================================*/
/*index-公用css
/*==============================================================================================*/
.mar-15{margin:0 1rem; display:block; overflow:hidden; margin-bottom:1.5rem; background-color:#fff;}
.mar-15 dl{padding: 0.5rem 1rem;}
.mar-15 dt {display: block;height: 3rem;padding: 0px;margin:0px;border-bottom: solid 1px #f2f2f2;overflow:hidden;}
.mar-15 dt:last-child { border-bottom: none;}
.mar-15 dt a { display: block;}
.mar-15 dt h3 {font-size:1.4rem;font-weight:normal;line-height:3rem;color: #333;vertical-align: top;display: inline-block;height: 3rem;overflow:hidden;padding:0px 0 0 0.2rem;margin:0px;}
.mar-15 dt h3 i {display: none;}
.mar-15 dt h5 {font-size:1.1rem;color:#999999;float: right;line-height: 3rem;padding:0px;margin:0px;font-weight:normal;}
.user-list-r,.mar-15 dt h5 i {display: inline-block;vertical-align: middle;width: 0.6rem;height: 1.18rem;background: url(../images/ind-right.png) no-repeat center;background-size: cover;margin-left: 0.5rem;margin-top: -0.2rem;}

/*==============================================================================================*/
/*index-css
/*==============================================================================================*/

.user-box { position:relative; display:block; margin-bottom: 10px; overflow:hidden; background:url(../images/user-index-top.png) no-repeat center bottom; background-size:cover; padding-bottom:6%; }
.user-bar .set{ position:absolute; z-index:8; width:24px; height:24px; right:10px; top:10px; opacity: 0.8;}
.user-bar .set i{font-size:24px !important; color:#fff;}
.user-info { display:block; padding:25px 10px 10px 10px; position: relative; }
.user-info>div{margin-bottom: 0.5rem;float: left; width: 100%;display: flex;}
.user-info dt a{position: absolute; top:1.8rem; right:1rem;  overflow: hidden; width:2.1rem; height:2.1rem;background:url(../images/user-index-shezhi.png) no-repeat center;background-size: 100%; }
.user-info dd{
	margin-right: 15px;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 60%;
    border: #fff solid 3px;
    overflow: hidden;
}
.user-info dd .user-avatar{width:100%; height: 100%;object-fit: cover;}
.user-info dl{flex: 1; color:#fff; margin:3% 0px;}
.user-info dl h3{
	font-weight: normal;
    font-size:1.7rem;
    line-height: 2.1rem;
    margin-bottom: 0.1rem;
    width: 13rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
}
.user-info dl span{
	display: block;
    overflow: hidden;
    font-size:1.4rem;
    position: relative;
    padding-left: 2.55rem;
}
.user-info dl span em , .user-info dl span img {float: left; display: block;}
.user-info dl span em{ color:#fff;line-height:1.6rem;}
.user-info dl span img{
	width: 2.3rem;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0.15rem;
}
.user-info>div p{
	flex: 1;
    overflow: hidden;
    padding: 5%;
    text-align: center;
    font-size: 1.5rem;
}
.user-info>div p a{color: #fff;}
.user-info>div p img{
	width: 40%;
    display: block;
    margin: 0 auto 10px;
   }

.user-nav dd { display: block; padding: 0;}
.user-nav dd ul { font-size: 0; padding:10px 0px 0px 0px;}
.user-nav dd ul li { vertical-align: top; display: inline-block; text-align: center; width: 20%; padding: 0.5rem 0 0rem 0;}
.user-nav dd ul li a { display: block; position: relative;}
.user-nav dd ul li a em { background-color: #009245; width: 0.3rem; height: 0.3rem; border-radius: 100%; position: absolute; top: -0.15rem; right: 0.85rem;}
.user-nav dd ul li p {font-size:1.1rem;color: #666;line-height: 1.8rem;height: 1.8rem;}
.user-nav dd ul li i {vertical-align:top;height: 2.5rem;width: 2.5rem; margin: 0px auto 0.3rem; display: block; position: relative;}
.user-nav dd ul li i img{display: block;height:95%; object-fit: cover; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.user-nav dd ul li p{ padding:0px; margin:0px;}
.user-nav dd ul li span{color:#ef6251; vertical-align:middle; display: inline-block; width: 100%; text-align:center;  line-height: 28px; font-size:20px;font-weight:normal; padding-top:5px}
.user-nav dd ul li span i{ font-size:12px; display:inline-block; width:13px; line-height:30px; height:28px; font-weight:normal; color:#999}
.user-index-coupon ul{
	margin: 1rem 0 0;
}
.user-index-coupon .swiper-coupon li{
	position: relative;
    overflow: hidden;
    display: block;
    float: left;
    width:auto;
    padding: 0.5rem 0.7rem;
    background-color:#fd4b3f;
    background-image: linear-gradient(#f18634, #fd4b3f);
    
}
.user-index-coupon .swiper-coupon li:before {
	content: "";
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:url(../images/user-coupon.png)no-repeat left center;
	background-size: auto 100%;
}
.user-index-coupon .swiper-coupon li::after{
	content: "";
	position: absolute;
	right:-1px;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:url(../images/user-coupon-right.png)no-repeat right center;
	background-size: auto 100%;
}
.user-index-coupon .swiper-coupon li a{
	position: relative;
	z-index:2;
    display:flex;
    overflow: hidden;
    padding: 0.5rem;
    border: 1px solid #fef7f3;
    color: #fff;
}
.user-index-coupon .swiper-coupon li a em {
	font-size:1.5rem;
	margin-top:2.2rem;

}
.user-index-coupon .swiper-coupon li a span{
	font-size:4rem;
    margin: 0 .5rem;
    line-height: 4.5rem;
}
.user-index-coupon .swiper-coupon li a div{
	flex: 1;
	margin: 0 5px;
	text-align: center;
}
.user-index-coupon .swiper-coupon li a div p{
	text-align: center;
	line-height: 1.2rem;
}
.user-index-coupon .swiper-coupon li a div p:first-child{
	font-size: 1.4rem;
	width: 100%;
	margin: 0.5rem 0;
}
.user-index-coupon .swiper-coupon li a div p:last-child{
	font-size: 0.9rem;
	background-color: #fff;
	color: #fb533e;
	padding: 5px;
}

.user-index-tool div ul{overflow: hidden; margin:0.7rem auto}
.user-index-tool div ul li{width: 25%;margin:1rem auto 0;}
.user-index-tool div ul li a {
    color:#666666;
    font-size: 1.2rem;
    line-height: 1.3rem;
    margin-top: 0.4rem;
    width: 100%;
    display: block;
    text-align: center;
}
.user-index-tool div ul li img {
    margin: 0 auto;
    height:2.5rem;
}



.user-index-tool div ul li a:after {
    content: '';
    background: url(../images/index-menu-right.png) no-repeat;
	background-size: 100%;
	top: 1.3rem;
    width: 0.666666rem;
    display: block;
    height: 1.25rem;
    position: absolute;
    right: 0;
}


/*----------user-index-recommend----------------*/
.user-index-recommend{overflow: hidden;  padding-bottom: 5rem;}
.user-recommend-title{text-align: center; margin:0.5rem 0 0.8rem}
.user-recommend-title i ,.user-recommend-title span{display: inline-block; vertical-align: middle;}
.user-recommend-title i{width:1.8rem; height: 2.1rem; background: url("../images/user-index-h2.png") no-repeat center;  background-size: 100%; }
.user-recommend-title span{margin: 0 1rem; font-size:2.2rem; font-weight: bold; color: #333333; line-height:2.3rem;}
.user-recommend-con{padding-left:1rem; box-sizing:border-box;overflow: hidden;background-color: #fff;}
.user-index-recommend-title{}
.user-index-recommend-title li{width:auto!important; padding:1.1rem 0.5rem; }
.user-index-recommend-title li a{font-size:1.4rem; padding-bottom:0.3rem; color: #333333}
.user-index-recommend-title .active a{color:#ff9900; border-bottom:2px solid #ff9900; font-weight: bold;}
.user-recommend-cont{overflow: hidden;}
.user-recommend-cont ul{
	padding:1rem;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	grid-column-gap: .8rem;
	-webkit-column-gap: .8rem;
	-moz-column-gap: .8rem;
	column-gap: .8rem;
	-webkit-column-width: 6.92rem;
	-moz-column-width: 6.92rem;
	column-width: 6.92rem;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.user-recommend-cont ul li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	padding-bottom:0.8rem;
}
.user-recommend-cont ul li a{
	position: relative;
	background: #fff;
	-webkit-border-radius: .24rem;
	-moz-border-radius: .24rem;
	border-radius: .24rem;
	padding:1.3rem 1rem;
	font-size: .4rem;
	display: block;

}
.user-recommend-cont ul li .r-img , .user-recommend-cont ul li .r-img img ,.user-recommend-cont ul li .r-name,.user-recommend-cont ul li .r-price{overflow: hidden; width: 100%;}
.user-recommend-cont ul li .r-name , .user-recommend-cont ul li .r-price{padding: 0 0.8rem; line-height: 1.4rem; font-size: 1.3rem; text-align: center; color: #333333; }
.user-recommend-cont ul li .r-name{margin-bottom:0.7rem;}
.user-recommend-cont ul li .r-price{ color: #ff9900;}

/* .order_unpay {background: url("../images/order_icon1.png") no-repeat center; background-size: 100%; }
.order_delivery {background: url("../images/order_icon2.png") no-repeat center;  background-size:100%;}
.order_receiving {background: url("../images/order_icon3.png") no-repeat center;  background-size:100%;}
.order_comment {background: url("../images/order_icon4.png") no-repeat center;  background-size: auto 100%;}
.order_service {background: url("../images/order_icon5.png") no-repeat center;  background-size: 100%;}
 */
.i-message-toast-sign{ 
	position:absolute; right:-2px; top:-2px; z-index:88; display:block; width:8px !important;height:8px !important; font-size:0px !important; line-height:none !important; background:#ff9900;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
.i-message-toast-num{ 
	position:absolute; right:-4px; top:-3px; z-index:88; 
	display:table; 
	width:12px !important;
	height:12px !important; 
	font-size:10px !important; 
	line-height:none !important;
	background:#ff9900;
	line-height:10px !important; 
	text-align:center;
	vertical-align:middle;
	color:#fff;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
    -moz-border-radius: 6px;      /* Gecko browsers */
    -webkit-border-radius: 6px;   /* Webkit browsers */
    border-radius:6px;            /* W3C syntax */
}
.user-commission { background-color: #FFF; padding:0px; width:100%;}
.user-commission ul { font-size: 0; margin-right:-1px; margin-bottom:-1px; display:block; overflow:hidden;}
.user-commission ul li { vertical-align: top; display: inline-block; text-align: center; width: 33.33%; border-bottom:1px solid #eee; border-right:1px solid #eee; padding:5px 0}
.user-commission ul li a { display: block; padding:5px 10px; text-align:center; overflow:hidden; }
.user-commission ul li p { display:block; line-height:25px; height:25px; font-size:14px; color:#666; padding:0px; margin:0px;}
.user-commission ul li span{ vertical-align:middle; display: inline-block; width: 100%; text-align:center; line-height: 25px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#FC5217 }

.commission-nav { background-color: #FFF; padding:0px;}
.commission-nav ul { font-size: 0; margin-right:-1px; margin-bottom:-1px; display:block; overflow:hidden;}
.commission-nav ul li { vertical-align: top; display: inline-block; text-align: center; width: 33.33%; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.commission-nav ul li a { display: block; padding:20px 10px; text-align:center; overflow:hidden; }
.commission-nav ul li p { display:block; line-height:25px; height:25px; font-size:13px; color:#666; padding:0px; margin:0px; }
.commission-nav ul li i {height:32px; width:32px; color:#999; display:block; margin:0 auto;}

.top{background: url(../images/user-index-top.png) no-repeat;background-size: 100%;}
.user-information{background: url(../images/user-index-top.png) no-repeat;background-size: 100%;}

/*==============================================================================================*/
/*security-css
/*==============================================================================================*/
.security-head{ display:block; overflow:hidden; clear:both; margin-top:30px; padding-bottom:30px; list-style:none;}
.security-head li{  text-align:center;}
.security-head li span{ width:50px; height:50px; line-height:50px; text-align:center; display:block; overflow:hidden; margin:0px auto; font-size:15px;border-radius: 50%; color:#fff;}

.security-list li {
	display:block;
	overflow:hidden;
	background: #fff;
	border-bottom:#eee solid 1px;
	position:relative;
}
.security-list li a{ display:block; overflow:hidden;padding:15px 10px 10px 10px;}
.security-list li span{ line-height:24px; vertical-align:middle; display:table-cell; font-size:14px; }
.security-list li i{
	line-height:24px;
	font-size:16px;
	width:30px;
	text-align:center;
	padding-right:10px;
	display:table-cell;
	color:#999; 
}

.security-list li em{
	position:absolute;
	right:10px;
	top:20px;
}

/*==============================================================================================*/
/*list-css
/*==============================================================================================*/
.list-row{ list-style:0px; padding:0px; margin:0px;}
.list-row li{ list-style:0px; font-size: 1.1rem; padding:10px; margin-bottom:15px; background:#fff; display:block; overflow:hidden;}
.list-row li dl{ display:block; overflow:hidden; }
.list-row li dd{ display:block; overflow:hidden;}
.list_history{padding-top: 1rem;}
.list_history li{border-bottom:1px solid #eee; margin:0px; line-height: 1.6rem;}

.mult_list{ margin-top:10px;}
.mult_list li{ margin-bottom:10px; clear:both; min-height:80px; overflow:hidden; background:#fff; padding:10px 0px;}
.mult_list li a{ display:block; position:relative; height:60px; overflow:hidden; margin:0 10px;}
.mult_list li img{ width:60px; height:60px;}
.mult_list li dd{ padding:0px; margin:0px; width:60px; height:60px; position:absolute; z-index:10;}
.mult_list li dl{ margin:0px 0px 0px 70px; position:relative;}
.mult_list li dl h3{ margin:0px; padding:0px; font-weight:normal;}
.mult_list li dl p{ line-height:20px; color:#666; padding:0px; margin:0px;}

.address_row{ list-style:0px; padding:0px; margin:0px;}
.address_row li{padding: 1rem 0.8rem; background:#fff; display:block; align-items:center; border-bottom:#d7d7d7 solid 1px;}
.address_row li dd ,.address_row li dl{width:100%;}
.address_row li dl{margin-bottom:1rem; border-bottom: 1px solid #f5f5f5;}
.address_row li dl p{    color: #111111; font-size: 1.6rem; overflow: hidden; line-height: 1.8rem;} 
.address_row li dl i , .address_row li dl em{width: 50%;display: block;float: left; }
.address_row li dl em{padding-left: 10px; text-align: right;}
.address_row li dl span{padding: 1rem 0; overflow: hidden; display: block; color: #bcbcbc; font-size: 1.1rem; line-height: 1.6rem;}
.address_row li dd span{color: #8c8c8c;line-height: 1.4rem; font-size: 1.1rem; }
.address_row li dd p{float: right;}
.address_row li dd a{line-height: 1.4rem;font-size: 1.2rem; color:#8c8c8c; margin-left: 8px; }
.address_row li dd i{font-size: 1.2rem; color:#999;}
/*==============================================================================================*/
/*order-css
/*==============================================================================================*/
.row_bar{ line-height:50px; display:block; overflow:hidden; height:50px; padding:0px 10px;}

.order-nav {background:#fff; display:block; clear:both; overflow: hidden;}
.order-nav ul{ list-style:none; display:block; width:100%; padding:0px; margin:0px;}
.order-nav ul li{ list-style:none; width:16.6%; height:3rem;margin:0.5rem 0; background:#fff; display:block; float:left; font-size:1.2rem; color:#333333; text-align:center;}
.order-nav ul li a{line-height:3rem; padding-bottom: 5px;color: #8e8e8e;}
.order-nav .active a{color:#000; border-bottom:none;}


.order_list{}
.order_list ul{ list-style:none; display:block; overflow:hidden; }
.order_list ul li{margin:1rem 1rem 0; padding:1rem; display: block;overflow: hidden;margin-bottom: 1.5rem;background-color: #fff;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;
	    -ms-border-radius: 1rem;-o-border-radius: 1rem;border-radius: 1rem; font-size:1.1rem; list-style:none; display:block; overflow:hidden; margin-bottom:15px; clear:both;}
.order_list ul li h2{width: 100%;display: block; clear: both; height: 2rem; line-height: 2rem; padding: 0; font-weight: normal; font-size: 1.2rem;} 
.order_list ul li h2 i{ color: #666;}
.order_list ul li h2 .desc{float:right;color:#8792fe;}
.order_list ul li h2 em{display: inline-block;color: #fff;background:#8792fe;border-radius: 50%;width: 1.5rem;height: 1.5rem;font-size: 10px;line-height: 1.35rem;text-align: center;margin: 0 0rem 0 0.4rem;}
.order_list ul li dd{ width:30%; display:block; float:left; padding:10px 4px 0px 0px;}
.order_list ul li dd img{ width:100%;}
.order_list ul li dl{width: 70%;display: block;float: left;padding: 10px 0rem 10px 0;margin: 0px;position: relative;}
.order_list ul li dl h3{ font-size: 1.3rem;line-height: 1.5rem;color: #333;}
.order_list ul li dl div{margin-top: 0.5rem;} 
.order_list ul li dl div span{color: #999;font-size:1.1rem; margin-right: 3px;} 
.order_list ul li dl p{ line-height:22px; padding:0px; margin:0px;color: #999;text-align: right;}
.order_list ul li .order_list_xinxi{text-align: right;width: 100%;float: left;margin-bottom:.5rem; color: #333;}
.order_list ul li .order_list_xinxi span{margin: 10px; font-weight: normal;}
.order_list ul li .order_list_xinxi b{color: #000;font-weight:normal;}
.order_list ul li dl ol{;top: 10px;right: 0;}
.order_list ul li dl ol b{color: #333;font-weight: bold;float:right;}
.order_list ul li dl ol b i{margin-right:2px;font-weight:normal;}
.order_list ul li dt{ width:100%;display:block; clear:both; height:3rem; color:#999; line-height:3rem; padding:0px; font-weight:normal;}
.order_list ul li dt ol{float:right;}
.order_list ul li dt a{ 
	padding:0.5rem 1rem; margin-left:10px; border: 1px solid #eeeeee; color:#666666; -webkit-border-radius:2.5rem; -moz-border-radius:2.5rem; border-radius:2.5rem; } 
.order_list ul li dt ol a:last-child{color:#fff; border: none; background-color: #8792fe;/* background-image: linear-gradient(to right, #ff9900, #ff4500) */; }
/* .order_list ul li dt a.pay{ 
	background:#ff6600;
}
.order_list ul li dt a.cancel{ 
	background:#ffaa00;
} */
.order_list_tishi{padding:3rem 2rem; text-align: center;}
.order_list_tishi img{width:8rem; height:8rem; display: block; margin: 0 auto;}
.order_list_tishi p{font-size: 1.5rem; color: #333333; line-height:2.4rem; margin-top: 1rem}
.order_list_tishi span{font-size: 1.3rem; color: #999999; line-height:1.7rem;}
.order_list_recommend{padding:1rem 0.5rem;}
.order_list_recommend h2 img{display: block; width:55%; margin:0 auto; }
.order_list_recommend ul , .order_list_recommend ul li{margin:0;}
.order_list_recommend ul{display: flex; flex-wrap: wrap-reverse; overflow: hidden; margin-top:1.3rem; }
.order_list_recommend ul li{width:50%; display: block; border-radius:0; margin-bottom:1rem; padding:0px 0.5rem; background-color: initial;}
.order_list_recommend ul li a{background-color: #fff;padding:1rem;}
.order_list_recommend ul li a, .order_list_recommend ul li img ,.order_list_recommend ul li .r-name , .order_list_recommend ul li .r-price{display: block;width: 100%; text-align:left;}
.order_list_recommend ul li .r-name{font-size:1.1rem; line-height:2rem; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.order_list_recommend ul li .r-price i ,.order_list_recommend ul li .r-price{font-size:1.5rem; line-height:2rem; color:#ff9900;}
.order_list_recommend ul li .r-price i{font-size:10px;}

/*--------------账单明细样式----------------------*/
.Billing-Details{}
.Billing-Details ul li h2{width: 100%;display: block; clear: both; height:2.5rem; line-height:2.5rem; padding: 0; font-weight: normal; font-size: 1.2rem;} 
.Billing-Details ul li h2 i{ color: #000; font-weight: bold; }
.Billing-Details ul li h2 .desc{float:right;color:#ff9900;}
.Billing-Details ul{ list-style:none; display:block; overflow:hidden; padding: 1rem; background-color: #fff;}
.Billing-Details ul li{display: block;overflow: hidden;margin-bottom:1.5rem; color:#999; padding:0.5rem 0; border-bottom: 1px solid #eee;font-size:1.1rem; list-style:none; display:block; clear:both;}
.Billing-Details ul li dl{width: 100%; padding:0px;}
.Billing-Details ul li dl h3{font-weight: normal; float:right;color:#333; }
.Billing-Details ul li dl p{text-align: left; float:left; line-height: 1.7rem;}
.Billing-Details ul li dl p i , .Billing-Details ul li dl p strong{color: #333;}

.detail_head{ background:#fff; display:block; padding: 1rem; line-height: 1.9rem; font-size:1.1rem;}

.detail_wrap{display:block; margin:1rem 0;}
.detail_wrap ul{ list-style:none; display:block; overflow:hidden; background:#fff; }
.detail_wrap ul li{list-style: none; display: block; overflow: hidden; padding: 1rem; min-height: 56px; border-bottom: #e8e8e8 solid 1px; clear: both; position: relative;} 
.detail_wrap ul li:last-child{ border-bottom:none;}
.detail_wrap ul li dd{width: 6rem; height: 6rem; display: block; float: left; position: absolute; z-index: 8; left: 1rem; top: 1rem; border-radius: 5px; }
.detail_wrap ul li dd img{width: 6rem; height: 6rem; padding: 0; }
.detail_wrap ul li dl{display:block; float:left; padding:0px; margin:0px 0px 0px 7rem; }
.detail_wrap ul li dl h3 a{font-size: 1.3rem; line-height: 1.5rem; color: #333; font-weight: normal; }
.detail_wrap ul li dl p{line-height: 1.6rem; padding: 0px; margin: 0px; color: #aaa; font-size:1.1rem; margin-top: 0.8rem; }

.detail_receiver{ background:#fff; display:block; line-height: 1.9rem; font-size:1.1rem; margin-bottom:1rem;}
.detail_express{ background:#fff; display:block; line-height: 1.9rem; font-size:1.1rem;}

.detail_express , .detail_receiver{padding: 1rem;}
.detail_express .with-padding, .detail_receiver .with-padding{padding:10px 0;}
.detail_express h2 , .detail_receiver h2{border-left:2px solid #ff9900; width:100%; display:block; clear:both; padding:0px 5px; font-weight:normal; font-size:1.1rem; line-height: 1.1rem;}

.detail_total{background:#fff; display:block; padding:1rem; overflow:hidden;}
.detail_total .total-area{float: left;}
.detail_total .total-area p , .detail_total .total-area p>b{font-weight: normal; font-size:1.1rem;line-height: 2rem;}
.detail_total .dbtn{ text-align:right; display:block; overflow:hidden; float: right; } 
.detail_total .dbtn a{ 
    display:inline-block; 
    overflow:hidden;
	margin:0px 3px;
	padding:0.3rem 1.2rem; 
	border: 1px solid #ddd;
	color:#999;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	font-size:1.1rem;
}

/* .detail_total .dbtn a.pay{ 
	background:#ff6600;
}

.detail_total .dbtn a.cancel{ 
	background:#ffaa00;
}
 */

.favorite_list{font-size: 1.1rem;}
.favorite_list ul{ list-style:none; display:block; overflow:hidden; padding: 1rem; }
.favorite_list ul li{ list-style:none; display:block; overflow:hidden; background:#fff; margin-bottom:15px; clear:both; position:relative; border-bottom:#f2f2f2 solid 1px;}
.favorite_list li a{ display:block; overflow:hidden;}
.favorite_list ul li dd{ width:30%; display:block; float:left; padding:10px 2px 10px 10px;}
.favorite_list ul li dd img{ width:98%;}
.favorite_list ul li dl{ width:70%; display:block; float:left; padding:1rem; margin:0px; }
.favorite_list ul li dl b{ font-size:1.4rem; line-height:1.8rem; display:block; font-weight:normal;}
.favorite_list ul li dl span{ line-height:1.8rem; padding:0px; margin:0.8rem 0 0px; display:block; color:#da5d26;}
.favorite_list ul li dl span em{font-size: 1.3rem;}
.favorite_list ul li .del_link{ position:absolute; right:1rem; bottom:1.1rem; padding:0.3rem 1.2rem;  border:#f5f5f5 solid 1px; background:#f8f8f8;}

/*==============================================================================================*/
/*coupon.css
/*==============================================================================================*/
.coupon_list{ list-style:none; display:block; overflow:hidden;}
.coupon_list li p{ padding:0px; margin:0px; display:block; overflow:hidden;}
.coupon_list li{ margin-bottom:1.3rem; display:flex; overflow:hidden; width:100%; background:#fff;}
.coupon_list li .user-sawtooth{width:30%; height:11rem; padding:0.8rem;  display: flex;align-items: center;background-color: #47d0ab; background: -moz-linear-gradient(-45deg, #47d0ab 0%, #47ceb3 70% , #48cbc6 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #47d0ab), color-stop(100%, #48cbc6)); background: -o-linear-gradient(-45deg, #47d0ab 0%, #47ceb3 70% , #48cbc6 100%); background: -ms-linear-gradient(-45deg, #47d0ab 0%, #47ceb3 70% , #48cbc6 100%); background: linear-gradient(-45deg, #47d0ab 0%, #47ceb3 70% , #48cbc6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#47d0ab, endColorstr=#127feb, GradientType=1);}
.coupon_list li .user-sawtooth ol{width: 100%; overflow: hidden; display:block;  text-align: center;}
.coupon_list li .user-sawtooth h2{font-size: 3.5rem; color: #fff; font-weight: normal;}
.coupon_list li .user-sawtooth h2 i{font-size: 1.5rem;}
.coupon_list li .user-sawtooth p{color: #fafafa; font-size: 1.3rem; line-height: 1.6rem; }
.coupon_list li .user-coupon{flex:1; padding: 1rem 1rem 1rem 0.5rem; font-size: 1.1rem}
.coupon_list li .user-coupon h2{font-size:1.4rem; line-height:1.9rem;  font-weight: normal; padding-bottom:1rem; color: #666666; font-weight: normal; }
.coupon_list li .user-coupon h2 span{font-size:1.1rem; color: #fff; background-color:#47d0ab; padding:0.4rem; margin-right:0.8rem}
.coupon_list li .user-coupon dd{position: relative; width:100%; color:#999; line-height:2rem;}
.coupon_list li .user-coupon dd:before{
	position: absolute;
	content: '';
	display: inline-block;
    vertical-align: middle;
    width:1.5rem;
    height:1.5rem;
    background: url("../images/user-coupon-more.png") no-repeat center;
    background-size:100%;
    right: 0;
	top: 0.25rem;
}
.coupon_list li .user-coupon dl{ display:block; border-bottom:1px solid #eee; margin:.5rem 0; padding-bottom: 0.5rem;}
.coupon_list li .user-coupon dl p{line-height:1.8rem; height: 2rem; padding: 0 0.3rem; color:#47d0ab; border:1px solid #47d0ab; float:right;}
.coupon_list li .user-coupon dl span{color:#999; line-height:2rem;}

.user-sawtooth {
    position: relative;
    overflow: hidden;
    background:#fff;
    width:16.75rem;
    height:6rem;
}

.user-sawtooth:before, .user-sawtooth:after {
    content: ' ';
    width: 0;
    height: 100%;
    position: absolute;
    top:0px;
}

.user-sawtooth:before {
    border-right: 4px dotted #f6f6f6;
	left: -1px;
}
/* 
.user-sawtooth:after {
	border-left: 4px dotted #f6f6f6;
	right: -1px;
} */
.coupon_list li:nth-child(2n) .user-sawtooth{background-color: #f9596c; background: -moz-linear-gradient(-45deg, #fb7d7d 0%, #fb606f 70% , #f9596c 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fb7d7d), color-stop(100%, #f9596c)); background: -o-linear-gradient(-45deg, #fb7d7d 0%, #fb606f 70% , #f9596c 100%); background: -ms-linear-gradient(-45deg, #fb7d7d 0%, #fb606f 70% , #f9596c 100%); background: linear-gradient(-45deg, #fb7d7d 0%, #fb606f 70% , #f9596c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fb7d7d, endColorstr=#f9596c, GradientType=1);
}
.coupon_list li:nth-child(2n) .user-coupon h2 span{background-color:#fb7d7d;}
.coupon_list li:nth-child(2n) .user-coupon dl p{color:#fb7d7d; border:1px solid #fb7d7d; }

.coupon_list li:nth-child(3n) .user-sawtooth{background-color: #5394d5; 
	background: -moz-linear-gradient(-45deg, #5394d5 0%, #607fdb 70% , #6479dc 100%); 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #5394d5), 
		color-stop(100%, #6479dc)); 
	background: -o-linear-gradient(-45deg, #5394d5 0%, #607fdb70% , #6479dc 100%); 
	background: -ms-linear-gradient(-45deg, #5394d5 0%, #607fdb 70% , #6479dc 100%); 
	background: linear-gradient(-45deg, #5394d5 0%, #607fdb 70% , #6479dc 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5394d5, endColorstr=#6479dc, GradientType=1);
}
.coupon_list li:nth-child(3n) .user-coupon h2 span{background-color:#5394d5; }
.coupon_list li:nth-child(3n) .user-coupon dl p{color:#5394d5; border:1px solid #5394d5;}
.coupon-xianqing{display: none; margin-top:1.5rem;width:152%;position: relative;margin-left: -48%;padding: 1rem 1rem 0;border-top: 1px dashed #eee;}
.coupon-xianqing p{font-size: 1rem;color: #333;line-height: 1.6rem;}
.coupon_list li .user-coupon .cur::before{background: url(../images/user-coupon-mores.png) no-repeat center;background-size:100%;}

@media only screen and (max-width:480px) {
.coupon_list li .user-sawtooth h2{font-size:3rem;}
}
@media only screen and (max-width:360px) {
.coupon_list li .user-sawtooth h2{font-size:2.8rem;}
}


/*==============================================================================================*/
/*message-css
/*==============================================================================================*/
select.form-control{padding:0.6rem;}

.message-nav {height:45px; background:#fff; display:block; clear:both;}
.message-nav ul{ list-style:none; display:block; width:100%; padding:0px; margin:0px; border-bottom:1px solid #e8e8e8;}
.message-nav ul li{ list-style:none; width:20%; height:45px;  background:#fff; display:block; float:left; line-height:45px; font-size:14px; color:#666; text-align:center;}
.message-nav ul li a{ display:block;color: #8e8e8e;}
.message-nav .active {height:44px; color:#ff9900; border-bottom:2px solid #ff9900;}
.message-nav .active a{color:#000;}

.message_list{}
.message_list ul{ list-style:none; display:block; overflow:hidden; }
.message_list ul li{ list-style:none; display:block; overflow:hidden; border-bottom:1px solid #e8e8e8;}
.message_list ul li a{ display:block; padding:10px; display:block; overflow:hidden; background:#fff; margin-bottom:10px; clear:both; position:relative;}
.message_list ul li dd{ width:50px; display:block; left:10px; text-align:center; position:absolute;  white-space:nowrap; line-height:16px;}
.message_list ul li dd .toast_sign{ 
	position:absolute; right:-3px; top:1px; z-index:88; display:block; width:8px !important;height:8px !important; font-size:0px !important; line-height:none !important; background:#ff9900; 
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
.message_list ul li dd img{ width:50px; height:50px; border-radius:50%;  padding:2px;margin:3px 3px 0px 0px; border:1px solid #f5f5f5;}
.message_list ul li dl{ display:block; margin:5px 0px 0px 65px; }
.message_list ul li dl b{color:#576b95; }
.message_list ul li dl span{ display:block; margin-top:5px; color:#ccc; }
.message_list ul li dl p{ line-height:18px; display:block; margin-top:5px;}



/*==============================================================================================*/
/*footer-css
/*==============================================================================================*/
.footer-put-nav ul{
	margin: 0px auto; 
	padding: 0px 0px; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
	position: fixed; 
	z-index: 499; 
	background:#fff;
}

.footer-put-nav li {
	text-align: center; color: rgb(89, 89, 89); 
	padding-top: 0rem; 
	font-size: 12px; 
	line-height:18px; 
	display: block; 
}

.footer-put-nav li a{ 
	display:block;
	height:50px;
	line-height:46px;	 
	padding-top:4px;
}

.footer-put-nav li a.register_btn {
	height:50px;
	line-height:46px;
	color:#fff;
	font-size:16px;
	background-color: #ff9900;
}