/* CSS Document */
.ordertable{
/*	background-color:#ffffff;*/
	font-size: 16px;

}
.ordertable *{box-sizing:border-box;}
.ordertable .item{ float:left; width:20%; padding-left:5px; padding-right:5px; }
.ordertable .td .item{color:#000000;}
.ordertable .item1{ width:70px; display:none; }
.ordertable .item3{ float:right; width:100px; font-size:14px; text-align:center;}
.ordertable .item3:after{ content:''; clear:both;}
.ordertable .item2{
	width:calc(100% - 120px);

}
.ordertable .it{ position:relative;}
.ordertable .it:after,.ordertable .it:before{	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;border-left-color:rgba(200,200,200,0.5); height:100%; left:70px; height:100%; top:0; content:''; position:absolute;}
.ordertable .it:before{ left:auto; right:100px; display:none; }	
.ordertable .it:after{ display:none;}
.ordertable .item.itemall{ width:100%;}
.ordertable .th,.ptitle{
	font-size:16px;
	text-align:center;
	background-color:#eeeeee;
	padding-top:5px;
	padding-bottom:5px;
	background-color:rgba(0,176,80,0.8);
	color:#FFFFFF;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;	border-bottom-color: #dddddd;
	border-bottom-color:rgba(200,200,200,0.5); line-height:35px;
}
.ptitle{ text-align:center; display:block; color:#FFFFFF; margin-bottom:0; position:relative; line-height:1.2; padding-top:10px; padding-bottom:10px;}
.ptitle .tback{ position:absolute; right:0; top:0; width:45px; text-align:center; font-size:24px; line-height:45px;}
.ptitle span.select{ color:#ffffff; background-image:none; border:none; font-size:16px;}
.ptitle .tback+span.select{ margin-right:30px; }
.ptitle .select i{ display:none}


.ordertable .td{	background-color:#ffffff;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;border-bottom-color:rgba(200,200,200,0.5);
	padding: 10px; padding-left:0px; padding-right:0px; line-height:20px; cursor:default; clear:both;}


.ordertable .tbody{}

.layui-flow-more a cite{background-color:#00B050; color:#FFFFFF}

.buybtn{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	clear:both;
	position:fixed;
	bottom:-151px;
	left:0px;
	background-color:#ffffff;
	float:left;
	width:100%;
/*	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #eeeeee;*/ box-sizing:border-box; z-index:3;
}
.buybtn.hover{bottom:51px;}
.bottom_nav{ padding-bottom:3px;}
.buybtn .address{border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;  box-sizing:border-box;}
.buybtn .address .t{ line-height:35px; padding-bottom:10px; background-color:#00CC99; padding:5px; color:#FFFFFF; background-color:#00B050;}
.buybtn .address .name{}
.buybtn .address .sel{ cursor:default; background-color:rgba(0,0,0,0.3); color:#ffffff; display:inline-block; padding-left:10px; padding-right:10px; margin-left:5px;}
.buybtn .address textarea{ width:100%;box-sizing:border-box; padding:5px;
	border: 1px solid #dddddd;  background-color:rgba(255,255,255,0);/*border-radius:5px;*/ min-height:80px;
}
/*.buybtn .address .input{ padding-left:5px; padding-right:5px;}*/
.buybtn .address .sel{}
.buybtn .tijiao{ padding:5px;}
.btn{background-color:#00B050;border-radius:3px;  color:#FFFFFF; display:inline-block; line-height:35px; border:none; padding-left:10px; padding-right:10px;}
.btn i{ margin-right:5px;}
.btn:hover{ color:#ffffff;}
.btn span{color:#00B050; text-align:center;border-radius:100%; color:rgba(0,176,80,0.6); color:red; background-color:#ffffff; width:20px; line-height:20px; display:inline-block; margin-left:5px; font-size:14px;}
.form{ margin-top:-1px; background-color:#FFFFFF; float:left; width:100%; display:none;}
.form .itt{
	float:left;
	width:50%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; line-height:35px; 
}
.form .itt.len{ width:100%;}
.form .itt>span{ float:left; width:100px; font-size:14px;text-align:right;}
.form input{
	height:35px;
	width:calc(100% - 100px); 
	font-size:14px; 
	
	border: 1px solid #dddddd;/* border-left:none;*/ float:left; border:none; background-color:rgba(255,255,255,0);
}


.ordertable .td.hover{
	background-color:#00B050;
	color:#FFFFFF;
	background-color:rgba(0,176,80,0.2);
	color:#555555;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00B050; background-color:#f5f5f5; position:relative; clear:both; clear:both;margin-top:10px;
}
.ordertable .td.hover+.form{ margin-bottom:10px; position:relative;}

.ordertable .td.hover+.form .icon-goumai{color:rgba(0,176,80,0.2); position:absolute; left:0; bottom:0;font-size:24px; line-height:35px; display:none;}

.ordertable .td.hover+.form{ display:block; background-color:rgba(0,176,80,0.05); clear:both;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00B050; background-color:#FFFFFF;}

.ordertable .td .iconfont{color:#dddddd; font-size:24px; display:none;}
.ordertable .td.hover .iconfont{ display:block;}
.ordertable .td .icon-xuanze2{position:absolute; top:0; right:0; z-index:1;}
.ordertable .td .icon-xuanze{ float:left; margin-right:5px; display:block;}
.ordertable .td.hover .iconfont{color:#00B050;}
.ordertable .td .status{ font-size:14px;}



/*下单确认订单时展开*/
.ordertable .td.hover+.form{ display:none;}
.ordertable.hover .td.hover+.form{ display:block;}

.ordertable .td.hover{	border-top-width:0px;
	border-top-style: solid;
	border-top-color: #dddddd;margin-top:0; background-color:#ffffff;}
.ordertable .td.hover >.iconfont{ display:none;}


.ordertable.hover .td.hover .iconfont{ display:block;}

.ordertable.hover .td.hover{border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00B050; margin-top:10px; background-color:#f5f5f5; }


























.addressli{
	position:fixed;
	top:10%;
	left:10%;
	width:80%;
	background-color:#ffffff;
	z-index:99;
	border: 5px solid #dddddd;box-sizing:border-box;  
	
	 transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);display:block; -webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;
}
.addressli .close,.buybtn .close{ position:absolute; right:0; top:0; width:30px; line-height:30px; text-align:center; background-color:rgba(0,0,0,0.2); font-size:24px; color:#FFFFFF; cursor:pointer;}
.buybtn .close{ line-height:45px; width:45px;}
.addressli .title{ line-height:30px;background-color:#00B050; color:#FFFFFF; padding-left:5px; padding-right:5px;}
.addressli .content{ padding:5px; height:calc(80vh - 100px); overflow-y:auto;}
.addressli .content .addli{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd; line-height:1.2; font-size:14px; padding-top:10px; padding-bottom:10px; padding:10px;
}
.addressli .title .add{ margin-left:5px; display:inline-block; background-color:rgba(0,0,0,0.3); line-height:20px; padding-left:5px; padding-right:5px; font-size:14px; cursor:pointer;}
.addressli .content .addli.hover{ background-color:#eeeeee;}
.addressli.hover+.bg{ position:fixed; background-color:rgba(0,0,0,0.3); top:0; left:0; height:100%; width:100%; z-index:98;}

.addressli.hover{  transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}
/*.bottom_nav{ z-index:90;}*/

.buy{border-radius:100%; position:fixed; right:5px; bottom:220px; z-index:2; background-color:rgba(0,0,0,0.6); color:#ffffff; width:60px; height:60px; text-align:center; line-height:1.5; line-height:60px;background-color:rgba(0,176,80,0.8); cursor:pointer; right:-100px;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.buy i{ font-size:20px;}
/*.buy span{border-radius:100%; background-color:#FFFFFF;color:rgba(0,176,80,1); display:inline-block; line-height:30px; width:30px;}*/
.buy.hover{ right:5px;}
/*.buy i{ display:block;}*/


.ordertable.orderli .item1{ display:block; text-align:center;}

.ordertable .item3{ float:right; width:100px; font-size:14px; text-align:center;}

.ordertable.orderli .item2{
	width:calc(100% - 180px);
}

	
.ordertable.orderli .it:after{left:auto; right:180px;}
.ordertable.orderli .it:after,.ordertable.orderli .it:before{ display:block}

.details{ background-color:#FFFFFF;float:left; width:100%;}
.details .item{
	float:left;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
.details .item span{ float:left; width:120px; text-align:center;}
.details .item span+div{ margin-left:120px;}

.tableorder{
	background-color:#ffffff;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;	border-top-color:rgba(0,176,80,1);
	border-bottom-color: #dddddd; clear:both; margin-top:15px; float:left; width:100%;
}
.tableorder .title{ background-color:#efefef; color:#000000; padding-left:5px; padding-right:5px; font-weight:bold;background-color:rgba(0,176,80,0.2); background-color:#dddddd; }
.tableorder .tbody{float:left;
	width:100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #dddddd;
	
	}

.tableorder .tbody+.null{ display:none}
.tableorder .mbody{
	float:left;
	width:100%;
	background-color:#f5f5f5;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #dddddd;
}
.tableorder .tbody 	.item{
	float:left;
	width:50%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}


.tableorder .tbody 	 .item span{ float:left; width:80px; text-align:center;}
.tableorder .tbody 	 .item span+div{ margin-left:80px;}

.tableorder .mbody 	.item2{ width:60px;}
.tableorder .mbody 	.item3{ width:100px; text-align:right; float:right; padding-right:10px;}
.tableorder .mbody .item1{ width:calc(100% - 170px);}


















.back,.addbtn{ text-align:center; padding-bottom:20px; padding-top:20px; clear:both;}
.back a.btn,.addbtn a.btn{ width:200px; line-height:45px;}

.addbtn a.btn{ width:90%;}

.addresstable .it:after,.addresstable .it:before{ display:none}
.addresstable .it .item2{ width:100%;}





.adddizhi{
	position:fixed;
	top:50%; margin-top:-100px;
	left:10%;
	width:80%;
	background-color:#ffffff;
	z-index:99;
	border: 5px solid #dddddd;box-sizing:border-box;  
	
	 transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);display:block; -webkit-transition:100ms; -moz-transition:100ms; -ms-transition:100ms; transition:100ms;
}
.adddizhi .close{ position:absolute; right:0; top:0; width:30px; line-height:30px; text-align:center; background-color:rgba(0,0,0,0.2); font-size:24px; color:#FFFFFF; cursor:pointer;}

.adddizhi .title{ line-height:30px;background-color:#00B050; color:#FFFFFF; padding-left:5px; padding-right:5px;}
.adddizhi .content{ padding:5px; height:160px; overflow-y:auto;}
.adddizhi.hover{  transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}
.adddizhi.hover+.bg{ position:fixed; background-color:rgba(0,0,0,0.3); top:0; left:0; height:100%; width:100%; z-index:98;}
.adddizhi .content .input textarea{
	width:100%; min-height:80px; padding:5px;box-sizing:border-box;
	border: 1px solid #dddddd;
}
.adddizhi .content .tijiao{ padding-top:20px;}

.orderstatus{
	display:table;
	width:100%;
	line-height:45px;
	background-color:#FFFFFF;
	text-align:center;
	font-size:16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #00B050; color:#000000;
}
.orderstatus span{ display:table-cell; position:relative; cursor:default;}
.orderstatus span.hover{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00B050;
}

.ordertable.orderli .odli{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #eeeeee; position:relative;
}
.ordertable.orderli .odli .m{ position:absolute; right:5px; top:0; }

.ordertable.orderli .odli .status{ width:100px; color:#555555; float:right; line-height:45px; text-align:right; margin-right:30px;}
.ordertable.orderli .odli .item2{ color:#000000; width:calc(100% - 150px);}


.ordertable.orderli .odli{
	padding-top:0;
	
}
.ordertable.orderli .odli .oli{border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #30BD70;border-top-color: #30BD70; line-height:45px; background-color:#f1f1f1; background-color:rgba(48,189,112,0.05);}
.ordertable.orderli .odli .ostatus{
	border: 1px solid #eeeeee; padding:5px; font-size:12px; border-radius:3px;
}
.ordertable.orderli .goods{border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee; clear:both; }
.ordertable.orderli .goods .gli{ padding:5px; font-size:14px;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;}

/*.ordertable.orderli .goods .gli:nth-child(2n){ background-color:#f5f5f5;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee;}
	*/
.ordertable.orderli .goods .gli .t{background-color:#f5f5f5; padding:10px;}	
	.ordertable.orderli .goods .gli span{ padding-left:5px; color:#000000;}
.ordertable.orderli .time{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eeeeee; padding-top:5px; font-size:14px; padding-left:5px; padding-right:5px; color:#333333;
}
.ordertable.orderli .it:after,.ordertable.orderli .it:before{ display:none}
/*.ordertable.hover .td{ display:none}*/
.ordertable.hover .td.hover{ display:block}
.ordertable.hover+.clear{ height:180px; float:left; width:100%;}
.ordertable.hover .th{ background-color:#FF9900}

.ostatus{ font-size:14px;}
.ostatus.A{ color:red;}
.ostatus.B{ color:#00B050;}
/*.ostatus.C{ color:red;}
.ostatus.D{ color:red;}*/
.ostatus.Z{ color:#333333;}

.addcart:before{ margin-right:5px; font-size:18px;}
.addcart{ position:absolute; right:0; bottom:0; font-size:14px; padding-right:10px; background-color:#00B050; color:#FFFFFF; padding-left:10px;}
#table.wltable .td.hover+ .form{ display:block;}
#table.wltable .td.hover > .iconfont{ display:block;}

.cart .itemall .del{ position:absolute; top:0; right:0; padding-right:10px; line-height:45px; color:#ffffff;}
.cart,#table.wltable.hover{ display:none;}
.cart.hover,#table.wltable{ display:block;}

#table.wltable form{ display:block; position:relative; float:left; width:100%;}
#table.wltable form.hover:after{Opacity:0;animation-name: ball;animation-duration: 0.5s;
	content:'';
	width:100%;
	height:100%;
	border: 2px solid #00B050; position:absolute;/* bottom: 0px; right: 0px;*/ z-index:3; background-color:rgba(255,255,255,0.3);width:0; height:0;right:5px; bottom:220px;
}

    @keyframes ball {
        0% {Opacity:1; bottom: 0px; right: 0px;width:100%; height:100%;}
   50% { position:fixed;}
        100% { width:0; height:0;right:5px; bottom:220px;}
 
    }
.sort{ background-color:#FFFFFF; padding-top:10px; padding-left:5px; padding-right:5px;}
.sort ul ul{ display:none}
.sort ul{ display:table; min-width:100%;}
.sort ul li{ display:table-cell; text-align:center;}	
.sort ul li a{
	border: 1px solid #dddddd; display:block; margin-left:5px; margin-right:5px;
}
.sort ul li.hover> a{background-color:rgba(0,176,80,0.8); color:#FFFFFF;}
.proli{ clear:both; background-color:#FFFFFF; padding:10px;}
	.proli .picli{ float:left; width:49%; margin-bottom:10px;}
	.proli .picli .img{
	border: 1px solid #dddddd;
}
.proli .picli .ntitle{ padding-top:10px; line-height:1.2;}

	.proli .picli *{ max-width:100%; text-align:center;}
	.proli .picli:nth-child(2n+1){ clear:both;}
	.proli .picli:nth-child(2n){ float:right}
	.layui-flow-more{ clear:both; text-align:center;}
	
	.proshow{ background-color:#FFFFFF; padding-top:20px; padding:10px; position:relative;}
	.proshow .swiper-container{
	width:100%;
	overflow:hidden;
	position:relative;
	/*border: 1px solid #dddddd; */
	margin-bottom:10px;
	--swiper-theme-color:#999999;
}
	.proshow .swiper-container img{ max-width:100%;}

.cms1 .epostion{ display:block; margin-bottom:0;}
.cms1 .content{ padding-top:20px; clear:both; line-height:1.5;}
.cms1 .content *{ max-width:100%;}
.nextpage{ clear:both; padding-top:10px;}