html,body {
    height: 100%;
}
html,body,a,span,p,div{
    font-family: "Microsoft YaHei" !important;
}
/*添加编辑验证使用*/
.errormsg {
    color: red;font-size: 12px;margin: 0!important;
}
label.error {
    position: relative;
    top: -27px;
    left: 9px;
    height: 0;
    float: left;
}
p.error {
    color: red!important;font-size: 12px;border-color: red;margin: 0;

    position: relative;
    top: -25px;
    left: 8px;
    height: 0;
}
.tanerror {
    color: red!important;
    font-size: 12px;
    border-color: red!important;


}
.tanerrormsg{
    /*margin-bottom: 5px;*/
    color: red;
    font-size: 12px;
    /*font-weight: bold;*/

    position: relative;
    top: -25px;
    left: 8px;
    height: 0;
}
.error .xm-tips{color: red!important;}
.none {
    display: none;
}
.red{
    color: red;
}
.select_error{
    border-style: solid;border-color: red !important;
}
.height_auto{
    height: auto !important;
}
.layui-btn-primary:hover {
    border-color: #2272eb;color: #333;
}
.input-attr-input .input-attr-close-icon{
    top: 22px !important;
}
.mobile-header{
    width: calc(100% - 49px) !important;
    left: 49px !important;
}
.mobile-body{
    left: 49px !important;
}
.layui-layer-btn a:first-child {
    border-color: #1E9FFF !important;
    background-color: #1E9FFF!important;
}
.layui-menu li{
    line-height: 18px !important;
}
.layui-menu li:hover {
    background-color: #1E9FFF !important;
    color: #fff;
}
.layui-menu li:hover a{
    color: #fff;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #2272eb !important;
    background-color: #2272eb !important;
}
.layui-form-checkbox[lay-skin=primary]:hover{
    border-color: red !important;
}
.layui-form-checkbox[lay-skin=primary] span{
    padding-right: 5px !important;
}
.layui-menu-body-title {
    font-size: 13px !important;
}
.relative{
    position: relative;
}
.marginr5{
    margin-right: 15px !important;
    padding: 0 30px!important;
}
/*浅色按钮*/
.btn-light{
    background: #1ca5ff;color: #fff;
}
/*深色按钮*/
.btn-dark{
    background: #2272eb;color: #fff;
    /*background: #fafafa;color: #000000d9;*/
    padding-left: 6px;
}
/*取消按钮*/
.btn-cancel{
    background: #a8a8a8;color: #fff;
}

/*选择样式*/
.choose_div{
    position: absolute;top: 10px;left: 9px;overflow: hidden;max-width: 90%;
}
.choose_div button{line-height: 28px;font-size: 13px;height: 28px;margin-top: 2px;background: #fff;
    color: #409EFF;border: 1px solid #409EFF;border-radius: 5px;
    padding-left: 6px;margin-right: 7px;

    width: 100%;position: relative;padding-right:18px;
}
.choose_div button:hover{
    color: #000000d9 !important;
}
.choose_div .choose_close{
    margin-left: 5px;font-size: 14px;font-weight: bold;

    position: absolute;right: 3px;top: 0;
}
.choose_div .choose_close:hover{
    color: red;
}

.choose_div .choose_content{
    display:block;max-width: 100% !important;overflow: hidden;text-overflow: ellipsis;
}
#flowrelas{
    max-width: 95% !important;
}

#closeThis:hover{
    background: #409EFF !important;
}
#closeThis a:hover{
    background: #409EFF !important;
    color: #fff !important;
}
#closeOther:hover{
    background: #409EFF !important;
}
#closeOther a:hover{
    background: #409EFF !important;
    color: #fff !important;
}
#closeAll:hover{
    background: #409EFF !important;
}
#closeAll a:hover{
    background: #409EFF !important;
    color: #fff !important;
}


/*移动title样式*/
.move_title{
    flex-grow: 1;cursor: move;
}
.border_color_red{
    border-color:red !important;
}
.error_info{
    color: red;font-size: 12px;margin: 0 0 2px 0;

    position: relative;
    top: -26px;
    left: 8px;
    height: 0;
}
text{
    color: red;
}
.short_table_list .layui-table{
    border-right: 1px solid #eee;
}

.layui-form-pane .layui-form-label{
    border-color: #ccc; border-style:none !important; background-color:#fff !important;
    margin: unset!important;
}
.width35{width: 35px !important;}
/*明细选中第一个td使用*/
.rowchoose{background: #1ca5ff !important;color: #fff !important;}
.colchoose{border-color: #1ca5ff !important; background: #cbeaed !important;}

/* 无数据样式 */
.filetd{text-align: center;color: #aaa;border-top: 0 !important;}
.filetd_img{width:70px;}

.label_textarea{
    height: 116px !important;
    line-height: 104px !important;
}




#sideMenu ul li div ul .layui-this{
    background-color: #3c508c;
}
#sideMenu ul li div ul .layui-this a{
    color: #fff !important;
}

/*列表页面顶部操作按钮*/
.laytp-container-tool-button{
    border-color: #2272eb;
    color: #2272eb;
    background: none;
}


.layui-input::-webkit-input-placeholder{
    color: #ddd;
}
.layui-input::-moz-placeholder{
    color: #ddd;
}
.layui-input::-moz-placeholder{
    color: #ddd;
}
.layui-input::-ms-input-placeholder{
    color: #ddd;
}






/*二级菜单样式*/
#control ul .layui-nav-bar{
    height: 0 !important;
}
#control .site-demo-active{
    letter-spacing: 1px;
}
#control .layui-nav-child{
    top: 44px;
    text-align: left;
    background: #28333e;
    border: 0;
}
#control .layui-nav-child dd{
    line-height: 30px;
}
#control .layui-nav-child .layui-this a{
    background: #28333e !important;
}
#control .layui-nav-child dd a{
    font-size: 16px;
    color: #ffffff;
    padding-left: 0;
    letter-spacing: 1px;
    padding-left: 10px;
}
#control .layui-nav-child dd a:hover{
    background: #454f59;
    font-weight: 600 !important;
}

#control .layui-nav-child dd a:hover span .layui-icon{
    display: block !important;
}

#control .layui-nav-child .layui-this a:hover{
    background: #454f59 !important;
    font-weight: 600 !important;
}



.dropdown-menu + .dropdown-menu, .layui-btn + .dropdown-menu, .dropdown-menu + .layui-btn{
    margin-left: 5px !important;
}
.layui-btn + .layui-btn {
    margin-left: 0 !important;
}
.laytp-admin{
    display: none;min-width: 1200px;overflow: auto;
}


/*左侧导航*/
.navzuo1{
    width: 200px !important;
}
.navshou1{
    left: 200px;
    /*width: calc(100% - 200px);*/
}
.nav49{
    width: 49px !important;
}

.letnavurl{
    width: 200px !important;
}
.laytp-admin .layui-side {
    box-shadow: none;
    background-color: #192a5e !important;
    /*background-color: #28333E !important;*/
}
.laytp-admin .layui-logo {
    line-height: 44px;height: 44px;cursor: pointer;background: #192a5e;
}
.laytp-admin .layui-side-scroll {
    height: calc(100% - 44px) !important;
    background: #192a5e !important;
}
.laytp-admin .layui-side .layui-nav-tree li:hover{
    /*background: #454f59;*/
    background: #263870 !important;
}
.laytp-admin .layui-side .layui-nav-tree li a{
    color: #C2C2C2;padding-top: 0 !important;padding-bottom: 0 !important;
    line-height: 44px;height: 44px;padding: 0 12px;font-size: 14px;
}

.laytp-admin .layui-side .layui-nav-tree .layui-this>a{
    background: none !important;
}
.laytp-admin .layui-side .layui-nav-tree li a:hover{
    color: #999;
}
.laytp-admin .layui-side .layui-nav-tree li i{
    color: #677C91;
}
.laytp-admin .layui-side .sideClick li a{
    color: #c2c2c2 !important;
}
.laytp-admin .layui-side .sideClick li:hover{
    background: #263870 !important;
}
.laytp-admin .layui-side .sideClick li:hover a{
    color: #999 !important;
}




/*顶部导航*/
.laytp-admin .layui-header {
    min-width: 1200px;
    border-bottom: 1px solid whitesmoke;
    height: 44px !important;
    background: #454f59;
}
.laytp-admin .layui-header .layui-nav{
    height: 44px !important;
}
.laytp-admin .layui-header .layui-nav .layui-nav-bar{
    height: 0 !important;
}
.laytp-admin .layui-header .layui-nav li{
    height: 44px;
    line-height: 44px !important;
    padding: 0 15px;
}
.laytp-admin .layui-header .layui-nav li:hover{
    line-height: 44px !important;
    background: #28333e !important;
    border-top: 0;
}
.laytp-admin .layui-header .layui-nav #header-left-title:hover{
    background: none;
}
.laytp-admin .layui-header .layui-nav .collaspe:hover{
    background: none;
}
.laytp-admin .layui-header .layui-nav .layui-nav-item>a{
    line-height: 28px;
    color: #fff;
    padding: 0;
    margin-top: 7px;
    font-size: 14px;
}
.laytp-admin .layui-layout-control {
    left: 150px;
    width: calc(100% - 350px) !important;
    text-align: center;
    height: 44px;
}
.laytp-admin .layui-header #header-left{
    width: 150px;
    padding-right: 0;
}
.laytp-admin .layui-header #header-left li{
    padding: 0 !important;
}
.laytp-admin .layui-header #header-left:hover{
    background: none;
}
.laytp-admin .layui-header #header-left a{
    font-size: 16px;
}
.laytp-admin .layui-header #header-left i{
    font-size: 17px;
}

.top-menu-hover{
    background: #393d49 !important;
}



/*内容页面*/
.laytp-admin .layui-body {
    left: 120px;
    top: 44px;
}
.laytp-admin .layui-body #content .laytp-tab li:hover{
    color: #000 !important;
    background: #e6e6e6;
    border-top-color: #1ca5ff;
    line-height: 40px !important;
    /*animation: mymove 1.5s;*/
    /*transition: border-top-color 2s;*/
}
/*@-webkit-keyframes mymove {*/
    /*0% {border-top-color: #fff;}*/
    /*100% {border-top-color: #1ca5ff;}*/
/*}*/

.laytp-tab .layui-tab-title li{
    border-top: 2px solid #fff;
    height: 40px !important;
    border-right: 0 !important;
}
.laytp-tab .layui-tab-title .layui-this{
    border-top-color:#1ca5ff;
}


