/**
 * 公共样式
 */
.export-btn {
    top: 6px;
    right: 20px;
    position: absolute;
    padding: 0 0 0 20px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #2093fe;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    outline: none;
    background: #2093fe url(../img/export-icon.png) no-repeat 10px center;
}

.export-btn:hover,
.export-btn:active {
    background: #588bcb url(../img/export-icon.png) no-repeat 10px center;
}

.location {
    padding: 10px 0 10px 32px;
    width: 100%;
    height: 45px;
    background: url(../img/icon/location-icon.png) no-repeat left center;
}

.location span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #8a8b8c;
}

.location span:last-child {
    color: #505152;
}

/** 首页数据为空的样式 */
.div-empty {
    background: url(../img/empty-bg.png) no-repeat center center;
}

.list-empty {
    width: 100%;
    height: 200px;
}

.dialog-body {
    padding: 0;
}

.alert-container .alert {
    max-width: 100%;
}

.form-control .label {
    font-size: 14px;
    line-height: 14px;
    color: #333;
}

.fly-address {
    margin: 0 -10px;
    position: relative;
}

.state-disabled, .state-disabled input {
      background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0, rgba(249, 249, 249, 1) 100%);
}

input {
    border: none;
}

/** 当前位置 */
.location-wrap {
    padding: 0 29px;
    width: 100%;
    height: 45px;
    background-color: #fff;
}

/** 当前位置文本 */
.location-text {
    padding-left: 20px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #666;
    background: url(../img/index/location-icon.png) no-repeat left center;
}

/** 回到首页 */
.to-index {
    padding: 0 2px 0 23px;
    display: inline-block;
    height: 45px;
    background: url(../img/toIndex.png) no-repeat left center;
    line-height: 45px;
    font-size: 12px;
    color: #0060ca;
    cursor: pointer;
}


/*-------- 遮罩样式 begin--------- */

.fly-mask {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    display: table;
}

.fly-mask-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.fly-mask iframe {
    display: none;
}

.fly-mask-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    z-index: 2;
}

.fly-mask-content>div {
    display: inline-block;
    width: 200px;
    background: #fff;
    border-radius: 5px;
}

.fly-mask-content>div>em {
    padding: 15px;
    background: url(../img/loading.gif) no-repeat left center;
    padding-left: 30px;
    display: inline-block;
}


/*-------- 遮罩样式 end--------- */


/*-------- 局部样式 begin--------*/

textarea {
    padding: 4px 6px;
    width: 100%;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 20px;
    resize: none;
    outline: none;
    font-size: 14px;
    word-break: break-all;
}


/**
 * 提示样式修改
 */

.alert-container {
    text-align: center;
}

.alert-container .alert {
    display: inline-block;
    width: auto;
    height: 40px;
    min-width: 0;
}

.alert-container .alert i,
.alert-container .alert a {
    margin-left: 16px;
    float: left;
    width: 16px;
    height: 16px;
    min-width: 0;
}

.alert-container .alert-success i,
.alert-container .alert-success a {
    background: url(../img/tip-suc.png) no-repeat center center;
}

.alert-container .alert-danger i,
.alert-container .alert-warning i,
.alert-container .alert-danger a,
.alert-container .alert-warning a {
    background: url(../img/tip-danger.png) no-repeat center center;
}

.alert-container .alert span {
    padding: 0 16px 0 8px;
    margin-left: 32px;
    display: inline-block;
    height: 40px;
    line-height: 38px;
}

.alert-container .alert-success {
    color: #6dbe57;
    border-color: #daefdd;
    background-color: #daefdd;
}

.alert-container .alert-danger,
.alert-container .alert-warning {
    color: #ff9a40;
    border-color: #fff1ed;
    background-color: #fff1ed;
}

.alert-container .alert {
    padding-right: 10px;
    line-height: 23px;
    text-indent: -12px;
}

.alert-container .alert .close {
    float: left;
    top: 4px;
    left: -20px;
}

.confirm-fail,
.confirm-error,
.confirm-success,
.confirm-verify {
    padding-left: 120px;
    padding-top: 35px;
    width: 100%;
    height: 100%;
}

