.radio-inline { height: 30px; line-height: 27px; }

.radio-inline input { margin-top: 8px !important; }

.row { margin: 0px; }

.row-col-1 { width: 8.33333333%; float: left; }

.row-col-2 { width: 16.66666667%; float: left; }

.row-col-3 { width: 25%; float: left; }

.row-col-4 { width: 33.33333333%; float: left; }

.row-col-5 { width: 41.66666667%; float: left; }

.row-col-6 { width: 50%; float: left; }

.row-col-7 { width: 58.33333333%; float: left; }

.row-col-8 { width: 66.66666667%; float: left; }

.row-col-9 { width: 75%; float: left; }

.row-col-10 { width: 83.33333333%; float: left; }

.row-col-11 { width: 91.66666667%; float: left; }

.row-col-12 { width: 100%; float: left; }



.btn-info { background-color: #16baaa }

/*layui样式修改*/
.trselect { text-shadow: 3px 3px 10px; color: #1E9FFF; background-color: #f2f2f2; }

.layui-table-header .layui-table tr { background-color: #f2f2f2; }

.layui-table, .layui-table-view { margin: 0; border-radius: 0px 0px 3px 3px; }

.layui-layer-btn { border-top: 1px solid #e6e6e6; }

.layui-table-cell { padding: 5px 5px 0 5px !important; word-wrap: break-word; word-break: break-all; }

.laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-space { padding: 0px; text-align: center; }

.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-mend, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] { border-color: #e6e6e6 !important; }

.laytable-cell-numbers { width: 40px !important; }

.list_left { width: 25%; height: 100%; float: left; overflow: hidden; box-sizing: border-box; }

.list_right { width: 74%; height: 100%; float: right; overflow: hidden; box-sizing: border-box; }

.list_menu { margin-bottom: 0px; border: 1px solid #e6e6e6; border-radius: 3px 3px 0px 0px; border-bottom: 0px; min-height: 0px; }

.list_menu_title { height: 38px; line-height: 38px; color: #666666; padding-left: 10px; }

.list_menu_back { color: #1E9FFF; padding-left: 10px; cursor: pointer; }

.list_menu_choose { float: left; margin: 3px 15px; }

.list_menu_filter { float: left; margin: 8px 15px 8px 0px; }

.list_menu_btns { float: right; margin: 3px 15px 3px 15px; }

.list_menu_span { color: #666666; padding-right: 10px; }

.list_menu_td { cursor: pointer; text-decoration: underline; color: blue; }

.list_tool { border-top: 1px solid #e7e7e7; }

.list_num { text-align: right; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 5px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15); border: 1px solid #5FB878 !important; }

.list_text { text-align: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 5px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15); border: 1px solid #5FB878 !important; }

.list_date { text-align: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 5px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15); border: 1px solid #5FB878 !important; }

.list_select { display: inline; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 5px 2px 5px 2px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15); border: 1px solid #5FB878 !important; }

.list_lookup { text-align: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0px 30px 1px 5px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0,0,0,.15); border: 1px solid #5FB878 !important; }

.list_switch { margin-top: 2px !important; position: absolute; left: 50%; transform: translateX(-50%); width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; /*fit-content：自适应内容*/ }
.list_switch > div { width: 25px; }

.list_checkbox2 { margin-top: 6px !important; position: absolute; padding-left: 0px !important; left: 50%; transform: translateX(-50%); width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; /*fit-content：自适应内容*/ }

legend { width: auto !important; border-bottom: none !important; margin-bottom: 0 !important; font-size: 17px !important; }

.layui-tab-content { padding: 10px; }
/*报表公共样式*/
label { color: #999; }

/*正在加载*/
.loading { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 10000; overflow: hidden; cursor: progress; }

.loading-img { width: 30px !important; height: 30px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px; }

.loading-text { position: absolute; top: 60px; left: 21px; right: 0; bottom: 0; height: 30px; margin: auto; letter-spacing: 3px; line-height: 30px; color: #fff; font-size: 12px; text-align: center; }





















/*下拉框样式*/
.ddtree { height: 300px; border: 1px solid #ccc; border-radius: 3px; display: none; position: absolute; top: 33px; z-index: 10001; background-color: #fff; }

.ddtree-icon { cursor: pointer; position: absolute; right: 1px; top: 1px; height: calc(100% - 2px); padding: 4px 8px 4px 8px; color: #1e1e1e; font-size: 20px; background: white; }

.ddtree-tr { font-size: 12px; padding: 5px 10px 5px 10px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; border-bottom: 1px solid #e6e6e6; }

.ddtree-tr-icon { width: 10px; font-size: 16px; margin-right: 5px; cursor: pointer; }

.ddtree .trselect { background-color: #5FB878 !important; color: #fff !important }

.ddtree .trover { background-color: #eee; }

.ddtree-loading, .ddtree-nodata { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: white; font-size: 12px; }

@-webkit-keyframes ddtree-loading {
    0% { -webkit-transform: rotate(0deg); }

    50% { -webkit-transform: rotate(180deg); }

    100% { -webkit-transform: rotate(360deg); }
}

.ddtree-loading-icon { font-size: 20px; -webkit-animation: ddtree-loading 1s linear infinite; /* Safari 和 Chrome */ }

/*滚动条*/
::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); }

::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.05); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); }

::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.2); border-radius: 10px; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1); }

::-webkit-scrollbar { width: 16px; height: 16px; }

::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent; }

::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset; }

::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset; }

::-webkit-scrollbar-corner { background: transparent; }

.ddtree-icon .fa { transition: .3s; }

.icon-up { transform: rotate(180deg); }


.excel { margin-top: 60px; font-family: 微软雅黑 !important; font-size: 15px !important; text-align: center !important; }
.excel a { color: #0000EE; text-decoration: underline }


/*容器--改动搜索框-下移*/
.drop-down-list { min-width: 100px; height: 30px; padding: 1px; display: flex; border: 1px solid #ccc; border-radius: 3px; position: relative; cursor: pointer; }

.drop-down-list .show-bar-wrapper { height: 100%; flex: 1; background: white; }

.drop-down-list .show-bar-wrapper .show-bar { width: 100%; height: 100%; line-height: 28px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; padding-left: 10px; }

.drop-down-list .show-icon { width: 30px; height: 100%; display: flex; justify-content: center; align-items: center; background: white; font-size: 20px; transition: all .3s; }

.drop-down-list .show-icon:hover { background: rgba(95,184,120); color: white; }

.drop-down-list .show-icon i { transition: all .3s; }

.drop-down-list .show-icon .up { transform: rotate(180deg); }
/*面板-包含输入框和列表*/
.panel { position: absolute; z-index: 999; top: 30px; left: 0; width: 100%; height: 260px; background: white; border: 1px solid #ccc; border-radius: 3px; display: none; flex-direction: column; cursor: pointer; }

.panel .search-wrapper { height: 40px; width: 100%; padding: 8px; background: #e3e3e3; position: absolute; border-bottom: 1px solid #ccc; }

.panel .search-wrapper input { width: 100%; height: 100%; background: white; border: 1px solid white; border-radius: 15px; padding: 0 30px; font-size: 12px; }

.panel .search-wrapper .search-icon { position: absolute; top: 48%; left: 15px; transform: translateY(-50%); color: gray; font-size: 16px; }

.panel .search-wrapper .clear-icon { position: absolute; top: 48%; right: 15px; transform: translateY(-50%); color: gray; font-size: 16px; }

.panel .drop-down-wrapper { flex: 1; overflow: auto; margin-top: 0px; padding-bottom: 0px; font-size: 12px; position: relative; }

.panel .drop-down-tr { min-height: 26px; border-bottom: 1px solid black; border-bottom: 1px solid #e6e6e6; color: #666; padding: 5px 10px; display: flex; }
/*选项行*/
.selected { background: #5FB878 !important; color: white !important; }
.selected-mul { background-color: #f2f2f2; }
.selected-mul .checkbox { background: #5FB878 !important; color: white; }
.selected-mul .checkbox i { font-size: 12px; color: white; }
.trover { background-color: #eee; }

.single .trselect { background: green; color: white; }

.drop-down-tr .indent { transition: all .3s; font-size: 16px; }

.drop-down-tr .indent-right { transform: rotate(-90deg); }

.drop-down-tr .checkbox { transition: all .3s; width: 16px; height: 16px; margin: 0px 0px 0px 6px; background: white; border: 1px solid #ccc; border-radius: 3px; display: flex; justify-content: center; align-items: center; }

.trselect .checkbox { background: #5FB878; color: white; }

.trselect .checkbox i { font-size: 12px; color: white; }

.drop-down-tr span { margin-left: 6px; }




/*loading*/
@keyframes loading {
    0% { -webkit-transform: rotate(0deg) }

    50% { -webkit-transform: rotate(180deg) }

    100% { -webkit-transform: rotate(360deg) }
}

.drop-down-wrapper .loader, .drop-down-wrapper .NoData { position: absolute; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; background: white; height: 100%; }

.drop-down-wrapper .loader i { animation: loading 1s linear infinite }

.drop-down-wrapper .NoData i { font-size: 50px; }

.drop-down-wrapper .NoData span { font-size: 12px; transform: scale(.8) }
/*半选*/
.drop-down-tr .half { background: #1E9FFF; color: white; }

/*列表控件*/
.layui-table-cell .indent { transition: all .3s; font-size: 16px; margin-right: 5px; }
.layui-table-cell .indent-right { transform: rotate(-90deg); margin-right: 5px; }



/*区间费用约定表格合计行*/
.tabletotal { height: 40px; line-height: 35px; width: 100%; position: absolute; }
.tabletotal .tabletotalrow { float: left; padding: 0 10px; width: 110px; height: 40px; text-align: right; font-size: 12px; font-weight: bold; color: #000; }