/*版权详细*/
.footer {
    height: 36px;width: 100%;position: fixed;bottom: 0;line-height: 36px;
    background: #fff;box-shadow: inset 0 0.5px 0 #d1d1d1;font-size: 12px;
}
.footer #footer-copyright{
    position: absolute;right: 200px;
}
.footer #footer-move{
    position: absolute;right: 130px;cursor: pointer;
}



/*添加,编辑页面公共部分*/
#optPage {
    background: #ecf0f1;
}
#commentForm .page-title{
    line-height: 30px;font-size: 14px;font-weight: 700;padding-top: 20px;z-index: 9999;
    position: fixed;top: 0;left: 0;background: #ecf0f1;width: 100%;
}
#commentForm .page-title .page-title-con{
    background: #fff;margin-left: 20px;margin-right: 20px;display: flex;justify-content:space-between;
    height: 50px;line-height: 50px;border-bottom: 1px solid #d6dae3;border-radius: 5px 5px 0 0;
}
#flowsetname{color: #2272eb}
.pageshowtitle{
    color: #2272eb;
    font-size: 20px;
}
#commentForm .page-title .page-title-con>span{
    padding-left: 20px;font-size: 20px;color: #2272eb;
}
#commentForm .page-title .page-title-con .page-title-opt-list{
    display: flex;align-items: center;
}
#commentForm .page-title .page-title-con .page-title-opt-list button{
    line-height: 29px;
}
#commentForm .page-title .page-title-con .page-title-opt-list i{
    font-size: 20px;
}

#commentForm .page-title .page-opt{
    position: absolute;top: 31px;right: 75px;background: #1ca5ff;color: #fff;font-size: 13px;width: 80px;
}
#commentForm .page-title .page-opt>i{
    font-size: 12px;padding-left: 4px;padding-right: 0;
}
#commentForm .page-title .page-opt-list{
    width: 100px;text-align: center;position: absolute;right: 55px;background: #ffffff;
    top: 65px;font-weight: 500;border: 1px solid #eee;box-shadow: 0px 2px 4px rgb(0 0 0 / 12%),1px -1px 4px rgb(0 0 0 / 12%);
}
#commentForm .page-title .page-opt-list div{
    height: 30px;line-height: 30px;cursor: pointer;font-size: 13px;
}
#commentForm .page-title .page-opt-list div:hover{
    background: #1ca5ff;color: #fff;
}
#commentForm .page-title .page-close{
    font-size: 24px;cursor: pointer;margin-right: 30px;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    background: #ecf0f1;
    color: #666;
}
#commentForm .page-title .page-close:hover{
    color: #fff !important;
    background: #dd4545;
}
#commentForm .page-title .page-opt-flow{
    float: right;padding-right: 139px;
}
#commentForm .page-title .page-opt-flow #agree{
    background: #2272eb;width: 80px;
}
#commentForm .page-title .page-opt-flow #refuse{
    background: #1ca5ff;width: 80px;
}
#commentForm .page-title .page-opt-flow #return{
    background: #1ca5ff;width: 80px;
}
#commentForm .page-title .page-opt-flow button i{
    font-size: 12px;
}
#commentForm .main-container input:focus,textarea:focus,select:focus{
    border-color: #2272eb !important;box-shadow: 0 0 3px #2272eb;
}
#commentForm .main-container{
    margin: 0 20px 20px 20px !important;padding: 70px 0 20px 0 !important;border-radius: 0 0 5px 5px;
    padding-bottom: 150px !important;
}
#commentForm .main-container .layui-form-item{
    margin-top: 0 !important;padding: 0 30px;margin-bottom: 0 !important;
}
#commentForm .main-container .layui-form-label{
    /*color: #505b63;*/
    color: #909399;
    width: 130px;
    font-size: 14px;
    /*font-weight: 600;*/
    padding: 7px;
    height: 100%;
    /*line-height: 40px;*/
    line-height: 19px;
    text-align: right;
    background-color: #fafafa!important;
    border-style: none;
}


#commentForm .layui-col-space10{
    border: 1px solid #eeeeee;
    margin: 0!important;
    margin-left: -5px!important;
    margin-right: -5px!important;
}

#commentForm .main-container .layui-form-label text{
    margin-right: 5px;color:red;
}
#commentForm .main-container .layui-row .layui-input-block {
    margin-left: 145px !important;
    /*border: 1px solid #eeeeee;*/
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 5px;
}
#commentForm .main-container .layui-form-item .layui-input-block{
    margin-left: 130px !important;
    /*border: 1px solid #eeeeee;*/
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 8px;
    left: 0!important;
}




#commentForm .main-container .layui-input, .layui-select, .layui-textarea{
    height: 35px !important;padding-left: 6px;font-size: 13px;border-color: #eee !important;
}
#commentForm .main-container .layui-textarea:focus, textarea:focus{
    border: 1px solid;
    /*border-color: #2272eb !important;*/
}
#commentForm .main-container .radio-block{
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
    height: 35px;
    /*min-height: 33px;*/
}
#commentForm .main-container .radio-block .layui-form-radio{
    margin-top: 3px !important;
}

#commentForm .main-container .checkbox-block{
    border-style: solid;border-width: 1px;border-color: #eee;height: 33px;min-height: 33px;
}
#commentForm .main-container xm-select{
    margin: 0 !important;min-height: 33px;line-height: 33px;border: 1px solid #eee;
    width: calc(100% - 2px)!important;
}
#commentForm .main-container .layui-form-pane xm-select:hover{
    border-color: #ccc;
}
#commentForm .main-container xm-select > .xm-body .xm-search-input{
    box-shadow: none !important; border-color: #ccc !important;
}
#commentForm .main-container .layui-form-radio>i{
    font-size: 16px;
}
#commentForm .main-container .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{
    color: #1ca5ff !important;
}
#commentForm .main-container .layui-form-checked[lay-skin=primary] i {
    border-color: #1ca5ff !important;background-color: #1ca5ff;
}
#commentForm .main-container .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2272eb !important;
}
#commentForm .main-container .block-first{
    background: #fff;padding-top: 20px;border-radius: 0 0 8px 8px;padding-bottom: 20px;
}
#commentForm .main-container .block-generic{
    background: #fff;border-radius: 8px;padding-top: 20px;padding-bottom: 20px;margin-top: 10px;
}
#commentForm .main-container .layui-col-space10>*{
    padding: 0 !important;
}
#operatePage .main-container .layui-col-space10>*{
    padding: 0 !important;
}
#commentForm .main-container .layui-col-md12{
    /*padding-top: 5px !important;*/
    /*padding-bottom: 5px !important;*/
}
#commentForm .main-container .choose_one {
    position: absolute;right: 6px;top: 8px;width: 40px;height: 35px;display: block;text-align: center;line-height: 35px;cursor: pointer;
}
#commentForm .main-container .choose_one+ i {
    right: 33px;background: #ffffff;z-index: 9999;
}
#commentForm .main-container .choose_btn {
    position: absolute;right: 23px;top: 7px;width: 40px;height: 40px;display: block;text-align: center;line-height: 34px;
}
#commentForm .main-container .choose_btn button{
    height: 34px;
}
#commentForm .main-container .choose_btn+ i {
    right: 75px;background: #ffffff;z-index: 9999;
}
#commentForm .input-attr-input .input-attr-close-icon:hover{
    color: #2272eb;
}
#commentForm .layui-form-select dl dd.layui-this {
    background-color: #2272eb;
}

/*明细处理*/
#commentForm .main-container .short_table_list tr th{
    background: #fafafa;
}
#commentForm .main-container .short_table_list .file_td{
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
#commentForm .main-container .short_table_list .file_div .file_item{
    width: 100%;
}
#commentForm .main-container .short_table_list .file_div .file_item .file_info{
    white-space: nowrap;text-overflow: ellipsis;width:85%;overflow: hidden;float: left;padding-left: 5px;color: #1ca5ff;
}
#commentForm .main-container .short_table_list .file_div .file_item .file_close{
    float: right;padding-right: 5px;cursor: pointer;color: red;
}
#commentForm .main-container .short_table_list .layui-input, .layui-select, .layui-textarea{
    border-radius: 0 !important;
}
#commentForm .main-container .short_table_list .layui-input{
    border: 0;
}
#commentForm .main-container .short_table_list input:focus,textarea:focus,select:focus{
    border: 0;border-color: #1ca5ff !important; box-shadow: 0 0 0 #1ca5ff;
}
#commentForm .main-container .short_table_list .opt-btn-group{
    border-bottom: 1px solid #CECDCD;padding-bottom: 5px;margin-bottom: 0;
}
#commentForm .main-container .short_table_list .opt-btn-group>div:first-child{
    float: left;font-weight: 600;color: rgb(80, 91, 99);margin-top: 10px;
}
#commentForm .main-container .short_table_list .opt-btn-group>div:last-child{
    text-align: right;
}
#commentForm .main-container .short_table_list .file_upload .upload{
    text-align: center;clear: both;cursor: pointer;
}
#commentForm .main-container .short_table_list tbody tr:hover{
    background: transparent !important;
}
#commentForm .main-container .short_table_list th:first-child{
    padding-left: 0 !important;padding-right: 0 !important;text-align: center;
}
#commentForm .main-container .short_table_list td{
    padding: 0 !important;
}
#commentForm .main-container .short_table_list td:first-child{
    text-align: center;    width: 25px;
}
#commentForm .main-container .short_table_list tbody{
    display: block;min-height: 200px;max-height: 200px;overflow: hidden;
    /*overflow-y: auto;*/
    overflow-y: overlay;
}
#commentForm .main-container .short_table_list thead{
    display: block;overflow: hidden;
    /*overflow-y: scroll;*/
}
#commentForm .main-container .short_table_list thead::-webkit-scrollbar {
    background: #f1f1f1;
}
#commentForm .main-container .short_table_list tbody>tr,#commentForm .main-container .short_table_list thead>tr{
    display: table;width: 100%;table-layout: fixed;
}
#commentForm .main-container .short_table_list .layui-form-selected dl{position: fixed !important;}


