﻿@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;}
.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 .cg>div{ padding:0 2% 1.4em 0; overflow:hidden;}
.shouye .cg>div div{ display:block; width:90%; border:1px solid #d7d7d7; border-radius:4px; padding:0.75em 5%; overflow:hidden; transition:all .3s;}
.shouye .cg>div div:hover{ border:1px solid #4f90d4;}
.shouye .cg>div i{ display:block; width:1.8em; height:1.8em; float:left; color:#fff; text-align:center; font:2.5em/1.7em ""; background:#34ccfe; border-radius:4px; vertical-align:middle; margin-right:0.6em;}
.shouye .cg>div div span{ float: left }
.shouye .cg>div div span a{ display:block; font:1.33em/1.7em ""}
.shouye .cg>div div span a:nth-child(2){ display:inline-block; transition:all .3s; font-size:1em; padding:0 4px; border-radius:4px}
.shouye .cg>div div:hover span a:nth-child(2){ background:#47a6e9; color:#fff; box-shadow:0 0 5px #47a6e9}
.layui-form-select dl dd.layui-this{ background:#7aa8e1}

.caigou .cg>div{ padding:1.4em 2% 0 0; overflow:hidden;}
.caigou .cg:first-child a{font:1.33em/1.7em ""}
.caigou .cg:first-child a i{font:1.88em/1.8em ""}
.caigou .cg:nth-child(2) div i{ background:#ffa636}
.caigou .cg:nth-child(3) div i{ background:#636;}
.caigou .cg:nth-child(4) div i{ background:#cc9;}
.caigou .cg:nth-child(5) div i{ background:#903;}
.caigou .cg:nth-child(6) div i{ background:#9c9;}
/*.caigou .cg:nth-child(2) a{ line-height:3em;}*/
/*  起始页  */

.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;}
.set_tit .layui-card-header{ position:relative;padding: 8px 15px 0; margin-bottom:0.5em;}
.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 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: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;}
.add li label{ display:block; float:left; width:100px; 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;height:26px; line-height: 26px;}
.moreBtn i{ font-size:0.6em !important;font-family:"iconfont";}
.search{ margin-top: 5px;}
.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-row>div{ padding: 0 10px 6px 0 }
.cgdd .layui-row>div .layui-form-item{ margin-bottom: 0; border:1px solid #e2e2e2; box-shadow: 0 0 4px #e2e2e2; padding:2px; transition: .3s;}
.cgdd .layui-row>div .layui-form-item:hover,.cgdd .layui-row>div .layui-form-item:focus{ box-shadow: 0 0 4px #7ba8e6; color: #6797da; border-color: #6797da }
.cgdd>form .layui-input-inline{position: relative; width:80%; padding-left: 20%}
.cgdd>form .dizhi .layui-input-inline{ width:88%; padding-left: 12%}
.cgdd>form .layui-form-label{ padding:0; line-height:1.8em; width: 60px; position: absolute;left:3px; top:3px; z-index:2; text-align:justify; text-align-last: justify;}
.cgdd>form .layui-input,.cgdd>form .layui-select,.cgdd>form .layui-textarea{ border:0; }
.cgdd .layui-form-select dl{ top:2em;}
.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}

.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;}

.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; 
}
