/*@charset "utf-8";*/
/* CSS Document */
/**
 * Base reset.
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

body { margin: 0; padding: 0; /*background-color: #F2F2F2;*/ background-color: #fff; color: #333333; font-size: 14px !important; font-family: microsoft yahei,arial,Helvetica,sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ul, ol { list-style: none; }

optgroup { font-weight: bold; }

a { text-decoration: none; }

a:hover { cursor: pointer; }

img { vertical-align: middle; }

.f12px { font-size: 12px; }

.f14px { font-size: 14px; }

.f16px { font-size: 16px; }

.f18px { font-size: 18px; }

/*下划线样式*/
.underline { border-bottom: 1px solid #337ab7 !important; margin-top: 0px; }

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently

not supported by any browser */ }

/* Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

label { font-weight: normal; }


.block { display: block; }

.hide { display: none; }

.right { float: right; }

.left { float: left; }

.no-padding { padding: 0 !important; }

.no-margin { margin: 0 !important; }
/* 页面结构
   ========================================================================== */
/*无tab标签内容页*/
.content { background-color: #F5F5F5; border: 1px #F2F2F2 solid; }

.childconten { background-color: #fff; margin: 10px 10px 0px 10px; /*border:1px red solid;*/ border: none; }

.childconten:after { content: "\0020"; display: block; height: 0; clear: both; }


/*标签选择*/
.tab-content { margin: 5px 10px 0px 10px; }

.nav-tabs a { color: #808080; }
/*查询区域*/
.query-area { /*border:1px red solid;*/ padding: 10px; background-color: #fff; }

.query-condition { padding-bottom: 5px; }

.query-condition:first-child { margin-top: 0px; }

.query-condition:last-child { margin-bottom: 0px; padding-bottom: 0px; }

.query-area:first-child { margin: 5px 5px 0px 5px; }

.query-area .form-control { height: 25px; }

.query-area .select-ie { padding: 0px; }

.fixed-table-container tbody .selected td { background-color: #f5f5f5; background-color: #DEF1FB; /*czy*/ }

.th-inner input { vertical-align: middle; }

.ml8px { margin-left: 8px; }

.mt10px { margin-top: 10px; }

.table-area { background-color: #FFFFFF; margin: 5px 5px 0px 5px; }

.table-area table { background-color: #FFFFFF; }

.wid120px { width: 120px !important; }

.wid140px { width: 140px !important; }

.wid161 { width: 161px !important; }

.emphasizeRed .th-inner { color: #f10d0d !important; }
/*可编辑表格 列头*/
/*.thedit  .th-inner {color:#419fef!important;}*/
.thedit .th-inner { color: #1e5af4 !important; }

.thedit .inputRequired { border: none !important; }

/*.thedit input.inputRequired::-webkit-input-placeholder {
    color: red;
}
 .thedit input.inputRequired:-moz-placeholder {
    color: red;
}
 .thedit input.inputRequired:-ms-input-placeholder {
    color: red;
}*/


/*操作区域*/

/*.btn-operate { margin: 5px 5px 5px 5px; /*padding-bottom: 10px;  margin-top: 10px; }*/


/*分页div的样式*/
.paging { float: right; margin-top: 3px; }

/* 按钮
   ========================================================================== */
/*按钮基础样式*/
.primarybtn { display: block; height: 25px; display: inline-block; text-align: center; border: none; transition: none; outline: none; padding: 3px 12px; cursor: pointer; color: #fff !important; border: 1px solid #04a5ff; background: #04a5ff; }
/*  禁用按钮样式*/
.cforbiddenbtn { display: block; height: 25px; display: inline-block; text-align: center; border: none; transition: none; outline: none; padding: 3px 12px; cursor: pointer; color: #fff !important; border: 1px solid #ccc; background: #ccc; }




.primarybtn:hover { background: #04a5ff !important; }

/*按钮尺寸*/
/*
 字数  宽度
2个字	60px
3个字	75px
4个字	85px
5个字	100px
6个字	110px
7个字	125px
8个字	140px
9个字	155px
10个字	170px
    */
/*.btn60 {
    width: 60px;
}

.btn75 {
    width: 75px;
}

.btn85 {
    width: 85px;
}

.btn100 {
    width: 100px !important;
}

.btn110 {
    width: 110px;
}

.btn125 {
    width: 125px !important;
}

.btn140 {
    width: 140px;
}

.btn155 {
    width: 155px !important;
}

.btn170 {
    width: 170px !important;
}*/

/* Default button styling - this applies to all anchors with the .button class */
input[type=button],
input[type=reset],
input[type=submit] { font-size: 14px; font-weight: 400; line-height: 1; position: relative; display: inline-block; margin-bottom: 0; padding: 3px 12px; cursor: pointer; /*-webkit-transition: all;
    transition: all;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;*/ vertical-align: top; white-space: nowrap; color: #fff; /*border: 1px solid #ccc;*/ border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-clip: padding-box; }

.btncolor { background-color: #1AB394; }

.submitbtn { background-color: #1AB394; color: white; border: none; height: 30px; font-size: 16px; cursor: pointer; }

.btn-primary { background-color: #1AB394; color: white; border: none; height: 25px; font-size: 16px; cursor: pointer; }
/*子窗体按钮样式自定义*/
.primarybtn-layer { font-size: 14px; font-weight: 400; position: relative; display: inline-block; margin-bottom: 0; padding: 3px 12px; cursor: pointer; vertical-align: top; white-space: nowrap; color: #fff; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-clip: padding-box; color: #FFFFFF; /*background: url(../../../Images/icon_btn.png)no-repeat !important;
    background-position: -26px -335px !important;*/ border-right: 1px solid #257331; border-left: 1px solid #257331; box-shadow: none; height: 30px; line-height: 22px; }

/*通用文本框大小*/
.txt75 { width: 75px !important; }

.btnactive:active { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1AB394), color-stop(100%,#47B889)); }

.form-input { border: 1px solid #ABE4BF; margin-left: 5px; padding: 0; height: 25px; background-color: white; padding-left: 6px; font-size: 14px; }

.form-group { display: inline-block; }

.form-control { display: inline-block; width: inherit; padding: 3px 3px; height: 25px; /*margin-left: 3px;*/ }

.input-group-addon { height: 25px; padding: 3px 3px; }

.align-r { text-align: right; }

.checkbox { display: none !important; }

.checkbox + label { margin-right: 3px; vertical-align: -2px; margin-bottom: 0px; width: 14px; height: 14px; background-image: url(../../Content/Images/checkBox.png); background-repeat: no-repeat; }

.checkbox:checked + label { background-image: url(../../Content/Images/checkBox_ck.png); background-repeat: no-repeat; }
/*表单页两字与上面三个字输入项对齐*/
.speailtile { width: 70px; float: left; text-align: right; margin-right: 5px; }
/*提示文本*/
.tipText { color: #999; font-size: 14px; }

.sptishi { margin-left: 30px; }

/*单位控件*/
#checkLabel { font-weight: 400 !important; }
/*选项页*/
.tabbox a { font-weight: 500; }

/*必输项*/
.important { color: red; margin-left: 5px; }
/*
            机构树插件*/
.selectContent { position: absolute; display: block; border: 1px solid black; border-top-width: 0px; top: 0; left: 0; margin: 0; overflow: hidden; background-color: white; padding: 0px; display: none; border: 1px solid #ccc; z-index: 999; }
/*输入框表格检索*/
.tab_Retrieval { width: 260px; height: 200px; display: none; z-index: 9999; border: 1px solid #808080; position: absolute; overflow-x: auto; overflow-y: auto; background-color: #fff; }

.tab_info { width: 258px; text-align: center !important; cursor: pointer; }

.tab_info tr th { border: 1px solid #808080; height: 30px; background: #E8E8F1; }

.tab_info tr td, .tab_info tr th { border: 1px solid #808080; text-align: center !important; }

.tab_info tbody tr { height: 25px; }

.selectrows { display: none; background-color: #64BCFB; border: 1px solid #ccc !important; }

.selectrows td { color: #fff; }
/*去掉日历的清空按钮*/
.jedateclear { display: none !important; }
/*日历图标*/
.startdate, .enddate { width: 180px !important; background-image: url(../../Content/Images/e.png); background-repeat: no-repeat; background-size: 25px; background-position: right center; cursor: pointer; }
.form-date { width: 180px; background-image: url(../../Content/Images/e.png); background-repeat: no-repeat; background-size: 25px; background-position: right center; cursor: pointer; }
/*可编辑列*/
.tdeidit { color: #0277C7; }
/*竖排文字和按钮*/
.tandem { display: inline-block; width: 15px; vertical-align: middle; }

.tandembtn { background-position: -346px -400px; border-radius: 3px; min-height: 75px; height: 100%; width: 30px; padding: 0 5px; display: inline-block; position: relative; }

.tandembtn:hover { color: #5c7a5c; background-position: -437px -400px !important; border-right: 0px; }

.tandembtn:active { color: #253D1D !important; }

/*.span43 可以放两个文字*/
.tandembtn .span43 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; height: 43px; margin: auto; }

/*增加文本框必选样式 */
.point { color: red; position: absolute; right: 10px; }
/*控制光标样式*/
button, select, a, tr, checkbox, radio { cursor: pointer; }

/*获取坐标地图样式*/

#container { width: 670px !important; height: 400px !important; }

.amap-sug-result { z-index: 99999999; }
/*表格导入*/
.BtnExportExcel { position: relative; padding: 1px 12px; border-radius: 3px; text-decoration: none; cursor: pointer !important; }

a:hover { text-decoration: none; cursor: pointer !important; }

.BtnExportExcel input { position: absolute; right: 0; top: 0; opacity: 0; height: 100%; width: 100%; }


select.form-control { padding-top: 0; padding-bottom: 0; }

/*图片控件样式*/
.file_common { display: none !important; }

.file_init, .file_up { width: 100px; height: 100px; border: 1px solid #d1d1d1; }

.file_upFile { width: 100px; height: 100px; border: 1px solid #d1d1d1; }

.file_ListBox::after { content: ''; display: block; clear: both; }

.file_ListBox li { position: relative; float: left; margin: 0 5px; }

.file_delete { position: absolute; z-index: 999; top: -15px; right: -15px; }

.file_previewBox { position: relative; display: block; height: 100%; }

.file_controlImg { position: absolute; width: 50px; height: 100px; top: 50%; margin-top: -100px; background-repeat: no-repeat; background-position: center; background-size: 100%; cursor: pointer; }

.file_prevImg { left: 0; right: auto; background-image: url('/Content/Images/prev_out.png'); opacity: 0.2; }

.file_prevImg:hover { background-image: url('/Content/Images/prev_on.png'); opacity: 1; }

.file_nextImg { left: auto; right: 0; background-image: url('/Content/Images/next_out.png'); opacity: 0.2; }

.file_nextImg:hover { background-image: url('/Content/Images/next_on.png'); opacity: 1; }

.file_control_img { width: 100%; height: 100%; }

.file_ListBox .file_saveName { color: #1890ff; color: #337ab7; text-align: center; margin-bottom: 10px; overflow: hidden; margin-top: 10px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; width: 100px; /*宽度默认与图片宽度一致*/ }

/************批量查询弹窗   开始*****************/
#cSearchArea, #cBaseSearchArea { padding: 10px; display: none; width: 100%; }

.btngroup { text-align: right; }

#cSearchArea .btngroup > input, #cBaseSearchArea .btngroup > input { margin: 0px 4px; }

/************批量查询弹窗   结束*****************/
/*****************   展开点击表格 加号 ********************/
.detail-icon { width: 25px; text-align: center; display: inline-block; }

th.detail { width: 25px; }
/*****************   展开点击表格 加号 ********************/

/*表格操作按钮-删除*/
.cicon-delete { background: url(../../Content/Images/icon/delete.png) no-repeat; width: 16px; height: 16px; display: inline-block; background-size: 100%; vertical-align: middle; }
/*表格操作按钮-下载*/
.cicon-down { background: url(../../Content/Images/icon/x.png) no-repeat; width: 16px; height: 16px; display: inline-block; background-size: 100%; vertical-align: middle; }

/*表格操作按钮-下上传*/
.cicon-upload { background: url(../../Content/Images/icon/s.png) no-repeat; width: 16px; height: 16px; display: inline-block; background-size: 100%; vertical-align: middle; }
/*表格操作按钮-查看*/
.cicon-look { background: url(../../Content/Images/icon/c.png) no-repeat; width: 16px; height: 16px; display: inline-block; background-size: 100%; vertical-align: middle; }

/*更多筛选*/
.query-more { float: right; display: inline-block; height: auto; position: relative; cursor: pointer; }

.query-more:after { position: absolute; display: inline-block; content: ' '; width: 25px; height: 25px; top: 0; left: 0; background: url(../../Content/Images/icon/down.png) no-repeat left center; background-size: auto 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition-duration: 0.2s; }

.query-more.in:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition-duration: 0.2s; }

.query-more:before { display: block; content: '更多筛选'; color: #13b5b1; font-size: 12px; line-height: 25px; margin-left: 25px; text-align: center; }

.query-hide { display: none; }
/*隐藏日历控件的确认按钮*/
/*.setok{
        display: none!important;
    }*/

/*表格行内编辑按钮*/
.btn-sm { font-size: 12px; height: 25px; }
/*解决select和input的宽度不一致问题*/
input, select { box-sizing: border-box !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* *号样式 */
.Required_Container { position: relative; }

.Required_Container::after { display: block; color: red; content: '*'; position: absolute; right: 5px; top: 6px; }

.Required_ContainerForAddress { position: relative; }

.Required_ContainerForAddress::after { display: block; color: red; content: '*'; position: absolute; right: 25px; top: 5px; }

.Required_ContainerTime { position: relative; }

.Required_ContainerTime::after { display: block; color: red; content: '*'; position: absolute; right: 30px; top: 5px; }

/* fieldset样式 */
fieldset { position: relative; margin: 0 2px; border-top: 1px solid silver; background: #fff; padding-top: 5px; margin-top: 5px; border-bottom: none !important; border-left: none !important; border-right: none !important; }

legend { border: 0; width: auto; background: #fff; color: #04a5ff !important; font-size: 16px; margin-left: -5px; padding: 0px 10px; }


.AreaSelect { position: absolute; background: #fff; width: 161px; left: 119px; display: none; max-height: 150px; overflow-y: auto; z-index: 999; }

.AreaSelect li { border-bottom: 1px solid #d1d1d1; cursor: pointer; text-align: center; padding: 2px 0; }

/*首页报表选择时间展开图标*/
.viewSpan { float: right; margin-right: 18px; line-height: 32px; cursor: pointer; }

.viewTime { cursor: pointer; width: 16px; }

.viewShowTime { background: #1f3a51; border-radius: 5px; display: none; color: white; position: absolute; top: 32px; right: 0px; z-index: 100; padding: 10px; }

.viewShowTime input { display: inline-block; }


.stopover_hover { color: #04a5ff; }

/* 首页等 使用的大得 标题引用 TopBar */
.blockquote { border-bottom: 1px solid #ddd; padding: 5px 0px; }

.blockquote-left { float: left; width: 4px; height: 20px; margin-right: 7px; border-radius: 4px; background-color: #0078d6; }

.blockquote-text { float: left; line-height: 20px; height: 20px; font-size: 20px; font-weight: 700; color: #777; }

.blockquote:after { content: ' '; display: block; clear: both; }


/* 子页面使用的标题引用*/
.Sontopbatteb { border-bottom: 1px solid #ddd; padding: 5px 0px; margin-bottom: 6px !important; }

.Sontopbatteb-left { float: left; width: 4px; height: 20px; margin-right: 7px; border-radius: 4px; background-color: #04a5ff; }

.Sontopbatteb-text { float: left; font-size: 16px; color: #04a5ff; }

.Sontopbatteb:after { content: ' '; display: block; clear: both; }



/*表格中的 添加 和移除按钮 glyphicon-plus-sign */
.plusSign { color: #02a0e9; font-size: 22px; position: relative; top: 0px; line-height: 26px; display: inline-block; background-size: 100%; vertical-align: middle; }

/*表格 里的操作按钮 */
.fixed-table-toolbar { background: #F5F5F5; }

.fixed-table-toolbar .btn.btn-default.dropdown-toggle { padding: 0; border: 0; background: #F5F5F5; width: 30px; margin-top: 3px; }

.fixed-table-toolbar .btn.btn-default.dropdown-toggle .caret { display: none; }

.query-moreadd { position: absolute; right: 70px; margin-top: 5px; }
/*.fixed-table-toolbar .columns {
    margin-top: 2px !important;
    margin-bottom: -4px !important; 
}*/


/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
::-webkit-scrollbar { width: 9px; height: 9px; }
/* 定义滚动条轨道 */
::-webkit-scrollbar-track { background-color: transparent; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
/* 定义滑块 内阴影 + 圆角 */
::-webkit-scrollbar-thumb { background-color: rgb(220, 223, 230); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }

/****************************************************** 开单历史纪录样式开始 ******************************************************/
#templateDetails { display: none; position: fixed; top: 5px; right: 5px; width: 315px; padding: 0 5px; border: none; text-align: center; border-radius: 4px; box-shadow: #bbb 0 0 5px; background: #fff; }

.details { font-size: 14px; position: relative; border: 1px solid #eee; margin: 5px; float: left; background-color: #f5f5f5; border-radius: 4px; -moz-transition: all linear .2s; -o-transition: all linear .2s; -webkit-transition: all linear .2s; transition: all linear .2s; }

.details:hover { color: #04a5ff; background-color: #fff; box-shadow: #f5f5f5 0 0 5px; }

.details:hover .delete { display: block; }

#dragOne { min-height: 50px; max-height: 300px; overflow-y: auto; margin: 10px 5px; }

.no-content { font-size: 14px; line-height: 50px; color: #999; }

.details_One { padding: 5px; cursor: default; }

.delete { display: none; cursor: pointer; width: 15px; height: 15px; border-radius: 60%; position: absolute; top: -5px; right: -5px; background: rgba(0,0,0,1); }

.text_p { position: relative; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 16px; margin: 5px; padding: 5px; }

#template-details-close { position: absolute; left: 0; }

#template-details-open { position: fixed; background-color: #fff; top: 0; right: 0; padding: 5px 10px; display: none; }

#bottom { border-top: 1px solid #ddd; padding: 10px 0; margin: 0 5px; }

#dragOne.custom-column { display: none; background-color: white; position: absolute; right: 0; z-index: 999; width: 250px; margin: 0; top: 100%; padding: 10px; box-shadow: 0 0 4px #ccc; }
.custom-column-item { line-height: 1.42857143; width: 102px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.custom-column-default { font-weight: 700; }
/****************************************************** 开单历史纪录样式结束 ******************************************************/

.company-site-box { position: absolute; z-index: 99999; display: none; top: 25px; right: 0; }

.company-site-box .company-site-table { width: 100% !important; }

.company-site-box .fixed-table-container { border: none !important; }

.company-site-box .company-site-table tbody .tr-selected td,
.company-site-box .company-site-table tbody tr:hover td { background-color: #DEF1FB; }

.bubu-copy { width: 14px; padding-left: 3px; }

.bubu-copy:hover { color: #409EFF; }

.clear-box { position: relative; }

.clear-box .clear { display: none; position: absolute; cursor: pointer; top: 0; right: 0; height: 25px; line-height: 25px; padding: 0 5px; }

.clear-box .clear:hover { color: #409EFF; }


.clear-box:hover::after { display: none; }

.clear-box:hover .clear { display: block; }

.address-box { position: relative; display: inline-block; }

.address-search-result { position: absolute; background-color: #fff; z-index: 9999; border: 1px solid #ccc; border-top: none; display: none; }

.address-search-result li { padding: 5px; cursor: default; }

.address-search-result li:hover { background-color: #eee; }

.address-search-result li.first { padding-top: 10px; }

.address-search-result li.end { padding-bottom: 10px; }

/******   tr 背景淡粉色   ***/
.tr_error_pink td { background-color: lightpink; }

.tr_warning_pink td { background-color: #ffdd9e; }
/********* 文件导入 选择文件样式  *********/
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.inputfile + label { font-size: 14px; font-weight: 400; line-height: 1; position: relative; display: inline-block; margin-bottom: 0; padding: 3px 12px; cursor: pointer; vertical-align: top; white-space: nowrap; color: #fff; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-clip: padding-box; color: white; background: #04a5ff !important; display: inline-block; min-height: 25px; line-height: 19px; }

.inputfile:focus + label,
.inputfile + label:hover { background: #04a5ff !important; }

/* 24份布局 */
.form-row { display: flex; flex-flow: row wrap; }
.form-row label { margin-bottom: 0; line-height: 25px; }
.form-row input[type=checkbox], .form-row input[type=radio] { margin-top: 6px; }
.form-item { padding: 0 3px; margin-bottom: 5px; }
.form-item-label { line-height: 25px; }
.form-item-wapper { flex: 1; }
.form-row input.form-control[type="text"],
.form-row input.form-control[type="number"],
.form-row select.form-control { width: 100%; }

.col-1 { display: inline-flex; max-width: 4.16%; flex: 0 0 4.16%; }
.col-2 { display: inline-flex; max-width: 8.33%; flex: 0 0 8.33%; }
.col-3 { display: inline-flex; max-width: 12.50%; flex: 0 0 12.50%; }
.col-4 { display: inline-flex; max-width: 16.66%; flex: 0 0 16.66%; }
.col-5 { display: inline-flex; max-width: 20.83%; flex: 0 0 20.83%; }
.col-6 { display: inline-flex; max-width: 25.00%; flex: 0 0 25.00%; }
.col-7 { display: inline-flex; max-width: 29.16%; flex: 0 0 29.16%; }
.col-8 { display: inline-flex; max-width: 33.33%; flex: 0 0 33.33%; }
.col-9 { display: inline-flex; max-width: 37.50%; flex: 0 0 37.50%; }
.col-10 { display: inline-flex; max-width: 41.66%; flex: 0 0 41.66%; }
.col-11 { display: inline-flex; max-width: 45.83%; flex: 0 0 45.83%; }
.col-12 { display: inline-flex; max-width: 50.00%; flex: 0 0 50.00%; }
.col-13 { display: inline-flex; max-width: 54.16%; flex: 0 0 54.16%; }
.col-14 { display: inline-flex; max-width: 58.33%; flex: 0 0 58.33%; }
.col-15 { display: inline-flex; max-width: 62.50%; flex: 0 0 62.50%; }
.col-16 { display: inline-flex; max-width: 66.66%; flex: 0 0 66.66%; }
.col-17 { display: inline-flex; max-width: 70.83%; flex: 0 0 70.83%; }
.col-18 { display: inline-flex; max-width: 75.00%; flex: 0 0 75.00%; }
.col-19 { display: inline-flex; max-width: 79.16%; flex: 0 0 79.16%; }
.col-20 { display: inline-flex; max-width: 83.33%; flex: 0 0 83.33%; }
.col-21 { display: inline-flex; max-width: 87.50%; flex: 0 0 87.50%; }
.col-22 { display: inline-flex; max-width: 91.66%; flex: 0 0 91.66%; }
.col-23 { display: inline-flex; max-width: 95.83%; flex: 0 0 95.83%; }
.col-24 { display: inline-flex; max-width: 100.0%; flex: 0 0 100.0%; }
/* 80%，五分之四 */
.col-19_2 { display: inline-flex; max-width: 80%; flex: 0 0 80%; }
/* 40%，五分之三 */
.col-14_4 { display: inline-flex; max-width: 60%; flex: 0 0 60%; }
/* 40%，五分之二 */
.col-9_6 { display: inline-flex; max-width: 40%; flex: 0 0 40%; }
/* 20%，五分之一 */
.col-4_8 { display: inline-flex; max-width: 20%; flex: 0 0 20%; }

.flex { display: flex; }
.inner-flex { display: inline-flex; }
.text-center { text-align: center; }

.card { padding: 0 10px; }
.card-title { position: relative; padding-left: 12px; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.card-title::before { content: ""; display: block; position: absolute; width: 4px; height: 80%; top: 10%; left: 0; margin-right: 7px; border-radius: 4px; background-color: #04a5ff; }
.card-title .text { font-size: 16px; color: #04a5ff; line-height: 25px; }

body .none,
body input.none, body select.none { display: none; }