/*明细处理*/
#operatePage .main-container .short_table_list tr th{
    background: #fafafa;
}
#operatePage .main-container .short_table_list tr th:first-child{
    padding-left: 0;padding-right: 0;
}
#operatePage .main-container .short_table_list .file_td{
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
#operatePage .main-container .short_table_list .file_div .file_item{
    width: 100%;
}
#operatePage .main-container .short_table_list .file_div .file_item .file_info{
    white-space: nowrap;text-overflow: ellipsis;width:85%;overflow: hidden;float: left;padding-left: 5px;color: #1ca5ff;
}
#operatePage .main-container .short_table_list .file_div .file_item .file_close{
    float: right;padding-right: 5px;cursor: pointer;color: red;
}
#operatePage .main-container .short_table_list .layui-input, .layui-select, .layui-textarea{
    border-radius: 0 !important;
}
#operatePage .main-container .short_table_list .layui-input{
    border: 0;
}
#operatePage .main-container .short_table_list input:focus,textarea:focus,select:focus{
    border: 0;border-color: #1ca5ff !important; box-shadow: 0 0 0 #1ca5ff;
}
#operatePage .main-container .short_table_list .opt-btn-group{
    border-bottom: 1px solid #CECDCD;padding-bottom: 5px;margin-bottom: 0;
}
#operatePage .main-container .short_table_list .opt-btn-group>div:first-child{
    float: left;font-weight: 600;color: rgb(80, 91, 99);margin-top: 10px;
}
#operatePage .main-container .short_table_list .opt-btn-group>div:last-child{
    text-align: right;
}
#operatePage .main-container .short_table_list .file_upload .upload{
    text-align: center;clear: both;cursor: pointer;
}
#operatePage .main-container .short_table_list tbody tr:hover{
    background: transparent !important;
}
#operatePage .main-container .short_table_list td{
    padding: 0 !important;
}
#operatePage .main-container .short_table_list td:first-child{
    text-align: center;width: 35px;
}
#operatePage .main-container .short_table_list tbody{
    display: block;max-height: 200px;overflow: hidden;overflow-y: auto;
}
#operatePage .main-container .short_table_list thead{
    display: block;overflow: hidden;
    /*overflow-y: scroll;*/
}
#operatePage .main-container .short_table_list thead::-webkit-scrollbar {
    background: #f1f1f1;
}
#operatePage .main-container .short_table_list tbody>tr,#operatePage .main-container .short_table_list thead>tr{
    display: table;width: 100%;table-layout: fixed;
}
#operatePage .main-container .short_table_list .layui-form-selected dl{position: fixed !important;}




/*列表页面*/
.laytp-container{
    margin: 0 !important;background: #e6e6e6 !important;
    /*padding-top: 10px;*/
}
.laytp-container #opt_nav{
    width: 100%;height: 10px;
}
.laytp-container #opt_nav_div{
    margin-left: auto;margin-top: 6px;
}
.laytp-container #opt_nav_div li{
    float: right;margin: 0;
}
.laytp-container #opt_nav_div button{
    border-radius: 0 !important;
}
.laytp-container #opt_nav_div .outbut{
    background: #2272eb;color: #fff;border-radius: 4px;font-size: 13px;border-width: 0;
}
.laytp-container #opt_nav_div #opt_menu{
    background: #1ca5ff;color: #fff;border-radius: 4px;font-size: 13px;border-width: 0;
}
.laytp-container #opt_nav_div #search_table{
    background: #eee;border-radius: 4px;font-size: 13px;border-color: #d2d2d2;color: #4d4d4c;
    padding: 0 8px !important;
}
.laytp-container #opt_nav_div #cols_table{
    background: #eee;border-radius: 4px;font-size: 13px;border-color: #d2d2d2;color: #4d4d4c;
    padding: 0 8px !important;
}
.laytp-container #opt_nav_div #export_table{
    background: #eee;border-radius: 4px;font-size: 13px;border-color: #d2d2d2;color: #4d4d4c;
    padding: 0 8px !important;
}
.laytp-container #opt_nav_div #refresh_table{
    background: #eee;border-radius: 4px;font-size: 13px;border-color: #d2d2d2;color: #4d4d4c;
    padding: 0 8px !important;
}
.laytp-container #opt_nav_div .layui-nav-child{
    top: 31px;
}
.laytp-container #opt_nav_div .layui-nav-child a{
    height: 28px;line-height: 28px;font-size: 13px;
}
.laytp-container #opt_nav_div .layui-nav-child a:hover{
    background: #1ca5ff;color: #fff;
}
.laytp-container #opt_nav_div .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
    background-color: transparent !important;
}

.laytp-container .layui-table-tool{
    position: relative;
    z-index: 98;
}
.laytp-container .layui-table-tool-temp .layui-btn-container button{
    height: 30px;
    line-height: 25px;
    background: #2272eb;
    color: #fff;
    width: 130px;
    border-radius: 6px;
    /*padding: 0 10px;*/
    /*font-size: 14px;*/
    /*margin-right: 4px;*/
    /*border-color: #2272eb;*/
    /*color: #2272eb;*/
}
.laytp-container .layui-table-tool-temp .layui-btn-container button:hover{
    background: #FFFFFF;
    color: #2272eb;
}
/*.laytp-container .layui-table-tool-self{*/
    /*position: absolute;*/
    /*right: 17px;*/
    /*top: 3px;*/
/*}*/



.laytp-container .layui-table-tool-temp .layui-btn-container .xuan_button{
    background: #FFFFFF;
    color: #2272eb;
}
.laytp-container .layui-table-tool-temp .layui-btn-container .xuan_button:hover{
    background: #2272eb;
    color: #FFFFFF;
}


.laytp-container .outbut{
    border-radius: 2px;
    border-width: 1;
    border-color: #2272eb;
    color: #2272eb;
    background: none;
    height: 30px!important;
    line-height: 28px!important;
    padding: 0 10px!important;
    font-size: 12px!important;
}


.laytp-container #opt_nav .layui-btn{
    height: 31px !important;line-height: 30px !important;padding: 0 30px !important;
}
.laytp-container #opt_nav .layui-nav{
    display: flex;flex-direction: row;z-index: 9999
}
.laytp-container #opt_nav ul{
    background: #eeeeee !important;padding: 3px 20px !important;
}
.laytp-container #opt_nav ul li{
    line-height: 45px;
}
.laytp-container #opt_nav ul li a{
    color: #28333e;
}
.laytp-container #opt_nav ul li #san_menu{
    min-width: 80px;height: 31px;border: 0;background: #eeeeee;border-bottom: 2px solid #1ca5ff;font-weight: 700;cursor: pointer;
    display: none;
}
.laytp-container #opt_nav li{
    display: flex;align-items: center;
}
.laytp-container #opt_nav .menu{
    margin-left: 10px;height: 45px;
}
.laytp-container #opt_nav .menu:first-child{
    margin-left: 0;
}
.laytp-container #opt_nav .menu a{
    height: 29px;line-height: 29px;padding: 0;text-align: center;cursor: pointer;
}
.laytp-container #opt_nav .menu div{
    padding: 0 5px;
}
.laytp-container #opt_nav .menu div:hover{
    background: rgba(0,0,0,.06);border-radius: 3px;
}
.laytp-container #opt_nav .layui-this:after,.layui-nav-bar{
    height: 0 !important;
}
.laytp-container .layui-card-body{
    padding: 0;
    margin: 0 10px;
}
.laytp-container #table-card {
    padding: 0 0 40px 0;background: none;box-shadow:none;
}
.laytp-container #table-card #navselect{
    height: 100%;background:#eee;padding-right:5px;
}
.laytp-container #table-card #navselect #tree_content{
    font-size: 13px;overflow-x: auto;width: 100%;
}
.laytp-container #table-card #navselect .layui-tree-icon{
    margin-left: 12px;
}
.laytp-container #table-card #navselect .typeall{
    width: 100%;height:35px;text-align:left;padding-left: 8px;background: #fff;color: #555;
}
.laytp-container #table-card #navselect .typeall:hover{
    color:#1ca5ff;
}
.laytp-container #table-card #navselect #tree_content .layui-tree-txt{
    line-height: 34px;
}
.laytp-container #table-card #navselect #tree_content>div>div{
    display: grid !important;
}
.laytp-container #table-card #navselect .navselect_bac{
    background:#fff;
}
.laytp-container #table-card #navselect .navselect_div{
    height: 35px;line-height:35px;border-bottom: 1px solid #eee;
}
.laytp-container #table-card #navselect .navselect_title{
    float: left;font-size: 14px;padding-left: 10px;
}
.laytp-container #table-card #navselect .navselect_nav{
    float: right;padding-right: 15px;
}
.laytp-container #table-card #navselect .navselect_nav a{
    font-size: 14px;cursor: pointer;
}
.laytp-container #table-card #table_list_page{
    border-top: 1px solid #e3e3e3;
    float: left;
    height: 0;
    position: relative;
    top: -44px;
    width: 100%;
}
.laytp-container #table-card #table_list_page #laytp-page{
    height: 40px;
}
.laytp-container #table-card #table_list_page #table-bottom{
    float: right;display: none
}
.laytp-container #table-card #table_list_page #table-bottom button{
    line-height: 26px;height: 27px;
}
.laytp-container #table-card #table_list_page .layui-form{
    float: left;margin-top: 8px;padding-left: 15px;
}
.laytp-container #table-card #table_list .layui-card-body{
    padding-right: 0;padding-top: 0;margin:0;
}
.laytp-container #table-card #table_list .table-count{
    float: left;line-height: 40px;height: 40px;padding-left: 10px;font-size: 12px
}
.laytp-container #table-card #table_list .table-count p{
    margin: 0;
}
.laytp-container .bottom-line{
    border-bottom: 2px solid #1ca5ff;color: #272e33;font-weight: 700;
}
.laytp-container .layui-table-page{
    padding-right: 0;z-index: 20;
}
.laytp-container .layui-table-page>div {
    text-align: right;
}
.laytp-container #laytp-page {
    width: 520px;float: right;text-align: right;
}
.laytp-container .layui-table-header{
    /*height: 35px;line-height: 35px;*/
}
.laytp-container .layui-table-view .layui-table td, .layui-table-view .layui-table th{
    padding: 0;
    /*border-left: 1px solid #eee;*/
}
.laytp-container .layui-table-box thead tr span{
    font-size: 14px !important;
}
.laytp-container .bar_opt:hover{
    color: #1ca5ff;
}
.laytp-container .bar_opt{
    color: #2272eb;
}
.laytp-container .bar_opt_hui{
    color: #777!important;
}
.laytp-container xm-select{
    margin: 0 !important;min-height: 33px;line-height: 33px;
    /*border: 1px solid #ccc;*/
    /*border-color: ;*/
    border: none;
}
.laytp-container .layui-form-pane xm-select:hover{
    border-color: #ccc;
}
.laytp-container xm-select > .xm-body .xm-search-input{
    box-shadow: none !important; border-color: #ccc !important;
}
.laytp-container xm-select > .xm-tips{
    color: #ccc !important;font-size: 13px;padding-left: 7px;
}