.confirm-fail {
    background: url(../img/dialog-fail-icon.png) no-repeat 55px center;
}

.confirm-error {
    background: url(../img/dialog-error-icon.png) no-repeat 55px center;
}

.confirm-success {
    background: url(../img/dialog-success-icon.png) no-repeat 55px center;
}

.confirm-verify {
    background: url(../img/dialog-verify-icon.png) no-repeat 55px center;
}

.dialog-header {
    background: #0084e3;
    border-bottom: 1px solid #0084e3;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    height: 45px;
}

.dialog-title {
    padding: 7px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.dialog {
    border: none;
    border-radius: 6px;
}

.dialog-close {
    top: 4px;
    right: 15px;
    line-height: 20px;
    color: #a0a0a0;
    text-shadow: none;
    opacity: 0.8;
    font-size: 28px;
}

.dialog-close:hover {
    color: #a0a0a0;
    opacity: 0.8;
}

.dialog-footer {
    padding: 0 20px;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-top: 1px solid #e5e5e5;
}

.dialog-button {
    width: 100%;
    text-align: center;
}

.dialog-footer button {
    margin: 0 5px;
    padding: 0;
    width: 100px;
    height: 30px;
}

.dialog-footer button.dialog-autofocus {
    background-color: #0084e3;
}

.ques-confirm .text-wrap,
.ques-confirm .tip-wrap {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #333;
}

.ques-confirm .tip-wrap {
    font-size: 12px;
    color: #999;
}

.ques-confirm .success-h50 {
    height: 50px;
    line-height: 50px;
}


/**
 * 列表页面外围包裹 
 */

.list-wrap {
    overflow: auto;
    width: 100%;
    height: auto;
}

.plno {
    padding-left: 0;
}


/**
 * 现在位置的字体样式 
 */

.location-now {
    color: #333;
}


/**
 * 表单、表格外围包裹 
 */

.form-wrap,
.fly-form,
.grid-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}

.form-wrap {
    padding-bottom: 15px;
}


/**
 * 表单的表单部分（100是留给按钮的空间）
 */

.fly-form {
    padding-right: 100px;
}

.form-control {
    padding-left: 84px;
    margin: 5px 0;
}

.form-control .label {
    width: 68px;
}

.form-control .label .warning-down {
    width: 100%;
    height: 30px;
    background: url(../img/warning-drop-down.png) center no-repeat;
}

.widget .input {
    text-indent: 8px;
}


/* .report-body .label {
    width: 66px;
    color: #333;
}

.report-body .form-control {
    padding-left: 78px;
}
.report-body .form-control .required {
    padding: 0 5px;
    font-size: 14px;
    font-weight: bold;
} */


/**
 * 表单模块的按钮样式 
 */

.fly-btn {
    right: 0;
    bottom: 20px;
    position: absolute;
    width: 100px;
    height: 30px;
    text-align: center;
}


/**
 * 搜索按钮的样式 
 */

.btn-query,
.btn-query-w105 {
    margin-right: 9px;
    padding: 0;
    width: 80px;
    height: 30px;
    line-height: 28px;
    border-radius: 3px;
    background: #1e82dd;
    font-size: 14px;
    color: #fff;
}

.btn-query-w105 {
    width: 105px;
}

.btn-query:hover,
.btn-query:active,
.btn-query:focus,
.btn-query-w105:hover,
.btn-query-w105:active,
.btn-query-w105:focus,
.option-btn:hover,
.option-btn:active,
.option-btn:focus {
    background: #156dbd;
    color: #fff;
    /* outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0; */
}

/**
 * 表格标题部分 
 */

.grid-title {
    padding-left: 30px;
    position: relative;
    width: 100%;
    height: 62px;
    border-top: 10px solid #f6f6f6;
    border-bottom: 2px solid #f2f2f2;
    line-height: 50px;
    background: url(../img/page/grid-title.png) no-repeat 20px center;
    font-size: 16px;
    color: #666;
}

.title-btn-wrap {
    padding: 10px 10px;
    right: 0;
    top: 0;
    position: absolute;
    height: 50px;
}

.title-btn {
    margin: 0 5px;
    float: left;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    cursor: pointer;
}

