@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,html{margin:0;padding:0;}
 
 
a{text-decoration:none; font-family:"微软雅黑";}
a:hover{text-decoration:none;}
i{font-style:normal}
em{font-style:normal;font-family:"微软雅黑",Arial !important;}
li{list-style:none;}
input{font-family:"微软雅黑"; }
select{font-family:"微软雅黑";}
p{word-wrap:break-word;}
.c{clear:both;}
.e{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle;}
.fr{ float:right;}
.fl{ float:left;}
.dis-no{ display:none; }


.layui-input:focus,.layui-textarea:focus{border-color:#0595f2 !important;}
.readonly{ background:#e2e2e2;}
.h-50{ height:50px;}
.mar-0{ margin:0px;}

#getQrcode{ padding:10px;}
#getQrcode img{ width:100%; height:100%; }

.div-w-100{width:100px;}
.div-w-150{width:150px;}
.div-w-200{width:200px;}
.div-w-300{width:300px;}
.div-w-400{width:400px;}
.div-w-500{width:500px;}
.div-w-600{width:600px;}

.bg-1{ background:#1E9FFF;}
.bg-2{ background:#5FB878;}
.bg-3{ background:#FFB800;}
.bg-4{ background:#FF5722;}

span.loading{ text-align:center; display: block; line-height:30px; font-size:14px; color:#666;}
span.loading i{ font-size:60px; color:#ccc;}

h1.trend-title{ font-size:15px; border-left:4px solid #1E9FFF; padding:3px 10px; margin:10px 20px; overflow:hidden; display: inline-block; position: relative; width: 100%;}
h1.trend-title p{ width:1px; height:30px; background:#eee; position: absolute; right: 272px; top: 0px;}
h1.trend-title span.span-num{ position: absolute;  right: 280px;}
h1.trend-title span{position: absolute;  right: 60px;}
h1.trend-title span a{ background:#f1f1f1; padding:5px 10px; cursor: pointer; }
h1.trend-title span a:hover,h1.trend-title span a.hover{ background:#1E9FFF; color:#fff;} 
h1.trend-title em{  position: absolute; left:100px; color:#999;}
h1.trend-title em b{ color:#1E9FFF;  margin-right:10px;}
h1.trend-title em b:nth-child(2){ color:#5FB878;}
h1.trend-title em b:nth-child(3){ color:#FFB800;}
h1.trend-title em b:nth-child(4){ color:#FF5722;}

.home-order-trend{ background:#fff; margin:20px 0 20px 20px; box-shadow: 0px 0px 10px #ccc; border-radius: 3px;}
#home-order-trend{ width:100%; height:350px;}

.home-title{ background:#fff; margin:20px; padding:20px; font-size:16px;}
.home-title p{ line-height:30px;}

.home-l{ width:75%;}
.home-r{ width:22.5%; background:#fff; box-shadow: 0px 0px 10px #ccc; border-radius: 3px; height:1145px; position: relative; margin:20px 20px 20px 0;}
.home-r h2{ background:#1E9FFF; color:#fff; text-align:center; font-size:16px; line-height:50px;border-radius: 3px 3px 0 0;} 
.home-r dl{ margin:10px 3%; border-bottom:1px solid #f1f1f1; padding-bottom:10px; overflow:hidden;}
.home-r dl dt{ width:60px; height:60px; float:left; overflow:hidden;}
.home-r dl dt img{ width:100%;}
.home-r dl dd{ margin-left:70px; line-height:18px;} 
.home-r dl dd p{ font-weight: bold; font-size: 13px; color: #333; line-height: 17px; height:34px; }
.home-r dl dd i{  background: #ffb71e;color: #fff;padding: 3px 5px;border-radius: 2px;margin-top: 1px;display: inline-block; margin:0 10px 0 0;} 
.home-r dl dd span{ line-height:25px; color:#888;}
.home-r dl dd span b{ font-size:16px; color:red;}
.home-r dl dd span em{ font-size:15px; color:#1E9FFF;}
.home-product-more{background: #1E9FFF; color: #fff; text-align: center; height: 40px; line-height: 40px; position: absolute; bottom: 0px; width: 100%; border-radius:0 0 3px 3px;}
.home-product-more a{ color:#fff; font-size:14px; display: block; transition: all .5s; -webkit-transition: all .5s;}
.home-product-more a:hover{ background: red;}

.home-dl{ overflow:hidden; margin:20px 0 0 20px;} 
.home-dl dl{ width:13%; float:left; color:#fff; padding:15px 3%; height: 70px; margin:0 1.25% 0 0;}
.home-dl dl.dl-1{ background:url(../images/v6-home-count-bg-1.png) no-repeat; background-size: 100% 100%; }
.home-dl dl.dl-2{ background:url(../images/v6-home-count-bg-2.png) no-repeat; background-size: 100% 100%; }
.home-dl dl.dl-3{ background:url(../images/v6-home-count-bg-3.png) no-repeat;  background-size: 100% 100%;}
.home-dl dl.dl-4{ background:url(../images/v6-home-count-bg-4.png) no-repeat;  background-size: 100% 100%;}
.home-dl dl.dl-5{ background:url(../images/v6-home-count-bg-5.png) no-repeat; background-size: 100% 100%; margin:0px;}

.home-dl dl dt{ font-size:14px;}
.home-dl dl dd{ padding:7px 0 0 0;}
.home-dl dl dd b{ font-size:26px;}
.home-dl dl dd p{ color:#fff;}
.home-copyright{ text-align:center; color:#666;}

.home-order-bottom-l{ background:#fff; box-shadow: 0px 0px 10px #ccc; border-radius: 3px; width:50%; height:311px; margin:0 0 0 20px}
.home-order-bottom-l dl{ margin:0 20px 5px 20px;}
.home-order-bottom-l dl dt{text-align:left; line-height:25px;}
.home-order-bottom-l dl dt b{ color:#1E9FFF;}
.home-order-bottom-l dl dd{display: block; overflow: hidden;}
.home-order-bottom-l .layui-bg-green {  background-color: #1E9FFF!important;}
.home-order-bottom-r{ width:46%; background:#fff; box-shadow: 0px 0px 10px #ccc; border-radius: 3px; height:311px;}

#home-order-rate{ width:60%; height:233px;}
#monthOrder{ width:100%; height:233px;}

.order-status{margin:20px 0 20px 20px; overflow:hidden;  background:#fff; box-shadow: 0px 0px 10px #ccc; border-radius: 3px; padding: 0 0 30px 0;}

.home-table{ width:94%; margin:0px 3%;}
.home-table th{ padding: 9px 0px; text-align:center;}
.home-table tbody tr td:nth-child(1){ color:#666;}
.home-table tbody tr{ text-align:center; font-weight: bold; color:#1E9FFF;}


.table-body{ background:#fff; margin:20px; padding:20px 0; border: 1px solid #e2e2e2; border-radius: 2px;}
.table-body .layui-form-switch{float:left; }
.table-body .layui-form-onswitch{border-color: #0595f2 !important;  background-color: #0595f2 !important;}
.table-body .layui-form-checked span, .layui-form-checked:hover span{  background-color: #0595f2;}
.table-body fieldset.layui-elem-field{ margin:0px 20px 10px 20px;   /*border-color: #0595f2;*/}
.table-body fieldset.layui-elem-field legend{ font-size:14px; color:#0595f2; font-weight: bold;}
.table-body a.look-var{ background:#333 !important; height: 25px !important; line-height: 25px !important; padding: 0px 8px !important;}
.table-body .layui-form-radio>i:hover, .layui-form-radioed>i { color: #0595f2;}
.table-body .layui-form-select dl dd.layui-this,.list-body .layui-form-select dl dd.layui-this{ background-color: #0595f2 !important;}
.table-body .norms-dl .layui-input{ height:30px; line-height:30px;}
.table-body .norms-dl .layui-btn{height:30px; line-height:30px;  padding: 0px 8px !important;}
.table-body .layui-input-block p{ line-height:38px;}
.table-body .layui-input-block p b{ color:red; font-size:14px;}
.table-body .layui-input-block p i.fa-pencil{ color:#0595f2; font-size:16px; margin-left:10px; text-decoration: underline; cursor:pointer;}

.table-body .norms-dl{ margin-left:110px;}
.table-body .norms-dl dl{ clear:both; margin:10px 0; overflow: hidden;}
.table-body .norms-dl dl dt{float:left; margin:0px 5px;}
.table-body .norms-dl dl dd{ width:28px; height:28px; overflow:hidden; border: 1px solid #e2e2e2; float:left; margin:0px 5px 0 0; position: relative;}
.table-body .norms-dl dl dd input[type="file"]{ width:28px; height:28px; opacity:0; position: absolute;top:0px; left:0px; z-index:2;}
.table-body .norms-dl dl dd img{ width:28px; height:28px; position: absolute; top:0px; left:0px;}
.table-body .norms-dl dl li{float:left; margin:0px 5px;}
.table-body .attention li{ line-height:22px;}
.table-body .attention li font{ color:red; font-weight: bold;}
.table-body .logistics dl{ float:left; margin-right:10px;}
.table-body .logistics dl dt{ line-height:25px;}
.table-body .logistics dl dd textarea{ width:200px; height:300px; padding:5px;}
.table-body .shuoming li{line-height:20px;}
.table-body  .paytype{ float:left;}
.table-body  .paytype dl{ clear:both; line-height:38px; margin-bottom:10px; overflow: hidden;}
.table-body  .paytype dl dt{ float:left; width:120px;}
.table-body  .paytype dl dd{ margin-left:0px; float:left; margin-top:8px;}
.table-body  .paytype dl dd input{ height:30px;}

.table-body .layui-input-block .layui-table td,.table-body .layui-input-block .layui-table th{padding:7px 15px;}
.table-body .layui-input-block .layui-form-checkbox[lay-skin=primary]{ padding-left: 0px !important; margin-top: 0px;}
.table-body .layui-input-block .layui-form-checked[lay-skin=primary] i{ border-color: #0595f2; background-color: #0595f2; color: #fff;}
.table-body .like-list{ height:300px; overflow-y:scroll;}

.table-body .upload_csv{ width:100px; line-height:38px; text-align:center; color:#fff; font-size:14px; position: relative;}
.table-body .upload_csv dt{position: absolute; z-index: 1; background: #0595f2; color:#fff; width:100px; line-height:38px;  border-radius: 0 2px 2px 0; }
.table-body .upload_csv dd{ position: absolute; top: 0px; height: 38px; z-index: 2; width: 100px; opacity: 0;}


.circle{ line-height:38px; color:#888; margin-left:15px;}
.circle .fa-exclamation-circle{ font-size:16px; color:red; }
.circle a[target="_blank"]{ color:#0595f2; text-decoration: underline;}

.submit{ margin-left:110px; background:#0595f2; color:#fff; height:40px; line-height:40px; width:120px; text-align:center;  font-size:14px; border-radius: 2px;}
.submit:hover{opacity: 0.8; cursor: pointer;}
.submit_position{position: fixed; bottom:0px; width:100%; z-index:9999; background:#f1f1f1; padding:10px 0;}
.submit_fixed{ left:50%; position: relative; margin-left:-70px;}

.order-search{ margin:20px 20px 0 20px; padding-bottom:0px; display: inline-table;}
.order-search li{ float:left; margin-right:10px;}
.order-search .layui-form-select dl dd.layui-this{ background-color: #0595f2 !important;}
.order-search li.search,.order-search li.list{ background:#0595f2; color:#fff; line-height:38px; padding:0px 15px; border-radius: 2px; font-size:14px;}
.order-search li.search:hover,.order-search li.list:hover{ opacity:0.8; cursor: pointer}

.list-body{ background:#fff; margin:20px; padding:10px 20px; border: 1px solid #e2e2e2; border-radius: 2px;}
.list-body .layui-table td{padding:7px 15px !important;}
.list-body .layui-table .layui-form-checked[lay-skin=primary] i { border-color: #0595f2; background-color: #0595f2; color: #fff;}
.list-body .layui-table .layui-form-switch{margin-top: 0px;}
.list-body .layui-table .layui-form-onswitch{border-color: #0595f2 !important;  background-color: #0595f2 !important;}
.list-body .layui-table thead tr th{ font-weight: bold; color:#333;}
.list-body .layui-table tbody input.sort{ height:28px; line-height:28px; text-align:center; padding-left:0px;}
.list-body .layui-table tbody .layui-btn{ float:left; height: 25px !important; line-height: 25px !important; padding: 0px 8px !important; font-size: 12px;}
.list-body .layui-table .layui-form-checkbox[lay-skin=primary]{padding-left: 0px !important;}
.list-body .layui-table tbody tr td img{ border:1px solid #e2e2e2; padding:3px; margin-right:5px; float:left; }
.list-body .layui-table tbody tr td img:hover{border:1px solid #0595f2; cursor:pointer;}
.list-body .layui-table tbody a.pro-target{ width:260px;display: inline-block; overflow: hidden; height: 15px; line-height: 15px; text-overflow:ellipsis;white-space: nowrap; margin-top: 5px;}
.list-body .layui-table tbody span.pro-target{ display: inline-block; overflow: hidden; height: 15px; line-height: 15px; text-overflow:ellipsis;white-space: nowrap; margin-top: 5px;}
.list-body .layui-table tbody tr td b{ color:#333;}
.list-body .layui-table .layui-form-select .layui-input{ line-height:30px; height:30px;}
.list-body .list-body-nav{ line-height:30px;}
.list-body .list-body-nav span{ font-size:14px; float:left; border-right:1px solid  #ccc; padding-right:10px;}
.list-body .list-body-nav span i{ color:#0595f2; padding:0px 3px;}
.list-body .list-body-nav .layui-btn{float:left; margin-left:12px; height: 30px !important; line-height: 30px !important; padding: 0px 10px !important;}
.list-body .list-body-nav p{ padding-left:12px; display: block; overflow: hidden;}
.list-body .list-body-nav .select{ margin-top: -30px;}}
.list-body .list-body-nav .select .layui-input{ height: 30px !important;}
.list-body .layui-form-select .layui-input{ height: 30px !important;}
.list-body .list-body-search{ float:right;}
.list-body .list-body-search dl{ height:30px; line-height:30px; border-radius:15px; border: 1px solid #e2e2e2; overflow: hidden;}
.list-body .list-body-search dl dt{float:left}
.list-body .list-body-search dl dt input{ width:200px; border:0; height:30px; line-height:30px; padding:0px 10px;}
.list-body .list-body-search dl dd{float:left; width:30px; text-align:center; cursor:pointer;}
.list-body .list-body-search dl dd i{ font-size:18px;}
.list-body .order{ margin:10px 0; }
.list-body .order td{font-size:12px !important;}
.list-body .order td font{ color:red; font-weight:bold;}
.list-body .order td a.a{ color:red;text-decoration: underline;}
.list-body .order .order-top{ border:1px solid #e2e2e2; border-bottom:0px; padding:0 10px; line-height:40px; display: flex;}
.list-body .order .order-top li{ float:left; margin-right:15px; font-size:14px;}
.list-body .order .order-top li span{ color:#0595f2;}
.list-body .order .order-top li font{ float:left;}
.list-body .order .order-top li font .layui-form-select{ margin-top:5px; width:100px;}
.list-body .order table{ margin:0;}
.list-body .order .order-top .layui-input{ height:30px; line-height:30px; margin-top:5px;}
.list-body .order .order-top li.check{ background:#0595f2; color:#fff; padding:0px 10px; border-radius:3px; height:30px; line-height:30px; margin-top:5px; cursor:pointer;}
.list-body .order .order-top li.check:hover{ opacity:0.8;}
.list-body .layui-btn-group{ margin:-3px 15px 0px 15px;}
.list-body .layui-btn-group #hover{ background:#0595f2; color:#fff;}
.list-body .layui-btn-group a:hover{background:#0595f2; color:#fff;}
.list-body .layui-btn-group input{width: 0; color: #555;text-align: center; height: 30px; border: none; line-height: 30px; cursor: pointer;}
.list-body i.fa-file-video-o{ background:#0595f2; color:#fff; padding:7px; cursor: pointer;  border-radius:2px;}
.list-body i.fa-list-alt{float:unset !important;}
.list-body .link i.fa{ background:#0595f2; color:#fff; padding: 5px; font-size: 16px; margin-right: 3px; border-radius: 2px; cursor:pointer;}
.list-body .link i.fa:hover{opacity:0.8;}
.list-body .domain-status{ line-height:28px;}
.list-body .domain-status dt,.list-body .domain-status dd,.list-body .domain-status li{ float:left;}
.list-body .domain-status dd{position:relative;}
.list-body .domain-status dd .layui-unselect{position:absolute; top:-5px;}
.list-body .domain-status dd .layui-form-onswitch{border-color: rgb(5, 149, 242) !important;background-color: rgb(5, 149, 242) !important;}
.list-body .domain-status li{ margin-left:80px;}
.list-body .domain-status li input{ height:30px;}


.layui-table-nav{ margin:20px 20px 15px 20px; background:#fff; padding:0px 5px; border: 1px solid #e2e2e2;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{ border-bottom: 2px solid #0595f2;}
.layui-tab-brief li.layui-this a{ color:#0595f2 !important;}


.upload{ width:120px; height:120px;position:relative; background:#009688c4; border:1px dashed #ccc; border-radius:3px; text-align:center; color:#fff;}
.upload dt{ margin-top:33px;}
.upload dt i.layui-icon{ font-size:40px;}
.upload dd{ line-height:25px;}
.upload:hover{ border:1px dashed #1E9FFF;}
 .upload-thumb{width:120px; height:120px; background:#666;position:absolute; top:0px; left:0px;cursor:pointer; opacity:0;}
.upload-1{}
.upload-2{ display:none;}
.upload-3{position:relative; display:none;}
.upload-3 p{ width:104px; height:104px; margin:8px; text-align:center;vertical-align: middle;}
.upload-3 p img{ display:inline-block;height:104px; width:100%; object-fit: contain; }
.upload-3 li{ position:absolute; top:0px; left:8px; background:rgba(0,0,0,0.5);width:104px; height:104px; z-index:1;}
.upload-3 li span{z-index:2; cursor:pointer;}
.upload-3 li span i.layui-icon{padding:8px; font-size:20px; color:#d2d2d2;margin-top: 30px; display: inline-block;}
.upload-3 li span i.layui-icon:hover{ color:#fff;}
.upload-3 li{display:none;}
.upload-3:hover li{display: list-item !important;}
.upload-3 p:hover li{display: list-item !important;}

.upload-3 li:hover li{display: list-item !important;}

.tttuuu:hover li{display:block !important;}
.tttuuu p:hover li{display:block !important;}
.tttuuu li:hover li{display:block !important;}




.upload-arr .upload-1,.upload-arr .upload-2{ float:left;}
.thumb-arr{ position:relative; width:120px; margin-right:10px;margin-bottom: 10px; height:120px;background:#f1f1f1; border:1px dashed #ccc; border-radius:3px; text-align:center; color:#666;}
.thumb-arr p{ width:104px; height:104px; margin:8px; text-align:center;vertical-align: middle;}
.thumb-arr p img{ display:inline-block;height:104px; width:100%; object-fit: contain; }
.thumb-arr li{ position:absolute; top:8px; left:8px; background:rgba(0,0,0,0.5);width:104px; height:104px; z-index:1;}
.thumb-arr li span{z-index:2; cursor:pointer;}
.thumb-arr li span i.layui-icon{padding:8px; font-size:20px; color:#d2d2d2;margin-top: 30px; display: inline-block;}
.thumb-arr li span i.layui-icon:hover{ color:#fff;}
.thumb-arr li{display:none;} 
.thumb-arr:hover{ border:1px dashed #1E9FFF;}
.thumb-arr p:hover li{display: list-item !important;}
.thumb-arr:hover li{display: list-item !important;}
.upload-3:hover li{display: list-item !important;}
.upload-3 p:hover li{display: list-item !important;}



.pages{ overflow:hidden; position:fixed; left:0px; bottom:0px; width:100%; background:#f1f1f1; padding:10px 0; text-align:center;}
.pages div{display: inline-block;}
.pages ul li{ float:left;} 
.pages ul li.disabled span{ color:#d2d2d2;}
.pages ul li a,.pages ul li span{ background:#fff;padding:0px 12px; border:1px solid #e1e1e1;border-right:none; line-height:35px; display: inline-block; font-size:14px;}
.pages ul li.active span{background:#1E9FFF; color:#fff;}
.pages div ul,.pages div ol{ float:left;}
.pages div ol{ line-height:35px; background:#fff; padding:0px 10px; border:1px solid #e1e1e1; color:#000; font-size:14px;}

.openThumb img{width:100%}

.no-content{ width:200px; margin:0px auto; text-align:center; padding:30px 0;}
.no-content dt img{ width:100%;}
.no-content dd{ font-size:16px; color:#333;}


.demo-dl{ margin:20px; }
.demo-dl dl{  float:left; margin:10px; overflow:hidden; position:relative; }
.demo-dl dl dt{ background:url(../images/phoneico.png) no-repeat top center;width:212px; height:412px;}
.demo-dl dl:hover p{ display:block;}
.demo-dl dl:hover li{ display:block;}
.demo-dl dl:hover a{ display:block;}
.demo-dl dl dt img{ width:188px; margin:67px 0px 0px 12px;}
.demo-dl dl dd{ height:40px; line-height:40px; text-align:center; background:#fff; border-radius:3px; font-size:14px;}
.demo-dl dl li{ position:absolute; z-index:2; top:140px; width:120px; background:red; color:#fff; border-radius:3px; height:35px; line-height:35px; text-align:center; left:45px; cursor:pointer; display:none;}
.demo-dl dl a{ position:absolute; z-index:2; top:190px; width:120px; background:#218ffd; color:#fff; border-radius:3px; height:35px; line-height:35px; text-align:center; left:45px; cursor:pointer; display:none;}
.demo-dl dl p{ background:#000; opacity:0.6; width:188px; height:278px; position:absolute; z-index:1; top:67px; left:12px; display:none;}