.laytp-container .xmselect_div{
    border: 1px solid #ccc;height: 28px;position: relative;
}
.laytp-container .xmselect_title{
    color: #ccc;position: absolute;left: 7px;top: 2px;
}


/*列表页查询样式*/
.laytp-container #search-form{
    padding-top: 10px;padding-bottom: 1px;
    margin: 0 10px;
    font-size: 13px;position: relative;z-index: 99;margin-bottom: 10px;
}
.laytp-container #search-form .layui-form-label{
    min-height: 30px!important;
}
.laytp-container #search-form .layui-form-item{
    margin-bottom: 4px !important;
}
.laytp-container #search-form .layui-card-body{
    margin: 0 10px;
}
.laytp-container #search-form .layui-input,#search-form .layui-textarea{
    padding-left: 6px;
}
.laytp-container #search-form .layui-row .layui-col-md3{
    width: 24.5%;
    padding-left: 1%;
    margin-bottom: 5px;
}
.laytp-container #search-form .layui-row .layui-col-md4 {
    width: 32%;
    padding-left: 2%;
}
.laytp-container #search-form .layui-form-label{
    text-align: right; padding: 0 5px;height: 30px;line-height: 30px;
    width: 110px!important;
    color: #505b63;
    border-width: 1px;
    border-style: solid;
    border-radius: unset!important;
    background-color: #fafafa;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    box-sizing: border-box;
    border-color: #ccc;
    border-right: 0;
}
.laytp-container #search-form .layui-input{
    border-radius: unset !important;
}
.laytp-container #search-form .layui-input-block{
    margin-left: 110px;
}


.laytp-container #search-form .layui-input, .layui-select, .layui-textarea{
    height: 30px;border-color: #ccc !important;
}
.laytp-container #search-form .layui-inline{
    margin-top: 0 !important;margin-bottom: 0 !important;
}
.laytp-container #search-form button{
    height: 30px;line-height: 30px;
}
.laytp-container #search-form #TableSearchButton{
    font-size: 13px;background: #1ca5ff !important;border-color: #1ca5ff !important;padding: 0 30px!important;
}
.laytp-container #search-form #TableSearchButton i{
    padding-right: 5px;
}
.laytp-container #search-form #TableSearchReset{
    font-size: 13px;padding: 0 30px!important;border-radius: 4px;
}
.laytp-container #search-form #TableSearchReset i{
    font-size: 13px;padding-right: 5px;
}
.laytp-container #search-form .search-div{
    /*margin-top: 15px !important;*/
    margin: unset!important;
}
.laytp-container #search-form .search-div .layui-inline{
    margin-right: 0 !important;
}
.laytp-container #search-form input:focus,textarea:focus,select:focus {
    border-color: #2272eb !important;box-shadow: 1px 1px 5px #2272eb;
}
.laytp-container #search-form .layui-btn{
    vertical-align: bottom;
}
.laytp-container #search-form .scroll-body{
    max-height: 500px;
}

.laytp-container #search-form #search_open{
    margin-left: 20px;display: block;float: right;padding-top: 3px;cursor: pointer;
}
.laytp-container #search-form #search_open:hover{
    color: #1ca5ff;
}
.laytp-container #search-form #search_open i{
    font-size: 16px;margin-right: 3px;
}

.laytp-container #search-form xm-select{min-height: 28px!important;line-height: 30px!important;}
/*.laytp-container #search-form xm-select > .xm-label .xm-label-block{margin: 0!important;}*/
.laytp-container #search-form xm-select > .xm-label .scroll .label-content{padding: 1px 10px!important;}



/*树形下拉样式*/
.laytp-container .layui-tree-other{
    /* background: #1ca5ff; */
    color: #1ca5ff;
}
.laytp-container .layui-tree-other .layui-tree-txt{
    color: #fff;
}
.laytp-container .layui-tree-line .layui-tree-entry {
    padding-top: 0;
    padding-bottom: 0;
    height: 34px!important;
}
/* .laytp-container .layui-tree-line .layui-tree-entry:hover {
    background-color: #1ca5ff;cursor:pointer;
} */
.laytp-container .layui-tree-line .layui-tree-entry:hover .layui-tree-txt{
    color: #1ca5ff;
    text-decoration: none;
}


/*列表页操作样式*/
#operatePage .page-title{
    line-height: 30px;font-size: 14px;font-weight: 700;z-index: 9999;
    position: fixed;top: 0;left: 0;background: #ecf0f1;width: 100%;
}
#operatePage .page-title .page-title-con{
    background: #fff;display: flex;justify-content:space-between;
    border-bottom: 1px solid #d6dae3;height: 40px;line-height: 40px;
}
#operatePage .page-title .page-title-con>span{
    padding-left: 20px;
}
#operatePage .page-title .page-title-con .page-title-opt-list{
    display: flex;align-items: center;
}
#operatePage .page-title .page-title-con .page-title-opt-list button{
    line-height: 29px;
}
#operatePage .page-title .page-opt{
    position: absolute;top: 31px;right: 75px;background: #1ca5ff;color: #fff;font-size: 13px;width: 80px;
}
#operatePage .page-title .page-opt>i{
    font-size: 12px;padding-left: 4px;padding-right: 0;
}
#operatePage .page-title .page-opt-list{
    width: 100px;text-align: center;position: absolute;right: 55px;background: #ffffff;
    top: 65px;font-weight: 500;border: 1px solid #eee;box-shadow: 0px 2px 4px rgb(0 0 0 / 12%),1px -1px 4px rgb(0 0 0 / 12%);
}
#operatePage .page-title .page-opt-list div{
    height: 30px;line-height: 30px;cursor: pointer;font-size: 13px;
}
#operatePage .page-title .page-opt-list div:hover{
    background: #1ca5ff;color: #fff;
}
#operatePage .page-title .page-close{
    font-size: 24px;cursor: pointer;margin-right: 30px;
}
#operatePage .page-title .page-close:hover{
    color: red;
}
#operatePage .page-title .page-opt-flow{
    float: right;padding-right: 139px;
}
#operatePage .page-title .page-opt-flow #agree{
    background: #2272eb;width: 80px;
}
#operatePage .page-title .page-opt-flow #refuse{
    background: #1ca5ff;width: 80px;
}
#operatePage .page-title .page-opt-flow #return{
    background: #1ca5ff;width: 80px;
}
#operatePage .page-title .page-opt-flow button i{
    font-size: 12px;
}
#operatePage .main-container{
    padding-top: 60px;margin: 0;
}
#operatePage .main-container .layui-form-item{
    margin-top: 0 !important;padding: 0 30px;margin-bottom: 0 !important;
}
#operatePage .main-container .layui-form-label{
    color: #909399;
    width: 130px;
    font-size: 14px;
    /*font-weight: 600;*/
    padding: 7px;
    height: 100%;
    line-height: 40px;
    text-align: right;
    background-color: #fafafa!important;
    border-style: none;
}
#operatePage .main-container .layui-form-label text{
    margin-right: 5px;color:red;
}
#operatePage .main-container .layui-row .layui-input-block {
    margin-left: 145px !important;
}
#operatePage .main-container .layui-form-item .layui-input-block{
    margin-left: 130px !important;
    /*border: 1px solid #eeeeee;*/
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    padding: 8px;
    left: 0!important;
}
#operatePage .layui-col-space10{
    border: 1px solid #eeeeee;
    margin: 0!important;
    margin-left: -5px!important;
    margin-right: -5px!important;
}
#operatePage .main-container .layui-input, .layui-select, .layui-textarea{
    height: 35px !important;padding-left: 6px;font-size: 13px;
}
#operatePage .main-container input:focus,textarea:focus,select:focus{
    border-color: #2272eb !important;box-shadow: 1px 1px 5px #2272eb;
}
#operatePage .main-container .radio-block{
    border-style: solid;border-width: 1px;border-color: #eee;height: 33px;min-height: 33px;
}
#operatePage .main-container .checkbox-block{
    border-style: solid;border-width: 1px;border-color: #eee;height: 33px;min-height: 33px;border-left: 1px!important;
}

/*其他*/
.table-click-color{
    background: #daf0ff !important;
}
.laytp-container .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: none !important;
}
.laytp-container .layui-laypage .layui-laypage-curr em:last-child{
    color: #1ca5ff;font-weight: 600;
}
.laytp-container .layui-laypage{
    margin-right: 10px!important;
}
.layui-table thead tr{
    background-color: #fff !important;
}
.layui-table thead tr .layui-table-cell{
    height: 34px !important;
    line-height: 31px !important;
}

#xiangqingBox .tablenes tbody .layui-table-cell{
    line-height:18px !important;
}


.layui-table-hover{
    background-color: #daf0ff !important;
}
.layui-table-fixed-r{
    box-shadow: none !important; z-index: 97 !important;
}
.layui-table-fixed-r .layui-table-header .layui-table-cell{
    height: 34px !important;
}
.layui-table-fixed-l{
    box-shadow: none !important; z-index: 97 !important;
}
.layui-table-fixed-l .layui-table-header tr td:last-child{
    border-right: 0;
}
/*.layui-table-fixed-l .layui-table-body{*/
    /*width: 90px;*/