.btn-add,
.btn-edit,
.btn-delete {
    border: 1px solid #1e82dd;
    color: #1e82dd;
    text-indent: 13px;
}

.btn-add {
    background: url(../img/page/btn-add.png) no-repeat 17px center;
}

.btn-edit {
    background: url(../img/page/btn-edit.png) no-repeat 17px center;
}

.btn-delete {
    background: url(../img/page/btn-delete.png) no-repeat 17px center;
}


/**
 * 表格内部样式 
 */

.grid-table tbody tr th,
.grid-table tbody tr td,
.grid-table tbody tr:nth-child(even) td,
.grid-table tbody tr.even td {
    height: 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 12px;
}

.grid-table TH {
    height: 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}

.grid-table tbody tr TD {
    position: relative;
    height: 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    color: #666;
    font-size: 12px;
}

.grid-table tbody tr td:hover,
.grid-table tbody tr:hover td,
.grid-table tbody tr.hover td {
    background-color: #f8f8f8;
}


.child-table tbody tr TD {
    border: none;
}

.grid-table tbody tr TD.child-table {
    padding: 0;
}

.grid-table .child-table tbody tr th,
.grid-table .child-table tbody tr td,
.grid-table .child-table tbody tr:nth-child(even) td,
.grid-table .child-table tbody tr.even td {
    border-top: none;
    border-bottom: none;
}

.grid-table .child-table tbody .child-tr,
.grid-table .child-table tbody .child-tr tr th,
.grid-table .child-table tbody .child-tr tr td,
.grid-table .child-table tbody .child-tr tr:nth-child(even) td,
.grid-table .child-table tbody .child-tr tr.even td {
    border-top: 1px solid #e5e5e5;
}


.all-wrap {
    display: block;
    width: 100%;
    height: 60px;
}


/**
 * 分页样式 
 */

.pagination {
    padding: 0 20px;
    margin: 20px 0;
}

.pagination .number {
    margin: 0;
}


/**
 * 表格中的操作按钮 样式 
 */



.grid-table .opt-btn {
    padding: 0 12px;
    display: inline-block;
    /*width: 86px;*/
    height: 22px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    line-height: 20px;
    cursor: pointer;
}
.grid-table .opt-btn-down {
    padding: 0 12px;
    display: inline-block;
    width: 86px;
    height: 22px;
    line-height: 20px;
    cursor: pointer;
}
.grid-table .opt-btn-down:hover {
    color: #fff;
    background-color: #1e82dd;
}
.grid-table .opt-btn-top {
    padding: 0px;
    padding-right: 17px;
    display: inline-block;
    width: 86px;
    height: 22px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    line-height: 20px;
    cursor: pointer;
    background: url(../img/page/dropdown-icon.png) no-repeat 63px center;
}
.name-wrap {
    /* width: 100%; */
    color: #1e82dd;
    cursor: pointer;
}

.grid-table .btn-down {
    top: 8px;
    left: 50%;
    margin-left: -40px; 
    position: absolute;
    z-index: 111;
    display: none;
    width: 80px;
    height: auto;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    background: #fff;
}

.grid-table .btn-down .opt-btn {
    display: inline-block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #cdcdcd;
}

.grid-table .btn-down .opt-btn:hover {
    background-color: #227bcc;
    border: none;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 0;
    color: #fff;
}


/**
 * 复选框样式 
 */
.checkbox-false {
    background: url(../img/icon/checkbox-btn-false.png) no-repeat left center;
}

.checkbox-true {
    background: url(../img/icon/checkbox-btn-true.png) no-repeat left center;
    color: #00d290;
}


/**
 * 日期选择区间样式 
 */

.date-wrap {
    overflow: hidden;
    width: 100%;
    height: auto;
    background: url(../img/icon/date-linkicon.png) no-repeat center center;
}

.textbox-wrap,
.textbox-wrap:hover,
.dropdown-wrap,
.dropdown-wrap:hover,
.datepicker-wrap,
.datepicker-wrap:hover {
    background-color: #fff;
}

.widget .select {
    width: 30px;
    border-left: none;
    background: none;
}

.date-wrap .widget .select .icon {
    background: url(../img/icon/date-icon.png) no-repeat center center;
}

