section{}
.buttonl{
	text-align: center;
	margin-top: 50px;
}
.buttonl button{ margin-right: 20px!important;}

.newsorderi{
	margin: 100px 0px;
}
.newsorderi h2{ color: #3d3d3d; font-size: 36px; text-align: center; margin-bottom: 50px;}
.newsorderi ul {}
.newsorderi ul li{ width: 48%; float: left; text-align: center;}
.newsorderi ul li:nth-child(2){ float: right;}
.newsorderi ul li a{ color: #3d3d3d; font-size: 18px; line-height: 100px; border: 1px solid #000000; display: block;}
.newsorderi ul li p{ text-align: right; font-size: 12px; line-height: 30px; color: #3d3d3d;}

.newsorderi .uploadbutton{ 
	width: 100%; height:100px; line-height: 100px; 
	background: none; border: 1px solid #000000;
	font-weight: bold;
	color: #4a4a4a;
	font-size: 16px;
	position: relative;
}
.newsorderi .uploadbutton i{
	background: url(../images/upload.png) no-repeat center center;
	width: 36px;
	height: 32px;
	display: block;
	float: left;
	position: absolute;
	top: 34px;
	left: calc(50% - 145px);
}
.newsorderi .uploadbutton:hover{ border: 1px solid #5177fa; color: #5177fa;}
.newsorderi .uploadbutton:hover i{background: url(../images/upload_hover.png);}
.newsorderi .uploadbutton img{ margin-right: 10px;}
.newsorderi .submit{ width: 150px; margin: 20px auto 0px auto;}

.newsorderi .orderpro{ position: relative; height: 70px; margin-bottom: 40px;}
.newsorderi .orderpro:after{
	content: '';
	height: 5px;
	width: 100%;
	background: #000000;
	position: absolute;
	left: 0;
	top: 60px;
}
.newsorderi .orderpro dl{ 
	width: 30%; 
	text-align: center; 
	float: left;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 40px;
	height: 70px;
	position: relative;
}
.newsorderi .orderpro dl:first-child{text-align: left; width: 20%;}
.newsorderi .orderpro dl:last-child{ text-align: right; width: 20%;}
.newsorderi .orderpro dl.active a{
	color: #5177fa;
}
.newsorderi .orderpro dl.active:after{
	background: url(../images/sanjiao.png) no-repeat bottom;
	width: 28px;
	height: 25px;
	content: '';
	position: absolute;
	bottom: 0;
	z-index: 9999;
	margin: 0 auto;
	left: calc(50% - 14px);
}
.newsorderi .orderpro dl:first-child.active:after{
	left: 50px;
}
.newsorderi .orderpro dl:last-child.active:after{
	left: calc(100% - 40px);
}

.newsorderi .notClick { cursor: auto !important;}
.newsorderi .notClick:hover { color: #333 !important;}

.newsorderi .po{ padding: 0;}
.newsorderi .bill{ background: #f5f5f5; margin-top: 50px; padding-bottom: 50px;}
.newsorderi .bill h2{ padding-top: 50px; font-size: 24px; font-weight: bold;}
.newsorderi .bill2{ margin-top: 50px;}
.newsorderi .bill2 h2{ padding-top: 50px; font-size: 24px; font-weight: bold;}
.newsorderi .pick h4{ font-size: 16px; line-height:30px; color: #555555;}
.newsorderi .pick p{ font-size: 14px; line-height:25px; color: #858585;}
.newsorderi .notes{ padding-bottom: 50px;}

.product{}
.product h2{ font-size: 32px;}
.product .prolist{ background: #f5f5f5; padding: 50px 0; margin-bottom: 50px;}
.product .prolist h3{ font-size: 32px; margin-bottom: 30px; color: #3d3d3d;}
.product .prolist dd{ width: 100%;}
	.product .prolist dd img {
		width: 100%;
		height: 510px;
	}
.product .prolist h4{ font-size: 26px; line-height: 40px; color: #3d3d3d;}
.product .prolist a{ color: #5177fa; font-size: 14px; line-height: 40px;}
.product .prolist a.active{ background: #5177fa; color: #FFFFFF; width: 100px; text-align: center; display: block; height: 40px; line-height: 40px;}

.productsku .prolist{background: #f5f5f5; padding: 30px;}
.productsku .prostyle{ background: #f5f5f5; width: 100%; overflow: hidden;}
.productsku .img{ float: left; height: 240px; width: 204px; overflow: hidden;}
.productsku .img img{ height: 100%;}
.productsku .prosx{ 
	position: relative;
	height: 240px; width: calc(100% - 204px); 
	float: right;
	color: #3d3d3d; font-size: 16px; line-height: 30px;
}
.productsku .prosx a{ position: absolute; bottom: 0px; font-size: 12px; display: block; cursor: pointer;  }
.productsku .sku .layui-edge{
	background: #707070;
	width: 36px;
	height: 36px;
	right: 1px;
	border: none;
	bottom: 0;
	top: calc(100% - 34px)!important;
	background: url(../images/j1.png) no-repeat;
	background-size: 100% 100%;
}
.productsku .sku .layui-form-selected{
	width: calc(100% - 36px)!important;
}
.productsku .sku .layui-form-selected .layui-edge{
	margin: -3px;
	display: none;
}
.productsku .layui-form-select dl { top: auto!important; }






.proorder{
	margin-top: 50px;
}
.sku i{ 
	width: 36px; 
	height: 36px; 
	position: absolute; 
	right: 0; 
	bottom: 1px; 
	font-size: 20px; 
	color: #fff; background: #707070;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}


.proorder table{ color: #3d3d3d; border-collapse:separate; border-spacing:0px 5px;}
.proorder table tr th{ font-weight: 100; font-size: 16px;}
.proorder table tr td{ line-height: 25px; height: 60px; padding: 0 10px; background: #f5f5f5; font-size: 16px;text-align:center;}
.proorder table tr td:nth-child(2){ width: 5px; padding: 0;}
.proorder table tr td:nth-child(1),
.proorder table tr td:nth-child(4),
.proorder table tr td:nth-child(5),
.proorder table tr td:nth-child(7),
.proorder table tr td:nth-child(8),
.proorder table tr td:nth-child(9){ text-align: center;}
.proorder p{ line-height: 30px; color: #3d3d3d;}
.proorder .claim{}
.proorder table tr td button.layui-btn{ width: 60px!important; padding: 0!important;}
.proorder .mod{ cursor: pointer; }
.proorder .mod img{ width: 24px; margin-left: 10px;}
.proorder .mod span{float: left;}
.proorder .mod i{ 
	background: #5177fa; width: 24px; height: 24px; display: block; 
	text-align: center; line-height: 24px; border-radius: 24px; color: #fff;
	text-decoration: none;
	float: left;
	margin-left: 10px;
	font-style: normal;
}
.proorder .pronum span{ padding: 0 10px; color: #5177fa; font-size: 18px; }
.proorder .pronum img{cursor: pointer;}

.proorder .DoorColor_td {
	text-align: left !important;
	font-weight: bold;
	font-size: 23px;
	height: 33px !important;
	line-height: 33px !important;
}

.proorder .productcode_parent_td {
	text-align: left !important;
}

.proorder .productcode_child_td {
	text-align: left !important;
	text-indent: 0.7em !important;
}

.proorder .layui-form-checkbox span {
	font-weight: normal !important;
	font-size: 16px !important;
	color: gray !important;
}
.proorder .layui-form-checkbox span:hover {
	border: 0px solid #5177fa;
	color: #5177fa !important;
}

.claimed {
	margin-top: 50px;
	background: #f5f5f5;
	padding: 50px 0px;
}
.claimed table{ color: #3d3d3d; border-collapse:separate; border-spacing:0px 5px;}
.claimed table tr th{ font-weight: 100; font-size: 16px;}
.claimed table tr td{ line-height: 25px; height: 60px; padding: 0 10px; background: #FFFFFF; font-size: 16px;}
.claimed table tr td:nth-child(2){ width: 5px; background: #f5f5f5; padding: 0;}
.claimed table tr td:nth-child(1),
.claimed table tr td:nth-child(4),
.claimed table tr td:nth-child(5),
.claimed table tr td:nth-child(7),
.claimed table tr td:nth-child(8),
.claimed table tr td:nth-child(9){ text-align: center;}


.sett{ margin-top: 50px;}
.sett p{ color: #3d3d3d; margin-bottom: 5px;}
.sett .code {}
.sett .code .codes{position: relative;width: 300px;float: right;}
.sett .code i{ 
	width: 36px; 
	height: 36px; 
	position: absolute; 
	right: 0; bottom: 1px; 
	font-size: 20px; 
	color: #fff; 
	background: #707070;
	text-align: center;
	line-height: 36px;
}
.sett .code .msg{line-height: 20px; color: #f00; clear: both; text-align: right;}

.sett .prices{ clear: both; text-align: right; padding-top: 50px;}
.sett .prices dl{overflow: hidden; line-height: 40px; font-size: 18px; font-weight: 100; color: #3d3d3d;}
.sett .prices dd{ float: right;}
.sett .prices dd:nth-child(1){ width: 120px; text-align: left; margin-left: 20px;}
.pickup { border-bottom: 1px solid #707070; padding-bottom: 10px;}
.pickup h4{ font-size: 24px; text-align: center;}
.pickup p{ line-height: 30px; font-size: 16px;}
.pickup dd{ line-height: 22px; font-size: 12px; margin-top: 30px;}

.date{ margin-top: 30px; border-bottom: 1px solid #707070; padding-bottom: 10px;}
.date .title{float: left; font-size: 16px; width: 230px; text-align: right;}
.date .datetime{ width: 350px; float: left; margin-left: 50px;}

.dates{ margin-top: 30px;}
.dates .title{float: left; font-size: 16px; width: 150px;}
.dates .times{ width: 350px; float: left;}
.dates .times dl{ margin-bottom:10px ;}


#payTips{ display: none; }
.tips{ padding: 50px 80px; text-align: center;}
.tips p{
	line-height: 25px;
	text-align: center;
	color: #707070;
}
.tips dl{ text-align: center; margin-top: 20px; }
.tips dl .layui-btn{ width: 370px!important; margin: 20px;}
.tips dl .layui-btn2 {
		width: 150px !important;
		margin: 20px;
	}
.tips h2{ font-size: 30px; color: #3d3d3d; text-align: center; margin-top: 50px; margin-bottom: 10px;}
.tips a.pay{ display: inline-block; border:1px solid #707070; margin-top: 10px; height: 35px; width: 195px; line-height: 35px; text-align: center; margin-right: 20px; }



.orderaddress{ display: flex; border-bottom: 1px solid #707070; padding-bottom: 20px;}
.orderaddress dd{ width: 33.33%; line-height: 25px;}
.orderaddress dd h4{ line-height: 40px; font-size: 16px;}
.ordersubinfo{ margin-top: 20px; border-bottom: 1px solid #707070; padding-bottom: 20px;}
.ordersubinfo dl{ display: flex; line-height: 30px;}
.ordersubinfo dl dd{ width: 20%;}
.ordersubinfo dl dd h4{ line-height: 30px; font-size: 16px;}
.ordersubinfo .po{ background: #f5f5f5; padding: 20px; line-height: 25px; margin-top: 20px; overflow: hidden;}
.ordersubinfo .po label{ width: 50px; float: left;}
.ordersubinfo .note{ overflow: hidden; margin-top: 20px; line-height: 25px;}
	.ordersubinfo .note label {
		float: left;
		text-align: left;
	}


.ordermenu{margin: 100px 0px 0px 0px;}
.ordermenu h1{ font-size: 48px; text-align: center; color: #3d3d3d;}
.ordermenu ul{ text-align: center; margin:30px 0px 10px 0px; border-bottom: 1px solid #707070; padding-bottom: 20px;}
.ordermenu ul li{ display: inline-block; width: 120px; font-size: 16px;}
.ordermenu ul li.active a{ color: #5c80fa;}
.orderlist{
	margin: 0px auto 100px auto;
}
.orderlist table{ color: #3d3d3d;border-collapse:separate; border-spacing:0px 5px;}
.orderlist table tr th{ font-weight: 100; font-size: 16px; padding-bottom: 10px;}
.orderlist table tr{ margin-bottom: 5px;}
.orderlist table tr td{ 
	line-height: 25px; height: 60px; font-size: 14px; 
	padding: 0 10px; background: #f5f5f5;
	text-align: center;
}
.orderlist table tr td:nth-child(3){ text-align: left;}
.orderlist table tr td button.layui-btn{ width: 60px!important; padding: 0!important;}

.orderinfo{
	margin: 100px 0px 0px 0px;
}
.orderinfo h2{ color: #3d3d3d; font-size: 36px; text-align: center; margin-bottom: 50px; font-weight: bold;}
.orderinfo .proorder table tr th{ font-weight: bold;}
.orderinfo .proorder table tr td:nth-child(2){ width: 5px; padding: 0; background: none;}
.orderinfo .proorder table tr td:nth-child(3),
.orderinfo .proorder table tr td:nth-child(5),
.orderinfo .proorder table tr td:nth-child(7),
.orderinfo .proorder table tr td:nth-child(8){ font-weight: bold;}
.orderinfo h4{ font-weight: bold; color: #000; }
.orderinfo .po label,.orderinfo .note label{ font-weight: bold; color: #000; }
.orderinfo .sett dl{ font-weight: bold; }

.orderinfo .claimed table tr th{ font-weight: bold;}

/*分页*/
.pagination-wrapper{ 
  	margin: 40px auto 100px auto;
  	text-align: center;
} 
.pagination{  

} 
.pagination li{
	display: inline-block;
	vertical-align: top;}
.pagination li a,.pagination li span{ 
  	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	margin-right: 8px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #dfdfdf; 
  	color: #999; 
  	text-decoration: none; 
  	border-radius: 4px;
  	box-sizing: border-box;
  	transition: all .3s;
  	background: #f7f7f7;
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	background:#ec151f; 
  	color:#fff; 
  	border-color: #ec151f;
} 
.pagination li.active a,.pagination li.active span { 
  	background: #ec151f; 
  	color: #fff;
  	border-color: #ec151f;
  	display: block;
} 
.pagination .pageinfo{
	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #555555; 
  	color: #555555; 
  	box-sizing: border-box;
}
/*分页*/


a:hover {
	border: 0px solid #5177fa;
	color: #5177fa;
}
.skuprod {
	color: gray;
}