/*}*/
.layui-table-fixed-l .layui-table-body tr td:last-child{
    width: 40px;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover,
.layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr,
.layui-table[lay-even] tr:nth-child(even){
    background-color: #ffffff;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover,
.layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr,
.layui-table[lay-even] tr:nth-child(odd){
    background-color: #f3f3f3;
}
.layui-table-body .layui-none{
    min-height: 150px!important;
}
[lay-filter="datalist"] .laytp-tree-table-box:before {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}


/*详情页面*/
#showPage{
    background: #ecf0f1;padding-right: 0 !important;overflow: auto;
}
#showBox {
    background: #fff;padding: 70px 0 0 0;margin: 0 20px 40px 20px;
}
#showBox .line{
    height: 20px;width: 100%;background: #ecf0f1;
}
#showBox .page-title{
    line-height: 30px;font-size: 14px;font-weight: 700;padding-top: 20px;z-index: 9999;
    position: fixed;top: 0;left: 0;background: #ecf0f1;width: 100%;
}
#showBox .page-title .page-title-con{
    background: #fff;margin-left: 20px;margin-right: 20px;display: flex;justify-content:space-between;
    height: 50px;line-height: 50px;border-bottom: 1px solid #d6dae3;border-radius: 5px 5px 0 0;
}
#showBox .page-title .page-title-con>span{
    padding-left: 20px;
}
#showBox .page-title .page-title-con .page-title-opt-list{
    display: flex;align-items: center;
}
#showBox .page-title .page-title-con .page-title-opt-list button{
    line-height: 29px;
}
#showBox .page-title .page-opt{
    position: absolute;top: 31px;right: 75px;background: #1ca5ff;color: #fff;font-size: 13px;width: 80px;
}
#showBox .page-title .page-opt>i{
    font-size: 12px;padding-left: 4px;padding-right: 0;
}
#showBox .page-title .page-opt-list{
    width: 100px;text-align: center;position: absolute;right: 55px;background: #ffffff;
    top: 65px;font-weight: 500;border: 1px solid #eee;box-shadow: 0px 2px 4px rgb(0 0 0 / 12%),1px -1px 4px rgb(0 0 0 / 12%);
}
#showBox .page-title .page-opt-list div{
    height: 30px;line-height: 30px;cursor: pointer;font-size: 13px;
}
#showBox .page-title .page-opt-list div:hover{
    background: #1ca5ff;color: #fff;
}
#showBox .page-title .page-close{
    font-size: 24px;cursor: pointer;margin-right: 17px;
}
#showBox .page-title .page-close:hover{
    color: red;
}
#showBox .page-title .page-opt-flow{
    float: right;padding-right: 139px;
}
#showBox .page-title .page-opt-flow #agree{
    background: #2272eb;width: 80px;
}
#showBox .page-title .page-opt-flow #refuse{
    background: #1ca5ff;width: 80px;
}
#showBox .page-title .page-opt-flow #return{
    background: #1ca5ff;width: 80px;
}
#showBox .page-title .page-opt-flow button i{
    font-size: 12px;
}
#showBox .main-container .opt-browse{
    margin-top: 10px;
}
#showBox .main-container .file-show {
    margin-top: 18px;margin-bottom: 18px;
}
#showBox .main-container .flow-line{
    border: 1px solid #e3e3e3;margin-bottom: 15px;
    padding: 20px 40px 70px 60px;
    width: calc(100% - 102px);
    /*overflow-x: scroll*/
}
.flow-line .li{
    float: left;
    position: relative;
}
.flow-line .li img{
    width: 20px;
    height: 20px;
}
.flow-line .li .bitext{
    width: 150px;
    position: absolute;
    top: 25px;
    left: -66px;
    text-align: center;
    color: #777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.flow-line .li .colorcurt{
    font-weight: bold;
    color: #000;
}
.flow-line .xian{
    float: left;
    width: 150px;
    height: 10px;
    margin: 0 5px;
}
.flow-line .xian0{
    border-bottom: 3px solid #eee;
}
.flow-line .xian1{
    border-bottom: 3px solid #74c0ea80;
}
.flow-line .xian2{
    border-bottom: 3px solid #409EFF;
}










.flow-line-box {
    width: 120px;height: 40px;background-color: #0079fe;position: relative;left:30px;
    line-height:40px;color:#FFFFFF;text-align: center;float: left;margin-right: 30px;margin-top: 10px
}
.flow-line-box:after {
    border: solid transparent;content: ' ';height: 0;right: -40px;position: absolute;
    width: 0;border-width: 20px;border-left-color: #0079fe;top: 0;
}


.flow-line-box-wait {
    width: 120px;height: 40px;background-color: #b5d8ff;position: relative;left:30px;
    line-height:40px;color:#000;text-align: center;float: left;margin-right: 30px;margin-top: 10px
}
.flow-line-box-wait:after {
    border: solid transparent;content: ' ';height: 0;right: -40px;position: absolute;
    width: 0;border-width: 20px;border-left-color: #b5d8ff;top: 0;
}
.flow-line-box-wait img{
    position: absolute;top: -28px;left: 50px;
}

.mingxibtn{border:1px solid #2272eb!important;color: #2272eb!important;}
.mingxibtn{border:1px solid #2272eb!important;color: #2272eb!important;}
.mingxibtn{border:1px solid #2272eb!important;color: #2272eb!important;}
.mingxibtn{border:1px solid #2272eb!important;color: #2272eb!important;}

.flow-line-box-no {
    width: 120px;height: 40px;background-color: #eee;position: relative;left:30px;
    line-height:40px;color:#888;text-align: center;float: left;margin-right: 30px;margin-top: 10px;
}
.flow-line-box-no:after {
    border: solid transparent;content: ' ';height: 0;right: -40px;position: absolute;
    width: 0;border-width: 20px;border-left-color: #eee;top: 0;
}



#showBox .tongbox{
    height: 80px;
    padding-top: 20px;
    border: 1px solid #eee;
}
#showBox .tongbox1 .tuo{width: calc(100% - 21px)}
#showBox .tongbox2 .tuo{width: calc(50% - 21px)}
#showBox .tongbox3 .tuo{width: calc(33.3% - 21px)}
#showBox .tongbox4 .tuo{width: calc(25% - 21px)}
#showBox .tongbox5 .tuo{width: calc(20% - 21px)}
#showBox .tongbox6 .tuo{width: calc(16.6% - 21px)}
#showBox .tongbox7 .tuo{width: calc(14.2% - 21px)}
#showBox .tongbox8 .tuo{width: calc(12.5% - 21px)}
#showBox .tongbox9 .tuo{width: calc(11.1% - 21px)}
#showBox .tongbox10 .tuo{width: calc(10% - 21px)}
#showBox .tongbox .tuo{
    height: 60px;
    padding: 0 10px;
    float: left;
}
#showBox .tongbox .tuo:not(:first-child){
    border-left: 1px solid #ddd;
}
#showBox .tongbox .tuo .tit{
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#showBox .tongbox .tuo .con{
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#showBox .main-container .flow-auditing{
    height: 80px;background: #f9f9f9;margin-bottom: 15px; display: flex;justify-content:space-between;align-items:center;
}
#showBox .main-container .flow-status{
    font-size: 16px;color: #2272eb;font-weight: 600;padding-right: 25px;
}
#showBox .main-container .flow-info{
    padding-left: 25px;
}
#showBox .main-container .flow-info .flow-number{
    padding-right: 20px;color: #555555;font-size: 18px;font-weight: 600;
}
#showBox .main-container .flow-info .flow-spot{
    color: #2272eb;
}
#showBox .main-container .flow-info .flow-apply{
    margin-top: 3px;
}
#showBox .main-container .flow-status-img img{
    height: 70px;margin-right: 20px;
}
#showBox .jump-box{
    position: fixed;top: 100px;right: 0;border: 1px solid #2272eb;text-align: center;background: #fff;
}
#showBox .jump-box .jump-title{
    width: 25px;margin: 5px;cursor: pointer;
}
#showBox .jump-box .jump-line{
    border-bottom: 1px solid #2272eb;
}
#showBox .table-box{
    margin-top: 18px;clear: both;
}
#showBox .table-box:first-child{
    margin-top: 0;
}
#showBox .table-box .title{
    height: 40px;background: #f9f9f9;color: #0079FE;border: 1px solid #eeeeee;border-bottom: 0;line-height: 40px;
    padding-left: 10px;font-size: 15px;font-weight: bold;
}
#showBox .table-box .table-detail tr td{
    padding: 9px 7px !important;
}
#showBox .table-box .table-detail tr td:nth-of-type(odd){
    width: 120px;text-align: right;color: #333333;font-size: 14px;font-weight: 700;
}
#showBox .table-box .table-detail tr td:nth-of-type(even){
    color: #3B3A3A;font-size: 14px;
    /*width: calc(50% - 135px) !important;*/
}
#showBox .table-box .title-list{
    height: 40px;background: #f9f9f9;color: #0079FE;border: 1px solid #eeeeee;line-height: 40px;
    padding-left: 10px;font-size: 15px;position: relative;cursor: pointer;font-weight: bold;
}
#showBox .table-box .title-list .title-icon{
    position: absolute;right: 10px;
}
#showBox .table-box .table-list thead tr th{
    padding: 5px 5px;border-top: 0;font-weight: 600;color: #333;
}
#showBox .table-box .table-list tbody tr td{
    padding: 5px;
}
#showBox .table-box .examine_list .file_a{
    color: #0079FE;cursor: pointer;
}
#showBox .table-box .title-file{
    height: 40px;background: #f9f9f9;color: #0079FE;border: 1px solid #eeeeee;line-height: 40px;
    padding-left: 10px;font-size: 15px;position: relative;font-weight: bold;
}
#showBox .table-box .title-file .title-icon-table{
    position: absolute;right: 30px;cursor: pointer;
}
#showBox .table-box .title-file .title-icon-table i{
    font-size: 24px;
}
#showBox .table-box .title-file .title-icon-image{
    position: absolute;right: 10px;cursor: pointer;
}
#showBox .table-box .file-list-table thead tr th{
    padding: 7px;border-top: 0;font-weight: 600;color: #333;
}
#showBox .table-box .file-list-table tbody tr td{
    padding: 7px;
}
#showBox .table-box .file-list-table .file-title{
    float:left;width: calc(100% - 30px);
}
#showBox .table-box .file-list-table .file-title span{
    color: #0079FE;cursor: pointer;
}
#showBox .table-box .file-list-table .file-down{
    position: absolute;right: 10px;top: 30%;
}
#showBox .table-box .file-list-table .file-down i{
    font-size: 20px;color: #0079FE;cursor: pointer;
}
#showBox .table-box .file-list-image{
    /* border: 1px solid #eeeeee;border-top: 0; */
}
#showBox .table-box .file-list-image-box{
    display: flex;flex-direction:row;flex-wrap:wrap;
}
#showBox .table-box .file-list-image-box .img-box{
    width: 80px;overflow: hidden;margin: 10px;cursor: pointer;
}
#showBox .table-box .file-list-image-box .img-box .img-div{
    width: 78px;height:80px;border: 1px solid #E4E4E4;
}
#showBox .table-box .file-list-image-box .img-box .img-div img{
    width: 80px;
}
#showBox .table-box .file-list-image-box .img-box .img-filename{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}