.date-wrap .pdr9 {
    padding-left: 0;
    padding-right: 9px;
    overflow: hidden;
}

.date-wrap .pdl9 {
    padding-left: 9px;
    padding-right: 0;
    overflow: hidden;
}

.drop-down .select .icon {
    display: none;
}

.drop-down .widget .select,
.down-tree .widget .select,
.widget .icon-triangle-down {
    /* background: #f5f5f5 url(../img/icon/dropdown-icon.png) no-repeat center center; */
}
.state-selected, 
.state-selected:link, 
.state-selected:visited {
    background-color: #015293 !important;
    border-color: #015293 !important;
}
.btn-primary {
    /* background-color: #667485; */
    background-color: #015293 !important;
    border-color: #015293 !important;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:active {
    background-color: #6f7a87;
}

.empty-show {
    text-align: center;
}

table {
    table-layout: fixed;
    width: 100%;
}

table th,table td {
    text-align: center;
    padding: 0 5px;
}

.form-control .label i {
    color: #f00;
}

/** 弹框样式 */
.dialog-header {
    height: 54px;
    background: #fff;
    border-color: #e5e5e5;
}

.dialog-title {
    font-size: 16px;
    color: #4a4949;
}

.empty{
    width: 100%;
    height: 100%;
    min-width: 210px;
    min-height: 150px;
    background:url(../img/index/empty-bg.png) center no-repeat;
}

.empty-gs{
    width: 100%;
    height: 100%;
    min-width: 210px;
    min-height: 150px;
    background:url(../img/index/empty-gs.png) center no-repeat;
}

.page-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}

.page-body {
    padding-bottom: 10px;
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
}

.down-icon {
    right: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/down-icon.png) no-repeat center center;
    cursor: pointer;
    outline: none;
}

.item .view-list span.star-wrap {
    padding: 0;
    width: 85px;
    height: 20px;
    background: url(../img/star-default.png) repeat-x 0 center;
}

.view-list span.star-wrap span {
    display: inline-block;
    height: 100%;
    background: url(../img/star-light.png) repeat-x 0 center;
}

.popup-follow .dialog{
    border:1px solid #999;
}




/**
 * 资源类型颜色 
 */
span.zylx-1{
    background: url(../img/newUpdate/zylx-sj.png) no-repeat center center;
}
span.zylx-2{
    background: url(../img/newUpdate/zylx-jk.png) no-repeat center center;
}
span.zylx-3{
    background: url(../img/newUpdate/zylx-yy.png) no-repeat center center;
}
span.zylx-4{
    background: url(../img/newUpdate/zylx-fxbg.png) no-repeat center center;
}
span.zylx-5{
    width: 81px;
    background: url(../img/newUpdate/zylx-wd.png) no-repeat center center;
}

