﻿@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 .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.8em ""; 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.8em ""}
.shouye .cg>div div span a:last-child{ display:inline-block; transition:all .3s; font-size:1em; padding:0 4px; border-radius:4px}
.shouye .cg>div div:hover span a:last-child{ 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:nth-child(2) div i{ background:#6699ff}
.caigou .cg:nth-child(4) div i{ background:#cc66cc}
.caigou .cg:nth-child(3) div i{ background:#ffa636}
/*  起始页  */

.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.1em; 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;}
.pad tbody td:nth-child(8) table td,.pad tbody td:nth-child(9) table td{ border:0; border-right:1px solid #e6e6e6}
.pad tbody td:nth-child(8) table td:last-child,.pad tbody td:nth-child(9) table td:last-child{ border-right:none;}
.pad table td,.pad th{ padding:0;}
.pad tbody td:nth-child(8),.pad tbody td:nth-child(9),.pad tbody td:nth-child(8) table td,.pad tbody td:nth-child(9) table td{ padding:0; line-height:38px;}

.goods .Ipt {
    max-width: 100px;
}

    .goods .Ipt div {
        position: relative;
    }

    .goods .Ipt input {
        padding: 4px 0 4px 1%;
        display: block;
        width: 99%;
        line-height: 16px;
        height: 16px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #fff;
    }

        .goods .Ipt div:hover input, .goods .Ipt div input:focus, .goods .Ipt input:hover {
            border-color: #5198e3;
            -webkit-transition-duration: 0.1s;
            -moz-transition-duration: 0.1s;
            -o-transition-duration: 0.1s;
            -ms-transition-duration: 0.1s;
            transition-duration: 0.1s;
        }

    .goods .Ipt span, .goods td.Ipt .layui-btn {
        position: absolute;
        right: 0;
        top: 1px;
        cursor: pointer;
        padding: 0;
        margin: 0;
    }

    .goods .Ipt span i {
        display: inline-block;
        font-size: 12px;
        padding: 0 2px;
        color: #6797da;
        line-height: 24px;
    }

    .goods .Ipt span i:hover {
        background: #f5f5f5
    }

.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;}
/* 分享 */

.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.name1, .add li.bz1 {
            width: 100%
        }

        .add li.bz1 {
            height: 3em;
        }

        .add li label {
            display: block;
            float: left;
            width: 72px;
            text-align: justify;
            text-align-last: justify
        }

        .add li input, .add li select, .add li textarea {
            width: 150px;
            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: 162px;
        }

        .add li.name1 input, .add li.bz1 textarea {
            width: 404px;
        }

            .add li input:focus, .add li input:hover, .add li.bz1 textarea:focus, .add li.bz1 textarea:hover, .add li select:focus, .add li select:hover {
                border-color: #5198e3;
                -webkit-transition-duration: 0.1s;
                -moz-transition-duration: 0.1s;
                -o-transition-duration: 0.1s;
                -ms-transition-duration: 0.1s;
                transition-duration: 0.1s;
            }
#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, .layui-table tr td a.iconfont {
    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);
    text-align: center;
}

    .cgdd .table a:hover, .layui-table tr td a.iconfont:hover {
        background: #7aa8e1
    }
.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; 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}

/*上传图片*/
.imgFileUploade {width: 100%; overflow:hidden;}
.imgFileUploade .header{ display:block; overflow:hidden;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 { display:inline;font:0.8em/2em ""; overflow:hidden;}
.imgFileUploade .imgAll div {width:115px; margin-right:10px;float: left;text-align:center; color:#ee4248}
.imgFileUploade .imgAll div img{ display:block; width:115px; height:90px;}
.delImg,.imgbox .imgFileUploade span.imgClick font{ font-style:normal;cursor: pointer; display:inline-block; border-bottom:1px solid #ee4248; letter-spacing:4px;}
.picbox {border: solid 1px #eee;}
.table2 a{ display:inline-block; width:20px; height:20px; margin:0 5px; font:0.6em/20px ""; background:#bdc5cb; border-radius:100%; color:#fff;}
.table2 a:hover{ background:#7aa8e1}

.imgbox{ padding-bottom:40px;}
.imgbox .imgFileUploade span.imgClick { display:block;width:115px; float:left;color: #169bd5;background: none; font-size:0.8em; text-align:center;}
.imgbox .imgFileUploade span.imgClick img{ width:115px; height:90px; display:block;}
.imgbox .imgFileUploade span.imgClick font{ border-color:#169bd5}

.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;}

.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; 
}
/**/
.layui-table-tool{ background: #fff; }
.layui-card-body{ padding: 0 15px; }
.layui-table-view .layui-table th{ font-weight: bold }
.layui-table-view .layui-table td{ padding: 0; }
.dingz{ overflow: hidden; }
.dingz>div{ width: 23%; margin-right: 1%; float: left; clear: none; }
.dingz>div:nth-child(10),.dingz>div:nth-child(12){ width:72%;}
.dingz>div:nth-child(11){ width:98%;}
.dingz input,.dingz select,.dingz select option{ line-height:1.8em; height:1.8em;}
.dingz>div{ padding: 0 10px 6px 0 }
.dingz .layui-form-item{ margin-bottom:6px; border:1px solid #e2e2e2; box-shadow: 0 0 4px #e2e2e2; padding:2px; transition: .3s; position: relative;}
.dingz .layui-form-item:hover,.dingz .layui-form-item:focus{ box-shadow: 0 0 4px #7ba8e6; color: #6797da; border-color: #6797da }
.dingz .layui-input-block{ height:auto; min-height: 22px; width:80%; padding-left:20%}
.dingz>div:nth-child(10) .layui-input-block,.dingz>div:nth-child(12) .layui-input-block{ height:auto; min-height: 22px; width:90%; padding-left:10%}
.dingz .dizhi .layui-input-inline{ width:88%; padding-left: 12%}
.dingz .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;}
.dingz .layui-input,.dingz>form .layui-select,.dingz>form .layui-textarea{ border:0; }