#showBox .table-box .browse-list{
    display: flex;flex-direction:row;flex-wrap:wrap;border: 1px solid #eeeeee;border-top: 0;
}
#showBox .table-box .browse-list .browse-box{
    width: 50px;overflow: hidden;margin: 10px;
}
#showBox .table-box .browse-list .browse-box .browse-div{
    width: 40px;text-align: center;font-size: 12px;
}
#showBox .table-box .browse-list .browse-box .browse-div img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
/*多tab样式*/
#showBox .main-container .layui-tab .layui-tab-title{
    float: right;word-wrap: break-word !important;white-space: normal;height: auto;
    left: auto;background: #fff;position: fixed;right: 10px !important;z-index: 999;
}
#showBox .main-container .layui-tab .layui-tab-title li{
    display: block;width: 30px;min-width: 0;word-wrap: break-word;min-height: 63px;line-height: 15px;
    padding: 10px 5px 10px 5px;border: 1px solid #2272eb;color: #2272eb !important;font-size: 12px;
}
#showBox .main-container .layui-tab .layui-tab-title .layui-this:after{
    border: 0;height: 0;
}
#showBox .main-container .layui-tab .layui-tab-title .layui-this {
    background: #2272eb;color: #fff !important;
}
#showBox .main-container .layui-tab[overflow] > .layui-tab-title {
    overflow: inherit;
}
#showBox .main-container .layui-tab .layui-tab-content{
    float: left;width: 100%;
}
#showBox .main-container .flow_info{
    font-size: 13px;float: right;padding-right: 10px;
}
#showBox .main-container .flow_info span:first-child{
    color: #3B3A3A;
}


/*流程操作弹窗页面*/
.flow_opt_page .layui-input:focus, .flow_opt_page .layui-textarea:focus{
    border-color: #2272eb !important;
}
.flow_opt_page .title-box{
    display: flex;justify-content:space-between;width: 100%;border-bottom: 1px solid #e3e3e3;background: #fff;z-index: 999;
    height: 40px;line-height: 40px;
}
.flow_opt_page .title-box .title{
    font-size: 15px;font-weight: 600;padding-left: 15px;
}
.flow_opt_page .title-box button{
    margin-right: 10px;
}
.flow_opt_page .title-box .title-box-opt{
    display: flex;align-items: center;
}
.flow_opt_page .title-box .page-close{
    font-size: 24px;cursor: pointer;font-weight: 600;margin-right: 20px;
}
.flow_opt_page .title-box .page-close:hover{
    color: red;
}
.flow_opt_page .main-container{
    padding-top: 40px;
}
#commentForm .tag-box{
    display: flex;flex-direction:row;flex-wrap:wrap;margin-top: 5px;
}
#commentForm .tag-box .tag-box-div{
    border: 1px solid #e3e3e3;padding: 0 5px;margin-right: 10px;cursor: pointer;margin-bottom: 5px;
    line-height: 24px;height: 24px;padding-right: 20px;position: relative;
}
#commentForm .tag-name{
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-flex;
    color: #777;
}
#commentForm .tag-close{
    margin-left: 3px;font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: -1px;
}
#commentForm .tag-close:hover{
    color: red;
}
.flow_opt_page .main-container .layui-form-item{
    padding-right: 10px;
}
.flow_opt_page .main-container .layui-form-item .layui-form-label{
    width: 90px !important;
}
.flow_opt_page .layui-input:focus, .layui-textarea:focus, textarea:focus{
    border-color: #2272eb !important;
}
.flow_opt_page .main-container .layui-form-item .layui-input-block{
    margin-left: 120px !important;
}
.flow_opt_page .file-box{
    display: flex;flex-direction: row;flex-wrap: wrap;
}
.flow_opt_page .upfile-box{
    width: 80px;height: 80px;border: 1px solid #e3e3e3;cursor: pointer;margin-right: 10px;position: relative;
}
.flow_opt_page .upfile-img{
    text-align: center;margin-top: 10px;
}
.flow_opt_page .upfile-img i{
    font-size: 30px;
}
.flow_opt_page .upfile-title{
    text-align: center;
}
.flow_opt_page .upfile-close{
    font-size: 16px;position: absolute;top: -11px;right: -6px;z-index: 999;
}
.flow_opt_page .upfile-add{
    width: 80px;height: 80px;border: 1px solid #e3e3e3;cursor: pointer;
}
.flow_opt_page .upfile-add-img{
    text-align: center;margin-top: 10px;
}
.flow_opt_page .upfile-add-img i{
    font-size: 30px;
}
.flow_opt_page .upfile-add-title{
    text-align: center;
}




/*弹出层 - 选择操作使用*/
#dialog .page-title{
    line-height: 30px;font-size: 14px;font-weight: 700;z-index: 9999;
    position: fixed;top: 0;left: 0;background: #ecf0f1;width: 100%;
}
#dialog .page-title .page-title-con{
    background: #fff;display: flex;justify-content:space-between;
    height: 40px;line-height: 40px;border-bottom: 1px solid #d6dae3;border-radius: 5px 5px 0 0;
}
#dialog .page-title .page-title-con>span{
    padding-left: 20px;line-height: 40px;
}
#dialog .page-title .page-title-con .page-title-opt-list{
    display: flex;align-items: center;
}
#dialog .page-title .page-title-con .page-title-opt-list>p{
    color: #a6a9a9;font-size: 12px;font-weight: 100;padding-right: 10px;
}
#dialog .page-title .page-title-con .page-title-opt-list button{
    line-height: 29px;
}
#dialog .page-title .page-opt{
    position: absolute;top: 31px;right: 75px;background: #1ca5ff;color: #fff;font-size: 13px;width: 80px;
}
#dialog .page-title .page-opt>i{
    font-size: 12px;padding-left: 4px;padding-right: 0;
}
#dialog .page-title .page-opt-list{
    width: 100px;text-align: center;position: absolute;right: 55px;background: #ffffff;
    top: 65px;font-weight: 500;border: 1px solid #eee;box-shadow: 0px 2px 4px rgb(0 0 0 / 12%),1px -1px 4px rgb(0 0 0 / 12%);
}
#dialog .page-title .page-opt-list div{
    height: 30px;line-height: 30px;cursor: pointer;font-size: 13px;
}
#dialog .page-title .page-opt-list div:hover{
    background: #1ca5ff;color: #fff;
}
#dialog .page-title .page-close{
    font-size: 24px;cursor: pointer;margin-right: 30px;
}
#dialog .page-title .page-close:hover{
    color: red;
}
#dialog .page-title .page-opt-flow{
    float: right;padding-right: 139px;
}
#dialog .page-title .page-opt-flow #agree{
    background: #2272eb;width: 80px;
}
#dialog .page-title .page-opt-flow #refuse{
    background: #1ca5ff;width: 80px;
}
#dialog .page-title .page-opt-flow #return{
    background: #1ca5ff;width: 80px;
}
#dialog .page-title .page-opt-flow button i{
    font-size: 12px;
}
#dialog .layui-table-view{
    border: 1px solid #eeeeee !important;
}
#dialog .layui-table-view .layui-table td, .dialog .layui-table-view .layui-table th{
    padding: 0;
}
#dialog .layui-table-page{
    text-align: right;
}
#dialog .layui-table-view .layui-table-header .layui-table th{
    background: #f9f9f9;
}
#dialog .layui-table-view .layui-table-header .layui-table th:nth-of-type(n+2){
    z-index: 999 !important;
}
#dialog .layui-table-view .layui-table-header .layui-table th:last-child{
    border-right: 0;
}
#dialog .layui-card{
    box-shadow: none;
}
#dialog .layui-fluid{
    padding: 50px 0 0 0;
}
#dialog .opt-btn-group{
    padding-top: 0;padding-bottom: 0;
}
#dialog input{
    height: 30px !important;
}
#dialog .search-div{
    padding-bottom: 0;
}
#dialog .layui-table-view .layui-form-radio>i{
    font-size: 17px !important;
}
#dialog .layui-table-click{
    background-color: #f3f3f3;
}

/*树形下拉样式*/
#dialog .layui-tree-other{
    background: #1ca5ff;
}
#dialog .layui-tree-other .layui-tree-txt{
    color: #fff;
}
#dialog .layui-tree-line .layui-tree-entry {
    padding-top: 0;
    padding-bottom: 0;
}
/*#dialog .layui-tree-line .layui-tree-entry:hover {*/
    /*background-color: #1ca5ff;*/
/*}*/
/*#dialog .layui-tree-line .layui-tree-entry:hover .layui-tree-txt{*/
    /*color: #fff;*/
    /*text-decoration: none;*/
/*}*/
.layui-layer-dialog .layui-layer-btn{
    position: absolute;
    top: 5px;
    right: 35px;
    padding: 0 0 12px!important;
}
.layui-layer-dialog .layui-layer-btn .layui-layer-btn0{
    background-color: #2272eb!important;
    padding: 0 20px!important;
    margin-right: 10px!important;
}
.layui-layer-dialog .tit{
    font-size: 15px;
    font-weight: bold;
}
.layui-layer-dialog .exp{
    color: #888888;
}


xm-select > .xm-body{
    min-width: 186px!important;
}

#tab-init-auth-but-in{
    /*display: none;*/
}
.float-l{float: left}
.float-r{float: right}


