@charset "utf-8";
/* CSS Document */
@import "../font/iconfont.css";
.iconfont{font-family:"iconfont";}
html{width:100%; height:100%; background-image:url(d); background-attachment:fixed;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,p,blockquote,th,td,span,em,p,a,input,img,input,button{margin:0; padding:0; border:0; outline:none;}
ol,ul,li,dl,dd,dt,.from{ display:block; list-style-image:none;list-style-position:outside;list-style-type:none;}
body {
    font-family: "Microsoft YaHei",Arial;
    font-size: 1em;
    line-height: 1.5;
    font-size: 12px;
    color: #333;
    background: #e2e9ef;
    padding-bottom: 45px;
}
.fl { float:left;}
.fr{ float:right;}
.clear{ clear:both;height:0;}
a{text-decoration:none; list-style:none; cursor:pointer; color:#333;}
a:hover{text-decoration:none; color:#333;}
.ml1{ margin-left:1em;}
.mr1{ margin-right:1em;}
.mr2{ margin-right:2em;}

.main,.main1{ padding:0 1em; overflow:hidden; min-height:100vh}
.shouye{ background:#fff;}
.shouye>div>div{ padding:1.4em 2% 0 0; overflow:hidden;}
.shouye>div>div div{ display:block; width:90%; border:1px solid #d7d7d7; border-radius:4px; padding:0.75em 5%; overflow:hidden; transition:all .3s; line-height:2.8em;}
.shouye>div>div div:hover{ border:1px solid #4f90d4;}
.shouye>div>div i{ display:inline-block; width:1.8em; height:1.8em; color:#fff; text-align:center; font:1.88em/1.8em ""; background:#34ccfe; border-radius:4px; vertical-align:middle; margin-right:0.6em;}
.layui-form-select dl dd.layui-this{ background:#7aa8e1}
.shouye>div:nth-child(2) div i{ background:#ffa636}
.shouye div a{ position:relative; font: 1.33em/1.7em "";}
.shouye div font{ position:absolute; right:-2em; top:-1.5em; color:#da2b14; font-size:0.6em; background:url(../images/bg.png) no-repeat center; background-size:100%; text-align:center; width:28px; height:28px; line-height:28px;}
/*  起始页  */

.iframeNav{ border:1px solid #ccc; border-radius:4px; display:block; margin-bottom:0.5em}
.iframeNav a{ display:block; float:left; padding:0 0.5em; border-right:1px solid #ccc; transition:all .3s; font-size:0.75em;}
.iframeNav a:last-child{ border:none;}
.iframeNav a.on{ background:#fe7b29; color:#fff;}
/*  采购订单-gz  */

/*.set_tit .layui-tab-title li{ font-size:1.1em; color:#fff; margin-top:0.8em; border:none; border-top-right-radius:6px; border-top-left-radius:6px;}
.set_tit .layui-tab-title{ text-align:center; background:#7aa8e1;height:48px; border-radius:6px;}
.set_tit .layui-tab-title .layui-this{ color:#6699ff;}
.layui-tab-content{ background:#fff;}*/
/* 分类管理*/
.flgl{ overflow:hidden;}
.flgl>div{ background:#e2e9ef; width:12%; max-width:150px; float:left; line-height:40px; text-align:center; box-shadow:0 5px 10px #ccc;}
.flgl .hd{position:relative; background:#fff; }
.flgl .hd li{ padding:0 15px; cursor:pointer;border-bottom:1px solid #ddd;}
.flgl .hd li.on{ background:#7aa8e1; color:#fff;}
.flgl .bd{ width:85%; float:right;}
.flgl .bd li{ height:24px; line-height:24px;}
.flgl .bd li .date{ float:right; color:#999;}
.flgl .layui-table{ margin:0; width:100%}
#zilei .add li{ width:100%}
#zilei .add li input,#zilei .add li textarea{ width:200px}
#zilei .add input.upload_input {display: none;}

.set_tit .layui-card-header{ position:relative;}
.set_tit .layui-card-header button{ color:#fff; float:right; border:2px solid #7aa8e1; padding:1px; background:#7aa8e1; background-clip:content-box; line-height:24px; min-width:5em; margin-left:0.6em;}
.set_tit .layui-card-header button.add_btn{ float:left; border:none; margin:0;line-height:30px; padding:0 1em; background:#fe7b29; color:#fff;border-radius:4px; width:auto}
.set_tit .layui-card-header button.add_btn i{ margin-right:0.6em;}
.set_tit .layui-card-header button.choose_btn{float:left; border:none; margin:0;line-height:30px; padding:0 1em; background:#999; color:#fff;border-radius:4px; width:auto}
.set_tit .layui-card-header button.choose_btn.ck{background:#346ac9; color:#fff;}
.set_tit .layui-card-header p{ text-align:center; display:block; width:50%; font-size:1.5em; position:absolute; left:25%; top:0; line-height:42px; padding-top:0.3em;}
.set_tit .layui-tab-content{ padding:10px 0 0;}
.set_tit .layui-form-label{ padding:9px 0; width:auto}
.set_tit .layui-select-title{ overflow:hidden;}

.set_tit .layui-input-block{ margin-left:0}
.set_tit .layui-form-select dl{ padding:0;}
.table,.table th{ text-align:center; color:#333; font-size:1em;}
.table th.layui-btn{ background:none; border:none; height:100%; display:inline-block; vertical-align:middle}
.table i{ color:#0086df; font-size:1.4em;}
.table tbody tr td button,.table tbody tr td .layui-btn{ display:inline; font:1em/1.5 ""; height:auto; background:none; margin:0 5px; cursor:pointer; color:#333;}
.table th b{ color:#F00; font-weight:normal;}
.table1 tr td:nth-child(10) button{ color:#ff3333}
.table1 tr td:nth-child(11) button{ color:#346ac9}
.table table{ width:100%; border:none;}
.table table th{ border:none;}
.table table tr{ border-bottom:1px solid #e6e6e6}
.table table tr:last-child{ border-bottom:none}
.table table tr th{ border-right:1px solid #e6e6e6}
.table table tr th:last-child{ border:none;}
.table table tr{ font-size:0.8em;}


.add{ display:block; width:100%; padding:0 0 1em; overflow:hidden;}
.add li{ display:block; float:left; width:50%; margin-top:1.4em; font-size:0.9em;height:1.8em; line-height:1.8em; position:relative;}
.add li label{ display:block; float:left; width:70px; text-align:right;}
.add li input,.add li select,.add li textarea{ width:125px; border:1px solid #ccc; height:1.8em; line-height:1.7em;padding:0 5px;}
.add li textarea{ height:3em; font-size:0.8em;}
.add li select{ width:137px;}
.jz .add li{ width:100%;}
.jz .add li textarea{ width:350px;}
.kszh{ line-height:3.4em;}
#sort,#sort2,#sort3,#sort4,#sort5{ text-align:center;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background:#4f90d4}
												/*------------ 设置 ----------- */

.add2 li{ width:100%; min-height:1.8em}
.add2 li:nth-child(3),.add2 li:nth-child(3) textarea{ height:80px; float:left;}
.add2 li textarea{ width:350px; border:1px solid #ccc; padding:5px;}

.box_tab{ padding:0 0 10px; overflow:hidden}
.box_tab .layui-tab-title{ width:20%; overflow:hidden; height:auto; float:left; background:#fff; box-shadow:0 0 5px #999;}
.box_tab .layui-tab-title li{ display:block; border-bottom:1px solid #ccc;}
.box_tab .layui-tab-title li:last-child{ border-bottom:none;}
.box_tab .layui-tab-title .layui-this{ background:#7aa8e1; color:#fff;}
.box_tab .layui-tab-content{ padding:0.5em 1em; overflow:hidden; margin-top:0;}
.box_tab .layui-input-block{ margin:0}
.box_tab form p{ font-size:14px; line-height:3em;}
.box_tab form p label{ width:33.33%; display:block; float:left}
.box_tab form p input{ width:1.1em; height:1.1em; vertical-align:middle; margin-right:5px;}
												/*------------ 权限设置 ----------- */
												
.bottom{ background:rgba(0,0,0,0.2); padding:0.5em 1em; overflow:hidden;}
.bottom button.layui-btn{ background:#7aa8e1; line-height:2em;height:2em; padding:0 1em;}
.site1{ width:94%; padding:0 3%; font-size:0.8em;}
.site1 table{ display:block; max-height:420px; overflow:auto;}
.site1 td input{ width:85px; border:1px solid #dbdbdb; background:#fff;}
.site1 td label input{ width:1.1em; height:1.1em; display:inline-block; vertical-align:middle;}
.site1 .layui-table td,.site1 .layui-table th{ padding:2px 5px;}
.bg{ background:#f5f5f5}
.btn-class{ font-size:0.8em; background:#fff;}



.moreBtn,.moreBtn:hover{ background:#f5f5f5; color:#333; line-height:26px; height:26px;}
.moreBtn i{ font-size:0.6em !important;font-family:"iconfont";}
.search{ font-size:0.8em;}

.search .layui-form-item{ float:left; clear:none; height:1.8em; line-height:1.8em; margin-bottom:5px;}
.search .layui-form-pane .layui-form-label{ width:100px; padding:0;height:1.8em; line-height:1.8em;}
.search .layui-form-pane .layui-input{height:1.8em; line-height:1.8em; width:auto; max-width:150px;}
.search .layui-form-item .layui-input-inline{ width:auto; margin:0}
.search .layui-form-select .layui-input{ padding-right:0}
.search .layui-form-select dl{ top:1.8em;}
.table2 tr td input{ width:1.1em; height:1.1em; display:inline-block; vertical-align:middle;}
/*  高级搜索 end  */

/*采购退货单*/
.set_tit .layui-card-header div{ display:inline-block;}
.set_tit .layui-card-header div span{ font-size:0.8em;}
.cgdd input,.cgdd select,.cgdd select option{ line-height:1.8em; height:1.8em;}
.cgdd .layui-input-inline{font-size:0.9em; max-width:150px;}
.cgdd .layui-form-label{ padding:0; line-height:1.8em}
.cgdd .layui-form-item{ margin-bottom:5px;}
.cgdd .layui-row .layui-btn-sm{ line-height:26px; height:26px;}
.cgdd .layui-form-select dl{ top:2em;}
.dkxd .table tbody tr td button,.dkxd .table tbody tr td:nth-child(4){ color:#7aa8e1}
.cgdd .table tfoot tr td{ color:#fe7b29}
.cgdd .table tfoot tr td:first-child{ color:#333;}
.cgdd .table a{ display:inline-block; width:20px; height:20px; margin:0 5px; font:12px/20px ""; background:#bdc5cb; border-radius:100%; color:#fff;transform:scale(0.7,0.7);}
.cgdd .table a:hover{ background:#7aa8e1}
.reason{ border:1px solid #eee; box-shadow:0 0 10px #f0f0f0; padding:0 10px; margin:20px auto 45px; line-height:38px}
.reason .layui-input-block{ margin-left:90px;}
.reason .layui-form-item{ margin:0;}
.reason .layui-input,.cgdd .reason .layui-form-label{ border:0; line-height:38px;height:38px;}
.caoz .table a{ display:inline-block; width:20px; height:20px; margin:0 5px; font:0.6em/20px ""; background:#bdc5cb; border-radius:100%; color:#fff;}
.caoz .table a:hover{ background:#7aa8e1}
.ddgl tbody span{ display:inline-block; padding:0 2px; background:#d81e06; color:#fff; margin-left:5px; border-radius:4px;}
.spgl tbody tr td:nth-child(14) i,.spgl tbody tr td:nth-child(7) i{ display:inline-block; border:1px solid #ccc; width:1.4em; height:1.4em; font:0.8em/1.4em ""; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; vertical-align:middle; transition:.1s;}
.spgl tbody tr td:nth-child(14) i.on,.spgl tbody tr td:nth-child(7) i.on{ background:url(../images/choose2.png) no-repeat center; background-size: 100% 100%}

.footbox{ position:fixed; bottom:0; left:0; right:0; background:#f4f4f4; border-top:1px solid #e7e7e7; height:44px; line-height:44px; padding-left:5px;}
.footbox li{ display:block; float:left; width:20%; font-size:12px; position:relative;}
.footbox li:first-child{ line-height:22px;}
.footbox li i{ color:#4f90d4; font-size:12px;}
.footbox li p{ display:inline-block; padding-left:5px;}
.footbox li .money{ color:#ed383f}
.footbox li button{ display:block; float:left; width:50%; color:#fff; background:#bcbcbc; line-height:44px; cursor:pointer}
.footbox li button:last-child{ background:#ef383f;}
.footbox li span{ width:220px; padding:0 5px; background:#fff; box-shadow:0 0 10px #999; line-height:30px;position:absolute; top:-32px; left:28px; border-radius:4px; display:none; transition:.3s;}
.footbox li div{ display:inline-block;}
.footbox li div:hover span{ display:block;}
.footbox li span:after{ content:"";display:block; width:0; height:0;  border-width:6px 6px 0; border-style:solid; border-color: #fff transparent transparent; position:absolute; bottom:-6px; left:10px;}

.share{float:right; position:relative; border-right:1px solid #ccc; padding-right:0.6em; height:30px; line-height:30px;}
.share i{ font-size:1.6em; color:#2aa0de;}
.share span{ position:absolute; top:30px; left:-50px; z-index:99; width:110px; padding:10px 10px 0; text-align:center; font:12px/24px ""; display:none; background:#fff; box-shadow:0 0 10px #ccc;}
.share span img{ display:block; margin:0 auto;}
.share:hover span{ display:block;}
h1{ font-size:1.2em; display:block; margin-top:0.5em;}

/*上传图片*/
.imgFileUploade {width: 100%; overflow:hidden;}
.imgFileUploade .header{ display:block; overflow:hidden; width:100%; font-size:0.8em;}
.imgFileUploade .header span {display: block;float: left;}
.imgFileUploade .header span.imgClick {cursor: pointer;color: #fff;background: #FF5722;display: inline-block;padding: 0 1em;line-height: 1.8em;}
.imgFileUploade .header span.imgcontent {color: #999;}
.imgFileUploade .imgAll {width: 100%;margin-top:1em;}
.imgFileUploade .imgAll ul:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0}
#goods .imgFileUploade .imgAll ul li {width:14%; margin-right:1%;height: 7em;border: solid 1px #eee; padding:0 4% 0 0;float: left;position: relative;box-shadow: 0 0 10px #eee;}
#goods .imgFileUploade .imgAll ul li:last-child{ margin-right:0;}
.imgFileUploade .imgAll li img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.delImg {position: absolute;top: -0.5em;right:0;width: 1.2em;height: 1.2em;background: #999;border-radius: 50%;display: block;text-align: center;line-height: 1.2em;color: #fff; font-style:normal;cursor: pointer;}
.picbox {border: solid 1px #eee;}
#goods .table2 a{ display:inline-block; width:20px; height:20px; margin:0 5px; font:0.6em/20px ""; background:#bdc5cb; border-radius:100%; color:#fff;}
#goods .table2 a:hover{ background:#7aa8e1}
/*商品管理上传图片*/
.icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden; background:url(../images/del.png) no-repeat center; background-size:10px;}
.item {float: left;position: relative;margin: 20px;}
.addImg {width: 40px;height: 40px; background:url(../images/picup.png) no-repeat center;}
#goods .add input.upload_input {display: none;}
.preview {position: absolute;width: 50px;height: 50px;left:100px;top:-10px;}
.click {position: absolute;width: 50px;height: 50px;left:100px;top:-10px;z-index: 1;cursor: pointer;}
.delete1 {position: absolute;left:150px;top:-20px;cursor: pointer;display: none; color:#333}
.preview img {width: 100%;height: 100%;}

.test_triangle_border .popup em{
    display:block; 
    width:0; 
    height:0; 
    border-width:0 10px 10px; 
    border-style:solid; 
    border-color:transparent transparent #fc0; 
    position:absolute; 
    top:1px; 
    left:-10px;
}


select{
 z-index: 4;
 padding:0 20px 0 5px;
 appearance: none;  
 -moz-appearance: none;  
 -webkit-appearance: none; 
 background-color: transparent;
 background:url(../images/arrow.png) no-repeat right 0.5em center;
 background-size:8px;
}
select::-ms-expand { 
 display: none; 
}

.box_tit{ font-size: 14px; font-weight:bold; }
.layui-upload .layui-upload-list img{ width: 250px; height: auto }
.art-add li{ width:25% }
.art-add li.dz{ width: 50%; }
.art-add li.dz input{ width:75%; }
.art-add li input{ width:160px;}
.art-add li select{ width:172px;}
.art-add li label{ text-align: justify; text-align-last: justify; }