@charset "utf-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
    color: #000;
    background: #fff
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

a:hover {
    color: #00ba8b;
}

img {
    border: none;
    vertical-align: middle;
}

.clear {
    clear: both;
}

form .clear {
    margin-top: 5px;
}

ul {
    list-style: none;
}

input, select, button {
    font-family: "微软雅黑", "Microsoft YaHei";
    outline: none;
}

label.error {
    color: red;
}

.pull_left {
    float: left;
}

.pull_right {
    float: right;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.ml5 {
    margin-left: 5px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mb20{
    margin-bottom: 20px;
}

.main_r_nr {
    padding: 10px 30px 60px;
    overflow: hidden;
}


/*标题样式*/
.main_r_tit {
    color: #00ba8b;
    border-bottom: 1px solid #e8f5f2;
    padding-bottom: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 32px;
    overflow: hidden;
}

.main_r_tit span {
    color: #e85e4f
}

.con_tit {
    color: #00ba8b;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 20px;
    font-weight: bold;
}

.red {
    color: #f00;
}

.green {
    color: #00ba8b
}

.gray {
    color: #939393;
}

.yellow {
    color: #f2c048;
}

.orange {
    color: orange;
}

.blue {
    color: blue;
}

/* table列表 */
.table_list {
    border: 1px solid #e5e5e5;
    border-left: none;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    border-bottom: none
}

.table_list th {
    background: #f7f7f7;
    color: #808080;
    text-align: left;
    padding-left: 5px;
    font-weight: normal;
    height: 45px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    font-size: 14px;
}

.table_list th input{display: block; margin: 0 auto}

.audit-list th{ font-size: 14px;}
.audit-list{margin-bottom: 50px;}
.form-w{ width: 35% !important;}
.tabletree-bottom{ margin-bottom: 50px;}

.table_list td {
    height: 45px;
    padding-left: 5px;
    font-size: 12px;
    color: #373f3d;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.table_list tr.error {
    background-color: #e85f4f;
}

.table_list tr.warn {
    background-color: #FFEF93;
}

.table_list tr.error td {
    color: #fff;
}

.table_list tr.warn td {
    color: #373f3d;
}

.table_list tr.error td a {
    color: #fff;
}

.table_list td .red {
    color: #e85e4f
}

.table_list td .green {
    color: #00ba8b
}

.table_list td a {
    color: #00ba8b
}

/*带图标 标题按钮*/
.btn_tit {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #00ba8b;
    border: none;
    border-radius: 5px;
    padding: 0 15px;
    display: block;
}

.btn_tit i img {
    margin-bottom: -3px;
    margin-right: 5px;
}

.btn_tit a:hover {
    background: #269477 !important;
    color: #fff !important;
    display: block;
}

/* 提交按钮 */
.btn_submit, .btn_back {
    float: left;
    margin-right: 20px;
}
.dt-button-m{margin: 24px 0 0 10px;}
.input-w{width: 100px!important;}
.btn_wrap {
    clear: both;
    overflow: hidden;
    /* 按钮悬浮 */
    position: fixed;
    bottom:0px;
    left: 0;
    display: block;
    padding:10px;
    color: #fff;
    pointer-events: auto;
    background-color: rgba(255,255,255,.99);
    border-radius: 2px;
    z-index: 9999999;
    width: 100%;
}
.btn_submit input, .btn_submit button {
    background: #00BA8B;
    padding: 0 20px;
    height: 36px;
    color: #fff;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.btn_submit input:hover, .btn_submit button:hover {
    background: #00BA8B;
    opacity: .6;
}

.btn_submit a {
    display: block;
    background: #00BA8B;
    width: 110px;
    height: 40px;
    color: #fff;
    border-radius: 2px;
    border: none;
    text-align: center;
    line-height: 40px;
}

.btn_submit a:hover {
    background: #00BA8B;
    opacity: .6;
}

/* 返回按钮 */
.btn_back input {
    background: #00ba8b;
    min-width: 110px;
    padding: 0 20px;
    height: 40px;
    color: #fff;
    border-radius: 2px;
    border: none;
}

.btn_back input:hover {
    background: #01AA7F;
}

/*说明文字*/
.tips_wrap {
    background: #fffdf3;
    border: 1px solid #edd76c;
    color: #585753;
    line-height: 32px;
    padding: 10px 0;
    margin-bottom: 20px;
}

.tips_wrap p {
    padding-left: 20px;
}

/*右侧快速导航*/
.right_nav {
    width: 200px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    position: fixed;
    bottom: 10px;
    right: 2px;
    background: #00926e;
    z-index: 99999;
}

.right_nav li {
    background: url(../images/rightNavLine.jpg) repeat-x bottom;
    padding-bottom: 3px;
    text-align: center;
}

.right_nav li a {
    color: #fff;
    text-decoration: none;
}

.right_nav li a:hover {
    background: #027357;
    height: 30px;
    display: block;
}

.right_nav li b {
    background: url(../images/btn_icon_edit.png) right 2px no-repeat;
    padding-right: 30px;
    font-style: normal;
    font-weight: normal;
}

.right_nav li i {
    background: #088964;
    height: 30px;
    display: block;
    font-weight: bold;
    font-style: normal;
}

.shrink {
    width: 48px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    position: fixed;
    bottom: 10px;
    left: 2px;
    background: #00926e;
    z-index: 99999;
    overflow: hidden;
}

.shrink li {
    height: 30px;
    display: block;
    width: 48px;
    overflow: hidden;
    background: url(../images/rightNavLine.jpg) repeat-x bottom #088964;
}

.search-bar .selectize-control.agency {
    width: 220px;
}

/* 蔡鑫 2018-07-23 选择承运人/托运人下拉框自定义标签需要的cssClass */
.search-bar .selectize-control.carrier {
    width: 240px;
}

.search-bar .selectize-control.shipper {
    width: 240px;
}

/*培训总结*/
.train_comment_list{border-bottom:1px solid #e5e5e5; overflow: hidden; padding-bottom: 10px; margin-bottom: 20px;}
.train_comment_list .left,.train_comment_form .left{float:left; width: 60px; margin-right: 20px;}
.train_comment_list .left .name{width:20px; height: 40px; border-radius: 20px; background: #00ba8b; display: block; color: #fff; line-height: 40px; text-align: center; font-size: 18px; overflow: hidden; padding:0 10px;}
.train_comment_list .right,.train_comment_form .right{float: left; width: 90%; line-height: 32px;}
.train_comment_list .right .con{}
.train_comment_list .right span{color: #a8a8a8; font-size: 12px; margin-left:20px;}

.train_comment_form{clear:both; margin-bottom: 20px;}
.train_comment_form .left{text-align: right; color: #737373;}
/*********************** form表单页 **********************/
.tianjia_title{color:#00ba8b;border-bottom:1px solid #e8f5f2;padding-bottom:20px;font-size:16px;margin-bottom:20px;}
.tianjia_title span{color:#e85e4f}

/*从业人员学习情况--详情页面通用样式*/
.jcqk_chakan_table{width:100%;border-right:1px solid #000000;border-top:1px solid #000000;border-radius:5px;margin-bottom:1px}
.jcqk_chakan_table th{background:#f7f7f7;padding:10px;font-weight:normal;font-size:16px;color:#666;border-bottom:1px solid #000000;border-left:1px solid #000000;}
.jcqk_chakan_table td{padding:20px;color:#444;border-bottom:1px solid #000000;border-left:1px solid #000000;}

.jcqk_chakan_table_Pic{width:100%;border-right:1px solid #000000;border-top:1px solid #000000;border-radius:5px;margin-bottom:1px}
.jcqk_chakan_table_Pic th{background:#f7f7f7;padding:10px;font-weight:normal;font-size:16px;color:#666;border-bottom:1px solid #000000;border-left:1px solid #000000;}
.jcqk_chakan_table_Pic td{padding:20px;color:#444;border-bottom:1px solid #000000;border-left:1px solid #000000;}

.jcqk_chakan_table ul li{float:left;width:30%;height:30px;line-height:30px;}
.ckjcqk_tab{margin-bottom:20px;}
.ckjcqk_tab a{float:left;display:block;height:40px;line-height:40px;border:1px solid #dcdcdc;border-radius:3px;padding:0px 20px;coloR:#7e7e7e;margin-right:10px;}

.ckjcqk_tab_correct{display:none;}
.ckjcqk_tab .ckjcqk_tab1{background:#00ba8b;color:#fff;border-color:#00ba8b}

.jcqk_chakan_table p span.title{background:#00ba8b;margin-right:5px;color:#fff;border-radius:50%;font-weight:normal;display:inline-block;height:20px;line-height:20px;width:20px;text-align:center;}
.jcqk_chakan_table p{margin-bottom:10px;display:block;}
.jcqk_chakan_table .daan span{color:#535353;height:40px;line-height:40px;border:1px solid #aaa;width:40px;border-radius:5px;text-align:center;font-size:18px;-webkit-appearance: none;margin-right:10px;display: inline-block;background:#f9f9f9}
.jcqk_chakan_table .daan .active{color:#fff;background:#00ba8b;}

/* 呼救提醒框 */
.call-content{height: auto;}
.call-content ul li a{ width: 130px; float: left; color: #00ba8b;}
.call-content ul li i{ float: left; margin-right: 6px;}
.call-content ul{ padding: 30px 0; overflow: hidden;}
.call-title img{ width: 50px; height: 65px;}
.call-title{padding: 20px 0;  text-align: center; }
.call-title h2{color: #f51024; font-size: 20px;display: -webkit-inline-box;}
.call-content p{line-height: 25px;}
i.icon-msds{ color: #fe5848;}
i.icon-emergencycard{ color: #fe5848;}
i.icon-securitycard{ color: #fe5848;}



/*装货人司机签收*/
.loader-sign-wrap{width:95%; margin:0 auto; border-radius: 5px; border: 1px solid #ccc; font-size:14px; line-height: 150%;-moz-box-shadow:2px 2px 5px #eee; -webkit-box-shadow:2px 2px 5px #eee; box-shadow:2px 2px 5px #eee;}
.loader-sign-tit{background:#0ab380; height: 60px; line-height: 60px; text-align:center; color:#fff; font-size:14px; font-weight: bold;}
.loader-sign-tips,.loader-info-wrap,.loader-pro-wrap,.loader-btn-wrap{padding:10px; margin-bottom:10px; overflow: hidden;}
.loader-info-tit{font-weight: bold; color: #0ab380;}
.loader-info-con{margin-bottom:10px;}
.loader-info-con span{color: #a5a5a5;}
.loader-pro-con p{margin-right:20px;}


/*说明文字*/
.sysm {
    background: #fffdf3;
    border: 1px solid #edd76c;
    color: #585753;
    line-height: 32px;
    padding: 10px;
    margin-bottom: 20px;
}

/* 星号*/
.xinghao{color: #f00;}

/*除dt外的table样式*/
.mingxi_table {
    width: 100%;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    line-height: 30px;
    margin-bottom:30px;
}

.mingxi_table td {
    padding: 5px 8px;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
}

.mingxi_table td a {
    color: #00BA8B
}

.mingxi_table td a:hover {
    font-weight: bold;
}

.mingxi_table th {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    text-align: left;
    padding: 5px 10px;
    background: #f9f9f9;
    font-weight: bold;
}
.mingxi_table span{color:#909399; font-size: 12px;}
.mingxi_table td p{display: block; float:left;}
.mingxi_table td p.left{width:150px; }
.mingxi_table td p.right{width:300px; }
/*考核指标*/
.access_input{
    height: 30px;
    padding-left: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #444;
    width: 60px;
    float:left;
    margin-right:5px;
}

.access_input_clear{
    height: 30px;
    padding:0 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #444;
    width: 30px;
}

.access_done{font-size: 16px; line-height: 40px;}
.access_done b{font-size: 30px;}

/*浏览器全屏相关样式 修复360急速浏览器 元素全屏 没有对全屏的元素的高度做处理的问题*/
:-webkit-full-screen {
    /* properties */
    width: 100%!important;
    height: 100%!important;
}
:-moz-full-screen {
    /* properties */
    width: 100%!important;
    height: 100%!important;
}
:-ms-fullscreen {
    /* properties */
    width: 100%!important;
    height: 100%!important;
}
:full-screen { /*pre-spec */
    /* properties */
    width: 100%!important;
    height: 100%!important;
}
:fullscreen { /* spec */
    /* properties */
    width: 100%!important;
    height: 100%!important;
}
/* styling the backdrop*/
::backdrop {
    /* properties */
    width: 100%!important;
    height: 100%!important;
}
::-ms-backdrop {
    /* properties */
    width: 100%!important;
    height: 100%!important;
}


/** zTree 样式覆盖 */
.ztree li span.button.chk {
    margin-right: 8px!important;
}

.ztree li span.button.center_docu {
    height: 32px!important;
    background-position: -56px -12px!important;
}

.ztree li span.button.bottom_docu {
    height: 32px!important;
    background-position: -56px -30px!important;
}

.ztree li span.button.bottom_close,
.ztree li span.button.center_close,
.ztree li span.button.roots_close,
.ztree li span.button.root_close {
    height: 32px!important;
    background-image: url(../images/bottom_open.png);
    background-position: 0 -8px!important;
    margin: 2px 1px 0 -1px!important;
}

.ztree li span.button.root_docu {
    height: 32px!important;
    /*background-image: url(../images/bottom_close.png);*/
    /*background-position: 0 -8px!important;*/
    /*margin: 2px 1px 0 -1px!important;*/
}
.ztree li span.button.bottom_open,
.ztree li span.button.center_open,
.ztree li span.button.roots_open,
.ztree li span.button.root_open {
    height: 32px!important;
    background-image: url(../images/bottom_close.png);
    background-position: 0 -8px!important;
    margin: 2px 1px 0 -1px!important;
}

.ztree li span.button.roots_docu {
    height: 32px!important;
    background-position: -56px 6px!important;
}

.ztree li a {
    margin-top: 7px!important;
}

.ztree li span.button.chk.checkbox_false_full,
.ztree li span.button.chk.checkbox_false_full_focus,
.ztree li span.button.chk.checkbox_false_part,
.ztree li span.button.chk.checkbox_false_part_focus {
    background-image: url(../images/tree_unselect_icon.png);
    background-position: 0 0!important;
    width: 18px;
    height: 18px;
}

.ztree li span.button.chk.checkbox_true_part,
.ztree li span.button.chk.checkbox_true_part_focus {
    background-image: url(../images/select_part.png);
    background-position: 0 0!important;
    width: 18px;
    height: 18px;
}

.ztree li span.button.chk.checkbox_true_full,
.ztree li span.button.chk.checkbox_true_full_focus {
    background-image: url(../images/tree_select_icon.png);
    background-position: 0 0!important;
    width: 18px;
    height: 18px;
}

/** esdialog css 样式修改 */
.es_dialog .ui_main {
    min-width: 325px!important;
    max-width: 500px!important;
}

.es_dialog .ui_content {
    max-width: 500px!important;
    word-wrap: break-word;
    word-break: break-all;
    max-height: 280px;
}

.es_dialog .ui_buttons input {
    max-width: 80px!important;
}

/** DT表格复选框手型样式
 */

table input[type=checkbox] {
    cursor: pointer;
}

/**页面引导框**/
.page_guide {
    width: 100%;
    height: 40px;
    background: rgba(82,182,142,0.2);
    border: 1px solid #52b68e;
    border-radius: 2px;
    display: flex;
    margin-top: 24px;
}

.page_guide .step1,
.page_guide .step2 {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #52b68e;
    line-height: 22px;
    margin-top: 8px;
    margin-left: 40px;
}