/* 通用颜色 */
.colorlan{color: #409EFF!important;cursor: pointer}
.colorhong{color: #fb1f3e!important;cursor: pointer}
.colorlv{color: #4CAF50!important;cursor: pointer}
.colorhuang{color: #FEA918!important;cursor: pointer}
.colorcheng{color: #ff982e!important;cursor: pointer}
.colorhui{color: #a0a3a5!important;cursor: pointer}
.colorzi{color: #bbb!important;cursor: pointer}
/* 通用颜色 */


/* 小点点 通用颜色 */
.mindianzi{padding: 4px;background-color: purple;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}

.mindianlan{padding: 4px;background-color: #409EFF;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}
.mindianhong{padding: 4px;background-color: #F23030;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}
.mindianlv{padding: 4px;background-color: #4CAF50;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}
.mindianhuang{padding: 4px;background-color: #FEA918;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}
.mindiancheng{padding: 4px;background-color: #FF5722;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}
.mindianhui{padding: 4px;background-color: #bbb;border-radius: 50%;font-size: 0!important;margin-right: 6px;position: relative;top: 0;display: inline-block;}
/* 小点点 通用颜色 */

input.disabled{
    background-color: #fafafa!important;
}

.edittits{
    height: 50px;line-height: 50px;
    color: #2272eb;
    background-color: #E3F0FF;
}
.edittits span{
    margin-left: 20px;
}
.tanxian {
    border: 1px solid #eee;
    height: 33px;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100% - 2px);
}
.tanxian::-webkit-scrollbar {
    height: 5px;
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
/*.tanxian .tanxiannei {*/
    /*width: max-content;*/
    /*padding-right: 50px;*/
/*}*/

.tanxian .tanxiannei {
    width: max-content;position: absolute;left: 0;
    /*z-index: 9*/
}
.tanxian .tanxianclick {
    /*z-index: 1;*/
    width: 100%;height: 100%;position: absolute;left: 0;
}

.tanxian .tags {
    float: left;
    border: 1px solid #409EFF;
    height: 24px;
    line-height: 24px;
    margin-top: 4px;
    margin-left: 9px;
    border-radius: 5px;
    padding: 0 5px;
    color: #409EFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tanxian .tags div {
    /* max-width: 70px; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
.tanxian .tags i {
    font-size: 12px;
    cursor: pointer;
    margin-left: 5px;
}
.tancheckdiv {
    position: absolute;
    right: 12px;
    top: 9px;
    height: 32px;
    width: 30px;
    cursor: pointer;
    background: #FFFFFF;
    /*z-index: 10;*/
}
.tancheck {
    margin-left: 10px;
    cursor: pointer;
    margin-top: 6px;
}
.short_table_list .listerror{color: red!important;margin: 10px 0;display: none}

.readonly{background-color: #fafafa}

.notice-todo{
    padding-left: 60px!important;
    width: 350px!important;
    background-color: #454F59!important;
    background-image: url(../images/notice3.png);
    animation: todoAnimate 0.6s infinite alternate;
}
@keyframes todoAnimate {
    50% {
        background-image: url(../images/notice3.png);
    }
    100% {
        background-image: none;
    }
}


.notice-bill{
    padding-left: 60px!important;
    width: 350px!important;
    background-color: #454F59!important;
    background-image: url(../images/notice1.png);
    animation: billAnimate 0.6s infinite alternate;
}
@keyframes billAnimate {
    50% {
        background-image: url(../images/notice1.png);
    }
    100% {
        background-image: none;
    }
}


.notice-task{
    padding-left: 60px!important;
    width: 350px!important;
    background-color: #454F59!important;
    background-image: url(../images/notice2.png);
    animation: taskAnimate 0.6s infinite alternate;
}
@keyframes taskAnimate {
    50% {
        background-image: url(../images/notice2.png);
    }
    100% {
        background-image: none;
    }
}


.notice-email{
    padding-left: 60px!important;
    width: 350px!important;
    background-color: #454F59!important;
    background-image: url(../images/notice4.png);
    animation: emailAnimate 0.6s infinite alternate;
}
@keyframes emailAnimate {
    50% {
        background-image: url(../images/notice4.png);
    }
    100% {
        background-image: none;
    }
}


.notice-todo .toast-title{font-size: 14px!important;}
.notice-bill .toast-title{font-size: 14px!important;}
.notice-task .toast-title{font-size: 14px!important;}
.notice-email .toast-title{font-size: 14px!important;}
.notice-todo .toast-title .senddt{font-size: 12px!important;font-weight: unset!important;float: right}
.notice-bill .toast-title .senddt{font-size: 12px!important;font-weight: unset!important;float: right}
.notice-task .toast-title .senddt{font-size: 12px!important;font-weight: unset!important;float: right}
.notice-email .toast-title .senddt{font-size: 12px!important;font-weight: unset!important;float: right}
.notice-todo .toast-message{font-size: 12px!important;}
.notice-bill .toast-message{font-size: 12px!important;}
.notice-task .toast-message{font-size: 12px!important;}
.notice-email .toast-message{font-size: 12px!important;}



.notice-clear-all{
    text-align: center;
    padding: 10px!important;
    font-size: 12px!important;
    background-color: #454F59!important;
    position: absolute!important;
    right: 355px;
    width: 30px!important;
    height: 88px;
}
.notice-clear-all:hover{
    color: red!important;
}

.upload_deta_divs{
    margin:3px 5px;
    color: #409EFF!important;cursor: pointer;
    max-width:300px;
}
.upload_deta_divs div{
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;padding-right: 25px;
}
.upload_deta_divs div i{
    position: absolute;
    top: 0;
    right: 3px;
    color: red!important;
}


.upload_deta_btn{
    margin:3px 5px;
    color: #409EFF!important;cursor: pointer
}




#lock_load{
    width: 100%;height: 100%;background:url('/static/admin/images/background.png');background-size: 100% 100%;
    position: fixed;top: 0;left: 0;z-index: 198910212122;text-align: center;display: none;
}
#lock_load .locktit{position: absolute;margin: auto;left: 0;right: 0;top: 270px}
#lock_load .lockcom{position: absolute;margin: auto;left: 0;right: 0;top: 400px}
#lock_load .lockcom input{height: 40px;width: 250px;background-color: #FFFFFF;border-radius: 20px;border: none;text-align: center}
#lock_load .lockcom .gologin{margin-top: 20px;color: #FFFFFF;font-size: 16px;cursor: pointer;}
#lock_load .lock_logo{position: absolute;margin: auto;left: 0;right: 0;bottom: 140px}



.layui-table-total tr {
    background-color: #FFFFFF!important;
}
.layui-table-total tr td div{
    font-weight: bold;
}




/*已打开菜单*/
#footer_box .box{
    width: calc(100% - 120px);
    min-height: 100px;
    background: #454f59;
    position: fixed;
    bottom: 36px;
    z-index: 99999;
    box-shadow: 1px 1px 3px #e3e3e3, 1px -1px 3px #e3e3e3, -1px 1px 3px #e3e3e3, -1px -1px 3px #e3e3e3;
    padding-bottom: 10px;
    padding-left: 10px;
}
#footer_box .box > span{
    margin-left: 10px;
    border: 1px solid #c2c2c2;
    padding: 2px 5px 4px 5px;
    display: block;
    width: 135px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
    float: left;
}
#footer_box .box > span:hover{
    background: #1ca5ff;
}
#footer_box .box_span_bac{
    background: #2272eb;
}
#footer_box .box .box-title{
    padding-right: 5px;cursor: pointer;color: #fff;font-size: 13px;
}
#footer_box .box .box-close{
    float: right;width: 5px;color: #fff;
    height: 100%;
}
#footer_box .box .box-close:hover{
    color: red;cursor: pointer;
}
#footer_box #history{
    cursor: pointer;margin-left: 18px;
}
#footer_box #history>span{
    height: 16px;line-height: 16px;
}


#explain, .explain_huan{
    white-space: pre-line;
}




/*项目导航*/
#engindao{
    height: 100%;background:#eee;padding-right:5px;
}
#engindao #engindao_content{
    width: 100%;
    min-height: 500px;
    font-size: 13px;
    overflow-x: auto;
}
#engindao .layui-tree-icon{
    margin-left: 12px;
}
#engindao .typeall{
    width: 100%;height:35px;text-align:left;padding-left: 8px;background: #fff;color: #555;
}
#engindao .typeall:hover{
    color:#1ca5ff;
}
#engindao #engindao_content .lis{
    height: 36px;
    line-height: 36px;
    color: #555;
    overflow: hidden;
    padding-left: 11px;
    cursor: pointer;
}
#engindao #engindao_content .lis:hover{
    color:#1ca5ff;
}
#engindao #engindao_content .etext{
    margin-left: 10px;
}
#engindao .engindao_bac{
    background:#fff;
}
#engindao .engindao_div{
    height: 49px;line-height:48px;border-bottom: 1px solid #eee;
}
#engindao .engindao_title{
    float: left;font-size: 14px;padding-left: 10px;
}
#engindao .engindao_nav{
    float: right;padding-right: 15px;
}
#engindao .engindao_nav a{
    font-size: 14px;cursor: pointer;
}
#engindao #engindao_name{
    width: calc(100% - 65px) !important;
    margin: 5px 5px 5px 10px;
    float: left;
    border-radius:4px;
}
#engindao #engindao_sea{
    float: right;
    margin: 5px 10px 5px 0;
    padding: 0 12px;
    height: 36px;
}
#engindao #loading_text{
    font-size: 12px;
    text-align: center;
    color: #c2c2c2;
    height: 40px;
    line-height: 40px;
}
#engindao .engin_dao_dian{
    color: #1ca5ff!important;
}


#engindaomin{
    width: 50px!important;
    background:#eee;padding-right:5px;
}
#engindaomin .engindao_bg{
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    text-align: center;
}
#engindaomin .engindao_bg .col{
    height: 35px;
    line-height: 35px;
    cursor: pointer;
}
#engindaomin .engindao_title{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 9px;
    padding-left: 5px;
    color: #555;
}
#table-card .engindaomin_guan{
    width: calc(100% - 65px) !important;
}


.signshen .deaqian{
    width: 150px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #ccc;
    color: #777777;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-top: 12px;
}
.signshen .deaqian .iico i{
    font-size: 26px;
    position: absolute;
    top: 0;
}
.signshen .deaqian .qiantxt{
    padding-left: 30px;
}
.signshen .deaqian img{
    height: 58px;
    max-width: 150px;
}
.signshen .deaqian .iiclose{
    font-size: 16px;
    font-weight: bold;
    color: red;
    position: absolute;
    top: -31px;
    right: -8px;
}


.paforcon{
    position: absolute;
}
.paforcon .pl{
    margin-right: 15px;
}
.paforcon .pv{
    font-weight: bold;
}





