.size12{ font-size:1.2rem !important;}
.bootstrap-table .table td{ word-break:break-all; white-space: nowrap;}
.breadcrumb{ padding: 5px 10px; margin-bottom: 0;}
a.tihs-select:hover{ color:#3C6385;}
/*閻樿埖锟戒線顤侀懝鎻掞拷锟�*/
.status-color01{ color: #333333}
.status-color02{ color: #ff7310}
.status-color03{ color: #F22727}
.status-color04{ color: #7BB77C}
.status-color05{ color: #00a800}
.status-color06{ color: #5bc0de}
.bg-color01,.bg-color02{background: rgba(255, 242, 205, 0.7)!important;}
.bg-color03{background: rgba(212, 205, 242, 0.7)!important;}
.bg-color04{background: rgba(205, 242, 206, 0.7)!important;}
.bg-color05{background: rgba(244, 244, 244, 0.7)!important;}
/*闁插秵鐎�*/
.color-green{color:#3C6385 !important;}
.color-orange{ color:#F90 !important;}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav>li, .nav>li>a {
    position: relative;
    display: block;
}
.nav>li>a { padding: .5rem;}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.caret {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    content: '';
    width: 0;
    height: 0;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-top: .2rem solid #fff;
}
.topnav-navbar{border-radius:0;border:none;background:#3C6385;margin:0}
.topnav-navbar .navbar-nav{border-left:1px solid rgba(255, 255, 255, .1);min-height:2.5rem}
.topnav-navbar .navbar-nav li{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative}
.topnav-navbar .navbar-nav li a{color:#fff;font-size:.75rem;padding-top:0;padding-bottom:0;max-height:2.5rem;line-height:2.5rem;cursor:pointer}
.topnav-navbar .navbar-nav li a:hover{background:#fff; color:#333}
.topnav-navbar .navbar-nav li a:hover .caret{content:'';width:0;height:0;border-left:.2rem solid transparent;border-right:.2rem solid transparent;border-top:.2rem solid #000;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.topnav-navbar .navbar-nav li a:active,.topnav-navbar .navbar-nav li a:focus{background:#fff;color:#333}
.topnav-navbar .navbar-nav li a:active .caret,
.topnav-navbar .navbar-nav li a:focus .caret{content:'';width:0;height:0;border-left:.2rem solid transparent;border-right:.2rem solid transparent;border-top:.2rem solid #000}
.topnav-navbar .navbar-nav li a.active{background:#fff;color:#333}
/*.topnav-navbar .navbar-nav li .dropdown-menu{border:none;margin:0;top:0;}*/
.topnav-navbar .navbar-nav li .dropdown-menu{border:none;margin:0;}
.topnav-navbar .navbar-nav li .dropdown-menu ul{margin:0;padding-left:0;padding-right:0;white-space:nowrap}
/* .topnav-navbar .navbar-nav li .dropdown-menu ul li{width:100%} */
.topnav-navbar .navbar-nav li .dropdown-menu ul a{display:block}
.topnav-navbar .navbar-nav li .dropdown-menu li a{color:#000;font-size:.7rem;min-height:2rem;line-height:2rem;padding:0 1rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.topnav-navbar .navbar-nav li .dropdown-menu li a:hover{background:#f6f6f6;color:#555;text-decoration:none}
.topnav-navbar .navbar-nav li.panel .caret{margin-left:.4rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.topnav-navbar .navbar-nav li.panel:hover{background:#fff;color:#000}
/*.topnav-navbar .navbar-nav li.panel:hover .dropdown-menu{display:block}*/
.topnav-navbar .navbar-nav li.panel:hover a{background:#fff;color:#000}
.topnav-navbar .navbar-nav li.panel:hover a .caret{content:'';width:0;height:0;border-left:.2rem solid transparent;border-right:.2rem solid transparent;border-top:.2rem solid #000}
.topnav-navbar .navbar-nav li .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:.25rem 0 .25rem .25rem;border-left-color:#bbb;position:absolute;top:50%;right:.5rem;margin-top:-.25rem}
.topnav-navbar .navbar-nav li .dropdown-submenu:hover .dropdown-menu{display:block!important}
.topnav-navbar .navbar-nav li .dropdown-submenu:hover .dropdown-toggle{background:#f6f6f6}
.topnav-navbar .navbar-nav li .dropdown-submenu:hover a:after{border-left-color:#00736b}
.topnav-navbar .navbar-nav li .dropdown-submenu .dropdown-menu{top:0;left:100%;display:none!important}
.topnav-navbar ul.navbar-right{border-left:none;margin-right:0}
.topnav-navbar ul.navbar-right li.panel{border-left:1px solid rgba(255, 255, 255, .1)}
.topnav-navbar ul.navbar-right li.panel.message{ border-left:none;}
.topnav-navbar ul.navbar-right li.panel.message a{ padding: 0 1rem;}
.topnav-navbar ul.navbar-right li.panel.message a i{ margin-right: 0; font-size: 1rem; display: inline-table; line-height: 2.5rem;}
.topnav-navbar ul.navbar-right li.panel.message a em{ position: absolute; top: 5px; right: 5px; background: #F90; padding: 0 5px; border-radius: 16px; font-size: 12px;min-height: 16px; min-width: 6px; text-align: center;line-height: 16px; }
.topnav-navbar ul.navbar-right li.panel.message a em.panel_em{ top: 10px; right: 10px; background: #ff3a3a; border-radius: .5rem; height: .5rem; width: .5rem; padding:0;}
.topnav-navbar ul.navbar-right li.panel.message .dropdown-menu a em{ top: 12px; background: none; color: #F90; font-size: 14px;}
.topnav-navbar ul.navbar-right li:hover.panel.message>a{ color:#3C6385;}
.topnav-navbar ul.navbar-right li:hover.panel.message>a em{ color:#fff;}
.topnav-navbar ul.navbar-right .dropdown-menu ul{max-height:calc(100vh - 11rem);overflow:auto}
.topnav-navbar .avatar-container{margin-right:.5rem}
.topnav-logo{height:2.5rem;line-height:2.5rem;float:left;padding:0 .5rem}
.topnav-logo img{height:70%;width:auto}
.erp-nav li a i{ margin-right:.5rem;}
.topnav-navbar .navbar-nav li .dropdown-menu.dm-icon li a{ position:relative; padding-left:40px;}
.topnav-navbar .navbar-nav li .dropdown-menu.dm-icon li a i{ position: absolute; top: 0; left: 10px; line-height: 2rem;}
.topnav-navbar .navbar-nav li .dropdown-menu.dm-icon li.tel{background: #3C6385; padding: 10px 0; color: #fff;}
.topnav-navbar .navbar-nav li .dropdown-menu.dm-icon li.tel span{display: block; text-align: center;}
.nav + .tab-content {
    position: absolute;
}
/*缁旀潡av*/
.nav-vertical{border-top: 1px solid #e7e7e7 !important;}
.nav-vertical .nav{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 170px;
    overflow: auto;
    padding-right: 10px;
    border-bottom: none;
    border-right: 1px solid #e7e7e7
}
.nav-vertical .nav>li{ width:100%;}
.nav-vertical .tab-content{ top:0; left:200px; position: absolute;}
.nav-vertical .nav-tabs>li>a{ border-radius:0; border:none;}
.nav-vertical .nav-tabs>li.active>a,.nav-vertical .nav-tabs>li.active>a:hover,.nav-vertical .nav-tabs>li.active>a:focus {background-color: #dfdfdf; border:none;}
/*button*/
a.check-b-a{ display:block; font-size:1.2rem;}
/*.btn-primary {
    color: #fff;
    background-color: #3C6385;
    border-color: #008d83;
}*/
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: .15rem;
}
.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .6rem;
    line-height: 1.5;
    border-radius: .15rem;
}
#pcGist2,#pcBidResult2{ display:none;}
.input-group-btn .btn{ padding: 5px 12px;}
/*#goodsEdit #parentCatalogName~label .btn{padding:5px;}*/
/*.btn-primary{color:#fff;background-color:#3C6385;border-color:#3C6385}*/
/*.btn-primary.focus,
.btn-primary:focus{color:#fff; opacity: 1}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover{color:#fff; opacity: .9}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover{color:#fff;opacity: 1}*/

/*.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #0f5795;
    border-color: #0f5795;
}*/

.btn-primary {
    color: #ffffff;
    background-color: #1890FF;
    border-color: #1890FF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #4fa3eb;
    border-color: #4fa3eb;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #4fa3eb;
    border-color: #4fa3eb;
}

.pull-right .btn {
    margin-right: inherit;
    margin-left: 0.2rem !important;
    font-size: .7rem;
}
li.panel {
    background-color: transparent;
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    border-bottom: none;
}

.dropdown-menu {
    min-width: 5rem;
    padding: .15rem 0 !important;
    margin: .1rem 0 0;
    border-radius: .2rem;
    box-shadow: 0 .3rem .6rem rgba(0,0,0,.175);
}
/*閹板繗顫嗛崣宥夘洯*/
.dm-box{ position: fixed; top: 0; width: 100%; height: 100%; z-index: 9999; display:none;}
.dm-bg{ position: absolute; top:0; width: 100%; height: 100%;  background: rgba(255, 255, 255, 1); opacity: 0;}
.dm-content{ position: absolute; top: 2.5rem; width: 400px; bottom: 0; right: -400px; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.2);}
.dm-textarea{ width:96%; margin:2%; background:#f5f5f5; border:1px solid #e7e7e7;}
.dm-textarea textarea{ width:96%; margin:2%; border:none; background:#f5f5f5;outline:none;}
.dm-textarea textarea:hover,.dm-textarea textarea:focus{ border:none;}
.dm-textarea input{ padding: 10px; width: 100%; border: none; background: none;}
.dm-btn{ position: absolute; bottom: 0;width:96%; margin:2%;}
.dm-btn .btn{ width:100%; line-height: 25px; font-size: .8rem; border-radius: 2px;}
/*瀹革箑褰稿鎴濆З閹稿鎸�*/
.chk_3_box input{ display:none;}
.chk_3 + label { background-color: #fafbfa; padding: 9px; margin: 0; border-radius: 50px; display: inline-block; position: relative; -webkit-transition: all 0.1s ease-in;-webkit-appearance: listbox; width: 58px; height: 31px;}
.chk_3 + label:after { content: ' '; position: absolute; top: 0; -webkit-transition: box-shadow 0.1s ease-in; transition: box-shadow 0.1s ease-in; left: 0; width: 100%; height: 100%; border-radius: 100px; box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);}
.chk_3 + label:before { content: ' '; position: absolute; background: white; top: 0; left: 0; z-index: 98; width: 31px; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; height: 31px; border-radius: 100px; box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);}
.chk_3:active + label:after { box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;}
.chk_3:active + label:before { width: 37px;}
.chk_3:checked:active + label:before { width: 37px; left: 20px;}
.chk_3 + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.chk_3:checked + label:before { content: ' '; position: absolute; left: 28px; border-radius: 100px;}
.chk_3:checked + label:after { content: ' '; font-size: 1.5em; position: absolute; background: #4cda60; box-shadow: 0 0 1px #4cda60;}
/*濠婃艾濮╅弶锟犲櫢缂冿拷*/
/*::-webkit-scrollbar{width:.3rem;height:.3rem;background-color:rgba(0,0,0,.02)}*/
/*::-webkit-scrollbar-track{border-radius:.15rem;box-shadow:inset .05rem .05rem .15rem rgba(0,0,0,.08)}*/
/*::-webkit-scrollbar-thumb{border-radius:.15rem;background-color:rgba(0,0,0,.1)}*/
/*::-webkit-scrollbar-thumb:hover{background-color:#3C6385}*/
.scrollbar::-webkit-scrollbar{background-color:transparent}
.scrollbar::-webkit-scrollbar-track{box-shadow:none}
.scrollbar::-webkit-scrollbar-thumb{background-color:transparent}
.scrollbar-hover::-webkit-scrollbar{background-color:rgba(0,0,0,.02)}
.scrollbar-hover::-webkit-scrollbar-track{box-shadow:inset .05rem .05rem .15rem rgba(0,0,0,.08)}
.scrollbar-hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}
.scrollbar-hover::-webkit-scrollbar-thumb:hover{background-color:#3C6385}

/*妞ょ敻娼板鍡樼仸鐢啫鐪�*/
.win80{ width: 800px; margin: 0 auto !important;}
.autocomplete-suggestions{ height:125px !important;}
.self-row{
    position: relative;
    margin: 0;
    /*padding: .75rem;*/
    background: white;
    width: 100%;
    height: calc(100vh - 4rem);
    overflow: auto;
}
.self-row .col-sm-9{ padding-right: 0;}
.self-row .col-sm-12{ padding:0;}
.mulit-table{ margin-bottom: 1rem;}
.mulit-table .self-row table{ margin-bottom:0;}
.tab-content {
    /*position: absolute;*/
    top: 2.2rem;
    right: 0;
    bottom: 0;
    left: 0;
    padding:.75rem;
    /* overflow: auto; */
}
.tab-content .select2-container{
    width:100%!important;
    max-width:100%;
}
.nav-tabs>li>a{
    padding: 0 .75rem;
    line-height: 1.2rem;
}
.control-panel{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    user-select:none;
    height: 2.75rem;
    padding:0 1rem;
}
.bootstrap-table {
    display:-webkit-box;
    display:-o-box;
    display:-ms-flexbox;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
}
.bootstrap-table .table > tbody > tr > td.operate-ai{ padding: 6px 8px !important;}
.operate-a a{ color: #999; display: inline-block;}
.operate-a a>i{ font-size:1rem; }
.operate-a a:hover{
    color:#3C6385;
}
.control-panel .pull-left{
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center
}
.control-panel .pull-right{
    align-items:center;
    height:2.75rem;
    line-height: 2.5rem;
}
.pull-right.info{
    line-height: 2.75rem;
    font-size: .7rem;
    padding-left: 1rem;
}
.pull-right.info span{ margin-left: 1rem;}
.pull-right.info span b{
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}
.pull-right.v-flex{ display:flex; margin-right:.4rem;}
.control-panel+.content-wrapper .content{
    min-height:calc(100vh - 4rem);
    max-height:calc(100vh - 4rem);
    background: white;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}
.control-panel+.content-wrapper .content-left,
.control-panel+.content-wrapper .content-right{
    min-height:calc(100vh - 6.25rem);
    max-height:calc(100vh - 6.25rem)
}
.content-container{
    display:-webkit-box;
    display:-o-box;
    display:-ms-flexbox;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    /*height:100%;*/
    max-height:calc(100vh - 2.5rem)
}
.content-wrapper{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    /*overflow-y:auto;*/
    /*overflow-x:hidden;*/
    position:relative
}
.sidebar-container, .sidebar-wrap {
    background: #fff;
    width: 15rem;
    max-height: calc(100vh - 4.5rem);
    border-right: 1px solid #f1f1f1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    overflow:scroll;
    /*   flex: 0 0 auto; */
    position: fixed;
}
.sidebar-wrap {
    position: fixed;
}
.sidebar-container+.content-wrapper {
    margin-left: 15rem;
}

.content-wrapper>.content { min-height: calc(100vh - 6.25rem);}
.content-wrapper>.content>.tab-content{
    top: 0; padding: 0;
}
.content-wrapper>.content>.tab-content>.tab-pane {
    padding: 0;
    width:100%;
    height:100%;
}
.content-wrapper>.content>.tab-content>.active {
    display: block;
    background: #fff;
}
.content-wrapper .content .tab-content .active{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.sidebar-container .template-list li{
    border-bottom:none;
}
.sidebar-wrap ul li a {
    display: block;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0 0 1.5rem;
    text-decoration: none;
    color: #555;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.sidebar-wrap ul li:hover a{
    background: hsla(176, 41%, 88%, 0.3);
    color: #555;
}
.sidebar-wrap ul li.active a {
    border-left: 2px solid #3C6385;
    background: hsla(0,0%,95%,.3);
    color: #3C6385;
    -webkit-font-smoothing: auto;
}
.sidebar-wrap ul li a span.icon-correct{ float: right; line-height: 2rem; margin-right: .5rem;}
.content{
    margin:.75rem;
    position:relative;
    min-height:calc(100vh - 4rem);
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.content.fluid {
    margin: 1rem;
    margin-top: 0;
    max-width: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.modal-body .content.fluid{ margin:0;}
.modal-body .plan_container_title .datum-box .datum.fr{ line-height: inherit; }
.modal-body>.erp-newRow{
    flex:1;
    overflow-y:hidden;
}
.modal-body>.erp-newRow .bootstrap-table{
    height:100%;
}
.modal-body>.erp-newRow .bootstrap-table .fixed-table-container{
    height:100%;
}
.wrapper-left{
    left: auto;
    width: 16rem !important;;
    height: calc(100vh - 4rem);
    border-right: 1px solid #f1f1f1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: fixed;
    background: #fff;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.wrapper-left-height{
    height: 15rem !important;
}
.content-wrapper.state .wrapper-left{
    position: absolute;
    left: -17rem;
}
.ztree li a{ width:90%;}
.ztree li a span{ width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wrapper-left>div{
    overflow-y: auto;
    width: 100%;
    height: 100%;
}
.wrapper-right{
    margin-left: 17.5rem !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.content-wrapper.state .wrapper-right{margin-left: 1rem !important;}
.wrapper-shrink{
    position: absolute;
    width: 10px;
    height: 70px;
    background: #dcdcdc;
    right: -10px;
    top: 40%;
    border-radius: 0 10px 10px 0;
    color: #828282;
    overflow: hidden;
}
.wrapper-shrink:hover{
    background: #c2c2c2;
}
.wrapper-shrink i {
    position: absolute;
    top: 33%;
    right: -0.325rem;
    font-size:1.2rem;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.wrapper-shrink.unfold i {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.plan_container_title{
    min-height: 2.4rem;
    margin:0 0 1px 0;
    font-size:.7rem;
    color:#000;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.plan_container_title .datum{
    display: initial;
    margin-right: 1rem;
}
.plan_container_title .datum.fr{
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0, 0, 0, 0.5);
}
.plan_container_title .datum.user.fr{ top:0;}
.plan_container_title .datum.user ul{ display: inline-flex;line-height: 2.4rem;}
.plan_container_title .datum.user ul li{ float: left; margin-left: .5rem;}
.task-assign-responsible>ul li { float:left;}
.task-assign-responsible>ul li:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.task-assign-responsible>ul li .avatar-container { margin-right: .4rem;}
.task-assign-responsible>p{ padding-top:.75rem;}
.avatar-wrap { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; cursor: pointer; overflow: hidden; position: relative; border-radius: 50%; -webkit-transform: rotate(0deg);}
.avatar-container .add { color: rgba(0,0,0,.2); border: 1px solid rgba(0,0,0,.15); display: -webkit-box; display: -o-box; display: -ms-flexbox; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.avatar-container .add:hover { color: #3C6385; border: 3px solid #3C6385;}
.avatar-share{line-height: 1.4rem;}
.avatar-share:hover { color:#F90;}
.avatar-container{ margin-top: .5rem;}
.avatar-color-1{ color: #fff; background-color: #cd5d16; border: 1px solid #cd5d16;}
.avatar-container .text { border: 1px solid rgba(0,0,0,.15);}
.avatar-container .icon-off {
    top: -.3rem;
    right: -.3rem;
    display:none;
    position: absolute;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border: none;
    padding: 0;
    width: .8rem;
    height: .8rem;
    font-size: .65rem;
    border-radius: 50%;
    cursor: pointer;
    background: #ddd;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.avatar-container .icon-off:hover{ background: #de6764;}
.avatar-container .icon-off:active{ background: #d45956;}
.avatar-container:hover .icon-off{ display:block;}
.popup-cover-container {
    position: absolute;
    background: #fff;
    z-index: 5;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .2rem;
    padding: .25rem 0;
    box-shadow: 0.2rem 0.2rem 0.3rem rgba(0,0,0,.1);
    outline: none;
    min-width: 8rem;
    max-width: 20rem;
    display:none;
}
.popup-cover-container.active{ display:block;}
.popup-cover-container .popup-select{ padding:0 .25rem;}
.plan_container_title .datum.fr.print{ top: inherit; line-height: 2.4rem;}
.plan_container_title .icon-date{
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.29rem;
    text-align: center;
    border-radius: 50%;
    display: inline-table;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.5);
    border: 1px dashed rgba(0,0,0,.3);
    position: absolute;
    top: .1rem;
    left: .1rem;
}
.plan_container_title,
.plan_container_title .datum{
    display:-webkit-box;
    display:-o-box;
    display:-ms-flexbox;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
}
.plan_container_title .datum,
.plan_container_title2 .datum{
    font-size:.7rem;
    color:#000;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.selectBox {
    position: relative;
}
.selectBox .icon-date2 {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -2px;
    font-size: 16px;
    font-weight: 400;
}
.selectBox .icon-date2-top {
    margin-top: -7px;
}
.plan_container_title .datum.selectBox{ margin-left: 0;}
.plan_container_title .datum.selectBox>span{ float: left; line-height: 1.6rem;}
.plan_container_title .datum.selectBox>.form-group{display: initial;}

em.parting-line{ margin: 0 0 0 .25rem; color: #d4d4d4; display: initial;}
.plan_container_title,
.plan_container_title .datum-box{ width:100%;position: relative;}
.plan_container_title .datum-box .datum{ float: left; line-height: 2rem;}
.plan_container_title .datum-box .datum>span,
.plan_container_title .datum-box .datum>label{ text-align: right;}
.plan_container_title .datum-box .datum>label{ }
.plan_container_title .datum-box .datum.fr{ float: right; line-height: 2.4rem; position: inherit; margin-left: 1rem; margin-right: 0;}
.plan_container_title .datum span.period{ margin-right:1rem;}
.remark-box{ width:100%;}
.remark-box>span{ margin-left:.5rem;}
.remark-box input{ border: none; box-shadow: none; border-bottom: 1px solid #e7e7e7; border-radius: 0;overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;}
.remark-box input:hover,
.remark-box input:focus{ border: none; box-shadow: none; border-bottom: 1px solid #3C6385; color:#3C6385;}
.remark-box .remark-input{ display: inline-flex; width:80%;}

span.required,
.datum>label.required{ padding-left: .5rem; position: relative; text-align: right;}
span.required:after,
.datum>label.required:after { content: " *";color: red;position: absolute;top: 3px;left: 0;}
.plan_container_title .form-group{ margin:4px 0;}
.plan_container_title .form-group.has-error{
    position: relative;
}
.plan_container_title .form-group.has-error .select2-container {
    border: 1px solid #f00;
    height: 35px;
}
.plan_container_title .form-group.has-error span.text-danger{
    position: absolute;
    min-width: 110px;
    background: #000;
    font-size:12px;
    color:#fff;
    margin: 0;
    padding: 5px;
    text-align: center;
    z-index: 99;
    border-radius: 5px;
    border: 1px solid #000;
    left: 50%;
    top: 165%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0px 1px 5px #484848;
    opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.plan_container_title .form-group.has-error span.text-danger::before{
    position: absolute;
    top: -4px;
    left: 50%;
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}
.plan_container_title .form-group.has-error:hover span.text-danger{ opacity: 1;}



.plan_container_title .datum .select2-container{
    border-radius: 23px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    float:left;
    max-width: 260px;
    min-width: 100px;
    width: auto !important;
}

.plan_container_title .datum .select2-container--open {
    background: #f0f0f0;
}

.plan_container_title .datum .select2-container .select2-selection {
    background: transparent;
    border: none;
    border-radius: 20px;
    box-shadow: inherit;
    -webkit-appearance: none;
    outline: none;
    min-width: 6rem;
}
.select2-selection__rendered {
    font-size: .7rem;
}

.plan_container_title .datum .week_checkbox label {
    margin-right: 1rem;
    cursor: pointer;
}

.plan_container_title .datum .week_checkbox label input[type="checkbox"] {
    margin: 0;
}









.plan_container_title .datum .selectBox{position: relative; display: inherit; float: left; min-width: 100px;}
.plan_container_title .datum .min-selectBox{
    min-width: 80px;
    max-width: 140px;
}
.plan_container_title .datum .selectBox .form-control{
    border-radius: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*border: none;*/
    border:1px #f6f6f6 solid;
    box-shadow: none;
    background: #f6f6f6;
    font-size: .7rem;
}
.plan_container_title .datum .selectBox .form-control.lg {
    width: 220px;
    max-width: 220px;
}
.plan_container_title .datum .selectBox .data-input{ width:100%; max-width: 140px; padding-right: 30px;}
.plan_container_title .selectBox .data-input+label { display: inherit;}
.plan_container_title .selectBox .data-input+label i{
    position:absolute;
    top:.18rem;
    right:.1rem;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.29rem;
    text-align: center;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.5);
    left: inherit;
    border: none;
}
.plan_container_title .datum>span:nth-of-type(2){ color: rgba(0, 0, 0, 0.5) }
.plan_container_title label{margin-bottom: 0;}
.plan_container_title .has-error .text-danger{ display: initial; line-height: initial; float: left; margin: .35rem .5rem 0 .5rem;}
.plan_container_title .has-error .select2-container--default .select2-selection--single{ border-color: red;}
.task-carryout-date span{
    height: 1.7rem;
    padding: 0 0 0 1.3rem;
}
.task-carryout-date span.user-name{padding:0;}
.task-carryout-date{ padding: .3rem .5rem; margin-top: .4rem; border: 1px solid #fff; border-radius: 10rem;}
.task-carryout-date:hover{ border: 1px solid rgba(0, 0, 0, 0.2);;}
.task-carryout-date,
.task-carryout-date:hover{
    -webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.content-column{-ms-flex-direction:row;flex-direction:row;margin:.75rem .375rem;max-width:none;background:transparent}
.content-left,
.content-right{display:-webkit-box;display:-o-box;display:-ms-flexbox;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.content-body{
    /*min-height: calc(100vh - 11.5rem);*/
    /*max-height: calc(100vh - 11.5rem);*/
    display:-webkit-box;
    display:-o-box;
    display:-ms-flexbox;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    position:relative;
    /*overflow-y:auto;*/
    /*overflow-x:auto;*/
    padding: .75rem;
}
.content-box .content-body.no-remark{
    min-height: calc(100vh - 8.65rem);
    min-height: calc(100vh - 8.65rem);
}
.content-box .content-body.whole-box{
    min-height: calc(100vh - 6.25rem);
    min-height: calc(100vh - 6.25rem);
    padding: 0;
}
.content-box.two-Head {
    flex-direction: column;
}
/*.content-box.two-Head  .content-body.no-remark{*/
/*    min-height: calc(100vh - 10.95rem);*/
/*    min-height: calc(100vh - 10.95rem);*/
/*}*/
.content-body::-webkit-scrollbar{background-color:transparent}
.content-body::-webkit-scrollbar-track{box-shadow:none}
.content-body::-webkit-scrollbar-thumb{background-color:transparent}
.content-body:hover::-webkit-scrollbar{background-color:rgba(0,0,0,.02)}
.content-body:hover::-webkit-scrollbar-track{box-shadow:inset .05rem .05rem .15rem rgba(0,0,0,.08)}
.content-body:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}
.content-body:hover::-webkit-scrollbar-thumb:hover{background-color:#3C6385}
.content-footer,
.content-header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-o-box;display:-ms-flexbox;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:2.4rem;padding:0 .75rem}
.content-header .task-nav-right{ font-size:1rem;}
.content-header .task-nav-right:hover{color:#F90;}
.content-header h4 span{ margin-left: .5rem; color: #F90;}
.content-box{
    position:relative;
    height:100%;
    min-height: calc(100vh - 5rem);
    max-height: calc(100vh - 4rem);
    width: 100%;
    background-color: #fff;
    display: flex;
}
.content-box.column {
    flex-direction: column;
}
.pass-img{
    position: absolute;
    right: 13rem;
    top: 0;
    width: 5.6rem;
    z-index: 11;
}
.pass-img img{ width:100%;}
.search-img{cursor:pointer;}
.search-img-position{
    position: relative;
    left: -22px;
}
.search-img-onearrange{
    position: relative;
    left: -22px;
    top: 6px;
}
.content-box>.content-header:nth-child(1) .plan_container_title .datum.fr{
    float: right;
    margin-left: 1rem;
    margin-right: 0;
    display: inherit;
    line-height: inherit;
}
.content-box .content-header:nth-child(2) .plan_container_title .datum.fr{
    float: right;
    line-height: 2.4rem;
    position: initial;
    margin-left: 1rem;
    margin-right: 0;
}
.content-box .content-header:nth-child(1) .plan_container_title .datum.fr.print{line-height: 2.4rem;}

.content-box.two-Head .content-body{
    padding: 0;
    overflow-y:hidden;
}
.content-box.two-Head .content-body .erp_table_old{
    overflow-y:hidden;
}
.content-box.two-Head .content-body .erp_table_old .erp_table_container{
    padding-bottom:3px;
}
.content-box.two-Head .simulate-thead {top: 4.8rem;}

.content-footer.removeline,
.content-header.removeline{border-top:none;border-bottom:none}
.content-header,
    /*.content-header.o-border{border-bottom:1px solid rgba(0,0,0,.1)}*/
.content-header.no-border{border:none;}
.content-header+.content-body{padding-top:0;padding-bottom:0;max-height: calc(100vh - 8.65rem)}
.content-footer{border-top:1px solid rgba(0,0,0,.1)}
.content-footer+.content-body{padding-top:0;padding-bottom:0}
.content-w30{-webkit-box-flex:inherit;-ms-flex:inherit;flex:inherit;width:30rem}
.content-scroll{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;position:relative}
.content-scroll::-webkit-scrollbar{background-color:transparent}
.content-scroll::-webkit-scrollbar-track{box-shadow:none}
.content-scroll::-webkit-scrollbar-thumb{background-color:transparent}
.content-scroll:hover::-webkit-scrollbar{background-color:rgba(0,0,0,.02)}
.content-scroll:hover::-webkit-scrollbar-track{box-shadow:inset .05rem .05rem .15rem rgba(0,0,0,.08)}
.content-scroll:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}
.simulate-thead{
    background: #fff;
    position: absolute;
    z-index: 2;
    height: 2rem;
    width: 100%;
    /*top: 2.4rem;*/
    padding: .75rem;
}
.simulate-thead+.content-body .self-row{ padding-top:0;}
.pull-right .pr-t{ margin-right:10px; font-size:14px;}
.pull-right .pr-t em{margin-right:5px; color:#ff9900;}

.plan_container_title .datum .selectBox.multipleBox>input{
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
}
.multipleBox .multiple-choice{
    position: absolute;
    z-index: 999;
    top: 100%;
    min-width: 500px;
    left: 0;
    display:none;
    /*  -webkit-animation-name:fadeIn;
        animation-name:fadeIn;
        -webkit-animation-duration:.5s;
        animation-duration:.5s;
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear */
}
.multipleBox:hover .multiple-choice{ display:block;}
.multipleBox .multiple-choice:before{
    position:absolute;
    top:2px;
    left:4px;
    content:"";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e7e7e7;
}
.multipleBox .multiple-choice .report-select{
    height: 400px;
    overflow: auto;
    margin: 10px 0;
    padding: 15px;
    background: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}
.multipleBox .multiple-choice .report-select h1{ font-weight: 400;}
.multipleBox .multiple-choice .report-select .checkbox-wrap span{ margin-bottom:2px;}
.report-select .re-label label{ width: 96%; margin: 0 2%; padding: 0 15px; border-radius:2px;}
.report-select .re-label label:hover{ background-color:#e9e9e9;)}
.report-select .re-label label input{ display:none;}
.report-select .re-seek{ position: absolute; top: 10px; left: 0; right: 0; height: 45px;}
.report-select .re-label{ position: absolute; top: 75px; right: 0; left: 0; bottom: 15px; overflow: auto;}
.report-select .re-seek .search-container{ position: absolute; top: 0; left: 0; right: 0; padding: 15px;}
.report-select .re-seek .search-container input{ padding: 0 2%; width: 96%;}
.report-select .re-seek .search-container a{ position: absolute; top: 15px; right: 3%; bottom: 15px; line-height: 34px; padding: 2px 10px; font-size: 20px;}
.report-select .re-seek .search-container a:hover{ color:#F90;}
/*form-control*/
.form-control{
    width:100%;
    height:30px;
    padding:0 6px;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:.2rem;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.approve{ margin: 1rem 0;}
.approve.orderRemark{ margin-top:17px; overflow: hidden;}
.approve.orderRemark textarea{
    width: 50%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding-left: 0;
    text-indent: .25rem;
    font-size: .7rem;
}
.approve.orderRemark>span{ float:left;}
.approve.orderRemark>div.remark{
    float:left;
    width: 50%;
    margin-left:0;
    padding-bottom: .5rem;
}
.approve.orderRemark span.text-danger{ margin-left: 3.8rem;}
.approve.orderRemark .re-text{
    width: 50%;
    text-indent: 1.5rem;
    font-size: .7rem;
    margin-left: 3.8rem;
}
/*婢跺洦鏁炴穱鈩冧紖 */
.periphery{
    position: relative !important;
    z-index: 880;
    width: 100%;
    left: 0;
    bottom: 0;
}
.periphery-bottom{
    bottom: -1rem;
    top: 0;
}
.periphery .remark_content{
    height: 1rem;
    width: 100%;
    background: #fff;
    padding: .25rem;
    box-shadow: 0rem 0rem 10px rgba(0, 0, 0, 0.1);
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear

}
.periphery .remark_content.two-remark>div:nth-child(1){width:49.6%; float:left;}
.periphery .remark_content.two-remark>div:nth-child(2){width:49.6%; float:right;}
.periphery .remark_content>div{ height:100%;}
.periphery .remark_content textarea,
.periphery .remark_content .remark{
    /*height: 100%;*/
    background: #e9e9e9;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 5px;
    color: #000;
}
.periphery .content_rl {
    display: flex
}
.periphery .content_rl .left {
    flex: 0 0 400px;
    border-right: 1px solid rgba(0,0,0,.1);
    overflow: auto;
}
.periphery .content_rl .right {
    flex: 1 1 auto;
    overflow: auto;
}
.periphery .content_rl .remark{
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    padding: 5px;
    color: #000;
}
/*select-wrap*/
.select-wrap,
.select-wrap-fluid{position:relative;display:inline-block;vertical-align:middle;margin-right:.5rem}
.select-wrap-fluid input,
.select-wrap-fluid select,
.select-wrap input,
.select-wrap select{border:1px solid #ccc;padding:.3rem 1.2rem .3rem .5rem;position:relative;z-index:1;font-size:.7rem;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.select-wrap-fluid input:focus,
.select-wrap-fluid select:focus,
.select-wrap input:focus,
.select-wrap select:focus{outline:none;background:transparent}
.select-wrap-fluid input::-ms-expand,
.select-wrap-fluid select::-ms-expand,
.select-wrap input::-ms-expand,
.select-wrap select::-ms-expand{display:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select-wrap-fluid input:focus,
.select-wrap-fluid select:focus,
.select-wrap input:focus,
.select-wrap select:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.select-wrap-fluid:after,
.select-wrap:after{position:absolute;z-index:1;top:.75rem;right:.4rem;display:inline-block;content:'';width:0;height:0;border-left:.2rem solid transparent;border-right:.2rem solid transparent;border-top:.2rem solid #000}
.select-wrap-fluid input,
.select-wrap input{padding:.3rem .8rem .3rem .5rem}
.select-wrap-fluid,
.select-wrap-fluid select{width:100%}
.select2-search--dropdown .select2-search__field {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555555;
    font-size: 14px;
}
.max-select2 .select2-container{ width:170px !important;}
.max-select3 .select2-container{ width:570px !important; max-width:16rem !important;}
.select2-container--bootstrap { display: block;}
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    border-color: #66afe9;
    border-radius: 4px;
    height: 30px;
    line-height: 1.42857143;
    /*   padding: 6px 24px 6px 12px; */
    /*border-bottom-right-radius: 0;*/
    /*border-bottom-left-radius: 0;*/
    /*border-bottom-color: transparent;*/
}
.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #999 transparent;
    border-width: 0 4px 4px 4px;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-color: transparent;
}


.select2-search {
    padding: .5rem;
    box-shadow: none;
    border-bottom: 1px solid #eee;
}
.select2-search .select2-search__field {
    box-shadow: none;
    border: 1px solid #eee !important;
    height: 1.8rem;
    line-height: 1.8rem;
}
.select2-search .select2-search__field:focus {
    border: 1px solid #3c6385 !important;
}


.select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: none;
    overflow-x: hidden;
    margin-top: .45rem;
    width: auto !important;
    min-width: 16rem;
    max-width: 22.5rem;
}

.select2-results__options {
    max-height: calc(100vh - 20rem) !important;
}
.el-dialog .select2-results__options {
    max-height: 300px!important;
}

.select2-dropdown .select2-results__option {
    height: 2.4rem;
    line-height: 2.4rem;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
    font-size: .7rem;
    padding: 0 .5rem;
    position: relative;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
.select2-dropdown .select2-results__option:hover {
    background-color: #fafafa;
    color: #3c6385;
}


.select2-dropdown .select2-results__option--highlighted {
    background: #fafafa;
    color: #3c6385;
}




.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #3c6385;
    color: #fff;

}
.select2-container--default .select2-results__option[aria-selected=true]:before{
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    font-size: .8rem;
    right: .5rem;
    content: "\ea1b";
}

.select2-container--default .select2-results__group { background: #f3f3f3;}

/*妞ょ敻娼伴崝鐘烘祰閸斻劎鏁�*/
.app-animation,
.home-content{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
@-webkit-keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
@keyframes fadeIn{
    0%{opacity:0}
    100%{opacity:1}
}
.erpHome-logo{
    position: absolute;
    top: 0;
    left: 50%;
    width:100%;
    margin: 0% 0 0 -50%;
    font-size: 15rem;
    text-align:center;
}
.erpHome-logo img{
    width:30rem;
}
.erpHome-logo.fs18 img{
    width:12rem;
}
.icon-zhnylogo>span:before{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}

input,.btn,button{ outline:none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400;}
.M-headLogo{
    width:199px;
    padding-top: 70px;
    background-color:#32323A;
}
.M-headLogo .logo{
    position: absolute;
    width: 90px;
    height: 90px;
    background: #F6F6F6;
    border-radius: 50%;
    overflow: hidden;
    top: -45px;
    left: 54px;
    margin: 0;
    border: 4px solid #32323a;
}
.M-headLogo .logo img{ width:100%;}
.M-headLogo .headLogo-t{
    position: relative;
    padding-top: 40px;
    padding-bottom: 15px;
    background-color: #32323a;
    text-align:center;
}
.M-headLogo .headLogo-t h1{
    font-size: 16px;
    color: #E5E5E5;
}
.navbar-inverse .navbar-nav > .active{ position: relative;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background:rgba(0,0,0,.08);
}
.navbar-inverse .navbar-nav>li>a { color: #8d9bc2;}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    text-decoration: none;
    background:none;
}
.app-side-nav .navbar-nav > li.activeWW > a,
.navbar-inverse .navbar-nav > .active>a,
.app-side-nav .navbar-nav > li.activeW ul li > a:hover,
.side-nav .navbar-nav > li ul li > a:hover{ color:#fa552c !important;}
.side-nav .navbar-nav > li.activeWW > a,
.app-side-nav .navbar-nav > li.activeWW > a{background: #5f6274; color: #fa552c !important;}
.side-nav .navbar-nav > li.activeWW:before,
.navbar-inverse .navbar-nav > .active:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #fafafa;
    position: absolute;
    right: 0;
    top: 53%;
    margin-top: -8px;
    z-index:2;
}
.navbar-inverse .app-side-nav .navbar-nav > .active>a{ color:#fff !important;}
.app-side-nav .navbar-nav > li.activeWW:before { display:none;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fa552c !important;
    background:none;
}
.M-main{
    height:30px;
    text-align:center;
}
.M-main i{ font-size:26px;}
.navbar {
    position: relative;
    min-height: 2.5rem;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.topnav-navbar {
    border-radius: 0;
    border: none;
    background: #3C6385;
    margin: 0;
    z-index: 999;
}

/*logo*/
.navbar-logo {
    height: 2.5rem;
    line-height: 2.5rem;
    float: left;
    padding: 0 .5rem;
}
.navbar-logo img {
    height: 70%;
    width: auto;
}
.nav-tabs{border-bottom: 0px solid #ddd;}
.dropdown{position: absolute;right: 0rem;z-index:1000;top: -0.2rem}
.dropdown-menu{ padding:0;}
.dropdown-menu>li>a{padding: 5px 20px;}
.B-index{
    font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
    background-color: #3a3f51;
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    bottom: 0;
}
.B-index img{ width: 100%; }

li.panel > a > span.glyphicon.pull-right{margin-top:10px; border-radius: 2px;}
li.panel > a > span.glyphicon.active { background-color: #FA552C;}
/*---2016.6.22闁跨喐鏋婚幏宄板酱闁跨喐鏋婚幏鐑姐�夐柨鐔惰寧鐢喗瀚�---*/
.N-index ul{
    overflow: hidden;
    width:875px;
    margin:25px auto 0;
}
.N-index ul li{
    position:relative;
    width:165px;
    height:165px;
    float:left;
    margin:0 10px 10px 0;
    overflow:hidden;

}
.N-index ul li.squarePlate{
    width:340px;
    height:340px;
}
.N-index ul li.rectanglePlate{
    width:340px;
    height:165px;
}
.N-index ul li.no-mPlate{ margin-right:0;}
.N-index ul li:nth-of-type(1){ background-color:#67C1F5;}
.N-index ul li:nth-of-type(2){ background-color:#5bd999;}
.N-index ul li:nth-of-type(3){ background-color:#5bd999;}
.N-index ul li:nth-of-type(4){ background-color:#5bd999;}
.N-index ul li:nth-of-type(5){ background-color:#CB70D7; z-index:9;}
.N-index ul li:nth-of-type(6){ background-color:#cb70d7;}
.N-index ul li:nth-of-type(7){ background-color:#eac14d;}
.N-index ul li:nth-of-type(8){ background-color:#e6567a;}
.N-index ul li:nth-of-type(9){ background-color:#dc3c00;}
.N-index ul li:nth-of-type(10){ background-color:#00b09c;}
.N-index ul.Firm-nav li:nth-of-type(3){ background-color:#0078d7;}
.N-index ul.Personage-nav li:nth-of-type(1){ background-color:#FC605A;}
.N-index ul li:hover{ box-shadow: inset 0 0 10px rgba(255,255,255,1);}
.N-index ul li>a{
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
.N-index ul li em{
    width:70px;
    height:70px;
    margin: 45px auto 0;
    display: block;
    background:url(../../images/erp/Newicon.png);
    background-position:0 0;
}
/*-閸楀繘鏁撻弬銈嗗闁跨喐鏋婚幏鐑芥晸閻ㄥ棴鎷�*/
.N-index ul li em.Sprites-a{ background-position:-70px 0;}
.N-index ul li em.Sprites-b{ background-position:-140px 0;}
.N-index ul li em.Sprites-c{ background-position:-210px 0;}
.N-index ul li em.Sprites-d{ background-position:-525px 0;}
.N-index ul li em.Sprites-e{ background-position:-525px -35px;}
.N-index ul li em.Sprites-f{ background-position:-280px 0;}
.N-index ul li em.Sprites-g{ background-position:-350px 0;}
.N-index ul li em.Sprites-h{ background-position:-420px 0;}
/*-闁跨喐鏋婚幏铚傜瑹闁跨喐鏋婚幏宄版喅-*/
.N-index ul li em.Firm-a{ background-position: -524px -69px;}
.N-index ul li em.Firm-b{ background-position: 0 -70px;}
.N-index ul li em.Firm-c{ background-position: -524px -104px;}
.N-index ul li em.Firm-f{ background-size: 280px 70px; background-position: -140px 0;}
.N-index ul li em.Firm-g{ background-size: 280px 70px; background-position: -175px 0;}
.N-index ul li em.Firm-h{ background-position: -210px -70px;}
.N-index ul li em.Personage-a{ background-size: 280px 70px; background-position: -70px -35px;}
.N-index ul li em.Personage-c{ background-size: 280px 70px; background-position: -105px 0;}
/*-闁跨喕顫楁导娆愬閸涳拷-*/
.N-index ul.Nonmember-nav{ width:340px;}
.N-index ul li em.Nonmember-c{ background-size: 280px 70px; background-position: 0 -35px;}
.N-index ul li span{
    position: absolute;
    bottom:10px;
    left:10px;
    font-size:16px;
    color:#ffffff;
    z-index:3;
}
.N-index ul li.rectanglePlate span{ right:10px; left: inherit;}
.N-index ul li.rectanglePlate em{
    position:absolute;
    width:35px;
    height:35px;
    bottom:10px;
    left:10px;
}
.N-index ul li a:hover{ text-decoration: none;}
.N-index ul li h1,
.N-index ul li h2{
    margin-top: 40px;
    font-size:22px;
    color:#fff;
    text-align: center;
}
.N-index ul li .N-logoimg{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    margin: 90px auto 0;
    border: 5px solid #97D4F7;
}
.N-index ul.Personage-nav li .N-logoimg{ border: 5px solid #FF8580;}
.move-box,
.move-box .move-front,
.move-box .move-verso{
    position:absolute;
    width:175px;
    height:175px;
    top:0;
    left:0;
}
.move-box .move-front{ background-color:#67C1F5;}
.move-front{ z-index:2;}
.move-front{
    animation: moveRight 10s 3s infinite ease-in-out;
    -webkit-animation: moveRight 10s 3s infinite ease-in-out;
    -moz-animation: moveRight 10s 3s infinite ease-in-out;
    -ms-animation: moveRight 10s 3s infinite ease-in-out;
}
.N-index ul li em.Sprites-h,
.modal-loading img,
.Pause-loading img,
.table-loading img{
    animation: spin2 2s infinite linear;
    -webkit-animation: spin2 2s infinite linear;
    -moz-animation: spin2 2s infinite linear;
    -ms-animation: spin2 2s infinite linear;
}
.modal-loading{
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: rgba(231, 231, 231, 0.34);
    display:none;
}
.Pause-loading{
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: rgba(0,0,0,0.35);
    z-index: 9999;
}
.modal-loading img{
    position: absolute;
    top: 40%;
    left: 44%;
    display: table;
    margin-top: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.Pause-loading img{
    position: absolute;
    top: 43%;
    left: 50%;
    display: table;
    margin-top: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.erp-newTable>tbody>tr>td.erp-table-loading{padding:0;}
.order-loading.active{ display:none;}
.table-loading{
    text-align: center;
    background-color:#fff;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.table-loading img{
    text-align: center;
    margin: 37px auto 10px;
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.table-loading p{ margin:0; color: #3C6385}
/*---css3 闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归弫鍫ユ晸閺傘倖瀚�---*/
@-webkit-keyframes spin2 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-moz-keyframes spin2 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-ms-keyframes spin2 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin2 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes moveRight {
    0%  {left:0px;}
    10% {left:175px;}
    50% {left:175px;}
    60% {left:0px;}
    100%{left:0px;}
}
@-moz-keyframes moveRight {
    0%  {left:0px;}
    10% {left:175px;}
    50% {left:175px;}
    60% {left:0px;}
    100%{left:0px;}
}
@-ms-keyframes moveRight {
    0%  {left:0px;}
    10% {left:175px;}
    50% {left:175px;}
    60% {left:0px;}
    100%{left:0px;}
}
@keyframes moveRight {
    0%  {left:0px;}
    10% {left:175px;}
    50% {left:175px;}
    60% {left:0px;}
    100%{left:0px;}
}

@media (min-width:1920px) {
    .N-index ul{
        width: 1125px;
        margin: 120px auto 0;
    }
    .N-index ul.Nonmember-nav{ width:440px;}
    .N-index ul li,
    .move-box,
    .move-box .move-front,
    .move-box .move-verso {
        width: 215px;
        height: 215px;
    }
    .N-index ul li.squarePlate {
        width: 440px;
        height: 440px;
    }
    .N-index ul li .N-logoimg {
        width: 180px;
        height: 180px;
        margin: 100px auto 0;
    }
    .N-index ul li em { margin: 70px auto 0;}
    .N-index ul li.rectanglePlate {
        width: 440px;
        height: 215px;
    }
    @-webkit-keyframes moveRight {
        0%  {left:0px;}
        10% {left:215px;}
        50% {left:215px;}
        60% {left:0px;}
        100%{left:0px;}
    }
    @-moz-keyframes moveRight {
        0%  {left:0px;}
        10% {left:215px;}
        50% {left:215px;}
        60% {left:0px;}
        100%{left:0px;}
    }
    @-ms-keyframes moveRight {
        0%  {left:0px;}
        10% {left:215px;}
        50% {left:215px;}
        60% {left:0px;}
        100%{left:0px;}
    }
    @keyframes moveRight {
        0%  {left:0px;}
        10% {left:215px;}
        50% {left:215px;}
        60% {left:0px;}
        100%{left:0px;}
    }
}
/*--闁跨喐鏋婚幏鐑斤拷姘舵晸閺傘倖瀚规稉姘喅闁跨喐鏋婚幏鐑芥晸閺傘倖瀚归崣浼存晸閺傘倖瀚规い锟�--*/
.qyptyg_index{
    width: 100%;
    height: 209px;
    position: absolute;
    z-index: 3;
    text-align: center;
    left: 0;
    top: 46%;
    margin-top: -9rem;
}

.qyptyg_index img{width:736px;}

/*ERP*/
.fl{ float:left;}
.ml10{ margin-left:10px;}
.form-time-box{ position:relative;}
.form-time-box label.time-icon{ position: absolute; top: 0; right: 10px; padding: 0 10px; height: 34px; line-height: 34px; margin: 0; font-size: 18px;}
.erp-wrapper{ padding: .75rem;}
.erp-wrapper .modal-body { padding: 35px; width: 1147px;}
.erp-btn,
.erp-btn-text{
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border: none;
}
.erp-btn{
    min-width: 90px;
    width: auto;
    margin-bottom: 0;
    font-weight: 400;
    white-space: nowrap;
    background-image: none;
    padding: 0 5px;
    text-align:center;
    font-size:12px;
    color: #fff;
}
.erp-btn i{ margin-right:5px;}
.erp-btn-theme { background-color: #32BE89;}
.erp-btn-yellow{ background-color: #FA552C;}
.erp-ico{
    width: 19px;
    height: 18px;
    display: block;
    position: absolute;
    top: 20px;
    left: 8px;
    background: url(../../images/erp/erpico1.png) no-repeat;
}
.erp-user-ico{
    background-position:-21px -101px;
    top: 16px;
}
a.erp-btn:focus,a.erp-btn:hover,a.erp-btn:active{ text-decoration: none;}
.erp-btn-theme:focus,.erp-btn-theme:hover,.erp-btn-theme.active{background-color:#40D09A;}
.erp-btn-yellow:focus,.erp-btn-yellow:hover,.erp-btn-yellow.active{background-color:#f4491e;}
.navbar a.erp-btn-theme{ color:#fff;}
.navbar a.erp-btn{font-size:12px; margin-left: 10px;}
/*閼卞﹤銇夌�癸拷*/
.chat {
    overflow: hidden;
    border-radius: 3px;
    margin: 20px auto;
    width: 800px;
    height: 92%;
}
.chat .main,
.chat .sidebar{height:100%}
.chat .sidebar{position: relative; float:left;width:240px;color:#f4f4f4;background-color:#2e3238}
.chat .main{position:relative;overflow:hidden;background-color:#eee}
.chat .m-text{position:absolute;width:100%;bottom:0;left:0}
.chat .m-message{height:calc(100% - 10pc)}
.chat .main p.m-user-name{ line-height: 20px; font-size: 12px; color: #26292e;}
.m-card{padding:9pt;border-bottom:1px solid #24272c}
.m-card footer{margin-top:10px}
.m-card .avatar,
.m-card .name{vertical-align:middle}
.m-card .avatar{border-radius:2px}
.m-card .name{display:inline-block;margin:0 0 0 15px;font-size:1pc}
.m-card .search{padding:0 10px;width:100%;font-size:9pt;color:#fff;height:30px;line-height:30px;border:1px solid #3a3a3a;border-radius:4px;outline:0;background-color:#26292e}
.m-list{ position: absolute; top: 105px; right: 0; bottom: 0; left: 0; overflow: auto;}
.m-list .m-packet{ border-bottom: 1px solid #3a3a3a; transition: all .3s;-moz-transition: all .3s;	-webkit-transition: all .3s;	-o-transition: all .3s;}
.m-list .m-packet h1{ position:relative; line-height: 40px; padding-left: 20px; background: #26292e;}
.m-list .m-packet h1 p{ float: left; margin-right: 5px; max-width: 130px; overflow: hidden; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap;}
.m-list .m-packet h1 em{ position: absolute; top: 15px; right: 5px; background: #3C6385; width: 10px; height: 10px; text-align: center; line-height: 20px; border-radius: 50%; font-size: 12px;}
.m-list .m-packet h1:before{position:absolute;content:"";width: 0; height: 0; border-top: 5px solid transparent; border-left: 7px solid #fff; border-bottom: 5px solid transparent; line-height: 40px; left: 7px; top: 15px;transition: all .3s;-moz-transition: all .3s;	-webkit-transition: all .3s;	-o-transition: all .3s;}
.m-list .m-packet.pitch h1:before{transform:rotate(90deg);-ms-transform:rotate(90deg); 	-moz-transform:rotate(90deg); 	-webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.m-list .m-packet ul{ display:none;}
.m-list .m-packet.pitch ul{ display:block;}
.m-list li{position:relative; padding:9pt 15px;border-bottom:1px solid #292c33;cursor:pointer;-webkit-transition:background-color .1s;transition:background-color .1s}
.m-list li>p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-list li>em{position: absolute; top: 18px; right: 15px; background: #f90; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; font-size: 12px;}
.m-list li.on-line p{ color:#fff;}
.m-list li.off-line p{ color:#8d8d8d;}
.m-list li:hover{background-color:hsla(0,0%,100%,.03)}
.m-list li.active{background-color:hsla(0,0%,100%,.1)}
.m-list .avatar,
.m-list .name{vertical-align:middle}
.m-list .avatar{border-radius:2px}
.m-list .name{display:inline-block;margin:0 0 0 15px}
.m-text{height:10pc;border-top:1px solid #ddd}
.m-text textarea{padding:10px;height:75%;width:100%;border:none;outline:0;font-family:Micrsofot Yahei;resize:none; background: #e5e5e5; display: block;}
.m-text .m-send-box{ height: 25%; width: 100%; background: #e5e5e5;}
.m-text .m-send-box .btn{ position: absolute; right: 5px; bottom: 5px;}
.m-message{padding:10px 15px;overflow-y:scroll}
.m-message li{margin-bottom:15px}
.m-message .time{margin:7px 0;text-align:center}
.m-message .time>span{display:inline-block;padding:0 18px;font-size:9pt;color:#fff;border-radius:2px;background-color:#dcdcdc}
.m-message .avatar{float:left;margin:0 10px 0 0;border-radius:3px}
.m-message .text{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:9pt;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}
.m-message .text:before{content:" ";position:absolute;top:2px;right:100%;border:6px solid transparent;border-right-color:#fafafa}
.m-message .self{text-align:right}
.m-message .self .avatar{float:right;margin:0 0 0 10px}
.m-message .self .text{background-color:#b2e281}
.m-message .self .text:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#b2e281}
.chat .main img,
.m-message .self .avatar{margin-top: 5px;}
/*瀵湱鐛ラ柌宥囩枂*/
.bjui-dialog > .dialogHeader {
    position: relative;
    cursor: move;
}
.bjui-dialog > .dialogHeader {
    display: block;
    height: 28px;
    overflow: hidden;
}
.bjui-dialog > .dialogHeader h1 {
    display: block;
    margin: 0;
    padding:.75rem;
    overflow: hidden;
    font-weight: bold;
    font-size: .9rem;
}
.bjui-dialogBackground,
.bjui-alertBackground {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1041;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    filter: alpha(opacity=30);
    background: #000;
}
.bjui-dialog > .dialogHeader h1{font-weight: 500;}
.bjui-dialog > .dialogHeader h1 span i{ display:none;}
.bjui-dialog > .dialogHeader .close,
.bjui-dialog > .dialogHeader .maximize,
.bjui-dialog > .dialogHeader .restore,
.bjui-dialog > .dialogHeader .minimize{ top:6px;}
.bjui-dialog.dialogShadow {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-color: #fff;
    border-radius:.3rem;
    display: flex;
    flex-direction: column;
}
.bjui-dialog > .dialogHeader{
    height: 50px;
    background-color: #fff;..
border-bottom: 1px solid #e5e5e5;
    border-radius:.3rem .3rem 0 0;
    flex: inherit;
}
.bjui-dialog > .dialogContent{ margin:0; display: flex; flex-direction: column;}
.dialogContent > .modal-body{ border:none; bottom: 65px; display: flex; flex-direction: column;}
.dialogContent > .modal-footer{ padding: 10px 10px 20px; background: #fff; border-top:1px solid #dce2e7;}

.bjui-alert > .alertContent .alertInner > .msg{
    color: #333;
    padding: 0;
}




.bjui-alert .alertContent {
    padding: .7rem;
}
.bjui-alert {
    background-color: white;
    border: none;
    padding: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    width: auto;
    min-width: 15rem;
    max-width: 20rem;
    border-radius: .3rem;
    margin-bottom: 4rem !important;
}

.bjui-alert .error {
    display: flex;
    flex-direction: column;
}

.bjui-alert > .alertContent .alertInner {
    padding-left: 3rem;
    position: relative;
    flex: 1;
}
.bjui-alert > .alertContent .alertInner .close {
    margin-top: 0;
}
.bjui-alert h1 .glyphicon {
    font-size: 2rem;
    position: absolute;
    left: 0;
}
.bjui-alert > .alertContent > .confirm > .alertInner > h1,
.bjui-alert > .alertContent > .correct > .alertInner > h1,
.bjui-alert > .alertContent > .error > .alertInner > h1,
.bjui-alert > .alertContent > .info > .alertInner > h1,
.bjui-alert > .alertContent > .warn > .alertInner > h1
{
    background: transparent;
    border: none;
    height: auto;
    padding: .32rem 0;
    line-height: initial;
    font-size: 18px;
}


.bjui-alert > .alertContent > .confirm > .alertInner,
.bjui-alert > .alertContent > .correct > .alertInner,
.bjui-alert > .alertContent > .error > .alertInner,
.bjui-alert > .alertContent > .info > .alertInner,
.bjui-alert > .alertContent > .warn > .alertInner
{
    border:none;
}

.bjui-alert > .alertContent > .info > .alertInner > h1 {
    color: #1AACEB;
}

.bjui-alert > .alertContent > .warn > .alertInner > h1 {
    color: #FF7E44;
}

.bjui-alert > .alertContent > .confirm > .alertInner > h1 {
    color: #3C6385;
}

.bjui-alert > .alertContent .toolBar {
    padding: 0px;
    overflow: hidden;
    display: block;
    margin-top: 0;
}
.bjui-alert > .alertContent .toolBar ul li {
    padding-top: 1rem;
}


.bjui-alert > .alertContent .toolBar > ul > li > .btn{ margin-left:10px;}
@media (min-width: 768px){
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-right {
        float: right!important;
        margin-right: 0;
    }
}
.text-danger { color: red;}
.has-error .form-control { border-color: red;border: 1px red solid!important;}
.has-error .form-control:focus{ border-color: red;}
.has-error .text-danger {
    margin-top: 5px;
    display: block;
}

/* 闂堛垹瀵樼仦锟� */
.erp-map, .search-box { position: relative;}
.erp-map, .erp-map a {
    font-size: 14px;
    color: #666;
}
.erp-map{font-size: .9rem;}
.erp-map .pull-left{position: relative; line-height:2.75rem; font-size:.8rem; color: #444;}
.erp-map .pull-left em{
    background: #F90;
    color: #fff;
    min-width: 10px;
    min-height: 20px;
    padding: 0 5px;
    display: inline-table;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 12px;
    left: 95px;
}
.erp-map a { font-size: .85rem;}
.erp-map a:hover{ color:#3C6385;}
.pull-left .flow{ display: table;}
.pull-left .flow li{ float: left;}
.pull-left .flow li,.pull-left .flow li a{ color:#ccc;}
.pull-left .flow li.active,.pull-left .flow li.active a{ color:#3C6385;}
.pull-left .flow li{ padding-right: 25px; position: relative;}
.pull-left .flow li i{ position: absolute; top: 0px; right: 4px; line-height: 2.25rem; font-size: 18px;}
.pull-left .flow li.end i{ display:none;}
/*鐞涖劍鐗搁幙宥勭稊*/
/*.operate-a{position: relative;}*/
.ant-dropdown{
    position: absolute;
    width: 105px;
    background: #fff;
    /*top: 0;*/
    right: 2.5rem;
    box-shadow: 0px 0px 4px #999;
    z-index:99;
}
.td-del .ant-dropdown{ top:70%;}
.operate-a .ant-dropdown a {
    color: #999;
    display: block;
    padding-left: 30px;
    line-height: 30px;
    font-size: 12px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.operate-a .ant-dropdown a i{
    position: absolute;
    left: 10px;
    font-size: 16px;
    line-height: 30px;
}
.operate-a .ant-dropdown a:hover{ background-color:#f5f5f5; color:#3C6385;}
.ant-dropdown-hidden{display: none;}
.operate-a:hover .ant-dropdown,.ant-dropdown:hover{ display:block;}
.operate-a>span{ height:100%; display:block; text-align:center; color:#999; padding:1px 0;width:50px;}
.fixed-table-body {
    overflow-y: auto !important;
    /*display: flex;*/
    overflow-x: auto;
    max-height: calc(100vh - 10rem);
    border-left:1px solid #dfdfdf ;
    border-right:1px solid #dfdfdf ;
    border-top:1px solid #dfdfdf ;

}
.fixed-table-body.fixed-table-noscroll {
    /*overflow: initial;*/
}
.fixed-table-body table{
    /*flex: 1;*/
    overflow-y: auto;
    /*display: flex;*/
    padding: 0!important;
    flex-direction: column;
}
.fixed-table-body table tbody{
    flex: 1;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*width: fit-content;*/
    /*padding-right: 10px;*/
}
.more-dropdown{
    min-height:2rem;line-height:2rem;font-size:.75rem;padding:0 .5rem
}
/*鐞涖劍鐗哥仦鏇犮仛閺夆剝鏆熼妴浣稿瀻妞わ拷*/
td.pseudo-row-no:before {content: attr(data-before) '';}
.open .dropdown-menu a{min-height:2rem;line-height:2rem;font-size:.75rem;padding:0 .5rem}
.open .dropdown-menu li.active{position:relative}
.open .dropdown-menu li.active a{background:transparent;color:#3C6385}
.open .dropdown-menu li.active a:before{content:'\e905';font-family:icomoon;font-size:1rem;float:right}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #3C6385;
    border-color: #008d83;
}
.pagination>li>a, .pagination>li>span {color: #3C6385;}
/* 閺冦儲婀￠柌宥囩枂 */
#bjui-calendar {
    width: 230px;
}
#bjui-calendar > .main { padding: 0;}
#bjui-calendar > .main > a.close{ display:none;}
#bjui-calendar{
    margin-top: .45rem;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: none;
}

#bjui-calendar > .main > .head {
    background: #fff;
    border: none;
    border-bottom: 1px solid #eee;
    height: 40px;
    line-height: 40px;
}
#bjui-calendar > .main > .head a>i{color:#747474;}
#bjui-calendar > .main > .head a>i:hover{ color:#3C6385;}
#bjui-calendar > .main > .head > table .prev,
#bjui-calendar > .main > .head > table .next {
    width: 30px;
    height: 40px;
    line-height: 40px;
}
#bjui-calendar > .main > .body{
    border:none;
}
#bjui-calendar > .main > .body > dl.dayNames {
    border: none;
}
#bjui-calendar > .main > .body .dayNames dt {
    color: #999;
    height: 30px;
    line-height: 30px;
    width: 30px;
}
#bjui-calendar > .main > .foot {
    background: #fff;
    border: none;
    border-top: 1px solid #eee;
    padding: 5px;
}
#bjui-calendar > .main > .body {
    padding: .5rem;
}
#bjui-calendar > .main > .body > .days > dd {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
#bjui-calendar > .main > .body > .days > dd:hover {
    background: #e1f0fd;
    border: none;
    border-radius: .2rem;
}
#bjui-calendar > .main > .body > .days > dd.slt {
    background: #3C6385;
    border-radius: .2rem;
    border: none;
    color: #fff;
    position: relative;
}
/* 鐞涖劍鐗搁柌宥囩枂 */
.breadcrumb {
    margin: 0;
    background: white;
}
.fixed-table-container {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
}
.bootstrap-table .table{
    overflow-x: hidden;
    padding:0!important;
    border-top: none !important;
    /*border-left:1px solid #dfdfdf ;*/
    /*border-right:1px solid #dfdfdf ;*/
}
.bootstrap-table .table thead{
    background: #f9f9f9;
}
.fixed-table-pagination .btn-group { margin: 0 5px;}
.fixed-table-body thead th .th-inner{ font-weight: 400;}
td.has-error{
    position: relative;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(255, 230, 0, 0.18);
}
.erp-newTable>tbody>tr>td.has-error{ background: rgba(255, 230, 0, 0.18); padding-left: 1.5rem;}
td.has-error:before{
    position: absolute;
    content: "\e939";
    top:0;
    left:8px;
    color:red;
}

/*.fixed-table-body{*/
/*margin-right: 2.5rem;*/
/*max-height: calc(100vh - 20rem);*/
/*}*/
/*.fixed-table-body .table tbody > tr > td:last-child, */
/*.fixed-table-body .table thead > tr > th:last-child {*/
/*position: absolute;*/
/*right: 0;*/
/*width: 2.5rem;*/
/*height: auto;*/
/*color: #000;*/
/*}*/
.fixed-table-body .table tbody > tr.no-records-found > td {position: inherit;}
/*.fixed-table-body .table tbody > tr:last-child .ant-dropdown,*/
/*.fixed-table-body .table tbody > tr:nth-last-child(2) .ant-dropdown{*/
/*    bottom:0 !important;*/
/*    top:inherit !important;*/
/*}*/
/*.fixed-table-body .table tbody > tr:first-child .ant-dropdown,*/
/*.fixed-table-body .table tbody > tr:nth-child(2) .ant-dropdown{*/
/*    bottom:inherit;*/
/*    top: 0;*/
/*}*/
/*.fixed-table-container tbody tr:first-child td{ border-top: 1px solid #ddd;font-size:.7rem !important;}*/
/* 濞戝牊浼呮稉顓炵妇 */
.home-top { height: 50px; background-color: #f1f1f1;}
.home-top p { font-size: 16px;}
.home-top span { font-size: 12px; color: #96a6b6;}
.home-wrap{ margin:.75rem;}
.home-wrap-chart{ position: absolute; top:50px; right: 0; left: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.home-chart{ overflow: hidden; position: relative; margin-bottom: .75rem; width: 100%; height: 400px; background-color: #fff;}
.home-chart-title { padding-left: 20px; height: 50px; font-size: 14px; line-height: 50px; color: #415161; cursor: move;}
.home-chart-list { position: absolute; top: 50px; left: 0; bottom: 0; right: 0; overflow-y: auto; overflow-x: hidden;}
.home-chart-ratio { padding-top: 30px; text-align: center;}
.home-chart-ratio p:nth-child(1) { color: #96a6b6;}
.home-title-left { float: left; color: #415161;}
.chart-border { border-bottom: 1px solid #f1f2f7;}
.home-show-chart, .home-show-chart1 { position: absolute; top:150px; left: 0; bottom: 0; right: 0;text-align: center;}
.home-show-chart img{ width:70%;}
.ant-row{ position: relative; margin-left: -.375rem; margin-right: -.375rem; height: auto; zoom: 1; display: block;}
.ant-row:after, .ant-row:before { content: " "; display: table;}
.ant-row:after { clear: both; visibility: hidden; font-size: 0; height: 0;}
.ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    padding-left: .375rem;
    padding-right: .375rem;
}
.ant-col-6 { width: 25%;}
.ant-col-12{ width: 50%;}
.home-popup{
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 25%;
    z-index: 9999;
    background: #fff;
    width: 50%;
    border-radius: 5px;
    box-shadow: 0 0 10px #777;
}
.home-popup-bg{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 102, 102, 0.5);
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.me-content-left{ padding: .75rem;}
.me-content-left ul li a{
    position: relative;
    height:45px;
    display:block;
    line-height: 45px;
    padding:0 2rem 0 .5rem;
    border-radius:5px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
}
.me-content-left ul li a:hover{ background-color:#f5f5f5;}
.me-content-left ul li a h2{ display:initial; line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.me-content-left ul li a span{ position: absolute; top:0; right: .5rem; float:right; line-height: 45px;}
.me-content-left li a span em{
    color: #f90;
    min-width: 10px;
    min-height: 20px;
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
ul.notes {padding:.5rem;}
ul.notes li { border-bottom: 1px dashed #e7e7e7;}
ul.notes li .text {
    position: relative;
    color: #000;
    display: block;
    width: 100%;
    padding: 0 10px 0 20px;
    line-height: 40px;
    -webkit-transition: -webkit-transform .15s linear;
}
ul.notes li div.unread:before{
    position: absolute;
    top:15px;
    left:5px;
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:#f96868;
}
ul.notes li div.stick{ background:#ffe3e3;}
ul.notes li .text small {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 10px;
    color:#96a6b6;
}
ul.notes li div p {
    font-size: 12px;
    margin-right:150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
ul.notes li div:focus,
ul.notes li div:hover{ background-color:#f5f5f5;}
.notes-content{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display:none;
}
.notes-content .notes-head{ padding: 0 .75rem; line-height: 40px; height: 40px; display: block; overflow: hidden;}
.notes-content .notes-head .off{ position: relative; font-size: 14px; color:#999; }
.notes-content .notes-head .off i{ position: absolute; font-size: 18px; left: -17px; top: 12px;}
.notes-content .notes-head .off:hover{ color:#F90;}
.notes-body{ position: absolute; top: 40px; right: 0; bottom: 0;left: 0;margin-bottom: 60px; padding: .75rem;overflow: hidden;}
.notes-file{ position: absolute; right: 0; bottom: 0; left: 0; line-height: 30px; padding: 10px; border-top: 1px solid #e7e7e7; overflow: hidden;}
.notes-file:hover>span{ color:#3C6385;}
.notes-file>span{ padding-left: 20px; position: relative;font-size: 12px;}
.notes-file>span i{ position: absolute; line-height: 30px; left: 0;font-size: 14px;}
.notify-detail-top{ padding-bottom: .5rem; border-bottom: 1px dashed #e7e7e7;}
.notify-detail-top h2{ font-weight: 400; margin-bottom: .5rem; font-size: 1rem;}
.notify-detail-color{ color: #c1cbd5; font-size: 12px; font-weight: 200;}
.notes-text{ margin-top: 10px; position: absolute; top: 74px; right: 0; bottom: 0; left: 0; padding: .75rem; overflow: auto;}
.notes-text p{font-size: 12px;}

.priorityTask { position: relative;}
.pr-task {
    display: block;
    padding: 10px;
    margin: 10px 10px 0 10px;
    border: 1px solid #e7e7e7;
    background: #fafafa;
    border-radius: 5px;
}
.priorityTask:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
}
.priorityTask.priority02:before { background-color: #F90;}
.pr-task .max-checkbox {
    width: 20px;
    height: 30px;
    float: left;
}
.pr-task .task-content {
    position: relative;
    margin-left: 20px;
    display: block;
}
.pr-task .task-content p { margin-right: 2.5rem;}
.pr-task .task-content p:nth-child(1) { margin-bottom: 5px;}
.pr-task .task-content p.mt-project {
    font-size: 12px;
    color: #777;
    margin-bottom: 0;
    margin-top: .25rem;
}
.pr-task .task-content p.mt-project i {
    margin-right: .25rem;
    color: #3C6385;
}
.pr-task .task-content p:nth-child(2) { margin: .25rem 0;}
.pr-task .task-content p span.deadline-time {
    font-size: 12px;
    color: #fff;
    background-color: #52bbf5;
    border-radius: 2px;
    padding: 1px 2px;
}
.case {font-size: 12px;}
em.finish-state {
    position: relative;
    padding-left: 15px;
    margin: 0 10px;
    font-style: normal;
}
em.finish-state:before {
    position: absolute;
    top: 3.4px;
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #999;
}
.pr-task .task-content span em { font-style: normal;}
.user-name {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    background: #999;
    text-align: center;
    color: #fff;
    font-size: .75rem;
    font-weight: 400;
    float: left;
    margin-right: .5rem;
    border-radius: 50%;
}
.user-name.bg-color01 { background-color: #3C6385;}
.badeg {
    color: #fff;
    height: .8rem;
    line-height: .8rem;
    font-size: .6rem;
    background-color: #777;
    border-radius: .45rem;
    padding: 0;
    text-align: center;
    min-width: .8rem;
    position: absolute;
    right: -.25rem;
    top: -.2rem;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}
.component-user .user-name{ margin-bottom:.5rem;}
.component-user .user-name .badeg { opacity: 0;}
.component-user .user-name:hover .badeg { opacity: 1;}
.badeg:hover{ background-color: red;}
.component-user .c-u-add{ position: relative;}
.component-user .c-u-add>i{ padding:.5rem;}
.user-s-h{
    color: #333;
    text-align: left;
    padding: 0 .5rem;
    font-size: 12px;
    border-bottom: 1px solid #e7e7e7;
    line-height: 30px;
}
.user-s-h i{
    float: right;
    line-height: 30px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.user-s-h i:hover{ color:red;}
.user-list-box{
    position: absolute;
    bottom: 0;
    left: 4rem;
    background: #ffffff;
    width: 7rem;
    border-radius: .25rem;
    border: 1px solid #e7e7e7;
    box-shadow: 0px 0px 5px #e7e7e7;
    opacity: 0;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}
.user-list-box ul{
    padding: 0;
    max-height: 10rem;
    overflow: auto;
    min-height: 7rem;
    border-top: 1px solid #e7e7e7;
}
.user-list-box ul li{
    display: block;
    text-align: left;
    color: #333;
    font-size: 12px;
    line-height: 30px;
    padding: 0 .5rem;
    border-bottom: 1px solid #e7e7e7;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
}
.user-list-box ul li i{
    float: right;
    line-height: 30px;
    display:none;
}
.user-list-box ul li:hover{ background-color:#f5f5f5;}
.user-list-box ul li.active i{ display: block;}
.user-list-box.state{
    left:2rem;
    opacity: 1;
}
.user-search{ padding:.25rem;}
.pr-task .task-content .user-name {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .6rem;
    font-weight: 400;
    margin-right: 0;
}

/* 閸熷棗鎼х�电厧鍙嗛弶鍨健 erp-step */
.mt10 { margin-top: 10px!important; }
.lh30 { line-height: 30px!important;}
.erp-btn-import:active,
.erp-btn-import.active{outline:0;background-image:none;-webkit-box-shadow:none;box-shadow:none;}
.erp-step { height: 40px; width: 100%;}
.erp-step .step-item {
    width: 33.3%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 40px;
    height: 40px;
    background: url(../../images/erp/erp-step.png) no-repeat #f3f5f6;
}
.erp-step.step1 .step-item-1,
.erp-step.step2 .step-item-2 {
    background-color: #e0f0f5;
    background-position: right -40px;
}
.erp-step.step1 .step-item-2 {
    background-color: #f3f5f6;
    background-position: right 0;
}
.erp-step.step1 .step-item-3,
.erp-step.step2 .step-item-3 { background: #f3f5f6;}
.erp-step.step2 .step-item-1,
.erp-step.step3 .step-item-1,
.erp-step.step3 .step-item-2 {
    background-color: #e0f0f5;
    background-position: right -80px;
}
.erp-step.step3 .step-item-3 { background: #e0f0f5;}
.erp-step .step-item em {
    margin-right: 10px;
    font-style: normal;
}
.ui-slide-gray-a.current {
    color: #FFF;
    background-position: -108px -79px;
}
.ui-slide-gray-a {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #555;
    background: url(../../images/erp/erp-icon8.png) -148px -79px no-repeat;
    display: inline-block;
}
.erp-imp-main {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.erp-imp-main .import-step1 {
    position: relative;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.erp-imp-main .import-step2 {
    position: absolute;
    height: 100%;
    top: 0;
    left: 100%;
    right: -100%;
    bottom: 0;
}
.erp-imp-main .import-step1 .ExcelTable,
.erp-imp-main .import-step2 .ExcelTable{
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: .75rem .75rem 2.5rem .75rem;
}
.erp-imp-main .import-step2 .import-con{ height: 120px; padding: 0 .75rem;}
.erp-imp-main .import-step2 .plan_container_title{ display: block; height: 120px;}
.erp-imp-main .import-step3 { display: none;}
.box-yellow { background-color: #fffdf3;}
.box-yellow {
    border: 1px solid #ffdcb7;
    color: #f4a00d;
    padding: 10px 24px;
    margin: 0;
    line-height: 24px;
}
.box-yellow em {
    background: url(../../images/erp/erp-icon8.png) -280px -120px no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 5px;
}
.erp-imp-main .import-con { padding: .75rem; overflow: hidden;}
.erp-imp-main .import-con a.erp-btn{ font-size:14px;}
.erp-imp-main .import-con .productInfoImportRule{ display:none; margin-bottom:.5rem;}
.erp-imp-main .down-template { margin: .75rem 0;}
.erp-imp-main .down-template ul{ border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; max-height: 260px; overflow: auto;}
.erp-imp-main .down-template ul li{
    padding: 0 10px;
    line-height: 36px;
    border-top: 1px solid #f5f5f5;
    color: #999;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.erp-imp-main .down-template ul li:nth-child(1){ border-top:none;}
.erp-imp-main .down-template a{ color:#999;}
.erp-imp-main .down-template ul li:hover{ background-color:rgba(245, 245, 245, 0.39);}
.erp-imp-main .down-template ul li:hover,
.erp-imp-main .down-template ul li:hover a{color:#333;}
.erp-imp-main .down-template ul li:hover a:hover{ color:#f90;}
.lite-gray{margin-left: 30px; color: #999; }
.lite-gray a{ margin-left:5px;}
.lite-gray a:hover{ text-decoration: none; color:#F90;}
.erp-file-box {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.erp-file-box .file,
.loadmask,
.loadmask-msg {
    position: absolute;
    top: 0;
}
.erp-file-box .file {
    left: 10px;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 90%;
    right: 0;
    z-index: 9;
}
.erp-file-box .textfield {
    width: 100%;
    z-index: 10;
}
.erp-file-box .ui-input {
    padding-right: 30px;
}
.erp-file-box .btn-browse {
    width: 24px;
    height: 24px;
    background: url(../../images/erp/erp-icon8.png) -228px -79px no-repeat;
    position: absolute;
    top: 5px;
    right: 15px;
    border: 0;
}
.erp-imp-main .import-step1 .btns,
.erp-imp-main .import-step2 .btns,
.erp-imp-main .import-step3 .btns {
    position: absolute;
    bottom: 0;
    width: 96%;
    text-align: center;
    padding: .5rem 0;
    background: #ffffff;
}
.erp-message-text{
    line-height: 30px;
    margin-left: .5rem;
    color: red;
}
form .row-la{ margin:0 0 .25rem;}
form .row-la .form-group + .fl{line-height:30px; }
/* 閸熷棗鎼ч弬鏉款杻 goodsAdd */
.row-la label{ line-height: 30px; color: #555;}
.row-la label.input-group-addon{line-height: inherit;}
.import-con .row-la{z-index:2;}
.import-con .erp-file-box{z-index:1;}
.mistakeText{ color:red; padding-top:.5rem;}
.erp-imp-main .import-con a.erp-btn:hover{ color:#fff !important;}
.no-plugins{ display: none;}
/* 闁插秶鐤嗛崯鍡楁惂閸ュ墽澧� */
.erp-addPictures>div{ width:850px; padding-left: 8.33333333%;}
.erp-addPictures .image-crop{width: 268px; height: 268px; background-color: #fcfeff; border: 1px solid #ccc; border-radius: 3px;}
.erp-addPictures .image-crop img{ width:100%;}
.erp-addPictures .image-crop .cropper-container{ left:0 !important;}
.erp-addPictures .img-preview-sm{ height: 111px; width: 111px; margin-right: 1rem; margin-bottom: 20px;}
.erp-addPictures .img-preview-sm + .btn-group{ margin-bottom: 20px;}
.erp-addPictures .col-md-6 h4{ padding: 0 0 1rem;}
.erp-addPictures .col-md-6 p{ padding: 0 0 .5rem;}
.erp-addPictures #img-preview-sm1 {
    margin: 5px 0 0 -5px;
}
.erp-addPictures #img-preview-sm1:hover:before {color: rgba(0,0,0,.3);}
.erp-addPictures #img-preview-sm1:active:before {color: rgba(0,0,0,.2);border: 1px solid #e9e9e9;}
.erp-addPictures #img-preview-sm1:before{ content: '\e908'; font-family: 'icomoon' !important; font-size: 2rem; width: 110px;
    height: 110px; line-height: 105px; cursor: pointer; color: rgba(0,0,0,.1); position: absolute; z-index: 0;
    border: 1px solid #ddd; display: block; border-radius: 3px;}
.erp-addPictures #img-preview-sm1 img {position: relative;}
/*閸熷棗鎼ч弶锛勭垳*/
.bar-code-box{
    background: #fafafa;
    padding: 5px;
}
.bar-code-list{
    margin: 0 auto;
    max-width: 1296px;
    overflow: hidden;
}
.bar-code-list>li{
    width: 324px;
    float: left;
    /*5783-(1935+3559)*/
}
.bar-code-list>li .com-img{
    width: 60px;
    height: 60px;
    float: left;
    overflow: hidden;
}
.bar-code-list>li .com-img img,.bar-code-list>li .bar-code-img img{ width:100%; display:block;}
.bar-code-list>li .bar-code-img{ width: 232px !important; float: left;display: inline-table; letter-spacing: 7px;}
.bar-code-list>li .bar-code-img img{ height:3rem;}
.bar-code-list>li .list-crop-wrap {
    padding: 10px;
    margin: 5px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: .2rem;
    cursor: pointer;
    line-height: 1;
    overflow: hidden;
}
.bar-code-list>li .list-crop-wrap p{
    margin-top: .5rem;
    color: #333;
    font-size:.75rem;
}
.bar-code-list>li .list-crop-wrap p:nth-of-type(2){ color:#999; font-size:.65rem;}
.bar-code-list>li .list-crop-wrap p span{
    margin-left:1rem;
    float: right;
}

.erp-addPictures .upAndDownLoadBtn label{ color:#fff;}
.erp-addPictures .optionsBtn button.btn{ padding:5px 6.5px;}
/* tab閸掑洦宕查柌宥囩枂 */
.erp-nav-tabs{ padding-top: .5rem;}
.erp-nav-tabs li:nth-of-type(1){ margin-left:.5rem;}
/* 閸愬懘銆塼ab */
.width-50{ width:50%;}
.basic-box{margin: 0 0 .75rem;}
.basic-box h1{
    padding: 0 0.75rem;
    font-size: .8rem;
    height: 40px;
    line-height: 40px;
}
.inside-tab-box{
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 0;
    top: 0;
    right: 0;
    width: auto;
}
.inside-tab-box.box-max{ left:15px;}
.inside-tab-list{
    max-width: 210px;
    float: left;
    background-color: #f1f1f1;
    height: 100%;
    position: absolute;
    overflow: auto;
}
.inside-tab-list li{
    position: relative;
    max-width: 210px;
    line-height: 25px;
    min-width: 180px;
    border-bottom: 1px solid #e8e6e6;
    font-size: .75rem;
}
.inside-tab-list li.active{
    background: #fff;
}
.inside-tab-list li a{
    padding: .5rem .75rem;
    display: block;
}
.inside-tab-list li:hover a,
.inside-tab-list li.active a{color:#3C6385;}
.inside-tab-content{
    margin-left: 210px;
    padding: .5rem;
    height: 100%;
    overflow: auto;
}
.inside-tab-content>div{ display:none;}
.inside-tab-content>div.active{ display:block;}
.basic-content{
    overflow: hidden;
    border: 1px solid #e5e5e5;
    position: absolute;
    right: .75rem;
    left: 0;
    bottom: 0;
    top: 40px;
}
/*濡拷濞村濮ら崨锟�*/
.eow{ line-height: 2.4rem; display: block; overflow: hidden;}
.eow label{ margin-bottom: 0;}
.eow label.required { position: relative; float: left; padding-right: 15px;}
.eow label.required:after { position: absolute; top: 3px; right: 8px;}
.eow .form-group { float: left; margin: 7px 0;}
.eow .form-group .selectBox { position: relative; display: inherit; float: left; min-width: 160px; max-width: 160px;}
.eow .form-group .selectBox .data-input { min-width: 110px; padding-right: 30px;}
.eow .form-group .selectBox label {
    position: absolute;
    top: .23rem;
    right: .1rem;
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.29rem;
    text-align: center;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.5);
    left: inherit;
    margin-bottom: 0;
    border: none;
}
.report-select{
    min-height: 100px;
    margin:15px 30px;
}
.report-window{
    position: relative;
    width:100%;
    height: 100%;
    float:left;
    padding: .75rem;

}
.report-window .search-container{
    position: absolute;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 50%;
    top: .75rem;
    height: 2.5rem;
    padding: 0 10px;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
}
.report-window .search-container a{ position: absolute; right: 10px; top:0; line-height: 2.5rem; font-size: 26px; padding: 0 15px;color:#999;}
.report-window .search-container a:hover{ color:#3C6385;}
.report-window .search-container input{ width: 20rem; padding-left: 1rem; border-radius: 1rem; font-size: .7rem;}
.report-window.w3{width:30%; border-right: 1px solid #f1f1f1;}
.report-window.w7{width:70%;}
.report-select label{margin-right:15px; margin-bottom: 10px;}
.report-window .commodity-box{
    position: absolute;
    right: 0;
    top: 3.25rem;
    bottom: 0;
    left: 0;
    padding: .75rem;
    overflow: auto;
}
.rwn-box{ padding:0;}
.rwn-box .rwn-head{padding: 0 .75rem; border-bottom: 1px solid #e7e7e7;}
.rwn-box .rwn-content-box{ position: absolute; top: 2.4rem; right: 0; bottom: 0; left: 0; }
.rwn-box .rwn-content{ position: relative; width:50%;  height: 100%; float:left; padding: 0 .75rem .75rem;}
.rwn-box .rwn-content:nth-child(1){border-right: 1px solid #e7e7e7;}
.rwn-box .rwn-content .report-select{ position: absolute; top: 3.5rem; right: 0; bottom: 0; left: 0; margin: 0; min-height:0;  overflow: auto;}
.rwn-box .rwn-content .report-select label{ display: block; line-height: 2rem;  margin: 0 .75rem; padding: 0 .75rem;}
.rwn-box .rwn-content .report-select label:hover{ background-color:#f5f5f5;}
.rwn-box .rwn-content .search-container{ height:50px;}
.rwn-box .rwn-content .search-container>.form-control{ height: 30px;}
.rwn-box .rwn-content .search-container a{line-height:50px;}
.commodity-c{ border: 1px solid #e7e7e7; margin-bottom: 10px; background: #f5f5f5; border-radius: 5px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.commodity-c:hover{ background: #eeeeee;}
.commodity-c h2{ line-height: 2rem; padding: 0 10px;}
.commodity-c .commodity-l{ padding-left: 2rem; padding-bottom: 10px; display:none;}
.commodity-c .commodity-l label{ margin-right:15px;}
.commodity-c.pitch {background: #fff;}
.commodity-c.pitch .commodity-l{ display:block;}
.commodity-opt{ margin-top:.75rem;}
.commodity-opt span{
    position:relative;
    margin: 10px 10px 0 0;
    background: #f5f5f5;
    padding: 5px 10px;
    border: 1px solid #e7e7e7;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.commodity-opt span:hover{ background: #eeeeee;}
.commodity-opt span a {
    position: absolute;
    top: -8px;
    display: inline-flex;
    right: -5px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #d9e7f2;
    border-radius: 14px;
    text-align: center;
    font-size: .6rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display:none;
}
.commodity-opt span:hover a{display:block;}
.commodity-opt span a i{ margin: 0 auto; line-height: 15px;}
.commodity-opt span a:hover{ background-color:#ff4a0c; color:#fff;}
/*閺傛媽銆冮弽锟�*/
.table > tbody > tr.selected > td{ background-color:rgba(255, 254, 17, 0.1);}
.table-hover > tbody > tr:hover > td{ background-color: rgb(255, 245, 212)}
.statisticsBox p,
.statisticsBox .amount{ padding-top:.5rem ; text-align: right;}
.statisticsBox p span{line-height: 1.5rem;}
.statisticsBox p span.color-green,
.statisticsBox p span.color-orange{ font-size:1.2rem; min-width:100px; display: inherit; float: right;}
.statisticsBox .amount{ overflow: hidden;}
.statisticsBox .amount section:nth-child(2){ margin-right:.5rem;}
.statisticsBox .amount section span:nth-child(2){ font-size:1rem; }
.line-inherit{ line-height: inherit !important; padding: 8px !important;}
.erp-newRow .row{margin-left: 0; margin-right: 0;}
.erp-newRow .row .form-group[class*="col-sm"]{ padding-right: 0;}
.erp-newTable{ margin: 0; table-layout: fixed;}
.tab-pane .erp-newTable{margin-bottom:.75rem;}
.erp-newTable > thead > tr > th{ background: #e9e9e9; color: #000; height:40px; line-height: 40px; padding: 0; text-align: center; font-size: 12px; border: 1px solid #d6dee3;}
.erp-newTable > thead > tr > th.text-left{ text-align:left;padding: 0 9px;}
.erp-newTable>thead:first-child>tr:first-child>th{border-top: 1px solid #d6dee3;}
.erp-newTable>thead:first-child>tr:first-child>th>span:hover>i{color:#F90;}
.erp-newTable>tbody>tr>td{ position: relative; border: 1px solid #dcdcdc; height: 35px; line-height: 35px;  padding: 0 5px; font-size: 12px; background: rgba(255, 176, 0, 0.04); color:#3C6385}
.erp-newTable>tbody>tr>td:focus{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #7ab5d3;
    outline: rgb(91, 157, 217) auto 1px;
}
.erp-newTable>tbody>tr>td.quote-no{ background: rgba(221, 221, 221, 0.1); color:#333;-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.erp-newTable>tbody>tr>td.quote-ok{ background: rgba(48, 224, 86, 0.3); color:#333;-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
.oa-newTable>tbody>tr>td{line-height: inherit; padding: 9px;}
.erp-newTable>tbody>tr>td.td-del{ padding:0;}
.erp-newTable.check>tbody>tr>td{ background-color: rgba(0,0,0,.02);color:#333}
.erp-newTable.check>tbody>tr>td:first-child { background-color: rgba(0,0,0,.04);}
.erp-newTable.check>tbody>tr>td.type-in{ background-color: rgba(255, 153, 0, 0.1); color: #3C6385;}
.erp-newTable.oa-newTable.check>tbody>tr>td:first-child{ background-color: rgba(0,0,0,.02);}
.erp-newTable.oa-newTable.check>tbody>tr>td:first-child.rowspan{background-color: rgba(0,0,0,.04);}
.erp-newTable.check>tfoot>tr.information>td{background-color: rgba(0,0,0,0); border: 1px solid #ddd; font-size:12px;}
.erp-newTable.check>tfoot>tr.information>td span{ margin-right:1rem;}
.erp-newTable.check>tfoot>tr.information.no-border>td{ border:none;}
.erp-newTable.check>tfoot>tr.information.no-border.bold-text>td{ font-size:14px;}
.erp-newTable>tbody>tr>td.no-edit{ color:#000;}
.erp-newTable>tbody>tr:hover>td{background-color: rgba(255, 176, 0, .1);}
.erp-newTable>tbody>tr:hover>td:hover{background-color: rgba(255, 216, 112, .4);}
.erp-newTable>tbody>tr:hover>td.quote-no:hover{background: rgba(221, 221, 221, 0.1);}
.erp-newTable>tbody>tr:hover>td.quote-ok:hover{background: rgba(48, 224, 86, 0.3);}
.erp-newTable.check>tbody>tr:hover>td,
.erp-newTable.check>tbody>tr:hover>td:hover{background-color: rgba(255,54,0,.02);}
.erp-newTable>tbody>tr>td.no-edit:hover{cursor:not-allowed; background-color: rgba(247, 247, 247, 0.7);}
.erp-newTable>tbody>tr>td.erp-sortTable,
.erp-newTable>tbody>tr>td.erp-sortTable:hover,
.erp-newTable>tbody>tr>td.td-del{ background-color: rgba(0,0,0,.04); color:#000; text-align: center;}
.erp-newTable>tbody>tr:hover>td.erp-sortTable,
.erp-newTable>tbody>tr:hover>td.td-del,
.operating button:hover,
.erp-newTable>tbody>tr:hover>td .operating button{background-color: rgba(255, 251, 243, .04);}
.erp-newTable>tbody>tr:nth-of-type(odd){ background:none;}
.check>tbody>tr>td.check-edit-td{ background-color: rgba(255, 153, 0, 0.09); color: #F90;}
.operating button{ width: 50%; float:left; line-height: 35px; padding: 0; margin: 0; border: none; display: block; border-radius: 0; background-color: rgba(0, 0, 0, 0);}
.operating button:hover i{ color:#3C6385;}
.td-orange{ background-color:#e4fdd9;}
.inside-radio{ padding-bottom: .75rem;}
.sm-no-border{ display:none;}
.sm-no-border.active,
.sm-no-border.active .form-group{ display:block;}
.sm-no-border.active{ padding: 0;}
.sm-no-border.active .sm-input{padding-left: 0;}
.sm-no-border.active .has-error{ float: initial; margin-bottom: 0; padding: 0 5px;}
.tree-list{ margin-top:10px;}
.head-tree { position: relative;  margin: 0 !important;}
.head-tree .tree-list{
    position: absolute;
    top: 40px;
    left: 0;
    margin: 0;
    padding: .5rem;
    background: #fff;
    min-width: 240px;
    max-height: 400px;
    border: 1px solid #e7e7e7;
    box-shadow: 0rem 0rem 10px rgba(0, 0, 0, 0.22);
    border-radius: 5px;
    overflow: auto;
    line-height: initial;
    z-index: 999;
}

table[data-toggle="celleditable"] tbody tr:only-child .insert-row {
    padding-right: 50%;width: 100%;
}
table[data-toggle="celleditable"] tbody tr:only-child .remove-row {
    display: none;
}
/*鐞涖劍鐗哥紓鏍帆*/
.suggestion-wrap {
    min-width: 100%;
    display: table;
    border-collapse: collapse;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion {
    display: table-row;
    white-space: nowrap;
    overflow: hidden;
    padding: 7px 16px;
    line-height: 2.0rem;
    border-bottom: 1px solid #dddddd;
}
.autocomplete-suggestion span {
    display: table-cell;
    padding-right: 2rem;
    font-size: .7rem;
}
.autocomplete-suggestion span:first-child {
    padding-left: 1rem;
}
.autocomplete-suggestion span:last-child {
    padding-right: 1rem;
    text-align: left;
}
.autocomplete-selected { background: #F0F0F0;}
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF;}

.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
/* 閹垫挸宓冨Ο锛勫鐢啫鐪� */
.PrintTemplate-left { position: relative; width: 75%; border-top: 1px solid #f1f1f1;}
.PrintTemplate-left.in{ width:100%;}
.PrintTemplate-right{
    width: 25%;
    height: 100%;
    display: block;
    min-height: calc(100vh - 6.25rem);
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.PrintTemplate-table{ width:970px; padding:10px 0; margin:0 auto;}
.PrintTemplate-table>h1,
.company-means h1{text-align: center; font-size: 24px; color: #000; margin-bottom: 20px;}
.PrintTemplate-table>p{ padding-bottom:10px;}
.PrintTemplate-table>p span{ margin-right:15px;}
.PrintTemplate-table table{ width:100%;}
.PrintTemplate-left .tab-content{
    position: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: inherit;
    padding: 0;
}
.PrintTemplate-table.PrintA5 {
    width: 200mm;
}
.PrintA5 .order-means {
    line-height: 1.2rem;
}
.template-list li{
    line-height: 45px;
    border-bottom: 1px solid #e7e7e7;
}
.template-list li a{ position:relative; padding: 0 .75rem; font-size:14px; display: block;}
.template-list li a:hover,.template-list li.active a{ color: #3C6385; }
.template-list li a i{ position:absolute; top:0; right:.75rem;; line-height: 45px; display:none;}
.template-list li.active a i{display:block;}
.box tr th {
    border: 1px solid #999;
    height: 45px;
    line-height: 45px;
    padding: 0 5px;
    text-align:center;
}
.box tr.no-border td{border:none;}
.box tr.bold-text td{ font-size:16px; color:#000; height: 28px; line-height: 28px;}
.box tfoot tr td span{
    margin: 0;
    display: inline-block;
    min-width: 50px;
    text-align: center;
}
.box td.p-remark{ line-height: inherit;}
.company{ margin-bottom: 20px; max-height: 100px;}
.company img{ width: 100px; max-height: 100px;}
.company .company-means{ text-align:center;}
.company .company-means p span{ margin-right:10px;}
.templateTwo .order-means{margin-bottom:10px;}
.templateTwo .order-means p{ overflow: hidden;}
.templateTwo .order-means p span{ width:20%; float:left; display: block; font-weight: bold; color:#000;}
.templateTwo .order-means p span:nth-child(1),
.templateTwo .order-means p span:nth-child(2){width:38%; margin-right:1%;}
.templateTwo .order-means p span.m1{width:77%; margin-right:1%;}
.templateTwo .order-means p span.m2{width:20%; margin-right:0;}
.templateTwo .order-means p em{letter-spacing: 0.5em; margin-right: -0.5em; font-weight: bold;}
.templateTwo .order-means p em.w2{letter-spacing:2em; margin-right: -2em;}
[data-toggle=tooltip]{position:relative}
[data-toggle=tooltip]:hover{z-index:101}
[data-toggle=tooltip]:before{background:hsla(0,0%,7%,.9);border-radius:.2rem;content:attr(data-explanation);font-size:.6rem;padding:.25rem .5rem;white-space:nowrap;color:#fff;-webkit-font-smoothing:auto;box-shadow:0 .1rem .2rem rgba(0,0,0,.2)}
[data-toggle=tooltip]:after,
[data-toggle=tooltip]:before{position:absolute;z-index:10;opacity:0;pointer-events:none; line-height: initial;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
[data-toggle=tooltip]:hover:after,
[data-toggle=tooltip]:hover:before{-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto}
[data-toggle=tooltip][data-placement=down-center]:after,
[data-toggle=tooltip][data-placement=down-center]:before{left:50%;top:100%;margin-top:.5rem; -webkit-transform:translate3d(-50%,-20px,0);transform:translate3d(-50%,-20px,0)}
[data-toggle=tooltip][data-placement=down-left]:after,
[data-toggle=tooltip][data-placement=down-left]:before{left:0;top:100%;margin-top:.5rem;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
[data-toggle=tooltip][data-placement=down-right]:after,
[data-toggle=tooltip][data-placement=down-right]:before{right:0;top:100%;margin-top:.5rem;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
[data-toggle=tooltip][data-placement=down-center]:after,
[data-toggle=tooltip][data-placement=down-left]:after{content:'';width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-bottom:.25rem solid hsla(0,0%,7%,.9);margin-top:.27rem}
[data-toggle=tooltip][data-placement=down-left]:after{left:.4rem}
[data-toggle=tooltip][data-placement=down-right]:after{content:'';width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-bottom:.25rem solid hsla(0,0%,7%,.9);margin-top:.27rem;right:.5rem}
[data-toggle=tooltip][data-placement=down-center]:hover:after,
[data-toggle=tooltip][data-placement=down-center]:hover:before{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
[data-toggle=tooltip][data-placement=down-left]:hover:after,
[data-toggle=tooltip][data-placement=down-left]:hover:before,
[data-toggle=tooltip][data-placement=down-right]:hover:after,
[data-toggle=tooltip][data-placement=down-right]:hover:before{-webkit-transform:translateZ(0);transform:translateZ(0)}
[data-toggle=tooltip][data-placement=up-center]:after,
[data-toggle=tooltip][data-placement=up-center]:before{left:50%;bottom:100%;margin-bottom:.5rem;-webkit-transform:translate3d(-50%,20px,0);transform:translate3d(-50%,20px,0)}
[data-toggle=tooltip][data-placement=up-left]:after,
[data-toggle=tooltip][data-placement=up-left]:before{left:0;bottom:100%;margin-bottom:.5rem;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
[data-toggle=tooltip][data-placement=up-right]:after,
[data-toggle=tooltip][data-placement=up-right]:before{right:0;bottom:100%;margin-bottom:.5rem;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
[data-toggle=tooltip][data-placement=up-center]:after,
[data-toggle=tooltip][data-placement=up-left]:after{content:'';width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.25rem solid hsla(0,0%,7%,.9);margin-bottom:.27rem}
[data-toggle=tooltip][data-placement=up-left]:after{left:.4rem}
[data-toggle=tooltip][data-placement=up-right]:after{content:'';width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.25rem solid hsla(0,0%,7%,.9);margin-bottom:.27rem;right:.5rem}
[data-toggle=tooltip][data-placement=up-center]:hover:after,
[data-toggle=tooltip][data-placement=up-center]:hover:before{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
[data-toggle=tooltip][data-placement=up-left]:hover:after,
[data-toggle=tooltip][data-placement=up-left]:hover:before,
[data-toggle=tooltip][data-placement=up-right]:hover:after,
[data-toggle=tooltip][data-placement=up-right]:hover:before{-webkit-transform:translateZ(0);transform:translateZ(0)}
[data-toggle=tooltip][data-placement=right-center]:after,
[data-toggle=tooltip][data-placement=right-center]:before{top:50%;left:100%;margin-left:.5rem;-webkit-transform:translate3d(-20px,-50%,0);transform:translate3d(-20px,-50%,0)}
[data-toggle=tooltip][data-placement=right-up]:after,
[data-toggle=tooltip][data-placement=right-up]:before{top:0;left:100%;margin-left:.5rem;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
[data-toggle=tooltip][data-placement=right-down]:after,
[data-toggle=tooltip][data-placement=right-down]:before{bottom:0;left:100%;margin-left:.5rem;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
[data-toggle=tooltip][data-placement=right-center]:after,
[data-toggle=tooltip][data-placement=right-up]:after{content:'';width:0;height:0;border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-right:.25rem solid hsla(0,0%,7%,.9);margin-left:.27rem}
[data-toggle=tooltip][data-placement=right-up]:after{top:.4rem}
[data-toggle=tooltip][data-placement=right-down]:after{content:'';width:0;height:0;border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-right:.25rem solid hsla(0,0%,7%,.9);margin-left:.27rem;bottom:.4rem}
[data-toggle=tooltip][data-placement=right-center]:hover:after,
[data-toggle=tooltip][data-placement=right-center]:hover:before{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
[data-toggle=tooltip][data-placement=right-down]:hover:after,
[data-toggle=tooltip][data-placement=right-down]:hover:before,
[data-toggle=tooltip][data-placement=right-up]:hover:after,
[data-toggle=tooltip][data-placement=right-up]:hover:before{-webkit-transform:translateZ(0);transform:translateZ(0)}
[data-toggle=tooltip][data-placement=left-center]:after,
[data-toggle=tooltip][data-placement=left-center]:before{top:50%;right:100%;margin-right:.5rem;-webkit-transform:translate3d(20px,-50%,0);transform:translate3d(20px,-50%,0)}
[data-toggle=tooltip][data-placement=left-up]:after,
[data-toggle=tooltip][data-placement=left-up]:before{top:0;right:100%;margin-right:.5rem;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
[data-toggle=tooltip][data-placement=left-down]:after,
[data-toggle=tooltip][data-placement=left-down]:before{bottom:0;right:100%;margin-right:.5rem;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
[data-toggle=tooltip][data-placement=left-center]:after,
[data-toggle=tooltip][data-placement=left-up]:after{content:'';width:0;height:0;border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.25rem solid hsla(0,0%,7%,.9);margin-right:.28rem}
[data-toggle=tooltip][data-placement=left-up]:after{top:.4rem}
[data-toggle=tooltip][data-placement=left-down]:after{content:'';width:0;height:0;border-top:.25rem solid transparent;border-bottom:.25rem solid transparent;border-left:.25rem solid hsla(0,0%,7%,.9);margin-right:.28rem;bottom:.4rem}
[data-toggle=tooltip][data-placement=left-center]:hover:after,
[data-toggle=tooltip][data-placement=left-center]:hover:before{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}[data-toggle=tooltip][data-placement=left-down]:hover:after,
                                                                                                                                       [data-toggle=tooltip][data-placement=left-down]:hover:before,
                                                                                                                                       [data-toggle=tooltip][data-placement=left-up]:hover:after,
                                                                                                                                       [data-toggle=tooltip][data-placement=left-up]:hover:before{-webkit-transform:translateZ(0);transform:translateZ(0)}
[data-toggle=tooltip][data-tooltip-length=small]:before{white-space:normal;width:4rem}
[data-toggle=tooltip][data-tooltip-length=medium]:before{white-space:normal;width:7.5rem}
[data-toggle=tooltip][data-tooltip-length=large]:before{white-space:normal;width:13rem}
[data-toggle=tooltip][data-tooltip-length=xlarge]:before{white-space:normal;width:19rem}

/*閸楁洟锟藉顢嬮敍灞筋槻闁顢�*/
.checkbox-wrap{position:relative;display:inline-block;vertical-align:middle;font-weight:400;margin:0}
.checkbox-wrap input[type=checkbox]{position:absolute;height:inherit;width:inherit;opacity:0;left:0;margin-left:0}
.checkbox-wrap span{cursor:pointer;position:relative;margin-right:.35rem;display:inline-block;height:.7rem;width:.7rem;border:1px solid #ddd;border-radius:.15rem;vertical-align:middle;background:#fff}
.checkbox-wrap span:hover{border:1px solid #bbb}
.checkbox-wrap span:before{content:'';position:absolute;left:.15rem;width:.3rem;height:.5rem;border:.1rem solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);-ms-transform:rotate(45deg) scale(0);-moz-transform:rotate(45deg) scale(0);-webkit-transform:rotate(45deg) scale(0);-o-transform:rotate(45deg) scale(0);-webkit-transition:all .1s cubic-bezier(.71,-.46,.88,.6);transition:all .1s cubic-bezier(.71,-.46,.88,.6)}
.checkbox-wrap.checkbox-round span{border-radius:.35rem}
.checkbox-wrap input+span+font{color:#aaa;-webkit-font-smoothing:auto}
.checkbox-wrap input:checked+span{background:#3C6385;border-color:#3C6385}
.checkbox-wrap input+span+em{ color:#999;}
.checkbox-wrap input:checked+span+em{ color:#3C6385; transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.checkbox-wrap input:checked+span+font{color:#3C6385;-webkit-font-smoothing:auto}
.checkbox-wrap input:checked+span:before{
    transform:rotate(45deg) scale(1);
    -ms-transform:rotate(45deg) scale(1);
    -moz-transform:rotate(45deg) scale(1);
    -webkit-transform:rotate(45deg) scale(1);
    -o-transform:rotate(45deg) scale(1);
    -webkit-transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}
.checkbox-wrap:hover font {
    color:#3C6385;
}
.radio-wrap{position:relative;display:inline-block;vertical-align:middle;font-weight:400;margin:0;margin-right:.75rem}
.radio-wrap input[type=radio]{position:absolute;height:inherit;width:inherit;opacity:0;left:0;margin-left:0}
.radio-wrap span{cursor:pointer;position:relative;margin:0 .35rem .1rem 0;display:inline-block;width:.7rem;height:.7rem;border:1px solid #ddd;border-radius:.35rem;vertical-align:middle;background-color:#fff}
.radio-wrap span:hover{border:1px solid #bbb}
.radio-wrap span:after{content:'';position:absolute;left:.1rem;top:.1rem;width:.4rem;height:.4rem;border-radius:.2rem;display:table;border-top:0;border-left:0;opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.radio-wrap input:checked+span:after,
.radio-wrap span:after{-webkit-transition:all .2s cubic-bezier(.78,.14,.15,.86);transition:all .2s cubic-bezier(.78,.14,.15,.86)}
.radio-wrap input:checked+span:after{
    background:#3C6385;border-color:#3C6385;opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)}

.bs-checkbox .checkbox-wrap span{ margin-right:0;}
.th-inner .checkbox-wrap span{ margin-bottom: 2px;}

.resource-left,
.resource-right{ width:50%; float:left;}
/*OA*/
.well-h1{ margin: .75rem -.75rem;}
.checkboxList .checkbox-wrap{ margin-right:10px;}
.checkboxList .checkbox-wrap span{ margin-right:2px; margin-bottom: 2px;}
.info-checkbox input[type="checkbox"] { margin: 0px 2px 0 9px;}
.oa-content-left{ width: 60%; float: left;}
.oa-content-left,
.oa-content-right{
    display: block;
    min-height: calc(100vh - 6.25rem);
    max-height: calc(100vh - 6.25rem);
    border-left: .75rem solid #f1f1f1;
    padding: 0 .75rem;
}
.oa-content-right{
    width: 40%;
    float: right;
    overflow: auto;
}
.oa-content-left.w50,
.oa-content-right.w50{ width:50%;}
.oa-content-left.w50{ border-right:0.375rem solid #f1f1f1; border-left:none;}
.oa-content-right.w50{ border-left:0.375rem solid #f1f1f1;}
.oa-content-left h1,
.oa-content-right h1{
    line-height: 45px;
    font-size: 18px;
}
.oa-content-right>p{
    padding: .5rem 0;
    border-bottom: 1px dashed #ccc;
}
.oa_plan_container_title{ height:auto;}
.oa_plan_container_title .datum-box .datum{ width:100%; margin:0;}
.oa_plan_container_title .form-group[class*="col-sm"]{ padding-left: 0; padding-right: 0;}
.window { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: table; border: none;}
.window .subwindow { display: table-row; width: 100%; height: 100%;}
.window .subwindow.collapsed { height: 0px;}
.window .subwindow .subwindow-container { display: table-cell; position: relative;}
.window .subwindow .subwindow-container>.nav-tabs{ margin: .75rem .75rem 0;}
.window .subwindow .win-padding{ padding: 0 .75rem .75rem;}
.window .subwindow .subwindow-container .panel-body{ position: absolute; top: 0; bottom:0; width: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.erp-content .window{ height: calc(100vh - 7rem);}
.erp-content .window .subwindow .win-padding{padding: .75rem;}
.erp-content .window .subwindow .win-padding.remark{padding: .75rem .75rem 0; bottom:3.25rem;}
.erp-content .window .subwindow .win-padding .tab-content{ top:.75rem;}
.erp-content .window .subwindow .simulate-thead{ top: 0;}
.window-box>.content{min-height: calc(100vh - 8rem); margin: 0;}
.window-box .erp-content .window {height: calc(100vh - 8rem);}
.content-box-left,
.content-box-right {
    display: -webkit-box;
    display: -o-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .375rem;
    position: relative;
    overflow: auto;
    background: #fff;
    min-height: calc(100vh - 4rem);
    max-height: calc(100vh - 4rem);
}
.content.edit{ margin-right: 21.2rem;}
.content.edit-right{ position: absolute;top: 0; right: 0; display:none;}
.content.edit+.content.edit-right{ display:block}
.control-panel+.content-wrapper .content-box-left,
.control-panel+.content-wrapper .content-box-right {
    min-height: calc(100vh - 6.25rem);
    max-height: calc(100vh - 6.25rem);
}
.content-box.content-box-left{width: inherit;}
.task-right-filter {
    -webkit-box-flex: initial!important;
    -ms-flex: initial!important;
    flex: initial!important;
    width: 20rem!important;
    margin: 0 .375rem!important;
}

.color-1 { color: #000;}
.table-container {
    display: table;
    border-collapse: collapse;
    width: 100%;
    position: relative;
    color: rgba(0,0,0,.5);
}
.table-container ul {
    display: table-row;
    padding: 0;
    margin: 0;
    height: 2rem;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.table-container ul:hover { color: #000; background: rgba(0,166,155,.04);}
.table-container ul.table-header-group:hover{ background:none;}
.table-container .table-header-group { display: table-header-group;}
.table-container ul li.w200 { width: 20rem;}
.table-container ul li.w100 { width: 5rem;}
.table-container ul li.w50 { width: 2.5rem;}
.table-container ul li {
    display: table-cell;
    padding: 0 .5rem;
    font-size: .7rem;
    height: 2rem;
    line-height: 2rem;
    white-space: nowrap;
    border-bottom: 1px solid #e9e9e9;
}
.table-container ul li.pct span{ width:2rem; display: inline-block;}
.summary tr{ padding: 0 .25rem; display: inline-block;}
td.w58{ width:58px;}
.mw10{position: relative; max-width: 10rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
ul.table-content-group:hover .mw10{ white-space: inherit; line-height: normal; padding: 10px .5rem;}
ul.undone .stateTime,ul.undone .pct{color: #ff4040 !important;}
ul.undone-2 .stateTime,ul.undone-2 .pct{color:#F90 !important;}
ul.undone li.mw10:before{position: absolute; content:''; width:.25rem; top:10px; bottom:10px; left:0; border-radius: .5rem; background-color:#ff4040;}
ul.undone-2 li.mw10:before{ background-color:#F90;}
/*闁插洩鍠樼�瑰甯�*/
.oa-content-left .pl-left{ border-left:none;}
.plan-content{ display: block; min-height: calc(100vh - 12.25rem); max-height: calc(100vh - 12.25rem); margin-top: .5rem; overflow: auto;}
.pl-list {
    display: flex;
    flex-wrap: wrap;
}
.pl-list li .goodsBox {
    margin: 0 .25rem;
    height: 100%;
    background: #fbfbfb; padding: 2%; border-radius: 5px; border: 1px solid #eee;
    -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: linear; animation-timing-function: linear;
}
.pl-list li{ position: relative; flex: 0 0 50%;
    margin:  0 0 .5rem;}
.pl-list li:hover .goodsBox{ background-color:#f5f5f5; -webkit-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.pl-list li .pl-btn{position: absolute; top: 8px; right: 10px; width: 78px; opacity: 0; transition: all .3s ease; -webkit-transition: all .3s ease;}
.pl-list li .pl-btn button{ margin: 2px;}
.pl-list li:hover .pl-btn{ opacity: 1;}
.pl-list li .pl-img{ width: 3rem; height: 3rem; overflow: hidden; float: left; margin: 0 10px .15rem 0;}
.pl-list li .pl-img img{ width:100%;}
.pl-list li .pl-text{ position: relative; padding-right: 4rem;}
.pl-list li .pl-text p{line-height: 1.5rem; overflow: hidden; font-size: .8rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.pl-list li .pl-text span{ position: relative; bottom: 0; right: 0; line-height: 1.5rem; font-size: .8rem; color: #f90;}
.pl-list li .pl-text span.cost{color: #3C6385; top: 0; bottom: initial;}
.pl-list li .pl-text button{ font-family: "pos-close"; position: absolute; top:0; right: 0; background: transparent; border: none; font-size: 15px; display:none;}
.pl-list li p.firm-name{ line-height: 1rem; margin-bottom: .15rem; overflow: hidden; font-size: .6rem;}
.pl-list li p.cust-name{ line-height: 1rem; border-top: 1px solid rgba(0,0,0,.05); color: #3C6385; overflow: hidden; font-size: .75rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.pl-block-list li .pl-text button{ display:none; z-index:2; -webkit-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.pl-block-list li:hover .pl-text button{ display:block;}
.pl-block-list li .pl-text button:hover{ color:red !important; }
.pl-block-list li .pl-btn{ display:none;}
.purchase-box .w50 .plan_container_title{
    max-height: 4.8rem;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}
/*闁插洩鍠樼拠顫幆*/
.card-table{
    width: 100%;
    background-color: #fff;
    overflow: auto;
    min-height: calc(100vh - 8.65rem);
    max-height: calc(100vh - 8.65rem);
}
.card-table table{ min-height: calc(100vh - 9.4rem);max-height: calc(100vh - 9.4rem);}
.card-table table .card-box{
    position: relative;
    width: 276px;
    background: #f9f9f9;
    min-height: calc(100vh - 10.15rem);
    max-height: calc(100vh - 10.15rem);
    margin-left: 0;
    overflow: auto;
    margin-top: .75rem;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    font-size: 12px;
    transition: all .3s ease; -webkit-transition: all .3s ease;
}
@media screen and (min-width:1920px){
    .card-table table .card-box{width: 290px;}
}
.card-table table .card-box:hover{
    background: #fff;
    box-shadow: 0 0 5px 2px #e7e7e7;
}
.card-table table tr td{padding: 0 10px;}
.card-table table tr td:nth-child(1) .card-box{ margin-left:0;}
.card-box .ca-head{
    height:95px;
    padding:10px;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 30px;
    border-bottom:1px solid #e7e7e7;
}
.card-box .ca-head span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 160px;
    display: block;
    float: left;
}
.ca-content{ position: absolute; top:95px; right:0; bottom:0; left:0; overflow:auto;}
.ca-content ul li{
    border-bottom: 1px solid #eee;
    transition: all .3s ease; -webkit-transition: all .3s ease;
}
.ca-content ul li:hover{ background-color:#f3f3f3;}
.ca-content ul li label{
    width: 100%;
    position: relative;
    height: 50px;
    margin: 0;
}
.ca-content ul li label input{ margin-top:0;}
.ca-content ul li label>span{ line-height: 50px; margin: 18px 15px; font-size: 8px;}
.ca-quote{ position: absolute; top: 0; right: 0; left: 45px;}
.ca-quote p{ padding-right: 100px; line-height: 25px;}
.ca-quote p:nth-child(2){ font-size: 12px;color: #999;}
.ca-quote em{ position: absolute;top: 0; right: 10px;line-height: 50px;}
.time-quantum { overflow: hidden; margin-top: 10px;}
.time-quantum .form-group .selectBox { position: relative; display: inherit; float: left; min-width: 115px; max-width: 115px;}
.time-quantum .form-group{ overflow: hidden; float: left;}
.card-box .ca-head .time-quantum>span{ width: 24px; text-align: center;}
.time-quantum .form-group .selectBox label{ display: inline;}
.time-quantum .form-group .selectBox label i { position: absolute; top: .23rem; right: .1rem; width: 1.4rem; height: 1.4rem; line-height: 1.29rem; text-align: center; font-size: 1rem; color: rgba(0, 0, 0, 0.5); left: inherit; border: none;}
@media screen and (min-width:1920px){
    .time-quantum .form-group .selectBox { min-width: 122px; max-width: 122px;}
}
/*妞嬬喎鎼х�瑰鍙忛崣鏉跨瑤*/
.haccpc-box{ margin:0;padding: 0; background: none; }
.haccpc-list{position: relative; padding: 10px 10px 0 10px; margin-bottom: .75rem; border:1px solid #e7e7e7; background: #fff; overflow: hidden; border-radius: 5px;}
.haccpc-list .commodity-opt{ margin-top: 0;}
.haccpc-name .commodity-opt span{ margin: 0 10px 10px 0;}
/*OA-妞ゅ湱娲伴崝銊︼拷锟�*/
.dynamic-user-name{ width:10%;}
.dynamic-operation{ width:15%;}
.dynamic-content{ width:50%;}
.dynamic-date{ width:20%; text-align: right; color: #999;}
/*OA-娴犺濮熼崝銊︼拷锟�*/
.taskDynamic p{ position: relative; padding-left: 1.8rem; line-height: 2rem; }
.taskDynamic p i{ font-size: 1rem; position: absolute; left: 0; line-height: 2rem;}
.taskDynamic p i,
.taskDynamic p span.fr{ color:#999;}
/*OA-閸氬牆鎮撶拋鍓х枂*/
.contract-set .row{ padding: 10px; line-height: 30px; margin: 0 0px; border-radius: 5px;}
.contract-set .row:hover{ background-color:#f5f5f5;}
.contract-set .row>label{ margin-bottom:0;}
.contract-set .row>span input{ margin: 0 10px; padding:0 10px; width: 50px; border-radius: 5px; text-align:center;}
.contract-set .row .chk_3_box{float: right; display: inline-grid;}
/*閸忋儴浜撮悽瀹狀嚞鐞涖劍澧﹂崡锟�*/
.print-box{ width: 1042px; padding: 20px 0; margin: 20px auto; overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.min-print-box{ width:942px;}
.chead,.column{ width:1002px;}
.min-print-box .chead,.min-print-box .column{ width:902px;}
.column{ margin-top:25px;}
.column .box { width: 100%; background-color: #ffffff;}
.Lh-logo{ position: relative; display: block; overflow: hidden; width: 460px; margin: 0 auto; min-height:65px;}
.Lh-logo img{ width: 100px; position: absolute;left: 70px;}
.Lh-logo h1,.Lh-logo h2{font-weight: bold; line-height: 40px; text-align: center;}
.Lh-logo h1{ font-size: 28px; margin-top: 12px; font-weight: 400; padding-left: 75px;}
.Lh-logo h2{ font-size: 20px;}
.Lh-logo.formTwo{ position: relative; width:100%;}
.Lh-logo.formTwo img{position: absolute; width: 140px; left:0;}
.Lh-logo.formTwo h1{ font-size:1.5rem; margin-top:10px;}
.Lh-logo.formTwo h2{ text-align: right; font-weight: 400;}
.box tr td{ border:1px solid #999; height: 45px; line-height: 20px; padding: 10px 5px; word-break:break-all; word-wrap:break-word;}
.box tr td.text-right{ text-align:right;}
.box tr td.no-tlr{ border-top:none;border-left:none;border-right:none;}
.box1>tbody>tr>td{ padding:0; border-top: 0; border-left: 0; border-bottom: 0;}
.box2>tbody>tr>td{ border-top:none;}
.min-print-box .box2>tbody>tr>td{ border-right:none;}
.print-head td{ width:300px; border-color: #fff  !important; border-bottom:none !important;}
.print-head td span,
.print01 p span,
.signature-time p span{ width: 70px; display: inline-block; text-align: right; margin-right: 10px;}
.signature-wrap {margin-top:10px;}
.min-print-box .print-head td span,
.min-print-box .print01 p span{ width: 60px;}
.print-head td span:nth-child(1),
.print01 p span:nth-child(1){ margin-left:10px;}
.print01 p.signature{ position: relative; float:right; width: 400px; text-align:left;}
.print01 p.signature span{ position: absolute; height: 35px; width: 300px; margin:0; border-bottom: 1px solid #000;}
.print01 label,
.print03 label,
.print04 label{ margin:0 20px;}
.print01 p{ float:right;}
.print02 td,
.print03 td,
.print04 td:nth-child(1){width:200px; text-align:center;}
.print02 td:nth-child(2){width:250px;}
.print04 p{ position: relative; float:right; width: 400px;}
.print04 p span{ position: absolute; height: 35px; width: 300px; border-bottom: 1px solid #000;}
.print02 td.text-left{ text-align:left;}
.print02 td label{ margin-left:20px;}
.min-print-box .print03 td:nth-child(1),
.min-print-box .print03 td:nth-child(3){ width:100px;}
.min-print-box .print03 td:nth-child(2),
.min-print-box .print03 td:nth-child(4){ width:200px;}
.box tr td.print-text{ line-height: initial; text-align: left !important; padding: 10px;}
.box tr td.print-leavetext{ line-height: initial; text-align: right !important; padding: 10px;}
.box tr td.print-text p{ overflow: hidden;}
.box tr td.print-text.text-indent p{ text-indent: 2rem;}
.box3 tr td{ width:190px; text-align:center; }
.box3 tr td:nth-child(1){ width:35px;}
.box4 p{ height:160px;}
.signature-content{ min-height:100px;}
.signature-content.sig150{min-height:150px;}
.signature-time {overflow: hidden; margin-top: 20px;clear:both;}

.contract-print-box .print03 td:nth-child(1){width:100px;}
.contract-print-box .print03 td:nth-child(3), .contract-print-box .print03 td:nth-child(4){ width:50px;}
.contract-print-box .print03 td:nth-child(2){line-height: initial; text-align: left; padding:10px;}
.demand-box .print03 td{line-height: initial;padding:10px;}
.demand-box .print03 td.checkbox-box{ text-align:left;}
.demand-box .print03 td.max-h{ height:120px;}
/*闂傤噣顣介弶鍨健*/
.ico-color01{ color: #1d8fe1; }
.ico-color02{ color: #f39826; }
.ico-color03{ color: #f15a4a; }
.ico-color04{ color: #29ab91; }
.modal-box{position: absolute; top: 0; bottom: 0; width:50%; border-top:1px solid #e7e7e7;}
.modal-box h1{ line-height: 40px; font-size: .8rem; margin: 0 .75rem;}
.modal-box li h1{ margin:0;}
.modal-box li h2{ font-size:.65rem;}
.mb-left{ float:left; left:0; border-right: 1px solid #e7e7e7;}
.mb-right{ float:right; right: 0;}
.modal-box .delivery-list{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto;}
.delivery-list { padding: 0 .5rem .5rem;}
.delivery-list li{ padding: .5rem; background: #fff; margin-bottom: .5rem; border-bottom: 1px solid #e7e7e7; }
.delivery-list li p.p-title{ font-size: 12px; color: #999; margin-top: 5px;}
.delivery-list li.no-border{ border-bottom:none;}
.mb-left .delivery-list li:first-child p:first-child {
    font-size: 1.2rem;
    font-weight: 500;
    padding: .5rem 0 1rem 0;
}
.mb-left .delivery-list li:first-child p.p-title {
    padding: 0 0 .5rem 0;
}
.mb-left .delivery-list li:nth-child(2) h2 {
    font-size: .8rem;
    font-weight: 500;
    padding-bottom: .5rem;
}

.mb-left .delivery-list li:nth-child(2) p {
    font-size: .7rem;
    line-height: 1.1rem;
}



.deadline-time { color: #fff; background-color: #52bbf5; border-radius: 2px; padding: 1px 2px; margin:0 .5rem; font-size: 0.6rem;}
.deadline-time.color2 { background-color: #f2894c;}
.deadline-time.color3 { background-color: red;}
.plate-list{ overflow: hidden;}
.plate-list dl{zoom:1}
.plate-list dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.plate-list dl dd{ float: left;}
.plate-list dl dd.wd{ width: 5.25em; text-align: left;}
.plate-list dl dd:nth-child(1){ margin-right: .5rem;}
.plate-list dl dd span{ margin-right: .5rem; color: #999;}
.plate-dl-box{ width:50%; float:left;}
.is-de-img{ overflow: hidden;}
.is-de-img img{ width: 31%; margin: .5rem 1%;float: left;}
.trends-box{ margin-bottom:50px;}
.trends{
    position: relative;
    margin-left: 110px;
    padding: .5rem;
    border-left: 1px solid #e7e7e7;
}
.trends:before{
    position: absolute;
    top:0;
    left:-5px;
    content:"";
    width:10px;
    height:10px;
    background:#e7e7e7;
    border-radius:10px;
}
.trends.active:before{background:#3C6385;}
.trends p.tr-time{
    position: absolute;
    left: -110px;
    top: 0;
    width: 100px;
    color: #999;
    font-size: 12px;
}
.trends p a{ margin:0 .5rem; color:#4977bc;}
.trends p.tr-time span{ display:block;}
.tr-content{
    padding: .5rem;
    color: #333;
    background: #f5f5f5;
    margin: .5rem;
    line-height: 1rem;
}
.trends-input{
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    z-index: 2;
    padding: .5rem;
    border-top: 1px dashed #e7e7e7;
    background: #f5f5f5
}
.trends-input input{ float: left; width: 88.5%; margin-right: .5rem;}
.trends-input button{ float:right;}
.tr-message{ margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px dashed #e7e7e7;}
.tr-message .tr-content{position: relative; margin: .5rem 0; background: #fdf2e6; }
.tr-message .tr-content:before{
    position: absolute;
    top:-10px;
    left:10px;
    border-width: 5px;
    border-color: transparent transparent #fdf2e6 transparent;
    border-style: dashed dashed solid dashed;
    content: "";
    width: 0;
    height: 0;
    overflow: hidden;
}
.tr-message p a{ color:#4977bc;}
.tr-message p span{ float:right; color:#999; font-size: 12px;}
/*闂嗚泛鏁璸os*/
.pos { position: absolute; top: 0; left: 0; height: 100%; padding: 0; right: 0; margin: 0; background-color: #fff; color: #555555; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none; text-shadow: none; overflow: hidden;}
.pos .window{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: table; border: none;}
.pos .window .subwindow{display: table-row; width: 100%; height: 100%;}
.pos .window .subwindow.collapsed{height: 0px;}
.pos .subwindow .subwindow-container{display: table-cell; position: relative;}
.pos .subwindow .subwindow-container-box{width: 100%; height: 100%; overflow: hidden; display: block;}
.pos .subwindow .subwindow-container-fix{height: 100%; position: relative;}
.pos .pos-leftpane{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-right: 15px solid #f1f1f1; box-sizing: border-box; position:absolute; left:0; width:300px; top:0px; bottom:0;}
.pos .pos-leftpane .pads{white-space: nowrap;}
.pos .pos-rightpane{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-left: 1px solid #f1f1f1;
    box-sizing: border-box;
    position:absolute;
    right:0;
    width:300px;
    top:0px;
    bottom:0;
}
.pos .pos-rightpane .ui-paging-container,.pos .order .ui-paging-container{ position:absolute;text-align: center; z-index:99;}
.pos .pos-rightpane .row{margin-left:0;margin-right:0;}
.pos .pos-rightpane .form-group,.pos .pos-rightpane label{ margin-bottom:0; line-height:40px; font-size: 14px;}
.pos .pos-rightpane .form-control{ margin:2px 0;}
.pos .pos-rightpane .checkbox-wrap span{ margin-bottom:3px;}
.pos .pos-rightpane .pos-rightpane-list{ width: 100%; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.pos .pos-rightpane .pos-rightpane-list form{ padding-bottom: 55px;}
.pos .pos-rightpane .pos-rightpane-list .row .chk_3_box {
    margin-top: 5px;
    float: right;
    display: inline-grid;
}
.pos .pos-rightpane .pos-rightpane-list .row .chk_3_box + span{margin-right: .5rem;}
.pos .product .product-name p{ font-size:12px;line-height:15px;}
.pos .product .product-name p:nth-child(1){
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.tits span{color:red;}
.pos .order-container{position: absolute; top: 0px; width:100%; height: 100%;}
.pos .order-scroller{width:100%; height:100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.pos .scrollable-y{overflow: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important;}
.pos .order{background: white; padding:10px 0; font-size:15px; text-align: left; -webkit-transform: translate3d(0,0,0); position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
.pos .order .empty{text-align:center; margin-top: 15px; margin-bottom: 5px; color:#999; font-weight: normal;}
.pos .summary{text-align:right; font-weight: normal; height:48px; position:absolute; left:10px; right:10px; bottom:7px; background-color:#FFF;border-radius:0 0 3px 3px;}
.pos .summary .line{float: right; margin-top:13px; font-size:14px; color:#ed2727; font-weight: normal;}
.pos .summary .line span.label{color:#ed2727; font-size:14px; font-weight: normal;}
.pos .summary .line .subentry{font-size: 14px; font-weight: normal; text-align: center;}
.pos .summary .line.empty{text-align: right; border-color:#BBB;}
.pos .summary .fidpoints{position: absolute; left: 20px; padding: 10px; color: #6EC89B; background: rgba(110, 200, 155, 0.17); border-radius: 3px;}
.submit-kitchen-button{float: left; background: rgb(61, 235, 82); color: white; padding: 12px 20px; margin: 0px 15px; border-radius: 3px; cursor: pointer;}
.pos-h {position: relative;}
.pos-h .datum { display: inherit; line-height: 2.25rem; font-size: .7rem; color: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pos-h .datum span {font-size: 14px;}
.pos-h .datum span.select2-container{ max-width:200px;}
.pos-h .datum .form-group{ display: inline-block; margin-bottom: 0; line-height: 1rem;}
.pos-h .datum .form-group .form-control{ width:auto;}
.ui-paging-container{padding:0 15px;}
.ui-paging-container .bundling-btn{width:100%;font-size:0.8rem;letter-spacing:8px;font-weight:bold;}

/* ********* The OrderLineWidget ********* */
.pos .order .orderlines{ padding:0 10px; padding-bottom:55px;}
.pos .order .orderline{width:100%; margin:0px; padding:8px; overflow: hidden; cursor: pointer; font-size:12px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; border-bottom:1px dotted #b2b2b2;}
.pos .order .orderline:active{background: rgba(140,143,183,0.05); -webkit-transition: background 50ms ease-in-out; -moz-transition: background 50ms ease-in-out; transition: background 50ms ease-in-out;}
.pos .order .orderline.empty:active{background: transparent; cursor: default;}
.pos .order .orderline.selected{background:#eef4f9; -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out; cursor: default;}
.pos .order .orderline .product-name{padding:0; display:inline-block; width:75%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#34495e;}
.pos .order .orderline .price{padding:0; margin-right: 0; float:right; color:#ed2727;}
.pos .order .orderline .info-list{color: #888; font-size:12px;}
.pos .order .orderline .info-list em{color: #ffa000; font-style:normal; font-size:12px;}
.pos .order .orderline button{font-family: "pos-close"; position: absolute; right: 8px; background: transparent; border: none; font-size: 12px;}
.pos .order .orderline button:active,.pos .order .orderline button:hover{color: #ed2727;}
.pos .order .orderline .orderline_img{ display: block; width: 38px; height: 38px; float: left; margin-right: 10px; }
.pos .order .orderline .orderline_img img{ width: 100%; }
.pos .order-verify{height: 39px; font-weight: bold; float:left; margin:5px 0 0 10px; padding: 0 20px; vertical-align: middle; color: #555555; font-size: 14px; -webkit-transition:background 0.2s ease-out,color 0.2s ease-out; -moz-transition:background 0.2s ease-out,color 0.2s ease-out; transition:background 0.2s ease-out,color 0.2s ease-out;}
.pos .order-verify-btn{height: 39px; font-weight: normal; float:left; margin:5px 10px 0 0; padding: 0 10px; vertical-align: middle; font-size: 14px; -webkit-transition:background 0.2s ease-out,color 0.2s ease-out; -moz-transition:background 0.2s ease-out,color 0.2s ease-out; transition:background 0.2s ease-out,color 0.2s ease-out;}
/* ********* The Numpad ********* */
.pos .numpad{ padding: 10px 10px 0px 10px; display: inline-block; width:100%; border-top: 1px dotted #b2b2b2;}
.pos .numpad button{ float:left; height: 45px; width: 55px; margin: 0px 5px 5px 0px; vertical-align: middle; color: #555555; border: 1px solid #ccc; background: #f2f2f2; border-radius: 5px; -webkit-transition:background 0.2s ease-out,color 0.2s ease-out; -moz-transition:background 0.2s ease-out,color 0.2s ease-out; transition:background 0.2s ease-out,color 0.2s ease-out;}
.pos .numpad button:active{background:#5cb85c; color:#fff;;}
.pos .numpad .numpad-left{ width: 180px; overflow: hidden; float: left;}
.pos .numpad .numpad-right{overflow: hidden; width: 85px; float: left;}
.pos .numpad .max-w-btn{ width: 115px;}
.pos .numpad .max-h-btn{ height: 95px; width:85px; margin-right:0;}
.pos .numpad .max-h-btn>i{ font-size:1.4rem;}
.pos .numpad .payment-method{ width: 120px; float: left; display:none;}
.pos .numpad .payment-method .max-w-btn{ width: 120px; margin-right:0; text-align: left; padding-left: 15px;}

.pos .rightpane{position: absolute; top: 0; bottom: 105px; bottom:0; left: 300px; right: 0; vertical-align: top; -webkit-transform: translate3d(0,0,0);}
.pos .rightpane.wip{ right:300px;}
.seek{ padding: 10px; background-color: #f6f6f6; height: 40px;}
.nav-box{ position: relative; border-bottom: 1px solid #d7d7d7;border-top: 1px solid #fff;}
.nav-box > ul{
    overflow: hidden;
    padding: 0px 1px;
    margin: 10px 10px 5px 10px;
}
.nav-box > ul.stair-nav{ padding: 0px 200px 0 1px;}
.nav-box > ul li {
    float: left;
    padding: 5px;
    background-color: #e5e5e5;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 12px;
}
.nav-box > ul li:hover{
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    background-color: #3C6385;
    color: #fff;
}
.nav-box > ul.nav-submenu{
    display: none;
}
.nav-box > ul li.pick{
    background-color: #3C6385;
    color: #fff;
}
.nav-box ul.nav-submenu li.pick,
.nav-box ul.nav-submenu li:hover{
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    background-color: #EBFFEB;
    border-color: #5CB85C;
    color: #5CB85C;
}
.nav-box-pick ul.nav-submenu{ display: block; color: #333; margin: 5px; }
.nav-box-pick ul.nav-submenu li{ background-color: #FFFFFF; color: #999; border: 1px solid #999; border-radius: 4px; margin-right: 5px; padding: 5px 10px;}
/* ********* The product list ********* */
.pos .product-list{padding: 5px; text-align: left; -webkit-transform: translate3d(0,0,0); margin-bottom:60px;}
.pos .product-list-scroller{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%; height:100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0,0,0);}
/* ********* The Screens ********* */
.pos .screen{position:absolute; text-align: center; top:0px; bottom:0px; width:100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.pos .screen header h2{margin-top: 0px; padding-top: 7px;}
.pos .screen p{font-size: 18px;}
.pos .dialog{width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px; text-align: center;}
.pos .dialog p{font-size: 25px; margin-top: 10px; color: #5a5a5a;}
/* a) Layout for the Product Screen */
.pos .screen .layout-table{border:none; width:100%; height:100%;}
.pos .screen .content-row{width:100%; height:100%;}
.pos .screen .content-cell{width:100%;}
.pos .screen .content-cell .content-container{height:100%; position:relative;}
/* b) the search box */
.pos .searchbox{position: absolute; right: 10px; top:8px;}
.pos .searchbox input{width: 150px; height:30px; border: 1px solid #eaeaea; padding: 5px 10px 5px 0px; padding-left: 35px; background-color: white; border-radius: 5px; font-family: Lato; font-size: 12px;}
.pos .searchbox input:focus{outline: none; box-shadow: 0px 0px 0px 1px rgb(255, 144, 0) inset; color: rgb(52, 73, 94);}
.pos .search-clear{position: absolute; width: 30px; height: 30px; top: 11px; left: 11px; cursor: pointer;}
.pos .search-icon{font-style:normal; position:absolute; font-size:14px; width:25px; height:25px; line-height:25px; left:12px; top:3px; color:#ccc;}
.pos .summary .barcode {
    float: left;
    margin-top: 5px;
    width: 50%;
}
.pos .summary .barcode input {
    padding: 5px;
    width: 100%;
}
.pos .summary .barcode input:focus {
    outline: none; box-shadow: 0px 0px 0px 1px rgb(255, 144, 0) inset; color: rgb(52, 73, 94);
}
/* e) the product */
.pos .product{position:relative; vertical-align: top; display: inline-block; line-height: 109px; margin: 5px; width: 109px; background:#fff; overflow: hidden; cursor: pointer; -webkit-transition:border 0.2s ease-out; -moz-transition:border 0.2s ease-out; transition:border 0.2s ease-out;}
.pos .product:active .product-img{border: 1px solid #5cb85c;}
.pos .product .product-img{position: relative; width: 109px; height: 109px; line-height: 109px; border: 1px solid #eee; background: white; text-align: center; overflow: hidden;}
.pos .product .product-img img{ display: block; width: 100%; vertical-align: middle;}
.pos .product .p-tag{ position: absolute; top: 5px; right: 5px; line-height: 14px; display: inline-flex; }
.pos .product .price-tag{vertical-align: top; color: white; background: rgba(104,108,161,.8); padding: 2px 5px; border-radius: 2px; font-size: 11px;}
.pos .product .stock-tag{vertical-align: top; color: white; background: rgb(255, 153, 0); padding: 2px 5px; border-radius: 2px; font-size: 11px;}
.pos .product .spec-tag{position: absolute; top: 2px; left: 2px; vertical-align: top; color: white; line-height: 13px; background: rgba(104,108,161,.8); padding: 2px 5px; border-radius: 2px; font-size: 11px;}
.pos .product .Aliases-tag{position: absolute; bottom: 0px; left: 0; width: 100%; vertical-align: top; color: white; line-height: 13px; background: rgba(104,108,161,.5); padding: 5px 0px; font-size: 11px; display: none;}
.pos .product .product-name{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 12px; -ms-box-sizing: border-box; box-sizing: border-box;line-height: 20px; width:100%; overflow: hidden; text-overflow: ellipsis; padding:5px;}
.pos .product .norm-tag{ max-height: 106px; height:35px;overflow: auto;width: 100%; text-align: left; background: rgba(0,166,155,.8); position: absolute; bottom:0; left: 0; display: block;}
.pos .product .norm-tag li{width: 100%; font-size:10px; line-height: 14px; padding: 5px; color: rgba(255,255,255,1);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.pos li.product:hover .norm-tag{ bottom:0; transition:all .5s ease; -webkit-transition:all .5s ease; }
.tempMerch samp {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
}
.hintContent {
    width: 300px;
    height: auto;
    position: fixed;
    z-index: 1000;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
}
.hintContent i{ position: absolute; top: 5px; right: 5px; font-size: 22px; color:#999;}
.hintContent i:hover{ color:#333;}
.hintContent p{ padding:20px; font-size: 14px;}
.hintContent button{width: 100%;
    border: none;
    line-height: 35px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-size: 16px;}
/*閺嗗倹妫ら崘鍛啇*/
.erp-no-date{
    position: absolute;
    left: 50%;
    top: 45%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 150px;
    min-height: 150px;
    margin: 0 auto;
    color: #999;
    text-align: center;
}
.erp-no-date img{ width:100%;}
.erp-no-date span{ margin-top:10px;}
.ju-hint{ text-align: center; margin-top: 5rem;}
.ju-hint .icon-noData2{font-size: 10rem; margin-bottom: 1rem; display: block;}
.ju-hint p{color: #a3a3a3;}
/*閸掑棝銆�*/
.ui-paging-container{ position: fixed; right: 0; bottom: 0; left: 0; height:45px; color: #666; font-size: 12px; background: #fff; border-top: 1px solid #e7e7e7;}
.ui-paging-container ul, .ui-paging-container li {list-style: none;}
.ui-paging-container ul{margin: 10px 0;}
.ui-paging-container li { display: inline-block; padding: 3px 8px; margin-left: 5px; color: #666;}
.ui-paging-container li.ui-pager { cursor: pointer; border: 1px solid #ddd; border-radius: 2px;}
.ui-paging-container li.ui-pager:hover,
.ui-paging-container li.focus { background-color: #8688b3; color: #FFFFFF;}
.ui-paging-container li.ui-pager-disabled,
.ui-paging-container li.ui-pager-disabled:hover { background-color: #f6f6f6; cursor: default; border: none; color: #ddd;}
.ui-paging-container li.ui-paging-ellipse { border: none;}
/*缂佹捁澶�*/
.settle-box { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999;}
.fade.in { opacity: 1;}
.fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index: 1040; background-color: #000;}
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0);}
.modal-backdrop.in { opacity: .5; filter: alpha(opacity=50);}
.modal-erp, .modal-open { overflow: hidden;}
.modal-erp { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0;}
.modal-open .modal { overflow-x: hidden; overflow-y: auto;}
.modal-dialog { position: relative; width: auto; margin: 10px;}
.modal-erp.fade .modal-dialog { -webkit-transform: translateY(-25%); transform: translateY(-25%); -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out;}
.modal-erp.in .modal-dialog { -webkit-transform: translate(0); transform: translate(0);}
.modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; box-shadow: 0 3px 9px rgba(0,0,0,.5); background-clip: padding-box; outline: 0;}
.modal-header { padding: .75rem; border-bottom: 1px solid #e5e5e5; min-height: 2.17857143rem;}
.modal-body>h1{ padding-bottom: 0.3em; font-size: 1rem; border-bottom: 1px solid #eaecef; margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25;}
.modal-body .form-horizontal { padding: .75rem; max-height: calc(100vh - 9.5rem); overflow: auto;}
.modal-footer { padding: .75rem; text-align: right; border-top: 1px solid #e5e5e5;}
@media (min-width: 768px){
    .modal-dialog { width: 30rem; margin: 30px auto;}
    .modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.5);}
}
@media (min-width: 992px){
    .modal-lg { width: 45rem;}
}
/* 閼辨柨濮�  */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 32.33%;}
.bootstrap-select.btn-group .dropdown-menu li.selected{ background-color:#f5f5f5;}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { line-height: 2rem; margin-top: 0px; color: #3C6385;}
.bootstrap-select.btn-group .dropdown-menu{z-index:2000;}
/* 闊偂鍞ょ拠渚�鐛欑拠锟� */
.main-section{overflow: hidden;}
.main-section .main-left { box-sizing: border-box; width: 45%; float: left;}
.main-section .cell { min-height: 205px; margin-bottom: 20px; padding-top: 10px; overflow: hidden; }
.main-section .main-left label { vertical-align: top; padding-top: 0; line-height: 34px; font-size: 14px; display: inline-block; width: 9em; text-align: right;}
.main-section .main-left label span{ vertical-align: middle; margin-right: 5px; color: #f60;}
.main-section .main-left .card-area { position: relative; width: 243px; height: 190px; display: inline-block;}
.main-section .col-t{ line-height: 34px; font-size: 14px; }
.main-section .col-t span{ margin-right:.5rem; color:#F90;}
.main-section .col-t span:nth-child(2){ color:#333;}
.main-section .main-right .col-img{ width: 120px; height: 120px; margin: 0 auto;}
.main-section .main-right .col-img img{ width:120px; height:120px;}
.card-area .normal-mask { position: absolute; height: 153px; width: 100%; top: 0; text-align: center; color: #fff; font-size: 15px; line-height: 30px; z-index: 0;}
.card-area .normal-mask img{ width:100%;}
.main-section .main-left .card-area .btn{ position: absolute; bottom:0;}
.main-section .main-right { box-sizing: border-box; width: 55%; float: right; padding-left: 12px; border-left: 1px solid #ddd;}
.main-section .main-right img { width: 170px; height: 107px; vertical-align: top;}
.main-section .main-right label { vertical-align: top; color: #00abd1;}
.main-section .main-right label.control-label{ padding-top: 0; line-height: 34px; font-size: 14px; width: 6em;}
.main-section .main-right ul { width: 245px; font-size:12px;}
.main-section .main-right ul { display: inline-block;padding-left: 10px;}
/*"C:/gjb/erp-new-mobile-client"*/
.main-section .main-right li { line-height: 20px; padding-left: 10px;}
.main-section .main-right li.logo-color { color: #f60;}
.main-section .main-right .form-group{ margin:0; padding: 0 15px;}
.img-243w img{ width:243px;}
/* 閸楁壆鐝� */
.state_list{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
}
.state_list h2 span{ color:red; margin-right:15px;}
/* 閺嶆垹娈戦柅澶嬪 */
.tree-box{ min-height:150px;max-height:300px;}
#goodsAdd label .btn{
    padding: 6px 10px;
}
/* 閸忋儴浜撮悽瀹狀嚞 */
.column{width:100%;line-height:28px}
.column .hbox{width:15%;height:154px}
.column .hbox img{ width: 85px; height: 104px;}
.column .head{display:block;background-color:#fafafa}
.column .box1{width:100%;background-color:#3f4160}
.column .infr{width:100%;table-layout:auto}
.column .infr td{ color:#ffffff;}
.column .name{font-size:24px;padding-bottom:18px}
.column .p5{display:inline-block;color:#666666;padding:0 5px;#display:inline;#zoom:1}

/* 閺嶅洨顒风紒鎴濈暰 */
.wip-content{position: absolute;top: 0;left: 0;height: 100%;padding: 0;right: 0;margin: 0;background-color: #fff;color: #555555;font-size: 12px;-webkit-user-select: none;-moz-user-select: none;user-select: none;text-shadow: none;overflow: hidden;}
.wip-content .rightpane { position: absolute; top: 0; bottom: 0; left: 0; right: 600px; vertical-align: top; -webkit-transform: translate3d(0,0,0);}
.wip-right{ box-sizing: border-box; position: absolute; width:600px; right: 0; top: 0px; bottom: 0;}
.wip-time{position: absolute;width: 300px; top: 0px; bottom: 0;box-sizing: border-box;border-left: 1px solid #f1f1f1;   }
.wip-time.w-l{left:0;}
.wip-time.w-r{right:0;}
.wip-time .ui-paging-container{ position: absolute; border-top: none; text-align: center; line-height: 42px;}
.wip-time .form-group{ line-height: 30px;}
.wip-time .order{ padding:0;}
.wip-time h2{ padding: 0 10px; font-size: 14px; line-height: 45px;}
.wip-price { display: inline-block;}
.wip-price input{width: 7rem; text-align: center; border-top: 0; border-right: 0; border-left: 0; font-size: 2rem; color: #F22727;}
.wip-price span{ display: block;}
.wip-time .window .subwindow .subwindow-container .panel-body{ margin-bottom:45px;}
.wip-table { width:100%; border: 1px solid #ddd;}
.wip-table tr{ line-height: 35px;}
.wip-table .btbg1{background:#f2fbfe}
.wip-table .btbg2{background:#f3f3f3; padding-left: 5px;}
.pos .wip-content .product-list{ margin-bottom: 0;}
@media screen and (max-width: 960px) {
    .wip-content .rightpane { right:400px;}
    .wip-right{ width:400px;}
    .wip-time{ width:200px;}
    .wip-time form .row-la,.wip-time form .row-la label{ margin: 0;}

}
.disabled {
    cursor: no-drop !important;
    pointer-events: none;
    /*background-color: #eee;*/
    color: rgba(0,0,0,.1) !important;
}

.form-horizontal .member_info_box{
    padding-left: 2.8rem;
    line-height: 1.2rem;
}
.form-horizontal .member_info_box.first{
    margin-top: .5rem;
}
.form-horizontal .member_info_box span{
    margin-right: .5rem;
}

.form-horizontal .member_info_box input{
    border-radius: .2rem;
    padding: 0 .25rem;
}

#product-content-container .ivu-page .ivu-select-dropdown-list li{
    line-height: 1;
    font-size: .6rem !important;
}

/*--bootstrap modal--*/
.modal {}
.modal .modal-header .modal-title {
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
}
.modal .modal-header .close {
    font-size: .8rem;
    width: 1.2rem;
    height: 1.2rem;
}
.modal .modal-body .form-group .radio-inline {
    padding-top: .55rem;
}
.modal .modal-body .form-group .radio-inline input[type="radio"] {
    margin-top: 0;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: .55rem;
    }
}

/*--list row color--*/
/*--瀹屾垚--*/
.completed td {

}
/*--鏂板(褰曞叆)--*/
.added td {
   /*  background-color:  #fcc2c0;  */
    background-color:  	#fcc2c0; 
}
/*--瀹℃牳--*/
.verify td {
    background-color: #C1FFC0;
}
/*--宸插嚭搴�--*/
.outbound td {
    background-color: #fec0ff;
}
/*--鍑哄簱涓�--*/
.outlibrary td {
    background-color: #fff;
}
/*--浣滃簾--*/
.invalid td {
    color: #f00;
}
/*--瀵硅处--*/
.statement td {
    background-color: #fff;
}
/*--宸插璐�--*/
.comStatement td {
   /*  background-color: #807ffe; */
    background-color: #6495ED;
}
/*--宸查��璐�--*/
.comReturns td {
    background-color: #FFE0C1;
}

.staNotAud td {
    background-color: #99BBFF; 
}
.bootstrap-table .table>thead>tr>th,
.bootstrap-table .table>tbody>tr>th,
.bootstrap-table .table>tfoot>tr>th,
.bootstrap-table .table>thead>tr>td,
.bootstrap-table .table>tbody>tr>td,
.bootstrap-table .table>tfoot>tr>td {
    /*border-top: 1px solid #aaa;*/
    /*border-left: 1px solid #aaa;*/
    border-color:#aaa;
    font-size: 13px !important;
}
.bootstrap-table .table>tbody>tr>td {
    padding: 4px !important;
}
.bootstrap-table .table > thead > tr > th {
    border-bottom: 1px solid #aaa;
}
/*--OA鐎光剝澹�--*/
.approval-info {
    border-top: 1px solid #ddd;
}
.approval-info .approve {
    margin: .5rem !important;
    overflow: hidden;
}
.approval-info .approve > span:first-child {
    width: 3rem;
    display: inline-block;
    float: left;
    padding: .5rem 0 0 0;
}
.approval-info .approve:first-child {

}
.approval-info .select2-container {
    max-width: inherit !important;
    width: calc(100vw - 34rem) !important;
}
.approval-info .select2-container--default .select2-selection--multiple {
    border: none;
}
.approval-info .select2-container .select2-search--inline {
    border: none;
    padding: 0;
}
.approval-info .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    width: 6rem !important;
    height: 1.6rem;
    cursor: pointer;
    padding: .5rem;
    border: 1px solid #ccc !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border-radius: .2rem;
}

.select2-dropdown {
    border: none !important;
}
.approval-info .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}
.approval-info .select2-container--open .select2-selection {
    box-shadow: none !important;
}
.approval-info .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    padding: 0;
    flex-wrap: wrap;
}
.approval-info .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin-top: 0;
    line-height: 1.5rem;
}
.approval-info .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    background: rgba(0,0,0,.05);
}
.approval-info .select2-container--default .select2-selection--multiple .select2-selection__rendered li span {
    font-size: 1rem;
    vertical-align: bottom;
}
.approval-info .select2-search {
    position: relative;
}
.approval-info .select2-search .select2-search__field:focus {
    border: 1px solid #aaa !important;
}
/*.approval-info .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--open .select2-selection {*/
/*	height: auto !important;*/
/*}*/

.approveal-list {
    display: flex;
}
.approveal-list li {
    border: 1px solid #aaa;
    line-height: 1.5rem;
    border-radius: 4px;
    margin-right: 5px;
    /* padding: 0 10px; */
    background: rgba(0,0,0,.05);
}

.tab_content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0rem;
    left: .8rem;
    right: .8rem;
    bottom: 0;
}
.tab_content .mulit-table {
    overflow: auto;
    padding: .5rem;
}
.tab_content_minheight {
    height: calc(100vh - 10.15rem);
}
.erp_copyright {
    padding-top: 0.5rem;
    text-align: center;
    color: #999;
}
.erp_version {
    padding-top: 1.5rem;
    text-align: center;
    color: #999;
}

.reportTable td{
    border:1px solid #b1b1b1;
}

.reportTable th{
    border:1px solid #b1b1b1;
    text-align: center;
    horiz-align: center;
    height: 30px;
}

.reportTable tbody{
    max-height: calc(100vh - 0.5rem) !important;
    overflow: scroll !important;

}

.reportTable .no{
    text-align: center;
}

.reportTable .amount{
    text-align: right;
}

.fontRedColor {
    color: #F22727 !important;
}
.inputstyle {
    border-radius: 5px;
    padding-left: 7px;
    height: 32px;
}
.input_paddingleft{
    padding-left: 7px;
}
.autoArrange_font{
    position: relative;
    top: 3px;
}
.search_top{
    padding-top: 14px;
}
.stockQuantity {
    color: #2b63a9!important;
    /*font-weight: bold;*/
}
.stockRedQuantity {
    color: #d43f3a!important;
    /*font-weight: bold;*/
}
.tabs{
    width: 100%;
    height: 30px;
    border-bottom: 1px #f5f6f7 solid;
}
.tabs div{
    margin-left: 25px;
    font-size: .8rem;
    float: left;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.tab-active{
    border-bottom: 2px #3c6385 solid;
}
.bluePrice{
    color:#00F;
}
.headerSettings ul {
    width:185px;
    padding: 15px 0 15px 15px;
}
.headerSettings ul li {
    width:84px;
    float:left;
    display:block;
}
.headerSettings .checkbox-wrap input:checked+span {
    /*background: green;*/
}
.noticeSvg {
    width: 1.2rem;
    height: 1.2rem;
    margin: -2px 18px 0 0;
}
.redBackgroup {
    height: 18px;
    text-align: center;
    vertical-align: middle;
    background: #ff4d4f;
    border-radius: 10px;
    color: #fff;
    position: relative;
    top: -12px;
    left: -22px;
    padding: 0 6px;
    max-width: 60px;
}
.input-group .input-group-addon {
    background-color: initial;
    border: 0;
    padding: 0;
}
.wholeUploadBtn {
    margin-left: .8rem;
    font-size: .8rem;
}
.redLight {
    width: 13px;
    height: 13px;

    display: inline-block;
    border: 1px solid #000000;
    border-radius: 50%;
}
.redLight {
    background: #FF0000;
}
.greenLight {
    width: 13px;
    height: 13px;

    display: inline-block;
    border: 1px solid #000000;
    border-radius: 50%;
}
.greenLight {
    background: #007500;
}
.yellowLight {
    width: 13px;
    height: 13px;

    display: inline-block;
    border: 1px solid #000000;
    border-radius: 50%;
}
.yellowLight {
    background: #FFFF00;
}
/** modal详情 **/
.modal-detail {
    background: #F5F6F7!important;
    padding: 20px 20px 20px 20px!important;
}
.detailsInfo, .modal-detail .contents {
    padding: 30px;
    background: white;
    border-bottom: 1px solid #F5F6F7;
}
.detailsInfo .title {
    display: flex;
    align-items: center;
    font-family: PingFangSC-Medium;
}
.detailsInfo .title h3 {
    font-size: 20px;
    color: #000000;
    display: inline-block;
}
.detailsInfo .title span {
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 10px;
    color: #FFFFFF;
    text-align: right;
    margin-left: 3px;
}
.detailsInfo .title .pending {
    background: #0080C0;
}
.detailsInfo .title .toBeSigned {
    background: #FF8227;
}
.detailsInfo .title .signed {
    background: #00C00C;
}
.detailsInfo .applies {
    display: flex;
    margin-top: 15px;
    font-size: 14px;
}
.detailsInfo .applies .apply,
.modal-detail .contents ul li .describe span {
    font-family: PingFangSC-Regular;
    color: #666666;
}
.detailsInfo .applies .apply:nth-child(n+2) {
    margin-left: 20px;
}
.detailsInfo .applies .apply span,
.modal-detail .contents ul li .describe span{
    color: #000000;
}
.modal-detail .contents ul li .describe {
    margin-bottom: 15px;
}
.modal-detail .contents ul {
    display: flex;
    font-size: 16px;
    position: relative;
}
.modal-detail .subTitle {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    margin: 30px 0 20px 0;
    color: #000;
}
/** 详情table **/
.modal-detail .detailTable {
    max-height: 318px;
    overflow-y: auto;
    background: #fff;
    font-size: 14px;
}
.modal-detail .detailTable .tr {
    display: flex;
}
.modal-detail .detailTable .tr:first-child{
    /*position: sticky;*/
    /*top: 0;*/
    /*background: #FFF;*/
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
    font-family: PingFangSC-Semibold;
    font-weight: bold;
    color: #444444;
}

/*.detailTable .tr:first-child .td:last-child,*/
/*.detailTable .tr:first-child .td:nth-last-child(2) {*/
/*    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);*/
/*}*/
.modal-detail .detailTable .tr:first-child .td:first-child {
    color: #444400;
}
.modal-detail .detailTable .tr .td{
    min-height: 40px;
    border-left: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    flex: 1;
    /*min-width: 120px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.modal-detail .detailTable .tr .td:first-child{
    border-left: unset;
}

.modal-detail .detailTable .tr:last-child .td{
    border-bottom: unset;
}
.modal-detail .detailTable .tr .td:last-child{
    position: sticky;
    right: 0;
    z-index: 2;
    width: 68px;
    cursor: pointer;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 0.85 !important;
}
table[data-toggle="celleditable"] thead th.both,
table[data-toggle="celleditable"] thead th.asc,
table[data-toggle="celleditable"] thead th.desc {
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right;
}

table[data-toggle="celleditable"] thead th.both {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}

table[data-toggle="celleditable"] thead th.asc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

table[data-toggle="celleditable"] thead th.desc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}