html,body{
    /*font-family: 'PingFang SC', 'Helvetica Neue', "STHeitiSC-Light", "Microsoft YaHei", sans-serif;*/
    font-size: 14px;
    color: #373c42;
    font-family: 'Helvetica Neue',Helvetica,Arial,"STHeitiSC-Light","Microsoft YaHei",sans-serif;
}

html,body{min-width: 1200px; min-height:100%; background-color:#fff; background-image:none;}
a:focus{outline: none;}

body{
    /*padding-top:44px;*/
    padding:0;
    position: relative;
}

*{
    box-sizing:border-box;
}

/*==========reset==========*/
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a, em, i, b, pre {
    font-style: normal;
}

a {
    cursor: pointer;
   /* color: #ffffff;  */
}

a:hover {
    /*color: #ffffff;*/
    text-decoration: none;
}

:focus {
    outline: none;
}

button.close {
    font-weight: normal;
    font-size: 26px;
}

textarea {
    resize: none;
}

.btn-group-xs>.btn, .btn-xs {
    border-radius: 0;
}

.btn {
    border-radius: 0;
}

/*CSS input type="number"出现上下箭头时解决方案*/
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* s-d */
#preloader { position: fixed; /*display:none;*/ top: 0; left: 0; width: 100%; height: 100%; background-color: #e4e7ea; z-index: 40000; }
#status { width: 1.5rem; height: 1.5rem; position: absolute; left: 50%; top: 50%; margin: -0.75rem 0 0 -0.75rem; font-size: 3.6rem; color:#757575;}


/*==========ys-block==========*/
/*==========ys-page > ys-block > ys-section > ys-panel==========*/
.ys-page{
    min-height:350px;
}
.ys-page.ys-page-fixedHeader{
    padding-top:44px;
}
.ys-page.ys-page-fixedToolbar{
    padding-top:62px;
}

.ys-page .ys-content-header{

}
.ys-page .ys-content{
    padding:0 15px;
}

.ys-block{
    position:relative;
    padding:0 15px;
}
.ys-block .ys-block-title{
    padding:15px;
}
.ys-block .ys-block-content{
    padding:15px;
}

.ys-block-title>h3 {
    display: inline-block;
    padding-left: 8px;
    border-left: solid 4px #e94d4e;
    font-size: 16px;
    color: #222;
    height: 18px;
    line-height: 18px;
}

.ys-section{
    padding:0;
    margin-bottom:15px;
}
.ys-section-no-padding{
    padding:0;
}
.ys-section .ys-section-title{
    padding:10px 0;
}
.ys-section .ys-section-content{}

.ys-section .ys-section-content+.ys-section-content{
    margin-top:15px;
}

.ys-panel{
}
/*==========ys content header & breadcrumb==========*/
.ys-content-header{
    position: fixed;
    z-index:999;
    top:96px;
    left:49px;
    margin:auto;
    padding-left:20px;
    padding-right:69px;
    height:44px;
    width:100%;
    overflow: hidden;
    background-color: #f3f4f8;
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    }
.sidebar-open .ys-content-header{left:200px;padding-right:220px;}

.ys-content-header .breadcrumb{
    float:left;
    margin:0;
    margin-right:20px;
    padding:0;
    height:44px;
    line-height:44px;
    border:0;
    color:#8592a2;
    background-color: inherit;}

.ys-content-header .breadcrumb > li + li:before{
    float:left;
    padding-left:6px;
    padding-right:8px;
    color:#8592a2;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    -webkit-font-smoothing: antialiased;
    content:"\e258";
}



/*==========ys-head-function=========*/
.ys-head-function{

}
.ys-dist-links{line-height: 44px;}
.ys-dist-links>a{display: inline-block;padding:12px 0;height:44px;line-height: 20px;color:#999;}
.ys-dist-links>a+a{margin-left:12px;}
.ys-dist-links>a:hover{color: #E64E4D;}
.ys-dist-links>a .ys-icon{float:left;height:20px;margin-right:6px;}

/*==========ys-btn==========*/
/*btn reset*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
   /* outline: 5px auto -webkit-focus-ring-color;*/
    outline:none;
    outline-offset: -2px;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover{
    background-color:inherit;
    color:inherit;
    border-color:inherit;
}

.ys-btn{
    display: inline-block;
    padding: 0 15px;
    min-width: 88px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius:0;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

.ys-btn:hover,.ys-btn:focus,.ys-btn:active{
    text-decoration: none!important;
    outline:none;
}


.ys-btn-default{
    color: #f08200;
    border: 1px solid #f08200;
}

.ys-btn-s{
    min-width: 40px;
}
.ys-btn-m{
    min-width:86px;
}

.ys-btn-default:hover,.ys-btn-default:focus,.ys-btn-default:active,
.ys-btn-default:hover:active,
.ys-btn-default:hover:focus,
.ys-btn-default:active:focus,
.ys-btn-default.active:hover,
.ys-btn-default.active:focus,
.ys-btn-default.active.focus,
.ys-btn-default.active:active,
.ys-btn-default.active:hover:active,
.ys-btn-default.active:hover:focus,
.ys-btn-default.active:active:focus
{
    color: #fff;
    border: 1px solid #f08200;
}

.ys-btn-disable{
    color:#999;
    background-color:#e6e6e6;
    cursor:not-allowed;
}

.ys-btn-grey{
    color:#fff;
    background-color:#808c92;
    border-color:#808c92;
}
.ys-btn-grey:hover{
    color:#fff;
    background-color:#818384;
}

.ys-btn-blue,
.ys-btn.active{
    background-color:#f08200;
    color:#fff;
    border-color:#f08200;
}

.ys-btn-blue:hover,.ys-btn-blue:focus,.ys-btn-blue:active,
.ys-btn-blue:hover:active,
.ys-btn-blue:hover:focus,
.ys-btn-blue:active:focus,
.ys-btn-blue.active:hover,
.ys-btn-blue.active:focus,
.ys-btn-blue.active.focus,
.ys-btn-blue.active:active,
.ys-btn-blue.active:hover:active,
.ys-btn-blue.active:hover:focus,
.ys-btn-blue.active:active:focus
{
    background-color:#f08200;
    color:#fff;
    border-color:#f08200;
}


.ys-btn-red{
    background-color:#e64e4d;
    color:#fff;
    border-color:#e64e4d;
}

.ys-btn-red:hover,.ys-btn-red:focus,.ys-btn-red:active,
.ys-btn-red:hover:active,
.ys-btn-red:hover:focus,
.ys-btn-red:active:focus,
.ys-btn-red.active:hover,
.ys-btn-red.active:focus,
.ys-btn-red.active.focus,
.ys-btn-red.active:active,
.ys-btn-red.active:hover:active,
.ys-btn-red.active:hover:focus,
.ys-btn-red.active:active:focus
{
    background-color:#AC3838;
    color:#fff;
    border-color:#AC3838;
}

/*.ys-btn-red,
.ys-btn.active{
    background-color:#e64e4d;
    color:#fff;
    border-color:#e64e4d;
}

.ys-btn-red:hover,.ys-btn-red:focus,.ys-btn-red:active,
.ys-btn-red:hover:active,
.ys-btn-red:hover:focus,
.ys-btn-red:active:focus,
.ys-btn.active:hover,
.ys-btn.active:focus,
.ys-btn.active.focus,
.ys-btn.active:active,
.ys-btn.active:hover:active,
.ys-btn.active:hover:focus,
.ys-btn.active:active:focus
{
    background-color:#AC3838;
    color:#fff;
    border-color:#AC3838;
}*/

/*==========ys-btn-group==========*/
/*group为表现上分组，wrapper为结构上分组*/
.ys-btn-group{

}
.ys-btn-wrapper{

}
.ys-btn-wrapper .btn{
    /*float:left;*/
}
.ys-btn-wrapper .btn+.btn{
    margin-left:10px;
}
/*==========ys-form==========*/
.ys-form{

}
/*reset*/
.form-control{
    padding:5px 12px;
    height:32px;
    border-radius:0;
}

/*==========ys-table==========*/
.ys-table{
    table-layout: fixed;
}
.ys-table.ys-table-amp thead{
    background-color: #f3f4f8;
    border-bottom: 1px solid #d9dde0;
}
.ys-table.ys-table-amp thead>tr>th{
    padding:0 10px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background-color: #f3f4f8;
    color: #8592a3;
}
.ys-table.ys-table-amp thead>tr>th>span{
    display: block;
    width:100%;
    line-height: 28px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
}

.ys-table.ys-table-amp thead>tr>th{
    padding:0 10px;
}

.ys-table.ys-table-amp>tbody>tr>td{padding:0 10px;padding-top:10px;}


/*==========radio checkbox==========*/
.input-addon {
    position: relative;
    /* width: 100%;*/
    float: left;
    height: 20px;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
}

.input-addon>input {
    position: absolute;
    left: -2000px;
    opacity: 0;
}

.input-addon>label,
.input-addon>.ys-label {
    display: block;
    position: relative;
    padding-left: 22px;
    height: 20px;
    margin-right:10px;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer;
}

.input-addon>input[disabled]+label{
    color:#999;
    cursor:not-allowed;
}

.input-addon>label:before,
.input-addon>.ys-label:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/common/checkbox_blue.png);
    background-position: 0 0;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    content: " ";
}

.input-checkbox-addon>label:before,
.input-checkbox-addon>.ys-label:before {
    background-position: 0 0;
}

.input-radio-addon>label:before,
.input-radio-addon>.ys-label:before {
    background-position: -100px 0;
;
}

.input-checkbox-addon>input:checked+ label:before,
.input-checkbox-addon>input:checked+ .ys-label:before {
    background-position: -40px 0;
}

.input-radio-addon>input:checked+ label:before,
.input-radio-addon>input:checked+ .ys-label:before {
    background-position: -140px 0;
}


/*ys-toolbar*/
.ys-toolbar{
    margin-top:15px;
    margin-bottom:15px;
    padding:0 15px;
}
.ys-toolbar label{margin-right:12px;margin-bottom:0;line-height: 32px;color:rgb(133, 146, 163);font-weight:normal;}
.ys-toolbar>div+div{margin-left:12px;}

/*todo: ys-page-fixedToolbar*/
.ys-page.ys-page-fixedToolbar .ys-toolbar{
    position:fixed;
    z-index:999;
    top:96px;
    left:49px;
    margin:0 auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:69px;
    height:62px;
    width:100%;
    min-width:1260px;

    overflow: visible;

    /*overflow: hidden;*/
    background-color:#fff;
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -ms-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;

}
.sidebar-open .ys-page.ys-page-fixedToolbar .ys-toolbar{left:200px;padding-right:215px;}

/*文本加强类*/
.ys-notice{
    line-height: 32px;
    color:#e64e4d;
}
.text-right{

}
.text-center{

}
/*==========ys-table==========*/
.table th{font-weight:normal;}
.ys-table{
    table-layout: fixed;
    width:100%;
}
.ys-table>thead>tr>th {
    vertical-align: bottom;
    background-color:#f3f3f3;
    /*border-bottom: 1px solid #ddd;*/
    border-bottom:0;
    font-weight:normal;
}

tr.text-center>th,
tr.text-center>th.text-center{text-align:center;}
tr.text-right>th,
tr.text-right>th.text-right{text-align:right;}

.ys-table .th-fake,
.ys-table .td-fake{

}

.ys-table .th-fake:before,
.ys-table .td-fake:before{
    display: block;
    content: "/";
    opacity: 0;
}

/*ys-cell ys-cell-span ys-cell-num*/
.ys-cell{
    display:inline-block;
    width:100%;
}
.ys-cell-span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ys-cell-num{
    text-align: right;
}
/*==========ys-input-status==========*/
/*input status 采用［readonly，disabled］的状态形式定义样式 */
.form-control[readonly],
.form-control[disabled]{
    background-color:#f3f4f8;
    color:#999;
}
.form-control[disabled]{
    cursor:not-allowed;
}
.form-control[required]{
    border-left:solid 2px #e64e4d;
}

.form-horizontal .form-group[class *="col-xs-"]{
    margin-left:0;
    margin-right:0;
}

/*==========ys-loading==========*/
.ys-loading{
    position: fixed;
    /*display: none;*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(33,33,33,0.82);
}

.ys-loading .spin{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    width: 66px;
    height: 66px;

    /*background-image:url(../../images/common/ajax-loader.gif);*/
    background-repeat:no-repeat;
    background-size:contain;
    background-position: center center;
}


/*==========ys-separate-block===========*/
/*合同库，审批表单样式*/
.ys-separate-block:before {
    display: block;
    width: 100%;
    border-top: solid 7px #818c92;
    border-left: solid 1px #818c92;
    border-right: solid 1px #818c92;
    content: "";
}
.ys-separate-block > .ys-section-title{padding:0;}

.ys-separate-block > h3,
.ys-separate-block > .ys-section-title>h3
{
    margin: 0;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
}

.ys-separate-block > h3,
.ys-separate-block > .ys-section-title>h3 {
    background-color: #f3f3f3;
    border-bottom: 1px solid #ccc;
}

a.ys-section-collapse-btn {
    display: inline-block;
    position: relative;
    float: right;
    margin-top: 8px;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    border: solid 1px #999;
    border-radius: 24px;
    text-align: center;
    line-height: 24px;
    color: #999;
    transition: transform 0.3s;
    outline:none;
}
.ys-section-collapse-btn>em {
    position: absolute;
    display: block;
    top:50%;
    left:50%;
    margin-left:-6.5px;
    margin-top:-6.5px;
    width:13px;
    height:13px;
    font-size: 13px;
}

a.ys-section-collapse-btn:hover {
    color: #e54f51;
    border: solid 1px #e54f51;
}
a.ys-section-collapse-btn.collapsed {
    transform: rotate(180deg);
}

.ys-separate-block .table tr>th{
    background-color: #f3f3f3;
    color: #757575;
}

/**/


/*loading*/

.ys-loading {
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: transparent;*/
    background-color: rgba(255, 255, 255, .6);
    z-index: 30019;
}

.ys-loading>.loading-wrapper {
    width: 180px;
    height: 120px;
    padding-top: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -90px;
    margin-top: -80px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 1);
}

.ys-loading>.loading-wrapper>.loading-ani {
    width: 74px;
    height: 72px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -37px;
}

.modal-backdrop{z-index:30040;}
.modal{z-index:39999;}

/*reset*/
.form-control:focus{
    outline:none;
    box-shadow:none;
}
.ys-dropdown .dropdown-menu{
    min-width: inherit;
    width:100%;
    max-height:200px;
    padding:0;
    border-radius:0;
    background-color: #f6f6f6;
    border: 1px solid #c8cbca;
    box-shadow: none;
    overflow: hidden;
    overflow-y:auto;
}
.ys-dropdown .chacha{
    position:absolute;
    right: 35px;
    top:0;
    font-size: 22px;
    cursor: pointer;
    color:#666;
}
.ys-dropdown .dropdown-menu::-webkit-scrollbar {
    width:2px;
}

.ys-dropdown .dropdown-menu>li{
    padding:0;
}
.ys-dropdown .dropdown-menu>li.dropdown-header{
    padding:3px 10px;
}
.ys-dropdown .dropdown-menu>li>a {
    display:block;
    width:100%;
    height: 32px;
    line-height: 32px;
    padding:0 10px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ys-dropdown .dropdown-menu>.active>a,
.ys-dropdown .dropdown-menu>.active>a:focus,
.ys-dropdown .dropdown-menu>.active>a:hover {
   /* color: #fff;*/
    color:inherit;
    text-decoration: none;
    background-color: #dae1e7;
    outline: 0;
}
.ys-dropdown .dropdown-menu>li>a:focus{

}
.ys-sort{
    position: relative;
    color:inherit;
    padding-right:18px;
}
.ys-sort:after{
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 2px;

    height: 14px;
    line-height: 14px;
    color: #f08200;
  /*  content: "\e150";*/

    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
}
.ys-sort.ys-sort-positive:after{
    content:"\e252";
}
.ys-sort.ys-sort-reverse:after{
    content:"\e253";
}

/**
搜索框
 */
/*改进后的搜索栏，四列一行展示*/
.ys-search{
    margin-top: 10px;
}
.ys-search .ys-search-row{
    margin: 3px 0;
    display: flex;
}
.ys-search .ys-search-row .form-group{
    width: 25%;
    position: relative;
    margin: 0;
}
.ys-search .ys-search-row .ys-toolbar{
    padding: 0;
}

.ys-search .ys-search-row .form-group .control-label{
    font-weight: 700;
    float: left !important;
    width: 75px;
    position: absolute;
    top: -2px;
    left: 5px;
}


.ys-search .ys-search-row .form-group .ys-date-range{
    display: flex;
    width: 250px;
}
.ys-search .ys-search-row .form-group .right-item{
    width: 250px;
    line-height: 32px;
    height: 32px;
    margin-top: 20px;
    padding: 0 5px;
}
.ys-search .ys-search-row .form-group .right-item input{
    height: 32px;
    width: 100%;
    padding:0 10px;
}

.ys-search .ys-search-row .form-group .ys-date-range .ys-date-picker{
    width: 44%;
}
.ys-search .ys-search-row .form-group .ys-date-range .spSty{
    width: 12%;
    padding: 0 5px;
    display: block;
}
.ys-search .btns{
    padding-top: 20px;
    margin-left: 5px;
}
.ys-search .btns .ui-btn-group{
    margin-bottom: 20px;
}

.ys-search-head {
        padding:15px;
        margin-top:0px;
      }
      .ys-search-head .ys-search-row {
        margin:0 0 15px 0;
        display: block;
      }
      .ys-search-head .btns {
        padding-top:0px;
      }
      .ys-search-head .ys-search-row .form-group {
        width: 33.3333333%;
        position: relative;
        margin: 0;
        float: left;
        margin-bottom: 15px;
        padding:0px;
      }
      .ys-search-head .ys-search-row .form-group .right-item {
        margin-top:0px;
      }
      .ys-search-head .ys-search-row .form-group .control-label {
        font-weight: 700;
        float: left !important;
        width: 75px;
        position:relative; 
        top: -2px;
        left: 5px;
        line-height: 32px;
      }
      table th,table td {
        word-break: break-all !important;
    }
    * { touch-action: pan-y; }
    html,body {
        min-width: 0 !important;
    }

@media screen and (min-width: 375px) and (max-width:900px) {
    html,body {
        min-width: 0 !important;
    }
    table th,table td {
        word-break: break-all !important;
    }
    * { touch-action: pan-y; }
}

td a.btn-a-upload{
    display: inline-block;
    padding: 2px;
    background-color: #29a8d4 !important;
    color: #333 !important;
}