@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); }

.json_msg{ color:#F00; 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:#f15340}
/*==============================================================================================*/
/*模块
/*==============================================================================================*/

.header {
	position:relative;
	z-index:9999;
}

.main_title{
	font-size:14px;
	padding:10px 5px;
	margin-top:5px;
	border-bottom:#e8e8e8 solid 1px;
}
.main_body{
	overflow:hidden;
}
select{ width:auto !important;}

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

.user-box { position:relative; height:228px; display:block; overflow:hidden; background:#0096e0;}
.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:68px 10px 10px 10px;}
.user-info dd{ text-align:center;}
.user-info dd .user-avatar{ height:60px; width:60px; border-radius:60%; border:#fff solid 3px;}
.user-info dl{ display:block; color:#fff; text-align:center;}
.user-info dl h3{ font-size:15px; line-height:25px;}
.user-info dl span{ color:#fff;}

.user-nav { display:block; overflow:hidden;}
.user-nav dl { background-color: #FFF;  padding:0px;}
.user-nav dt { line-height: 50px; display: block; height: 50px; padding: 0px; margin:0px; border-bottom: solid 1px #f2f2f2; overflow:hidden;}
.user-nav dt:last-child { border-bottom: none;}
.user-nav dt a { display: block;}
.user-nav dt h3 { font-size: 16px; font-weight:normal; line-height: 50px; color: #666; vertical-align: top; display: inline-block; height: 50px; overflow:hidden; padding:0px; margin:0px;}
.user-nav dt h3 i { vertical-align: top; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.1rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%;}
.user-nav dt h5 { font-size: 13px; color: #666; float: right; line-height: 50px; padding:0px; margin:0px; font-weight:normal;}
.user-nav dt h5 i { display: inline-block; vertical-align: middle; width: 0.7rem; height: 0.7rem; }
.user-nav dd { display: block; padding: 0;}
.user-nav dd ul { font-size: 0; padding:10px 0px 10px 0px;}
.user-nav dd ul li { vertical-align: top; display: inline-block; text-align: center; width: 20%; padding: 0.5rem 0 0.2rem 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 i { vertical-align: top; display: inline-block; height:28px; width:28px;}
.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-family:"novecento"; */ 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}

.nav-list {padding:0px;}
.nav-list ul { font-size: 0; display:block; overflow:hidden;}
.nav-list ul li { display:block; overflow:hidden; width: 100%;border-bottom:1px solid #eee;  background-color: #FFF;}
.nav-list ul li:last-child{ border-bottom:0px solid #eee;  }
.nav-list ul li a { display: block; padding:3px 10px; overflow:hidden;background: url("../images/right-row.png") no-repeat 0% 0% / 18px; background-position:98%;  }
.nav-list ul li p { line-height:42px; height:42px; font-size:15px; color:#666; padding:0px; margin:0px 0px 0px 10px; float:left;}
.nav-list ul li i {height:24px; width:24px; color:#999; float:left; margin:9px 0px 0px 0px;}

.icon-bar-setting {background: url("../images/icon_setting.png") no-repeat 0% 0% / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block !important;}
.icon-bar-user {background: url("../images/icon_user.png") no-repeat 0% 0% / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block !important;}
.icon-bar-leftrow {background: url("../images/icon_left_row.png") no-repeat 0% 0% / 24px; margin: 0px auto; width: 24px;  height: 24px; display: block !important;}

.order_unpay {background: url("../images/order_icon1.png") no-repeat 0% 0% / 28px; margin: 0px auto; width:28px;  height: 28px; display: block;}
.order_delivery {background: url("../images/order_icon2.png") no-repeat 0% 0% / 28px; margin: 0px auto; width:28px;  height: 28px; display: block;}
.order_receiving {background: url("../images/order_icon3.png") no-repeat 0% 0% / 28px; margin: 0px auto; width:28px;  height: 28px; display: block;}
.order_comment {background: url("../images/order_icon4.png") no-repeat 0% 0% / 28px; margin: 0px auto; width:28px;  height: 28px; display: block;}
.order_service {background: url("../images/order_icon5.png") no-repeat 0% 0% / 28px; margin: 0px auto; width:28px;  height: 28px; display: block;}

.shop-icons36.i-message-toast{position:relative !important; padding:5px 5px 0px 5px !important; margin:5px 5px 0px 5px !important;}
.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:#f15340; 
    -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:#f15340;
	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-nav dd ul li p { font-size: 12px; color: #666; line-height: 20px; height: 20px;}


.user-commission { background-color: #FFF; padding:0px; position:absolute; bottom: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;}

.shop-icons32 {background: url("../images/icons.png") no-repeat 0% 0% / 512px; margin: 0px auto; width: 32px;  height: 23px; display: block;}
.shop-icons32.i-commission {background-position: -480px 0px;}
.shop-icons32.i-user {background-position: -96px -0px;}
.shop-icons32.i-users {background-position: -416px -32px;}
.shop-icons32.i-overtime {background-position: -352px 0px;}
.shop-icons32.i-leave {background-position: -416px 0px;}
.shop-icons32.i-files {background-position: -320px 0px;}
.shop-icons32.i-lists {background-position: -32px 0px;}
.shop-icons32.i-money {background-position: -480px 0px;}
.shop-icons32.i-home {background-position: -128px -32px;}
.shop-icons32.i-help{background-position: -448px 0px;}
.shop-icons32.i-inquiry{background-position: -224px 0px;}
.shop-icons32.i-msg {background-position: -288px 0px;}
.shop-icons32.i-cate {background-position: -256px 0px;}

/*==============================================================================================*/
/*security-css
/*==============================================================================================*/
.security-head{ display:block; overflow:hidden; clear:both; margin-top:30px; padding-bottom:30px; list-style:none; border-bottom:#eee solid 8px;}
.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; 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;}

.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{ list-style:0px; padding:15px 0px; background:#fff; display:flex; align-items:center; border-bottom:#eee solid 1px;}
.address_row li dd,.address_row li dt{ width:50px; text-align:center; vertical-align:middle;}
.address_row li dd i{ font-size:18px; color:#999;}
.address_row li dt input{ width:30px;}
.address_row li dl{ flex:1; line-height:20px; }
.address_row li dl a{ display:block; overflow:hidden; }
/*==============================================================================================*/
/*order-css
/*==============================================================================================*/
.row_bar{ line-height:50px; display:block; overflow:hidden; height:50px; padding:0px 10px;}

.order-nav {height:45px; background:#fff; display:block; clear:both;}
.order-nav ul{ list-style:none; display:block; width:100%; padding:0px; margin:0px; border-bottom:1px solid #e8e8e8;}
.order-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;}
.order-nav ul li a{ display:block;}
.order-nav .active {height:44px; color:#ff3c00; border-bottom:2px solid #ff3c00;}
.order-nav .active a{color:#ff3c00;}


.order_list{}
.order_list ul{ list-style:none; display:block; overflow:hidden; }
.order_list ul li{ list-style:none; display:block; overflow:hidden; background:#fff; margin-bottom:15px; clear:both;}
.order_list ul li h2{ width:100%; display:block; clear:both; border-bottom:#e8e8e8 solid 1px; height:40px; line-height:40px; padding:0px 10px; font-weight:normal; font-size:12px; }
.order_list ul li h2 em{ color:#f15340; margin-left:10px; font-weight:bold;}
.order_list ul li h2 .desc{ float:right;color:#f15340}
.order_list ul li dd{ width:30%; display:block; float:left; padding:10px 2px 10px 10px;}
.order_list ul li dd img{ width:98%;}
.order_list ul li dl{ width:70%; display:block; float:left; padding:10px; margin:0px; }
.order_list ul li dl h3{ font-size:14px; line-height:22px;}
.order_list ul li dl p{ line-height:22px; padding:0px; margin:0px;}
.order_list ul li dl p b{ color:#ff3c00}
.order_list ul li dt{ width:100%; display:block; clear:both; border-top:#e8e8e8 solid 1px; height:40px; color:#ccc; line-height:40px; padding:0px 10px; font-weight:normal;}
.order_list ul li dt span{ float:right;color:#F90}
.order_list ul li dt a{ 
	padding:5px 10px;
	margin-right:10px;
	background:#f15340; color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.order_list ul li dt a.pay{ 
	background:#ff6600;
}

.order_list ul li dt a.cancel{ 
	background:#ffaa00;
}


.detail_head{ background:#fff; display:block; padding:15px; line-height:22px; }

.detail_wrap{display:block; margin-top:10px; margin-bottom:10px;}
.detail_wrap ul{ list-style:none; display:block; overflow:hidden; background:#fff; }
.detail_wrap ul li{ list-style:none; display:block; overflow:hidden; padding:10px 0px; 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:72px; height:72px; display:block; float:left; position:absolute; z-index:8; left:10px; top:10px;}
.detail_wrap ul li dd img{ width:68px; height:68px; padding:2px; border:#ededed solid 1px;}
.detail_wrap ul li dl{display:block; float:left; padding:0px 10px; margin:0px 0px 0px 80px; }
.detail_wrap ul li dl h3{ font-size:14px; line-height:22px;}
.detail_wrap ul li dl p{ line-height:22px; padding:0px; margin:0px;}

.detail_receiver{ background:#fff; display:block;  line-height:22px; margin-bottom:10px;}
.detail_receiver h2{ width:100%; display:block; clear:both; border-bottom:#e8e8e8 solid 1px; height:40px; line-height:40px; padding:0px 10px; font-weight:normal; font-size:14px; }

.detail_express{ background:#fff; display:block;  line-height:22px;}
.detail_express h2{ width:100%; display:block; clear:both; border-bottom:#e8e8e8 solid 1px; height:40px; line-height:40px; padding:0px 10px; font-weight:normal; font-size:14px; }

.detail_total{ background:#fff; display:block; padding:15px 15px 25px 15px; line-height:22px; margin-top:10px;}
.detail_total .dbtn{ text-align:center; display:block; overflow:hidden;  margin-top:10px;} 
.detail_total .dbtn a{ 
    display:inline-block; overflow:hidden;
	margin:0px 3px;
	padding:5px 30px; background:#f15340; color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

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

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


.favorite_list{}
.favorite_list ul{ list-style:none; display:block; overflow:hidden; }
.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:10px; margin:0px; }
.favorite_list ul li dl b{ font-size:14px; line-height:22px; display:block; font-weight:normal;}
.favorite_list ul li dl span{ line-height:22px; padding:0px; margin:0px; display:block; color:#f00;}
.favorite_list ul li .del_link{ position:absolute; right:10px; bottom:12px; padding:3px 15px;  border:#f5f5f5 solid 1px; background:#f8f8f8;}

/*==============================================================================================*/
/*artlist-css
/*==============================================================================================*/
.artlist{clear:both;}
.artlist ul{ list-style:none; padding:0px 10px;}
.artlist ul li{ list-style:none; display:block; border-bottom:#eee solid 1px; clear:both; overflow:hidden; width:100%;}
.artlist ul li a{ display:block; overflow:hidden;padding:15px 2px;}
.artlist ul li dl{ padding:0px; margin:0px; display:block; overflow:hidden; word-break:keep-all;  white-space:nowrap; text-overflow:ellipsis;  }
.artlist ul li dd{ padding:0px; margin:0px; color:#ccc;}
@media screen and (max-width: 320px) { 
	.artlist ul li dd{ display:none;}
	.artlist ul li dl{ width:100%; }
} 
@media screen and (max-width: 480px) { 
	.artlist ul li dl{ width:250px; }
} 
@media screen and (min-width: 481px) { 
	.artlist ul li dl{ width:400px; }
} 

/*==============================================================================================*/
/*message-css
/*==============================================================================================*/

.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:50%; 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;}
.message-nav .active {height:44px; color:#ff3c00; border-bottom:2px solid #ff3c00;}
.message-nav .active a{color:#ff3c00;}

.message_list{}
.message_list ul{ list-style:none; display:block; overflow:hidden; }
.message_list ul li{ list-style:none; display:block; overflow:hidden; overflow:hidden; margin:10px; position:relative;}
.message_list ul li a._item{ display:block; overflow:hidden;}
.message_list ul li ._time{position:absolute; z-index:888; right:0px; top:2px; color:#ccc; }
.message_list ul li ._head{ width:50px; display:block; left:0px; text-align:center; position:absolute;  white-space:nowrap; line-height:16px;}
.message_list ul li ._head .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:#f15340; 
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
.message_list ul li ._head img{ width:50px; height:50px; border-radius:8%;  padding:2px;margin:3px 3px 0px 0px; border:1px solid #f5f5f5;}
.message_list ul li ._body{ display:block; overflow:hidden;  margin:5px 0px 0px 60px; border-bottom:1px solid #eee; min-height:50px; padding-bottom:10px; }
.message_list ul li ._body .tl{color:#576b95; }
.message_list ul li ._body .txt{ line-height:18px; display:block; margin-top:5px;}
.message_list ul li ._body .txt a{ color:#0096e0;}


/*==============================================================================================*/
/*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: #f15340;
}