.filedown-wrap .file-wrap {
    padding: 42px 30px 15px;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.filedown-wrap .file-wrap .file-node {
    padding-left: 20px;
    /* padding-right: 110px; */
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    position: relative;
    /* background: url(../img/data/point.png) no-repeat left center; */
}

.filedown-wrap .file-wrap .file-node .select-icon {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 13px;
    cursor: pointer;
}


.filedown-wrap .file-wrap.h280 {
    height: 280px;
} 

.file-serach .widget .icon-triangle-down {
    display: none;
}
/*分页的 每页多少条下拉框*/
/*.pagination .switch .widget .input {
    height: 28px;
}*/



.iframe-div {
    width: 460px;
    height: 425px;
    overflow: hidden;
}

.iframe-div .iframe-node {
    width: 660px;
    height: 425px;
    padding-top: 10px;
    padding-right: 210px;
}


.placeholder-span {
    position: absolute;
    top: 10px;
    left: 15px;
    display: inline-block;
    font-size: 14px;
    color: #0e6fdc;
}


.select-file {
    top: 10px;
    left: 30px;
    position: absolute;
    width: 100px;
    height: 30px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.filedown-wrap .checkbox-true {
    color: #333;
}

.dom-hide {
    display: none;
}

.dom-show {
    display: block;
}

.popup.list-container, .popup.calendar-container, .popup.treeview-container {
    background-color: #fff;
}

.f-nbg{background: none!important;}
/*footer*/
.is-footer{padding: 20px 0 30px; background: #256ca4;}
.m-footer{width: 1200px; margin: 0 auto; position: relative;}
.m-footerfun{padding: 10px 0;text-align: center;}
.m-footer p{line-height: 24px; text-align: center;}
.m-footer p,.m-footer p a,.m-footerfun,.m-footerfun a{color: #fff; font-size: 14px;}
.m-footer p img{vertical-align: middle;}
#_ideConac{position: absolute; left: 51px; top: 22px;}
#_span_jiucuo{position: absolute; right: 62px; top: 28px;}
#backTop {position: fixed;right: 10.2rem;top: 70%;display: none;cursor: pointer;z-index: 999;}
#f-elderwza{position: absolute;top: 29px;left: 131px;}
#f-elderwza img{width: 152px;height: 64px;}

/*pagination*/
.m-pagination{display: inline-block;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff; cursor: pointer;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #015293; border: 1px solid #015293; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}

.f-fl,.fl{float:left;}
.f-fr,.fr{float:right;}
.m-top{background: #f5f5f5;}
.g-top{margin: 0 auto; width: 1200px; height: 40px; line-height: 40px;}
.g-top,.g-top a{font-size: 13px; color: #999;}
.g-top .u-link li{float: left; margin: 0 3px 0 7px;}
.g-top .u-link li a{display: block; padding-left: 22px; background-image: url(/dist/images/public/icon-sjlink.png); background-repeat: no-repeat;}
.g-top .u-link li.u-lk1 a{background-position: 0 0;}
.g-top .u-link li.u-lk2 a{background-position: 0 -40px;}
.g-top .u-link li.u-lk3 a{background-position: 0 -80px;}
.g-top .u-funs li{float: left; margin-left: 8px;}
.g-top .u-funs li a{display: block; padding-left: 9px; background: url(/dist/images/public/bg-funline.png) left center no-repeat;}

@media (min-width: 768px) and (max-width:1025px) {
    .g-top,.system-top .tip-body,.g-nav,.content-container .content-wrap,.data-analysis-wrap{width:100%!important}
    .g-nav li{width:20%!important}
    body.minWidth{min-width:100%}
    .content-container .content-wrap .data-nav-container{width:30%!important}
    .content-container .content-wrap .data-list-container{width:70%!important}
    .list-content-item .left-container{width:80%!important}
    .list-content-item .right-container{width:20%!important}
    .list-content-item .left-container .text{width:auto!important}
    .data-analysis-statistic-container .box{width:31.33%!important;margin:1%!important}
}

/* phone xs htc:20220810 */
@media screen and (max-width: 767px) {
    .g-top .u-link{display: none;}
    body.minWidth,.page-wrap{width: 100%;min-width: 100%;}
    .g-top,.system-top .tip-body,.m-footer{width: 100%;}
    .header-icon,.main-search-container .input,.system-top .tip-body{width: 100% !important;}
    .page-wrap{min-width: 100% !important;}
    .g-top{height: auto;}
    .system-top{height: auto !important;}
    /* header部分 */
    .g-nav{width: 100% !important;}
    .g-nav li.u-yjnav {float: none;width: 100%;line-height: 40px;}
    .g-nav li.u-yjnav a.u-yja{padding: 0 15px;font-size: 16px;background: #004882;}
    .m-nav{height: auto !important;line-height: 50px !important;}
    .g-nav li.u-yjnav a.u-yja{background: transparent;}
    .g-nav li a.active{border-bottom: 0 !important;}
    .header-icon{background-size: 100% !important;}
    .system-top .tip-body .login-body{margin-top: 0 !important;}
    .main-search-container{margin: 10px 0 !important;padding: 0 10px;width: 100%;}

    #_ideConac,#f-elderwza,#_span_jiucuo{position: relative;float: left;margin: 0 5px;text-align: center;}
    #_ideConac{left: 0;top: 0;width: calc(24% - 10px);}
    #f-elderwza,#_span_jiucuo{width: calc(38% - 10px);}
    #f-elderwza{left: 0;top: 9px;}
    #f-elderwza img{width: 100%;}
    #_span_jiucuo{right: 0;top: 13px;}
}