.billstrlan{background-color: #409EFF;padding: 5px 8px;border-radius: 5px;color:#FFF;animation: billstrlanAnimate 2s infinite alternate;}
.billstrlv{background-color: #00BA95;padding: 5px 8px;border-radius: 5px;color:#FFF;animation: billstrlvAnimate 2s infinite alternate;}
.billstrzi{background-color: #8472f3;padding: 5px 8px;border-radius: 5px;color:#FFF;animation: billstrziAnimate 2s infinite alternate;}
.billstrhong{background-color: red;padding: 5px 8px;border-radius: 5px;color:#FFF;animation: billstrhongAnimate 2s infinite alternate;}
.billstrhuang{background-color: #FEA918;padding: 5px 8px;border-radius: 5px;color:#FFF;animation: billstrhuangAnimate 2s infinite alternate;}
.billstrhui{background-color: #a0a3a5;padding: 5px 8px;border-radius: 5px;color:#FFF;animation: billstrhuiAnimate 2s infinite alternate;}
.billstrshoudong{background-color: #999;padding: 5px 8px;border-radius: 5px;color:#FFF}


/*@keyframes billstrlanAnimate {*/
    /*0% {*/
        /*background-color: #409EFF;*/
    /*}*/
    /*100% {*/
        /*background-color: #3181FF;*/
    /*}*/
/*}*/

/*@keyframes billstrlvAnimate {*/
    /*0% {*/
        /*background-color: #00BA95;*/
    /*}*/
    /*100% {*/
        /*background-color: #10BA35;*/
    /*}*/
/*}*/









/*新详情页样式*/
#xiangqingPage{
    background: #ecf0f1;padding-right: 0 !important;overflow: auto;
}
#xiangqingBox {
    background: #fff;padding: 70px 0 0 0;margin: 0 20px 40px 20px;padding-bottom: 50px;
}
#xiangqingBox .page-title{
    line-height: 30px;font-size: 14px;font-weight: 700;padding-top: 20px;z-index: 9999;
    position: fixed;top: 0;left: 0;background: #ecf0f1;width: 100%;
}
#xiangqingBox .page-title .page-title-con{
    background: #fff;margin-left: 20px;margin-right: 20px;display: flex;justify-content:space-between;
    height: 50px;line-height: 50px;border-bottom: 1px solid #d6dae3;border-radius: 5px 5px 0 0;
}
#xiangqingBox .page-title .page-title-con>span{
    padding-left: 20px;
}
#xiangqingBox .page-title .page-title-con .page-title-opt-list{
    display: flex;align-items: center;
}
#xiangqingBox .page-title .page-title-con .page-title-opt-list button{
    line-height: 29px;
}
#xiangqingBox .page-title .page-opt{
    position: absolute;top: 31px;right: 75px;background: #1ca5ff;color: #fff;font-size: 13px;width: 80px;
}
#xiangqingBox .page-title .page-opt>i{
    font-size: 12px;padding-left: 4px;padding-right: 0;
}
#xiangqingBox .page-title .page-opt-list{
    width: 100px;text-align: center;position: absolute;right: 55px;background: #ffffff;
    top: 65px;font-weight: 500;border: 1px solid #eee;box-shadow: 0px 2px 4px rgb(0 0 0 / 12%),1px -1px 4px rgb(0 0 0 / 12%);
}
#xiangqingBox .page-title .page-opt-list div{
    height: 30px;line-height: 30px;cursor: pointer;font-size: 13px;
}
#xiangqingBox .page-title .page-opt-list div:hover{
    background: #1ca5ff;color: #fff;
}
#xiangqingBox .page-title .page-close{
    font-size: 24px;cursor: pointer;margin-right: 17px;
}
#xiangqingBox .page-title .page-close:hover{
    color: red;
}
#xiangqingBox .page-title .page-opt-flow{
    float: right;padding-right: 139px;
}
#xiangqingBox .page-title .page-opt-flow #agree{
    background: #2272eb;width: 80px;
}
#xiangqingBox .page-title .page-opt-flow #refuse{
    background: #1ca5ff;width: 80px;
}
#xiangqingBox .page-title .page-opt-flow #return{
    background: #1ca5ff;width: 80px;
}
#xiangqingBox .page-title .page-opt-flow button i{
    font-size: 12px;
}

#xiangqingBox .table-box{
   clear: both;
}
#xiangqingBox .table-box .title{
    height: 40px;border: 1px solid #eeeeee;border-bottom: 0;line-height: 40px;
    padding-left: 10px;font-weight: bold;background: #E3F0FF;color: #2272eb;font-size: 14px;
}
#xiangqingBox .table-box tr:hover{
    background-color: unset!important;
}
#xiangqingBox .table-box .tt{
    background-color: #fafafa;
    color: #313234!important;
    text-align: right!important;
    font-weight: unset!important;
    width: 120px;
}
#xiangqingBox .table-box .tv{
    color: #5f5f5f;
    max-width: 130px;
}

.tableShow{
    background-color: #FFFFFF;border: 1px solid #eeeeee;
}
.tableShow .layui-table-tool{
    padding: 0 10px;
    min-height: 41px;
    height: 41px;
    line-height: 41px;
}
.tableShow .laytp-tree-table .laytp-tree-table-tool{
    padding: 0 10px;
    min-height: 41px;
    height: 41px;
    line-height: 41px;
}
.tableShow .layui-table-tool-self{
    top: -2px;
    right: 5px;
}
.tableShow .layui-table-tool{
    background-color: #E3F0FF!important;
}
.tableShow .layui-table-tool .layui-table-tool-temp{
    font-weight: bold;
    color: #2272eb!important;
}





.tableShow .layui-table-body{
    max-height: 285px;
}
.tableShow .layui-table-body .layui-none{
    line-height: 40px!important;
    padding: unset!important;
    min-height: unset!important;
}
.tableShow table thead th{
    background-color: #fafafa!important;
    /*color: #909399!important;*/
    color: #313234!important;
    font-weight: unset!important;
}
#reads-list .browse-div img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#flow_show_info .fbstatusturn{background-color: #FEA918;padding: 5px 8px;border-radius: 5px;color:#FFF;text-align: center}
#flow_show_info .fbstatus0{background-color: #409EFF;padding: 5px 8px;border-radius: 5px;color:#FFF;text-align: center}
#flow_show_info .fbstatus1{background-color: #4CAF50;padding: 5px 8px;border-radius: 5px;color:#FFF;text-align: center}
#flow_show_info .fbstatus2{background-color: #F23030;padding: 5px 8px;border-radius: 5px;color:#FFF;text-align: center}
#flow_show_info .fbstatus3{background-color: #F23030;padding: 5px 8px;border-radius: 5px;color:#FFF;text-align: center}
#flow_show_info .fbstatus5{background-color: #bbb;padding: 5px 8px;border-radius: 5px;color:#FFF;text-align: center}



#xiangqingBox .tongbox{
    height: 80px;
    padding-top: 20px;
    border: 1px solid #eee;
}
#xiangqingBox .tongbox1 .tuo{width: calc(100% - 21px)}
#xiangqingBox .tongbox2 .tuo{width: calc(50% - 21px)}
#xiangqingBox .tongbox3 .tuo{width: calc(33.3% - 21px)}
#xiangqingBox .tongbox4 .tuo{width: calc(25% - 21px)}
#xiangqingBox .tongbox5 .tuo{width: calc(20% - 21px)}
#xiangqingBox .tongbox6 .tuo{width: calc(16.6% - 21px)}
#xiangqingBox .tongbox7 .tuo{width: calc(14.2% - 21px)}
#xiangqingBox .tongbox8 .tuo{width: calc(12.5% - 21px)}
#xiangqingBox .tongbox9 .tuo{width: calc(11.1% - 21px)}
#xiangqingBox .tongbox10 .tuo{width: calc(10% - 21px)}
#xiangqingBox .tongbox .tuo{
    height: 60px;
    padding: 0 10px;
    float: left;
}
#xiangqingBox .tongbox .tuo:not(:first-child){
    border-left: 1px solid #ddd;
}
#xiangqingBox .tongbox .tuo .tit{
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#xiangqingBox .tongbox .tuo .con{
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#xiangqingBox .table-box .browse-list{
    display: flex;flex-direction:row;flex-wrap:wrap;border-top: 0;
}
#xiangqingBox .table-box .browse-list .browse-box{
    width: 50px;overflow: hidden;margin: 10px;
}
#xiangqingBox .table-box .browse-list .browse-box .browse-div{
    width: 40px;text-align: center;font-size: 12px;
}
#xiangqingBox .table-box .browse-list .browse-box .browse-div img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}




#showPageFiles .filedivv{
    padding-top: 10px;
}
#showPageFiles .filedivv .filebb{
    width: calc(32.5% - 20px);
    float: left;
    height: 40px;
    border: 1px solid #eeeeee;
    margin: 0 0 10px 20px;
    position: relative;
}
#showPageFiles .filedivv .filebb:hover{
    border: 1px solid #409EFF;
    cursor: pointer;
}
#showPageFiles .filedivv .filebb .tu{
    width: 35px;
    height: 30px;
    border: 1px solid #eeeeee;
    position: relative;
    top: 4px;
    left: 5px;
    float: left;
}
#showPageFiles .filedivv .filebb .tu img{
    width: 30px;height: 30px;
}
#showPageFiles .filedivv .filebb .tu .zimu{
    line-height: 30px;
    text-align: center;
    color: #bbb;
}
#showPageFiles .filedivv .filebb .titss{
    width: calc(100% - 110px);
    line-height: 40px;
    margin-left: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #777;
}
#showPageFiles .filedivv .filebb .cha{
    color: #aaaaaa;
    font-size: 16px;
    position: absolute;
    top: 11px;
    right: 30px;
    cursor: pointer;
    font-weight: bold;
}
#showPageFiles .filedivv .filebb .cha:hover{
    color: #409EFF;
}
#showPageFiles .filedivv .filebb .xia{
    color: #aaaaaa;
    font-size: 16px;
    position: absolute;
    top: 11px;
    right: 7px;
    cursor: pointer;
    font-weight: bold;
}
#showPageFiles .filedivv .filebb .xia:hover{
    color: #409EFF;
}





.tes_box{background-color: #fafafa;display: flex;align-items: center;}
.tes_label{display: table;padding-left: 67px!important;}
.tes_block{background-color: #FFFFFF;margin-left: 0 !important;width: 100%!important;}







/* 去掉number类型自带的加减按钮 */
input[type="number"]::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

.layui-progress{
    background-color: #aaa
}




.layui-laypage-skip{
    display: none!important;
}







.float-l{
    float: left;
}
.float-r{
    float: right;
}






#mainnav{
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0 10px;
    font-size: 13px;
    margin-bottom: 10px;
    height: 25px;
    position: sticky;
    top: 40px;
    z-index: 9999;
    overflow: hidden;
}
#mainnav div{
    float: left;
    margin-right: 10px;
    padding: 0 10px 4px 10px;
    cursor: pointer;
    margin-bottom: 5px;
}
#mainnav div.active{
    color: #409EFF;
    border-bottom: 3px solid #409EFF;
}


.curarea{height: 35px!important;min-height: unset;overflow-y: hidden;border: none;
    padding-top: 0 !important;padding-right: 0 !important;padding-bottom: 0 !important;}


.data-del-span {
    color: red;
    font-size: 16px;
    border: 1px solid red;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    animation: dataDelSpanAnimate 0.2s infinite alternate;
}
@keyframes dataDelSpanAnimate {
    0% {
        color: red;
        border: 1px solid red;
        background-color: #FFF;
        opacity: 0.2;
        transform: translateX(0);
    }
    100% {
        color: #FFF;
        border: 1px solid #FFF;
        background-color: red;
        opacity: 1;
        transform: translateX(1px);
    }
}











.chuantable{table-layout: fixed;}
.chuantable thead tr th{height: 30px}
.chuantable tbody tr td{height: 30px}
.chuantable tbody tr:hover{background-color: unset!important;}









.tablenes .layui-table-cell{
    height:auto!important;
    text-overflow: unset!important;
    white-space: unset!important;
    box-sizing: unset!important;
    overflow: auto!important;
    word-wrap: break-word!important;
    overflow-x: hidden!important;
}
.tablenes .tt{width: 15%!important;}
.tablenes .tv{width: 35%!important;}

.layui-disabled, .layui-disabled:hover{
    color: #aaa!important;
}