@import "basic.css";
@import "iconfont.css";
.nav-icon{ display:block; width:33%; float:left;color:#ff4401; text-align:center; margin-top:30px;}
.nav-icon i{ font-size:80px;color:#ff4401; line-height:80px;}
.nav-icon span{ font-size:16px;line-height:120%; display:block; clear:both; margin:10px 0;}

.login-box,.member-box{ margin:10px;}
.notice-box{ border-radius:6px; background:#FFEEA9; text-align:left; padding:10px; color:#000;}
.goods-info{ border-radius:6px; background:#F5F5F5; text-align:left; padding:10px; color:#000; margin:10px 0;}
.member-box p{ text-align:left; font-size:14px; padding-left:5px; line-height:36px;}

.total_box{ width:25%; float:left;}
.total_box i{ float:left;font-size:36px; color:#FF9646; margin:10px 5px 10px 0;}
.total_box p{ line-height:120%;}
.total_box p strong{ display:block; font-size:14px; margin:5px 0;}

/* 手风琴 */
.js{width:90%; margin:10px auto 0 auto; }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline;   }
.js textarea{ height:50px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }
.sideMen{ width:120px; border:1px solid #ddd; float:left;}
.sideMen h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4;font:bold 14px/32px "Microsoft YaHei";}
.sideMen h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMen h3 em.on{ background-position:16px -57px; }
.sideMen ul{ padding:8px 15px; color:#999;  }
.input_num{ width:30px; text-align:center;border: 1px solid #cccccc;border-radius: 3px;font-size: 14px;height:16px; line-height:15px;color: #333333; font-family:"Microsoft YaHei";}

.goods_box{ border:#ccc solid 1px; border-radius:6px; width:100%;}
.goods_box li{ padding:5px 10px;/*height:46px;height:92px; */  border-bottom:#E7E7E7 solid 1px; clear:both; position:relative;}
.goods_box li a{ height:25px; display:block; width:90%;}
.goods_box p{display:none; height:45px;}
.goods_box li span{ font-size:14px; color:#000000; height:25px;display:block;/*内联对象需加*/word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}
.goods_box li .iconfont{ font-size:30px; color:#cccccc; margin:12px 0 0 0; position:absolute; top:6px; right:0;}
.goods_box li.on{background:url(img/right.png) #f8c594 97% center no-repeat!important ;background-size:5%}
.goods_box li.disabled{ background:#FFEFC9;}



.kaoqin_box{ border:#ccc solid 1px; border-radius:6px; width:100%;}
.kaoqin_box li{ padding:5px 10px; height:23px; border-bottom:#E7E7E7 solid 1px; clear:both; position:relative;}
.kaoqin_box li span{ font-size:14px; color:#000000; padding:0 20px; display:block;}
.kaoqin_box li .iconfont{ font-size:20px; color:#cccccc; position:absolute; top:6px; left:6px;}
.kaoqin_box li.location{height:46px; } 
.kaoqin_box li .iconfont_r{font-size:30px;position:absolute;top:8px;right:32px;}
.kaoqin_box li.photo{height:60px;} 
#chooseImage,#choose_a,#choose_b,#choose_c{ position:relative;background:#C9C9C9; height:60px; width:60px; text-align:center; float:left; margin:0 5px;} 
#choose_a,#choose_b,#choose_c{display:none;}
#chooseImage .iconfont,#choose_a .iconfont,#choose_b .iconfont,#choose_c .iconfont{ color:#EBEBEB; font-size:40px; top:20px; left:10px; z-index:123;}
#img_a,#img_b,#img_c{height:60px; width:60px;  z-index:456;} 
.iconfont_upto{position:absolute;top:15px;right:50px;}
.kaoqin_box li .iconfont_upto .iconfont{font-size:40px;}

#address_info{ font-size:14px;}
.dk{ line-height:46px;color:#FFFFFF;}
.dk i{ font-size:24px;}

#container h3{ font-size:20px; text-align:center; margin-top:30px;}

.brand-box a{ display:block; float:left; margin:5px; height:65px;line-height:32px; font-size:16px; text-align:center;}
.brand-box a img{ display:block;}
.jb_list{border: 1px solid #cccccc; border-radius: 3px; font-size: 14px;line-height:20px; padding:10px;  color: #333333; font-family:"Microsoft YaHei";}
.jb_list p{line-height:23px; padding:0;}
.jb_list span{ color:#000000;}
.s0{ background:#FFEFC9;}
.bsup1{ background:#FFEFC9;}
@media (min-width:321px) {
/*	.brand-box{ width:620px;}
	.goods_box li a{ width:600px;}*/
}
@media (max-width:320px) {
/*	.brand-box{ width:300px;}
	.goods_box li a{ width:250px;}*/
}

.yes{ display:none;}
.add-jiaban{border: 1px solid #cccccc;border-radius: 3px;font-size: 12px;height:26px; line-height:20px;padding:3px;font-family:"Microsoft YaHei"; color:#FF4F00;}
.day_box{ height:40px; text-align:center;}
.day_box a{width:80px;font-family:"Microsoft YaHei";height:30px; line-height:25px; font-size:16px;border-radius: 3px; border:1px solid #ff4401;background:#ff4401; color:#FFFFFF; margin:5px; padding:5px 10px;text-align:center;}
/*.day_box a.span{ margin-right:20px; background:#FFEFEA; color:#000000;}
.day_box a.span:hover{ background:#D8FFD2; color:#FF7600;}*/

.notice{ width:100%; overflow:auto; -webkit-overflow-scrolling: touch; background:#000000; filter:alpha(opacity=96); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;color:#FFFDFD;}
.notice h1{ font-size:14px; font-weight:700; text-align:center; line-height:300%;}
.notice .read_cont{ margin:0 20px;}
.notice .is_read{ padding-top:20px;}
.notice .read_foot{ margin:20px 0; text-align:center; padding-bottom:20px;}
.notice .layer_btn{  background:#EFEFEF; border-radius:3px; padding:5px 10px;width:60px;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; color:#000000; font-weight:700;}

#checkList{ margin: 10px 5%; width:90%;border: 1px solid #cccccc; border-radius: 3px;font-size: 14px; line-height: 26px;}
#checkList th{  text-align: center;border-bottom:1px solid #cccccc; border-right: 1px solid #cccccc; }
#checkList th:last-child{  border-right:none; }
#checkList td{   text-align: center;padding: 3px;border-bottom:1px solid #cccccc; border-right: 1px solid #cccccc; }

#submittips{text-align: center;color: red; font-size: 18px; font-weight: bold;}