aside,
blockquote,
body,
button,
div,
em,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
input,
li,
ol,
p,
section,
select,
span,
strong,
table,
td,
textarea,
th,
tr,
ul {
    margin: 0;
    padding: 0;
}

button,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
select,
strong,
textarea,
th {
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
}

ol,
ul {
    list-style: none;
    vertical-align: top;
}

table,
td,
th {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    outline: none;
    background: none;
}

textarea {
    resize: none;
}

a img,
img {
    border: none;
    vertical-align: top;
}

a,
a:active,
a:link,
a:visited {
    color: #66C239;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
    color: #66C239;
}

body,
html {
    height: 100%;
}

body {
    font-size: 14px;
    font-family: Helvetica, Microsoft Yahei, san-serif;
    color: #333;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fc {
    margin: 0 auto;
}

.vertical-middle {
    vertical-align: middle;
}

.hidden {
    display: none;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.overflow {
    overflow: hidden;
}

.posR {
    position: relative;
}

.posA {
    position: absolute;
}

.posF {
    position: fixed;
}

.fb {
    font-weight: 700;
}

.textL {
    text-align: left;
}

.textC {
    text-align: center;
}

.textR {
    text-align: right;
}

.text2em {
    text-indent: 2em;
}

.word-hidden {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[v-cloak] {
    display: none !important;
}
/*滚动条--start*/
/*webkit内核*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 10px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 10px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

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

/*o内核*/
.scroll_content .-o-scrollbar {
    -moz-appearance: none !important;
    background: rgba(0, 255, 0, 0) !important;
}

.scroll_content::-o-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_content::-o-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_content::-o-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_content::-o-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_content::-o-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_content::-o-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
}

/*IE10,IE11,IE12*/
.scroll_content {
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
}

/*滚动条--end*/
/* 表单组件前的label--start */
.tp-input-label {
    display: inline-block;
    /*width: 100px;*/
    min-width: 70px;
    text-align: right;
    /*padding: 0 12px 0 0;*/
    box-sizing: border-box;
}

.tp-textarea-label {
    display: inline-block;
    width: 102px;
    text-align: right;
    vertical-align: top;
}

/* 表单组件前的label--end */

/* 表单组件--start */
.tp-checkbox .el-checkbox-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

.tp-upload-btn-preview div:first-child {
    display: inline-block;
}

/*级联选择器*/
.tp-cascader .el-cascader-menu {
    overflow: hidden;
}

.tp-cascader .el-scrollbar__wrap {
    overflow: scroll;
    height: 204px;
}

/* 时间范围选择器中间文字宽度 */
.el-date-editor .el-range-separator {
    width: auto;
}

/* 多列select框的选择列表 */
.tp-select-single-cell-title,
.tp-select-multiple-cell-title {
    display: inline-flex;
    list-style: none;
    margin-left: 5px;
    font-weight: bold;
}

.tp-select-single-cell-ui,
.tp-select-multiple-cell-ui {
    display: inline-flex;
    list-style: none;
    margin-left: -15px;
}

.tp-select-single-cell-li,
.tp-select-multiple-cell-li {
    min-width: 120px;
}

.tp-select-single-cell-li-center,
.tp-select-single-cell-li-last,
.tp-select-multiple-cell-li-center,
.tp-select-multiple-cell-li-last {
    min-width: 120px;
    /*text-align:center; */
    color: #8492a6;
    font-size: 13px;
}

.tp-select-multiple-cell .el-form-item__content .el-input--small .el-input__inner,
.tp-select-multiple .el-form-item__content .el-input--small .el-input__inner {
    height: 32px !important;
}

.tp-select-multiple-cell .el-form-item__content .el-input--mini .el-input__inner,
.tp-select-multiple .el-form-item__content .el-input--mini .el-input__inner {
    height: 28px !important;
}

/* 表单组件--end */
/* 搜索容器下的表单组件--start */
.tp-search-group .tp-input,
.tp-search-group .tp-input-number,
.tp-search-group .tp-select,
.tp-search-group .tp-cascader {
    display: inline-block;
    padding-right: 12px;
    /*width: 320px;*/
    min-width: 166px;
    margin-bottom: 12px;
}

.tp-search-group .tp-radio,
.tp-search-group .tp-checkbox {
    display: inline-block;
    padding-right: 12px;
    width: auto;
    margin-bottom: 8px;
}

.tp-search-group .tp-textarea {
    width: 750px;
}

.tp-search-group .tp-input .el-input,
/*.tp-search-group .tp-input .el-input-number,*/
.tp-search-group .tp-select .el-select,
.tp-search-group .tp-cascader .el-cascader {
    width: 180px !important;
}

.tp-search-group .tp-input .el-input-number{
    width: 180px ;
}

.tp-search-group .tp-textarea .el-textarea {
    width: 520px !important;
}

.tp-search-group .btn-search {
    display: inline-block;
}

.tp-datepicker-range .el-range-editor--small {
    width: 220px !important;
}

.tp-datetimepicker-range .el-range-editor--small,
.tp-datetimepicker-fastrange .el-range-editor--small {
    width: 340px !important;
}

/* 搜索容器下的表单组件--end */
/* 搜索容器下的日期选择器 --start */
.tp-search-group .tp-datepicker,
.tp-search-group .tp-datepicker-range {
    display: inline-block;
    padding-right: 12px;
    min-width: 166px;
    margin-bottom: 12px;
}

.tp-search-group .tp-datepicker .el-input--suffix .el-input__inner{
    padding-right: 28px;
}

.tp-search-group .tp-datetimepicker-range .el-range-editor.el-input__inner {
    width: 340px !important;
}

.tp-search-group .el-date-editor.el-input {
    width: 180px !important;
}

.tp-search-group .el-range-editor.el-input__inner {
    width: 220px !important;
}

.tp-search-group .tp-input-upload-img .tp-input-label,
.tp-search-group .tp-input-baidumap-lnglat .tp-input-label {
    vertical-align: top;
    margin-top: 20px;
}

/* 搜索容器下的日期选择器 --end */
/*Form表单容器--start*/
.tp-form .el-form-item__label {
    width: 100px;
}

.tp-form .el-form-item__content-no-marginleft .el-form-item__content {
    margin-left: 0px !important;
}

.tp-form .btn-form {
    display: block;
}

.tp-form .el-form--inline .btn-form .el-form-item__content {
    text-align: center;
    display: block;
}

.tp-form .btn-form .el-form-item__content {
    margin-top: 20px;
    margin-left: 0px !important;
    text-align: center;
}

.tp-form .el-row.item-propmt-align-top {
    padding-top: 16px;
}

.tp-form-json .el-form-item.item-propmt-align-top {
    padding-top: 16px;
}

.tp-form-slot .valid-msg.is-error {
    color: red;
    margin-left: 100px;
}

.tp-form-slot .el-form-item > label {
    width: 100px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    color: #606266;
}

.tp-form-slot .el-form-item.tp-select-input-copyitem .el-form-item__content {
    margin-left: 0px !important;
}

.search-item-propmt-align-top {
    margin-top: 20px;
    position: relative;
}

.search-item-propmt-align-bottom {
    margin-bottom: 20px;
    position: relative;
}

.form-item-label {
    width: 100px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    color: #606266;
}

.form-item-label.require:before {
    content: "* ";
    color: #F56C6C;
}

/*Form表单容器--end*/

/*分页--start*/
.tp-pagination {
    margin-top: 12px;
    margin-bottom: 6px;
}

.tp-pagination.tp-pagination-right {
    flex-direction: row-reverse;
}

.tp-pagination.tp-pagination-center {
    text-align: center;
}

/*分页--end*/
/*头像上传--start*/
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #66C239;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
}

.avatar {
    width: 178px;
    height: 178px;
    display: block;
}

/*头像上传--end*/
/*Dialog弹窗--start */

.tp-dialog .el-dialog.is-fullscreen {
    background: white;
    padding: 0px;
    border-radius: 0px;
}

.tp-dialog .el-dialog.is-fullscreen .el-dialog__header {
    /*border-bottom: 1px solid #e3e8ee;*/
    /*background-color: #f8f8f9;*/
    border-radius: 0px;
}

.tp-dialog .el-dialog__header {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    border-bottom: none;
    padding: 15px 20px;
}

.tp-dialog .el-dialog {
    border-radius: 6px;
    overflow: hidden;
    background-color: #f5f5f8;
    padding: 0;
    /*box-shadow: 0 0 10px #464646;*/
    margin:auto !important;
}
/*对话框居中 start*/
.tp-dialog .el-dialog:not(.is-fullscreen){
   /* display: flex;
    flex-direction: column;
    margin:0 !important;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-height:calc(100% - 30px);
    max-width:calc(100% - 30px);*/
}
.tp-dialog .el-dialog:not(.is-fullscreen) .el-dialog__body{
    flex:1;
    overflow: auto;
}
/*对话框居中 end*/

.tp-dialog .el-dialog__body {
    background-color: white;
    padding: 0;
}

.tp-dialog .el-dialog__footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.tp-dialog .el-dialog__footer .el-button {
    padding-left: 22px;
    padding-right: 22px;
}

.tp-dialog .el-dialog.is-fullscreen .el-dialog__body {
    /*background-color: transparent;*/
}

.tp-dialog .el-dialog.is-fullscreen {
    background: #f5f5f8;
    padding: 0px;
    border-radius: 0px;
}

.tp-dialog .el-dialog.is-fullscreen .el-dialog__header {
    border-radius: 0px;
}

.tp-dialog .el-dialog .el-dialog__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    outline: none;
    cursor: pointer;
    font-size: 24px;
    height: 24px;
}

.tp-dialog .el-dialog.is-fullscreen .el-dialog__header,
.tp-dialog .el-dialog.is-fullscreen .el-dialog__header {
    border-radius: 0px;
}

.tp-dialog .el-dialog.is-fullscreen .el-dialog__headerbtn {
    /*position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;*/
}

.tp-dialog .el-dialog__title {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: bolder;
}

.tp-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #bdbdbd;
    font-weight: bolder;
}

.tp-dialog .el-dialog.is-fullscreen .el-dialog__close {
    /*color: #909399;*/
}

.tp-dialog-iframe .el-dialog__wrapper{
    display: -webkit-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.tp-dialog .el-dialog:not(.is-fullscreen) {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: fixed;
    top: auto;
    left: auto;
    transform: none;
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
}

.tp-form .btn-form {
    margin-bottom: 0px;
    background-color: #f8f8f9;
}

.tp-form .btn-form .el-form-item__content {
    margin: 20px 50px 20px 0;
    text-align: right;
}

.tp-form .btn-form .el-form-item__content button {
    color: #fff;
    background-color: #66C239;
}

/*Dialog弹窗--end */

/* 基于json数据的详情页面Form表单 --start */
.tp-form-details .tp-form-details-img {
    max-width: 100px;
    max-height: 100px;
    border: none;
}

.tp-form-details .el-form-item {
    margin-bottom: 0px;
}

/* 基于json数据的详情页面Form表单 --end */
/* 回到顶部--start */
.tp-backtotop .back-to-ceiling {
    position: fixed;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.tp-backtotop .back-to-ceiling:hover {
    background: #d5dbe7;
}

.tp-backtotop .back-to-ceiling .Icon {
    fill: #9aaabf;
    background: none;
}

.tp-backtotop .fade-enter-active,
.tp-backtotop .fade-leave-active {
    transition: opacity .5s;
}

.tp-backtotop .fade-enter,
.tp-backtotop .fade-leave-to {
    opacity: 0;
}

/* 回到顶部--end */
/* 区域树 --start*/
/* input框的样式 */
.tp-tree-region .tp-tree-region_left .tp-input-text,
.tp-tree-region .tp-tree-region_left-after .tp-input-text {
    margin-right: 20px;
}

.tp-tree-region .tp-tree-region_right .tp-input-text,
.tp-tree-region .tp-tree-region_right-after .tp-input-text {
    margin-left: 20px;
}

/* 区域树在左边布局默认样式 */
.tp-tree-region .tp-tree-region_left {
    width: 240px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all ease .5s;
    height: 100%;
    transform: translateX(-220px);
    background: none;
    z-index: 999;
}

/* 区域树在左边点击后样式 */
.tp-tree-region .tp-tree-region_left-after {
    width: 240px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all ease .5s;
    height: 100%;
    transform: translateX(0%);
    background: none;
    z-index: 999;
}

.tp-tree-region .tp-tree-region_left .el-tree,
.tp-tree-region_left-after .el-tree {
    margin-right: 20px;
}

/* 区域树在右边布局默认样式 */
.tp-tree-region .tp-tree-region_right {
    width: 240px;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all ease .5s;
    height: 100%;
    transform: translateX(220px);
    background: none;
    z-index: 999;
}

/* 区域树在右边点击后样式 */
.tp-tree-region .tp-tree-region_right-after {
    width: 240px;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all ease .5s;
    height: 100%;
    transform: translateX(0%);
    background: none;
    z-index: 999;
}

.tp-tree-region .tp-tree-region_right-after .el-tree,
.tp-tree-region_right .el-tree {
    margin-left: 20px;
}

/* 按钮在左边默认样式 */
.tp-tree-region .bt-tree_left {
    width: 20px;
    height: 70px;
    position: absolute;
    z-index: 999;
    left: 220px;
    top: 37%;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 1px 3px #b9b8b8;
    transition: all ease .5s;
}

/* 按钮在右边默认样式 */
.tp-tree-region .bt-tree_right {
    width: 20px;
    height: 70px;
    position: absolute;
    z-index: 999;
    right: 220px;
    top: 37%;
    cursor: pointer;
    background-color: #fff;
    transition: all ease .5s;
    box-shadow: 1px 1px 3px #b9b8b8;
}

/* 按钮图标右侧样式 */
.tp-tree-region .bt-tree_right .el-icon-caret-left,
.tp-tree-region .bt-tree_right .el-icon-caret-right,
.tp-tree-region .bt-tree_right .el-icon-caret-left-after,
.tp-tree-region .bt-tree_right .el-icon-caret-right-after {
    padding: 28px 3px;
}

/* 按钮图标左侧样式 */
.tp-tree-region .bt-tree_left .el-icon-caret-left,
.tp-tree-region .bt-tree_left .el-icon-caret-right,
.tp-tree-region .bt-tree_left .el-icon-caret-left-after,
.tp-tree-region .bt-tree_left .el-icon-caret-right-after {
    padding: 28px 3px;
}

/* 按钮图标在左边点击后样式 */
.tp-tree-region .el-icon-caret-left-after:before {
    content: "\e791";
}

/* 按钮图标在右边点击后样式 */
.tp-tree-region .el-icon-caret-right-after:before {
    content: "\E60A";
}

/* 区域树 --end*/
/* --ul标签样式--start-- */
.tp-ul ul {
    list-style: none;
}

/* 列表垂直布局下的li样式 */
.tp-ul.tp-ul-vertical > li.tp-ul-li_inner ul li {
    float: none;
    padding: 6px;
    width: auto;
    text-align: left;
    display: inline-block;
}

.tp-ul.tp-ul-vertical > li.tp-ul-li_inner {
    padding: 0px;
}

.tp-ul.tp-ul-vertical > li {
    float: none;
    padding: 6px;
    width: auto;
    text-align: left;
    /* cursor: pointer;  */
}

/* 列表水平布局下的li样式 */
.tp-ul.tp-ul-horizontal > li.tp-ul-li_inner ul li {
    float: left;
    padding: 6px;
    width: auto;
    text-align: left;
    /* cursor: pointer;  */
}

/* --ul标签样式--end-- */
/* --时间线样式--start-- */
.tp-timeline {
    width: 200px;
}

/* 节点样式 */
.tp-timeline .el-timeline-item__node {
    z-index: 10;
}

/* 节点悬浮之后的样式 */
.tp-timeline .el-timeline-item__node:hover {
    background-color: #66C239 !important;
    cursor: pointer;
}

/* 节点触发的样式 */
.tp-timeline-active .el-timeline-item__node {
    background-color: #66C239 !important;
}

/* --时间线样式--end-- */
/* --面包屑右侧按钮的样式--start-- */
.tp-card .tp-breadcrumb .tp-btn {
    top: -21px;
    float: right;
    position: relative;
}

/* --面包屑右侧按钮的样式--end-- */
/* 图表容器--start */
.tp-chart-block {
    position: relative;
    box-sizing: border-box;
    background-size: 100% 100%;
    background: transparent;
}

.tp-chart-block .tp-boxtitle {
    width: 100%;
    height: 40px;
    float: left;
    vertical-align: middle;
    line-height: 40px;
    display: table-cell;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    box-sizing: border-box;
}

.tp-chart-block .tp-boxtitle .span-left {
    margin-left: 8px;
}

.tp-chart-block .tp-boxtitle .span-right {
    float: right;
    margin-right: 8px;
}

.tp-chart-block .tp-boxtitle img {
    vertical-align: middle;
    /*_margin-top: expression_r(( 400 - this.height ) / 2);*/
}

.tp-chart-block .tp-boxtitle .img-left {
    margin-left: 4px;
}

.tp-chart-block .tp-boxtitle .img-right {
    margin-left: 4px;
    width: 100px;
    height: 6px;
}

.tp-chart-block .layout2 .tp-chart-block,
.tp-chart-block .layout2 .tp-chart-block-sub,
.tp-chart-block > div > .tp-chart-block,
.tp-chart-block > div > .tp-chart-block-sub,
.tp-chart-block .layout2 > .ve-chart,
.tp-chart-block .layout2 > .ve-chart {
    float: left;
}

.tp-chart-block .tp-chart-block_body .tp-chart-block-sub .tp-chart-block-sub_body > .ve-chart,
.tp-chart-block .tp-chart-block_body .tp-chart-block-sub .tp-chart-block-sub_body > .ve-chart {
    float: left;
}

.tp-chart-block .tp-boxtitle .tp-block-icon {
    position: absolute;
    width: 20px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
}

.tp-chart-block .tp-boxtitle .tp-block-icon:hover {
    background-color: rgba(196, 196, 196, 0.7);
    border-radius: 10px;
}

/* 图表容器--end */
/* 画廊 --start */
.tp-gralley {
    margin-top: 200px;
    height: calc(100% - 200px);
}

.tp-gralley .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.tp-gralley .swiper-slide {
    background-size: cover;
    background-position: center;
    height: 99%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.tp-gralley .gallery-top {
    height: 80%;
    width: 100%;
}

.tp-gralley .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.tp-gralley .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.tp-gralley .gallery-thumbs .swiper-slide-active {
    opacity: 1;
    border: #0d5aa7 1px solid;
    box-shadow: none;
}

.tp-gralley .gallery-top .swiper-slide-active {
    border: #0d5aa7 1px solid;
    box-shadow: none;
}

/* 画廊 --end */
/* barrel相册布局--start */
.tp-photo-barrel_puzzle-div div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel_puzzle-div .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel_puzzle-div .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel {
    width: 600px;
    height: 800px;
    overflow: auto;
}

.tp-photo-barrel .waterfall li {
    list-style: none;
}

.tp-photo-barrel .waterfall img {
    height: auto;
    width: 100%;
    padding-bottom: 2%;
}

.tp-photo-barrel .waterfall-3 {
    width: 30.66666667%;
    height: auto;
    padding-left: 2%;
    padding-top: 2%;
    float: left;
}

.tp-photo-barrel .waterfall-4 {
    width: 22.5%;
    height: auto;
    padding-left: 2%;
    padding-top: 2%;
    float: left;
}

.tp-photo-barrel .waterfall-5 {
    width: 17.6%;
    height: auto;
    padding-left: 2%;
    padding-top: 2%;
    float: left;
}

.tp-photo-barrel .barrel {
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block;
}

.tp-photo-barrel .barrel img {
    height: 99.5%;
    width: auto;
    float: left;
}

.tp-photo-barrel .puzzle-6 div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel .puzzle-6 .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel .puzzle-6 .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel .puzzle-6 div:nth-child(1) {
    height: 66.5%;
    width: 66.7%;
}

.tp-photo-barrel .puzzle-6 div:nth-child(2),
.tp-photo-barrel .puzzle-6 div:nth-child(3),
.tp-photo-barrel .puzzle-6 div:nth-child(4),
.tp-photo-barrel .puzzle-6 div:nth-child(5),
.tp-photo-barrel .puzzle-6 div:nth-child(6) {
    height: 33.3%;
    width: 33.3%;
}

.tp-photo-barrel .puzzle-5 div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel .puzzle-5 .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel .puzzle-5 .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel .puzzle-5 div:nth-child(1) {
    height: 66.5%;
    width: 66.7%;
}

.tp-photo-barrel .puzzle-5 div:nth-child(2),
.tp-photo-barrel .puzzle-5 div:nth-child(3) {
    height: 50%;
    width: 33.3%;
}

.tp-photo-barrel .puzzle-5 div:nth-child(3) {
    float: right;
}

.tp-photo-barrel .puzzle-5 div:nth-child(4),
.tp-photo-barrel .puzzle-5 div:nth-child(5) {
    height: 33.3%;
    width: 33.3%;
}

.tp-photo-barrel .puzzle-4 div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel .puzzle-4 .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel .puzzle-4 .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel .puzzle-4 div {
    height: 50%;
    width: 50%;
}

.tp-photo-barrel .puzzle-3 div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel .puzzle-3 .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel .puzzle-3 .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel .puzzle-3 div:first-child {
    height: 100%;
    width: 66.7%;
}

.tp-photo-barrel .puzzle-3 div:nth-child(2),
.tp-photo-barrel .puzzle-3 div:nth-child(3) {
    height: 50%;
    width: 33.3%;
}

.tp-photo-barrel .puzzle-2 div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel .puzzle-2 .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel .puzzle-2 .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel .puzzle-2 div:first-child {
    height: 100%;
    width: 67%;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
}

.tp-photo-barrel .puzzle-2 div:nth-child(2) {
    height: 100%;
    width: 67%;
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
    position: relative;
    left: 33%;
    top: -100%;
}

.tp-photo-barrel .puzzle-1 div {
    float: left;
    overflow: hidden;
}

.tp-photo-barrel .puzzle-1 .vertical {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
}

.tp-photo-barrel .puzzle-1 .horizontal {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

.tp-photo-barrel .puzzle-1 div:first-child {
    height: 100%;
    width: 100%;
}

/* 遮罩--start */
.tp-photo-barrel_overlay {
    width: 0;
    height: 100%;
    background-color: grey;
    position: fixed;
    z-index: 20;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.tp-photo-barrel_previewImage {
    width: 0;
    height: 100%;
    background-color: transparent;
    position: fixed;
    z-index: 22;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    text-align: center;
}

.tp-photo-barrel_overlayShow {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0.5;
    width: 100%;
}

.tp-photo-barrel_previewShow {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    width: 100%;
}

.tp-photo-barrel_imageShow {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    width: auto;
    height: 70%;
    margin-top: 5%;
}

.tp-photo-barrel_imageHidden {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    height: 0;
}

.tp-photo-barrel_hidden {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    width: 0;
}

/* barrel相册布局--end */
/* waterfall相册布局--start */
.tp-photo-waterfall.vue-waterfall-easy-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy-scroll {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy {
    position: absolute;
    width: 100%;
}

@keyframes show-card {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy > .img-box {
    position: absolute;
    box-sizing: border-box;
    width: 50%;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy > .img-box.default-card-animation {
    animation: show-card 0.4s;
    transition: left 0.6s, top 0.6s;
    transition-delay: 0.1s;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy a {
    display: block;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper {
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1M0JCM0QwNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1M0JCM0NGNkVFNDExRThCNTJCQUQ2RDFGQzg0NzIxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTYwRUMyMDE2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTYwRUMyMDI2RUUzMTFFOEJCRTU5RTFDODg1ODgwMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCACRAJEDASIAAhEBAxEB/8QAZQAAAwEBAQAAAAAAAAAAAAAAAAIDAQQHAQEAAAAAAAAAAAAAAAAAAAAAEAACAQMDBAEFAAMBAAAAAAAAAQIRMQMhQRJRYYEycZHBIkITsdFSYhEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9AAAAAMFnNQWt9kAwkssVbV9CTnKb10XQVtLSyAd5ZuzURW27yfhmX9RlDI+wD4Vf/ZVi41SKCdeNI3YEnOXJtOiBZZr/wBGcMi2Ft7AXjli76PoOcqael0Mpyg9NV0A6QEhNTWl90MBoAAAAAAGGiTlxjXfZAZkycdEqyI3q26sOrd92CTm6bbsA1boh1i3lqPGKiqIZAYklYHY0x6tIDY2B3NdjEBgNJ3NACTxbx0E1TozoYsoqSowI2o06MtjyctGqSItODptsw6NX2YHSaJCXKNd90OAAAAYznnLnJvZWK5pUjRXloiNdwCjk0l9S0YqKohcSpGrvLUcDUBLK23x23FWNtVSAuHch/KXQP5PoBdqq77GJ1XfczFVKjVBcuPk6rXqBQCH8n0D+UugFwZD+bV1oNif5OOzQDyipKjI0cW0/qXYmVVjVXjqAkZcHXZ3OhHNXcthlWNHeOjAoAABDLKs6bISlWl1Busm+42Jfm30At2BmI1gRy+3gpD1XwTy+3gpH1QDASyt8uKdFuJRw1iwOjdBKy+TIutGbK3kAAxtJNuwiywdmA7s/glj9/BV04unQli9l8AWDsBjAhSja6D4pUnTZmZV+afUVOkk+4HUBgAc0bD4v2+fsJGw+L9vn7AVQMEDAjl9vBSHqvgnl9vBSHqvgDJwbfJC8JPSlEO5wTo3qMnUDEqNGz0jXoD08BRSXyBB/m6u2xvFPQ1qjoDAVNxqv1ZuJUnT5BGw9/AFQYAwJZf1+fsJKw+X9fn7CSsB0AAAc7VG13GxP82uoZFSbezFWkkwOgGCBgRy15adDZTaioq7QZPfwZQDFFfPc2MnB0vE1AwCc+WituPjaS4kzU6agPkS9hEVeqJJU0AAh7+ACHv4AqAAwI5X+aXQVKrS7g3WTY2ONZp7IC9AAAJ5lWNf+dSV1XqdL1VGc8lxk47bAUxyqqO60GIpuL5LyuxZNNVVtmAmVfkpbbi1RYAI1QVRYAI1QJ1aRYzdAbJ8Y1I1RZggI1SNxL8uW1NCoAYxckqKiu9Bm0lV23ZFtyfJ+F2Ayyr0K4VSNf8ArUnFcpKO250LRUQABoAYLkhzXdWHMA5u26uNGXF9tx8uOusfYlbTcC6aaqrdTTnTlHVfQrHJF6PRsBwAAC5i9vg0xbgaAIAAxtJVduosskVotWiTcpav6ANKXJ9the27sF9NyuLHTWXsA2OHBd3cYDQAAAAAAAwSeNS1syhgHNRxdJfUK10ujoaTuJLCrp0Amm1Ztdhv6z3Sfkxwmu4leqoBT+1P1f8AkZy4469daEaopllRqPRAH9ZOyp5Fbbu2+xmuyGUJvsAtaaWQUcnSP1Kxwq7dR0krALDGo63Y4GgAAAAAAAAAAAAAAAAAshJ7AAGK6B3YABsNx4gADAAAAAAAAAAAAAf/2Q==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50% 50%;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy .__err__ .img-wraper img {
    display: none;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy a.img-wraper > img {
    width: 100%;
    display: block;
    border: none;
}

.tp-photo-waterfall.vue-waterfall-easy-container .vue-waterfall-easy .over {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;
    color: #aaa;
}

.tp-photo-waterfall.vue-waterfall-easy-container > .loading.first {
    bottom: 50%;
    transform: translate(-50%, 50%);
}

.tp-photo-waterfall.vue-waterfall-easy-container > .loading {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
    z-index: 999;
}

@keyframes ball-beat {
    50% {
        opacity: 0.2;
        transform: scale(0.75);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.tp-photo-waterfall.vue-waterfall-easy-container > .loading.ball-beat > .dot {
    vertical-align: bottom;
    background-color: #4b15ab;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 3px;
    animation-fill-mode: both;
    display: inline-block;
    animation: ball-beat 0.7s 0s infinite linear;
}

.tp-photo-waterfall.vue-waterfall-easy-container > .loading.ball-beat > .dot:nth-child(2n-1) {
    animation-delay: 0.35s;
}

.tp-photo-waterfall.vue-waterfall-easy-container a {
    color: #000;
    text-decoration: none;
}

.tp-photo-waterfall.vue-waterfall-easy-container a:active {
    color: #000;
}

.tp-photo-waterfall.vue-waterfall-easy-container .some-info {
    line-height: 1.6;
    text-align: center;
}

/* 遮罩--start */
.tp-photo-waterfall_overlay {
    width: 0;
    height: 100%;
    background-color: grey;
    position: fixed;
    z-index: 20;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.tp-photo-waterfall_previewImage {
    width: 0;
    height: 100%;
    background-color: transparent;
    position: fixed;
    z-index: 22;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    text-align: center;
}

.tp-photo-waterfall_overlayShow {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0.5;
    width: 100%;
}

.tp-photo-waterfall_previewShow {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    width: 100%;
}

.tp-photo-waterfall_imageShow {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    width: auto;
    height: 70%;
    margin-top: 5%;
}

.tp-photo-waterfall_imageHidden {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    height: 0;
}

.tp-photo-waterfall_hidden {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    width: 0;
}

/* waterfall相册布局--end */
/* 图片选择器--start */
.tp-img-picker {
    position: relative;
    display: flex;
    align-items: center;
}

.tp-img-picker .swiper-container {
    flex: 1;
    height: 100px;
}

.tp-img-picker .prev-btn-wrapper,
.tp-img-picker .next-btn-wrapper {
    cursor: pointer;
    height: 100%;
    padding: 5px;
    user-select: none;
}

.tp-img-picker .prev-btn-wrapper .prev-btn,
.tp-img-picker .next-btn-wrapper .next-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    background-color: #e8e8e8;
}

.tp-img-picker .swiper-slide {
    cursor: pointer;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-align: center;
    padding: 8px;
}

.tp-img-picker .swiper-slide.active {
    border: 1px red solid;
}

.tp-img-picker .swiper-slide .el-image {
    height: 50px;
}

.tp-img-picker .swiper-slide .cn_name,
.tp-img-picker .swiper-slide .en_name {
    display: block;
    color: #8492a6;
    font-size: 14px;
}

.tp-img-picker .swiper-slide.active .cn_name,
.tp-img-picker .swiper-slide.active .en_name {
    color: blue !important;
}

.tp-img-picker .grayscale {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/* 图片选择器--end */
/* 区域树 --start*/
.tp-tree-region-expand .tp-input-text-right {
    padding-left: 20px;
}

/* 区域树在左边布局默认样式 */
.tp-tree-region-expand.tp-tree_left {
    position: relative;
    width: 200px;
    height: 100%;
    overflow: auto;
    transition: all ease .5s;
}

/* 区域树在左边点击后样式 */
.tp-tree-region-expand.tp-tree_left-after {
    width: 240px;
    position: absolute;
    top: 0px;
    transition: all ease .5s;
    height: 100%;
    transform: translateX(-220px);
    background: none;
    z-index: 999;
}

/* 按钮在左边默认样式 */
.tp-tree-region-expand .bt-tree_left {
    width: 20px;
    height: 70px;
    position: absolute;
    z-index: 999;
    left: 180px;
    top: 37%;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 1px 3px #b9b8b8;
    transition: all ease .5s;
}

.tp-tree-region-expand .bt-tree_left-after {
    width: 20px;
    height: 70px;
    position: absolute;
    z-index: 999;
    left: 220px;
    top: 37%;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 1px 1px 3px #b9b8b8;
    transition: all ease .5s;
}

/* 按钮图标样式 */
.tp-tree-region-expand .el-icon-caret-left,
.tp-tree-region-expand .el-icon-caret-right,
.tp-tree-region-expand .el-icon-caret-left-after,
.tp-tree-region-expand .el-icon-caret-right-after {
    /* padding: 28px 3px; */
    margin: 28px 3px;
}

/* 按钮图标在左边点击后样式 */
.tp-tree-region-expand .el-icon-caret-left-after:before {
    content: "\e791";
}

/* 按钮图标在右边点击后样式 */
.tp-tree-region-expand .el-icon-caret-right-after:before {
    content: "\E60A";
}

/* 区域树 --end*/
/* 手动上传 --start*/
.tp-upload-manual .el-upload-list__item.is-fail * {
    color: red;
}

.tp-upload-manual .el-upload-list__item.is-fail .el-upload-list__item-status-label {
    display: block !important;
}

.tp-upload-manual .el-upload-list__item.is-fail .el-upload-list__item-status-label .el-icon-circle-check::before {
    content: "\e6db";
}

.tp-upload-manual .el-upload-list__item.is-fail .el-upload-list__item-status-label::before {
    content: "上传失败 ";
}

.tp-upload-manual .el-upload-list__item.is-success * {
    color: green;
}

.tp-upload-manual .el-upload-list__item.is-success .el-upload-list__item-status-label::before {
    content: "上传成功 ";
}

.tp-upload-manual .el-form-item__content {
    text-align: center;
}

.tp-upload-manual .cancel-btn {
    margin-left: 10px;
}

.tp-upload-manual .el-upload-list {
    text-align: left;
    border: 1px solid #abcdef;
    min-height: 100px;
    max-height: 180px;
}

.tp-upload-manual .el-upload__tip {
    text-align: left;
}

/* 手动上传 --end*/
/* 搜索框 --start*/
.tp-search-input .el-input input{
    background-color: #f0f4f7;
    border: none;
}
.tp-search-input .el-input .el-input__suffix{
    right: 2px;
    top: 2px;
    height: auto;
    border-radius: 3px;
}
.tp-search-input .tp-search-input__btn {
    border: none;
    float: right;
    background-color: #66c13b;
    color: #ffffff;
    padding: 7px;
}

.tp-search-input .tp-search-input__btn .el-icon-search {
    font-size: 14px;
}

.tp-search-input .el-input--small .el-input__icon{
    line-height: 28px;
}

/* 搜索框 --end*/
/* 数字范围选择器 --start */
.tp-numberpicker-range .el-input__icon {
    width: 15px;
}

/* 数字范围选择器 --end */
/*比例分段组件样式 --start*/
.tp-subsection .title-container {
    display: flex;
    align-items: center;
}

.tp-subsection .title-container .title {
    flex: 1;
    text-align: center;
    font-size: 16px;
}

.tp-subsection .section-container {
    background-color: #efeff0;
    border-radius: 16px;
    width: 100%;
    height: 30px;
    margin-top: 80px;
    margin-bottom: 60px;
}

.tp-subsection .section-container ul {
    margin: 0 24px 0;
}

.tp-subsection .section-container ul:before {
    display: table;
    content: " ";
    box-sizing: border-box;
}

.tp-subsection .section-container ul:after {
    clear: both;
}

.tp-subsection .section-container ul li {
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.tp-subsection .section-container ul li .label {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    text-overflow: ellipsis;
}

/*比例分段组件样式 --end*/
/*图片文本通用样式 start*/
.tp-img-vertical,
.tp-img-horizontal {
    display: flex;
    position: relative;
    align-items: center;
    align-content: center;
    cursor: pointer;
    font-size: 12px;
}

.tp-img-vertical .img-wrapper,
.tp-img-horizontal .img-wrapper {
    position: relative;
}

.tp-img-vertical .error,
.tp-img-horizontal .error {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.tp-img-vertical .error .el-icon-picture-outline,
.tp-img-horizontal .error .el-icon-picture-outline {
    font-size: 20px;
}

/*图片文本通用样式 end*/
/*图片文本上下布局样式 start*/
.tp-img-vertical {
    flex-direction: column;
}

.tp-img-vertical .img-content {
    position: relative;
    width: 100%;
}

.tp-img-vertical .img-content .center {
    text-align: center;
}

/*图片文本上下布局样式 end*/
/*图片文本左右布局样式 start*/
.tp-img-horizontal {
    flex-direction: row;
    align-items: stretch;
}

.tp-img-horizontal .img-wrapper .marker {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

.tp-img-horizontal .img-wrapper .marker .triangle {
    width: 0;
    height: 0;
    border-bottom: 50px solid #DA0015;
    border-left: 50px solid transparent;
}

.tp-img-horizontal .img-wrapper .marker .label {
    position: absolute;
    bottom: 0;
    right: 3px;
    font-weight: bolder;
    font-size: 14px;
    color: #FFFFFF;
}

.tp-img-horizontal .img-content {
    position: relative;
    min-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 18px;
    cursor: default;
    padding-top: 20px;
}

.tp-img-horizontal .img-content .attrs {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tp-img-horizontal .img-content label {
    font-weight: bolder;
}

.tp-img-horizontal .img-content .attrs > div {
    display: flex;
    align-items: center;
}

.tp-img-horizontal .img-content .attrs i {
    font-size: 18px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
}

/*图片文本左右布局样式 end*/

/*动态添加移除时段选择 start*/
.tp-inner-time-section .el-date-editor--timerange.el-input__inne {
    width: 140px;
}

.tp-inner-time-section .el-input-number {
    width: 82px;
}

/*动态添加移除时段选择 end*/
.manage-grid .el-card.is-always-shadow,
.manage-grid .el-card.is-hover-shadow:focus,
.manage-grid .el-card.is-hover-shadow:hover {
    box-shadow: none;
}

/* 风格二样式 */
.manage-grid .el-card {
    border: none;
}

.manage-grid .el-card__header {
    border: none;
}

.manage-grid .el-card__body {
    padding: 0;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
    background-color: #FBFAF8;
    border-bottom-color: #e4e7ed;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 40px;
    line-height: 40px;
}

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    /*border-bottom-color: #66C239;*/
    /*background-color: #fff;*/
    border-bottom-color: transparent;
    background-color: transparent;
    color: #303133;
    text-align: left;
    /*padding-left: 0px;*/
    font-weight: bold;
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 0px solid #E4E7ED;
}

.el-tabs__header {
    margin: 0;
    /*border-bottom-width: 0px !important;*/
}

/*搜索框 start*/
.tp-search-group-slot {
    /*border: 1px solid #ebeef5;*/
    /*border-top-width: 0px;*/
    padding: 16px 0 4px;
}

.tp-search-group-slot .el-row {
    /*padding-top: 16px;*/
    margin-top: 0px;
}

/*搜索框 end*/

.el-tabs__nav-wrap:after {
    background-color: transparent;
}

.manage-grid .el-card {
    border: 0px solid #ebeef5;
    background-color: transparent;
}

.manage-grid .el-card.is-always-shadow,
.manage-grid .el-card.is-hover-shadow:focus,
.manage-grid .el-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}

.manage-grid .el-card__header {
    padding: 12px 0px;
    border-bottom: 0px solid #ebeef5;
}

.manage-grid .el-card__body {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background: #ffffff;
    border-radius: 6px;
    padding: 0px 20px;
    margin-bottom: 10px;
}

.el-breadcrumb__separator {
    color: #303133;
}

.el-tooltip__popper {
    background: #66C239 !important;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow {
    bottom: -6px;
    border-top-color: #66C239;
    border-bottom-width: 0;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #66C239;
    border-bottom-width: 0;
}

/*.el-table__fixed */

.tp-breadcrumb .el-breadcrumb__inner a,
.tp-breadcrumb .el-breadcrumb__inner a:hover {
    color: #303133;
    cursor: pointer;
}

.tp-breadcrumb .el-breadcrumb__separator {
    margin: 0 4px;
}

.el-form-item__content .el-input--small {
    line-height: 32px;
}
/*卡片走马灯 start*/
.tp-card-carousel{
    background-color: #f2f5f7;
    border-radius: 4px;
    padding: 10px 16px;
}
.tp-card-carousel .title{
    margin-bottom: 10px;
    color: #49494a;
    font-size: 12px;
}
.tp-card-carousel .carousel-main{
    display: flex;
    align-items: center;
}
.tp-card-carousel .carousel-main .swiper-container{
    flex: 1;
    margin-left: 16px;
    margin-right: 16px;
}
.tp-card-carousel .carousel-main .prev, .tp-card-carousel .carousel-main .next{
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background-color: #8dcf6f;
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    cursor: pointer;
    user-select: none;
}
.tp-card-carousel .carousel-main .prev i, .tp-card-carousel .carousel-main .next i{
    font-weight: bolder;
}
.tp-card-carousel .carousel-main .swiper-container .swiper-slide .default-card{
    height: 62px;
    text-align: center;
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #e6ecf0;
    overflow: hidden;
}
/*卡片走马灯 end*//*单元格组件 start*/
.tp-cell-grid{
    position: relative;
}
.tp-cell-grid .header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tp-cell-grid .body{
    display: flex;
}
.tp-cell-grid .body .right{
    flex: 1
}
.tp-cell-grid.border{
    border: 1px solid #e9edf6;
    border-radius: 4px;
    overflow: hidden;
    margin: 5px;
}
.tp-cell-grid.border:hover{
    box-shadow: 0 4px 10px #e9edf6;
}
.tp-cell-grid.border .header{
    background-color: #f7f7ff;
}
/*单元格组件 end*//*删除确认框 start*/
.tp-confirm-del.el-message-box {
    border-radius: 6px;
    padding: 0;
}

.tp-confirm-del .el-message-box__header {
    padding: 15px 20px;
    background-color: #f5f5f8;
}

.tp-confirm-del .el-message-box__btns {
    padding: 8px 15px;
    text-align: center;
    background-color: #f5f5f8;

}

.tp-confirm-del .el-message-box__message {
    padding: 36px;
}

.tp-confirm-del .el-message-box__message p {
    text-align: center;
}

.tp-confirm-del .el-message-box__btns button:nth-child(1) {
    position: relative;
    right: -72px;
    padding: 9px 18px;
}

.tp-confirm-del .el-message-box__btns button:nth-child(2) {
    position: relative;
    left: -72px;
    padding: 9px 18px;
}

.tp-confirm-del .el-message-box__headerbtn .el-message-box__close {
    color: #909399;
    font-size: 20px;
}
/*button*/
.tp-confirm-del .el-button--primary{
    color: #606266;
    background-color: #FFF;
    border-color: #DCDFE6;
}

.tp-confirm-del .tp-confirm-del .el-button--primary.is-active,
.tp-confirm-del .el-button--primary:active {
    color: #66C239;
    border-color: #d1edc4;
    background-color: #f0f9eb;
}

/*.tp-confirm-del .el-button--primary:focus,*/
.tp-confirm-del .el-button--primary:hover {
    color: #66C239;
    border-color: #d1edc4;
    background-color: #f0f9eb;
}

/*删除确认框 end*/
/* 自定义样式弹窗--start */
.tp-dialog-edit.tp-dialog .el-dialog {
    padding: 0 0 10px 0;
}

.tp-dialog-edit.tp-dialog .el-dialog .el-dialog__header {
    border-bottom: 1px solid #efefef;
}

.tp-dialog-edit.tp-dialog .el-dialog .el-dialog__body {
    margin: 0 30px;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
}

.tp-dialog-edit.tp-dialog .el-dialog__headerbtn {
    position: fixed;
    top: 30px;
    right: 20px;
    padding: 0;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 30px;
    border-radius: 0%;
    height: 35px;
    width: 35px;
}

.tp-dialog-edit.tp-dialog .el-dialog__headerbtn .el-dialog__close {
    color: white;
    display: block;
}

.tp-dialog-edit.tp-dialog .el-dialog__title {
    color: #303133;
    font-size: 20px;
    font-weight: 500;
}

/* 自定义样式弹窗--end */

.custom-dialog .el-dialog:not(.is-fullscreen) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}.tp-dialog-qrcode.tp-dialog .el-dialog__body{
    padding-left: 45px;
    padding-right: 45px;
    background-color: inherit;
}
.tp-dialog-qrcode.tp-dialog .el-dialog__body .content{
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.tp-dialog-qrcode.tp-dialog .el-dialog__body .content .code{
    margin-top: 15px;
    margin-bottom: 15px;
}
.tp-dialog-qrcode.tp-dialog .el-dialog__body .content .value{
    font-size: 12px;
}

.tp-dialog-qrcode .el-dialog:not(.is-fullscreen) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?rg32ql');
    src: url('fonts/icomoon.eot?rg32ql#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?rg32ql') format('truetype'),
    url('fonts/icomoon.woff?rg32ql') format('woff'),
    url('fonts/icomoon.svg?rg32ql#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="tp-icon-"], [class*=" tp-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*删除*/
.tp-icon-delete:before {
    content: "\e90b";
    color: #fa6d6d;
}

/*编辑*/
.tp-icon-edit:before {
    content: "\e900";
    color: #51a3ff;
}

/*查看*/
.tp-icon-view:before {
    content: "\e904";
    color: #51a3ff;
}

/*设置*/
.tp-icon-set:before {
    content: "\e90c";
    color:#ffffff;
}


























.icon-15:before {
    content: "\e900";
    color: #51a3ff;
}
.icon-uniE901:before {
    content: "\e901";
    color: #51a3ff;
}
.icon-1:before {
    content: "\e902";
    color: #fff;
}
.icon-2:before {
    content: "\e903";
    color: #51a3ff;
}
.icon-3:before {
    content: "\e904";
    color: #51a3ff;
}
.icon-4:before {
    content: "\e905";
}
.icon-14:before {
    content: "\e906";
    color: #51a3ff;
}
.icon-5:before {
    content: "\e907";
    color: #fff;
}
.icon-6:before {
    content: "\e908";
    color: #51a3ff;
}
.icon-7:before {
    content: "\e909";
    color: #fff;
}
.icon-8:before {
    content: "\e90a";
}
.icon-9:before {
    content: "\e90b";
    color: #fa6d6d;
}
.icon-10:before {
    content: "\e90c";
}
.icon-11:before {
    content: "\e90d";
    color: #51a3ff;
}
.icon-12:before {
    content: "\e90e";
    color: #fff;
}
.tp-icon-qrcode:before {
    content: "\e90f";
    color: #51a3ff;
}

.tp-table-cell-qrcode{
    font-size: 16px;
}


.sys-body{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    overflow: hidden;
}
.sys-body .side-nav.left{
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    height: 100%;
}
.sys-body .tp-layout-content{
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    flex: 1;
    height: 100%;
    overflow: auto;
}
.tp-layout-content {
    position: absolute;
    top: 50px;
    left: 43px;
    right: 0;
    bottom: 0;
    padding: 18px;
    background: #ffffff;
    padding-top: 0px;
}

.tp-layout-content.left {
    left: 160px;
}

.tp-layout-content.top {
    left: 0;
}


/* 布局-内容区块 --start */
.tp-layout-content .tp-layout-content-header {
    margin-bottom: 10px;
}

.tp-layout-content .tp-layout-content-header .el-card__body {
    display: none;
}

.tp-layout-content-header .tp-breadcrumb .el-breadcrumb {
    line-height: 2;
    border-bottom: 1px solid #eee;
}

.tp-layout-content-header .tp-breadcrumb .el-breadcrumb .el-breadcrumb__item {
    border-bottom: 2px solid #409eff;
}

.tp-layout-content-header .tp-breadcrumb .el-button {
    float: right;
    margin-top: -31px;
}

/* 布局-内容区块 --end */

.tp-layout-header {
    position: fixed !important;
    width: 100%;
    height: 50px;
    line-height: 50px;
    /*background-color: #334971;*/
    background-color: #1c1d22;
    z-index: 500;
}
/* logo --start */
.tp-layout-header .logo {
    float: left;
    width: 50%;
    font-size: 20px;
    line-height: 50px;
    padding-left: 20px;
    color: white;
    font-family: "Microsoft YaHei";
}

.tp-layout-header .logo.inline,
.tp-layout-header .logo.dropdown {
    font-size: 16px;
}

.tp-layout-header .logo > div {
    width: 100%;
    height: 50px;
    float: left;
    vertical-align: middle;
    line-height: 50px;
    display: table-cell;
    box-sizing: border-box;
}

.tp-layout-header .logo.inline img,
.tp-layout-header .logo.dropdown img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
/* logo --end */


/* 用户信息dropdown(默认)风格 --start */
.tp-layout-header .userInfo {
    float: right;
    height: 50px;
}

.tp-layout-header .userInfo > ul {
    height: 50px;
}

.tp-layout-header .userInfo > ul > li {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
    color: #fff;
}

.tp-layout-header .userInfo > ul > li .lang {
    color: #ccc;
    cursor: pointer;
}

.tp-layout-header .userInfo > ul > li .lang.cur {
    color: #fff;
}

.tp-layout-header .userInfo > ul > li .user {
    color: #fff;
    cursor: pointer;
}

/* 用户信息dropdown(默认)风格 --end */

/* 用户信息inline风格 --start */
.tp-layout-header .header-user {
    float: right;
    height: 50px;
    line-height: 50px;
    color: #fff;
}

.tp-layout-header .header-user .el-icon-switch-button {
    margin-right: 5px;
}

.tp-layout-header .header-user ul {
    height: 50px;
}

.tp-layout-header .header-user ul li {
    margin-right: 20px;
    float: left;
}

.tp-layout-header .header-user ul li:last-child {
    cursor: pointer;
}

/* 用户信息inline风格 --end */

/* 修改密码Dialog --start */
.tp-layout-header .editPawDialog {
    width: 400px;
}
/* 修改密码Dialog --end */

/*账号菜单 start*/
.el-dropdown-menu.tp-layout-header-operation {
    top: 38px !important;
    min-width: 150px;
    background-color: #000;
    border: 0px;
    border-radius: 0px;
    margin-right: -20px;
}

.el-dropdown-menu.tp-layout-header-operation .popper__arrow {
    display: none;
}

.el-dropdown-menu.tp-layout-header-operation .el-dropdown-menu__item {
    color: #fff;
}

.el-dropdown-menu.tp-layout-header-operation .el-dropdown-menu__item:focus,
.el-dropdown-menu.tp-layout-header-operation .el-dropdown-menu__item:not(.is-disabled):hover {
    color: #fff;
    background-color: rgba(102, 195, 55, 0.7);
}

.tp-layout-header__user .el-icon-user{
    font-size: 22px;
    position: absolute;
    left: -28px;
    top: 12px;
}
.tp-layout-header__user .el-icon--right{
    display: none;
}
/*账号菜单 start*/

.tp-layout-header .top-right-nav {
    float: right;
    margin-right: 18px;
}

.side-nav .el-menu {
    border-right: none;
    z-index: 10;
}

.side-nav .full-screen-navBg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.side-nav .el-submenu .el-menu-item {
    min-width: 0;
}
/**
左侧菜单--start
 */
/* 左侧导航固定 --start*/
.tp-nav-bar.left {
    /*position: fixed !important;*/
    max-width: 216px;
}

/* 左侧导航固定 --end*/
/*.tp-nav-bar.left-hover {
    width: 201px;
}

.tp-nav-bar.left-hover .el-menu--collapse .el-submenu__title,
.tp-nav-bar.left-hover .el-menu-item {
    width: 200px;
}

.tp-nav-bar.left-hover .el-menu--collapse .el-submenu__title span {
    height: 44px;
    width: auto;
    overflow: visible;
    visibility: visible;
    display: inline-block;
}*/

.tp-nav-left.el-menu--vertical {
    left: 200px !important;
}

.tp-nav-bar.left {
    /*overflow: hidden !important;*/
}

.tp-nav-bar.left .el-submenu__title:hover,
.tp-nav-bar.left .el-menu-item:hover {
    color: #fff;
    background-color: #5aa734; /*rgba(102, 195, 55, 0.7)*/
}

.tp-nav-bar.left .el-submenu__title,
.tp-nav-bar.left .el-menu-item {
    height: 44px;
    line-height: 44px;
    padding-left: 10px !important;
}

.tp-nav-bar.left .el-submenu__title i,
.tp-nav-bar.left .el-menu-item i {
    color: #FFF;
}

.tp-nav-bar.left .el-menu--collapse {
    width: 43px !important;
}

.tp-nav-bar.left .el-menu-item.is-active {
    background-color: #5aa734; /*rgba(102, 195, 55, 0.7)*/
    border-bottom-color: transparent;
    color: #fff;
}

.tp-nav-left.el-menu--vertical {
    background-color: #1c1d22;
    color: #fff;
}

.tp-nav-left .el-menu--popup {
    background-color: #1c1d22;
    padding: 0 0 !important;
}

.tp-nav-left .el-menu--popup-right-start {
    margin-left: 0px;
    margin-right: 0px;
}

.tp-nav-left .el-menu--popup .el-menu-item,
.tp-nav-left .el-menu--popup .el-menu-item i {
    color: #fff;
    padding: 0 0 !important;
}

.tp-nav-left .el-menu--popup .el-menu-item {
    height: 44px;
    line-height: 44px;
}

.tp-nav-left .el-menu--popup .el-menu-item:hover {
    color: #fff;
    background-color: #5aa734; /*rgba(102, 195, 55, 0.7)*/
}

.tp-nav-left .el-menu--popup .el-menu-item.is-active {
    color: #FFF;
    background-color: #5aa734; /*rgba(102, 195, 55, 0.7)*/
}

/**
左侧菜单--end
 */

.side-nav.left {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    border-right: 1px solid #ccc;
    /*overflow: auto;*/
    box-sizing: border-box;
}

.side-nav.left > .el-menu:not(.el-menu--collapse) {
    width: 216px;
    max-width: 216px;
    transition: max-width 0.5s ease;
}

.side-nav.left > .el-menu:not(.el-menu--collapse) > div, .side-nav.left > .el-menu:not(.el-menu--collapse) > li {
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 2px;
    overflow: hidden;
}

.side-nav.left > .el-menu:not(.el-menu--collapse) > li.is-opened .el-submenu__title, .side-nav.left > .el-menu:not(.el-menu--collapse) > li.is-opened .el-menu {
    background-color: rgba(90, 167, 52, 0.22);
}

.side-nav.left .el-menu {
    height: 100%;
    overflow-y: auto;
    position: relative;
}

.side-nav.left,
.side-nav.left .el-menu {
    z-index: 999;
    border-right-width: 0px;
}

.side-nav.left {
    background-color: #1c1d22;
}

.side-nav.left .el-menu {
    background-color: transparent;
}

.side-nav.left .el-menu-item,
.side-nav.left .el-menu .el-submenu__title {
    /*color: #333*/
    color: #fff;
}

.side-nav.left .el-menu .el-submenu__title:hover {
    color: #fff;
}

.side-nav.left .el-menu-item .is-active {
    background-color: rgba(82, 186, 181, 0.38);
    color: #303133;
}

.side-nav.left .el-menu::-webkit-scrollbar {
    display: none;
}

/*菜单展开、收缩开关 start*/
.tp-nav-bar .switch {
    position: absolute;
    width: 10px;
    height: 40px;
    right: -10px;
    color: #5a5a5a;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 1px 0px 3px 0px #777777;
    cursor: pointer;
}

.tp-nav-bar .switch span {
    font-size: 12px;
}

/*菜单展开、收缩开关 end*//**头部导航 --start*/

.tp-nav-bar.top {
    float: left;
    margin-left: 20px;
}

.tp-nav-bar.top > .el-menu {
    background-color: transparent;
}

.tp-nav-bar.top > .el-menu > .el-menu-item {
    color: #fff;
    height: 50px;
    line-height: 50px;
}

.tp-nav-bar.top > .el-menu > .el-menu-item:hover {
    color: #fff;
    background-color: rgba(102, 195, 55, 0.7);
}

.tp-nav-bar.top > .el-menu > .el-menu-item.is-active {
    background-color: transparent;
    border-bottom-color: transparent;
    color: rgba(102, 195, 55, 0.7);
}

.tp-nav-bar.top > .el-menu > .el-submenu > .el-submenu__title,
.tp-nav-bar.top > .el-menu > .el-submenu > .el-submenu__title > .el-submenu__icon-arrow {
    color: #fff;
    margin-top: 0px;
}

.tp-nav-bar.top > .el-menu > .el-submenu:hover .el-submenu__title {
    background-color: rgba(102, 195, 55, 0.7);
}

.tp-nav-bar.top .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
}

.tp-nav-bar.top .el-menu--horizontal > .el-submenu.is-active .el-submenu__title span {
    color: rgba(102, 195, 55, 0.7);
}

.tp-nav-bar.top .el-menu--horizontal.el-menu {
    border-bottom-width: 0px;
}

.tp-nav-bar.top .el-menu--horizontal > .el-submenu > .el-submenu__title {
    height: 50px;
    line-height: 50px;
}

/*菜单浮窗的背景色*/
.tp-nav-top.el-menu--horizontal,
.tp-nav-top.el-menu--horizontal .el-menu,
.tp-nav-top.el-menu--horizontal .el-menu .el-menu-item,
.tp-nav-top.el-menu--horizontal .el-menu .el-submenu__title {
    color: #fff;
    background-color: #000;
    border: none;
}

.tp-nav-top.el-menu--horizontal .el-menu--popup-bottom-start {
    margin-top: 0px;
}

/*悬浮到菜单项的背景色和字体颜色*/
.tp-nav-top.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.tp-nav-top.el-menu--horizontal .el-submenu__title:hover {
    color: #FFFFFF;
    background-color: rgba(102, 195, 55, 0.7);
}

/*被激活菜单项的背景色和字体颜色*/
.tp-nav-top.el-menu--horizontal .el-menu .el-menu-item.is-active,
.tp-nav-top.el-menu--horizontal .el-menu .el-submenu__title.is-active {
    color: #FFFFFF;
    background-color: rgba(102, 195, 55, 0.7);
}

.tp-nav-top.el-menu--horizontal .el-menu .el-submenu.is-active .el-submenu__title {
    color: rgba(102, 195, 55, 0.7);
    background-color: transparent;
}

.tp-nav-top.el-menu--horizontal .el-menu-item:not(.is-disabled) i,
.tp-nav-top.el-menu--horizontal .el-submenu__title i {
    color: #FFFFFF;
}

.tp-nav-top .el-menu .el-submenu .el-submenu__title i.el-icon-arrow-right {
    position: absolute;
    right: 10px;
}

.tp-nav-top .el-menu--popup {
    margin-left: 0px;
    margin-right: 0px;
}

/**头部导航 --end*/
.tp-pagination-sizable.tp-pagination{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #858585;
    font-size: 12px;
}
.tp-pagination-sizable.tp-pagination .left{
    flex: 1;
    display: flex;
    align-items: center;
}
.tp-pagination-sizable.tp-pagination .right{
    display: flex;
}
.tp-pagination-sizable.tp-pagination .border{
    height: 28px;
    line-height: 26px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px;
    user-select: none;
}
.tp-pagination-sizable.tp-pagination .border.number{
    min-width: 30px;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
}
.tp-pagination-sizable.tp-pagination .border.number.active{
    border-color: #66C239;
    color: #66C239;
}
.tp-pagination-sizable.tp-pagination .pointer{
    cursor: pointer;
}
.tp-pagination-sizable.tp-pagination .pointer.disabled{
    cursor: not-allowed;
}
.tp-pagination-sizable.tp-pagination .pointer:not(.disabled):hover{
    color: #66C239;
}
.tp-pagination-sizable.tp-pagination .border, .tp-pagination-sizable.tp-pagination .el-pagination .number, .tp-pagination-sizable.tp-pagination .el-pagination .btn-prev, .tp-pagination-sizable.tp-pagination .el-pagination .btn-next{
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #ffffff;
    color: #858585;
}
.tp-pagination-sizable.tp-pagination .el-pagination .number.active{
    border-color: #66C239;
}
.tp-pagination-sizable.tp-pagination .right .border:first-child{
    margin-right: 6px;
}
.tp-pagination-sizable.tp-pagination .right .pointer:not(:last-child){
    margin-right: 10px;
}
.tp-pagination-sizable.tp-pagination .page-count{
    margin-left: 20px;
    margin-right: 20px;
}
.tp-pagination-sizable.tp-pagination .page-total{
    color: #66C239;
}
.tp-pagination-sizable.tp-pagination .page-jump{
    margin-left: 10px;
}
.tp-pagination-sizable.tp-pagination .page-jump .el-input__inner{
    padding: initial;
    width: 45px;
    text-align: center;
}
.tp-pagination-sizable.tp-pagination .page-jump .el-input-group__append{
    padding: 0 8px;
    background-color: #66C239;
    color: #FFFFFF;
}
.tp-pagination-sizable.tp-pagination .page-jump .el-input-group__append .el-button{
    font-weight: bolder;
    margin: 0;
    padding: 0;
}/*进度条 satart*/
.tp-progress-line .el-progress-bar__inner {
    background: #bee379;
    border: 1px solid #95b763;
    box-sizing: border-box;
    border-radius: 0px;
    /*background: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586774375080&di=29f5e2e4e71b446972249180f1ab58ea&imgtype=0&src=http%3A%2F%2F46.s21i-2.faidns.com%2F2841046%2F2%2FABUIABACGAAg5Ou0mQUo1pmzjwMw6Ac4lAU.jpg");*/
    /*border-bottom-left-radius: 10px;*/
    /*border-top-left-radius: 10px;*/
}

.tp-progress-line .el-progress-bar__innerText {
    display: inherit;
    color: #000000;
}
/*进度条 end*/
/*单选框 start*/
.tp-radio {
    display: flex !important;
}

.tp-radio .__content {
    flex: 1;
}

.el-form-item.tp-radio {
    display: inline-block !important;
}

/*单选框 end*/

/*按钮单选框 start*/
.tp-radio .el-radio-button__inner {
    /*margin-bottom: 4px;*/
}

/*按钮单选框 end*/

/*Tag标签单选框 start*/

.tp-radio-group-tag .el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid transparent;
    border-radius: 0;
    box-shadow: none !important;
    box-sizing: border-box;
}

.tp-radio-group-tag .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: #66C239;
    border: 1px solid #66C239;
    background-color: #f0f9eb;
    box-shadow: 0px 0 0 0 transparent;
    border-radius: 4px;
    box-sizing: border-box;
}

.tp-radio-group-tag .el-radio-button__inner {
    border: 1px solid transparent;
    margin-right: 4px;
    margin-bottom: 4px;
    box-sizing: border-box;
}

/*Tag标签单选框 end*/

/*多选框 start*/
.tp-checkbox {
    display: flex !important;
}

.tp-checkbox .__content {
    flex: 1;
}

/*多选框 end*/

/*按钮多选框 start*/
.tp-checkbox .el-checkbox-button__inner {
    /*margin-bottom: 4px;*/
}

/*按钮多选框 end*/

/*Tag标签多选框 start*/

.tp-checkbox-group-tag .el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid transparent;
    border-radius: 0;
    box-shadow: none !important;
    box-sizing: border-box;
}

.tp-checkbox-group-tag .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #66C239;
    border: 1px solid #66C239;
    background-color: #f0f9eb;
    box-shadow: 0px 0 0 0 transparent;
    border-radius: 4px;
    box-sizing: border-box;
}

.tp-checkbox-group-tag .el-checkbox-button__inner {
    border: 1px solid transparent;
    margin-right: 4px;
    margin-bottom: 4px;
    box-sizing: border-box;
}

.tp-checkbox-group-tag .el-checkbox-button.is-focus:not(.is-checked) .el-checkbox-button__inner {
    border: 1px solid transparent;
    box-sizing: border-box;
}

.tp-checkbox-group-tag .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border: 1px solid #66C239;
    box-sizing: border-box;
}

/*Tag标签多选框 end*//*卡片走马灯数据表格 start*/
.tp-table-card-carousel{

}
.tp-table-card-carousel .card-carousel{
    background-color: #f2f5f7;
    border-radius: 4px;
    padding: 10px 16px;
}
.tp-table-card-carousel .card-carousel .title{
    margin-bottom: 10px;
    color: #49494a;
    font-size: 12px;
}
.tp-table-card-carousel .card-carousel .carousel-main, .tp-table-card-carousel .card-carousel .no-data{
    display: flex;
    align-items: center;
    height: 62px;
    position: relative;
}
.tp-table-card-carousel .card-carousel .no-data{
    justify-content: center;
    color: #a5b0b9;
    font-size: 12px;
}
.tp-table-card-carousel .card-carousel .carousel-main .swiper-container{
    flex: 1;
    margin-left: 16px;
    margin-right: 16px;
}
.tp-table-card-carousel .card-carousel .carousel-main .swiper-container .swiper-slide{
    cursor: pointer;
    background-color: #ffffff;
    box-sizing: border-box;
    border: 1px solid #e6ecf0;
    overflow: hidden;
    border-radius: 4px;
}
.tp-table-card-carousel .card-carousel .carousel-main .swiper-container .selected{
    border: 1px solid #6cd077;
}
.tp-table-card-carousel .card-carousel .carousel-main .prev, .tp-table-card-carousel .card-carousel .carousel-main .next{
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background-color: #8dcf6f;
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    font-size: 26px;
    cursor: pointer;
    user-select: none;
}
.tp-table-card-carousel .card-carousel .carousel-main .prev i, .tp-table-card-carousel .card-carousel .carousel-main .next i{
    font-weight: bolder;
}
.tp-table-card-carousel .card-carousel .carousel-main .swiper-container .swiper-slide .default-card{
    height: 62px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6ecf0;
    overflow: hidden;
}
/*卡片走马灯数据表格 end*//*表格--start*/

/*toolbar*/
.tp-table .toolbar {
    margin-top: 0px;
    padding-right: 12px;
    padding-left: 0px;
}

.tp-table .toolbar > button {
    margin-bottom: 16px;
}

/*table*/
.tp-table-complex .el-table {
    height: 100% !important;
}

/*title*/
.el-table th {
    background-color: #ebebeb !important;
    padding: 6px 0;
}

.tp-table .el-table th > .cell {
    font-weight: bold;
    color: #252a2f;
}

/*body*/
.tp-table .el-table__body-wrapper {
    height: calc(100% - 6px) !important;
    padding: 0 0 6px 0;
}

/*无数据时宽度*/
.tp-table .el-table__empty-block {
    width: 100% !important;
}

/*行*/
.tp-table .el-table td {
    padding: 8px 0;
}

.el-table--border td {
    border-bottom: none;
}

.tp-table .el-table td:not(:last-child),
.tp-table .el-table th:not(:last-child) {
    border-right: none;
}

/*行高亮*/
.el-table--striped .el-table__body tr.el-table__row--striped td {
    /*background: #F7F7F7;*/
    background: #f2f3f3;
}

/*图片列与图片dialog*/
.tp-table .tp-table-cell-img {
    max-width: 50px;
    max-height: 22px;
    border: none;
}

.tp-table-img-dialog {
    width: auto;
    max-width: 60%;
}

.tp-table-img-dialog .el-message-box__message img {
    max-width: 100%;
}

/*loading*/
.tp-table .el-loading-mask {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0.3;
}

/*操作列图标按钮手势*/
.tp-table-complex .op_icon {
    cursor: pointer;
    padding: 0 5px;
}

.tp-table-complex .tp-btn-icon.focusing {
    outline-width: 0;
}

.el-table--border, .el-table--group {
    border: 1px solid #ebebeb;
    border-right: none;
}

.tp-search-group-slot .tp-btn.el-button--mini {
    margin-top: 2px;
}

.tp-search-group-slot .tp-btn-back {
    margin-right: 0px;
    float: right;
}

.tp-table-complex .op_icon[no-auth="true"],
.tp-table-complex .op_icon[no-auth="true"]:before {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    color: gray !important;
}

.tp-table-complex .tp-btn[no-auth="true"] {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    color: gray !important;
    background: #DCDFE6;
}

/*表格--end*/

/*------------表格左右设置padding------------start*/

.padding.tp-table .tp-search-group-slot {
    border: 1px solid #ebeef5;
    border-top-width: 0px;
}

.padding.tp-table .toolbar {

}

.padding.el-table th {
    background-color: #fff !important;
    padding: 6px 0;
}

/*toolba左侧margin*/
.padding.tp-table .toolbar {
    padding: 16px 12px 0px 26px;
    /*margin-top: 16px;*/
    /*padding-right: 12px;*/
    /*margin-bottom: 0px;*/
    /*padding-left: 26px;*/
}

/*左右侧padding与背景*/
.padding.tp-table .el-table__fixed .el-table__fixed-body-wrapper {
    left: 8px;
}

.padding.tp-table .el-table__fixed-right .el-table__fixed-body-wrapper {
    right: 8px;
}

.padding.tp-table .el-table__fixed,
.padding.tp-table .el-table__fixed-right {
    background: #fff;
}

.padding.tp-table .el-table__body-wrapper {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.padding.tp-table .el-table--border td,
.padding.tp-table .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 0px solid rgb(235, 238, 245);
}

.padding.tp-table .el-table__fixed-right::before,
.padding.tp-table .el-table__fixed::before {
    background-color: transparent;
}

.padding.tp-table .el-table__fixed .el-table__fixed-header-wrapper thead tr th:first-child {
    padding-left: 15px !important;
}

/*------------表格左右设置padding------------end*/

/* mini表格 start*/
.el-table--mini td,
.el-table--mini th {
    padding: 6px 0 !important;
}

.el-table--mini + .tp-pagination {
    margin-top: 6px;
    margin-bottom: 6px;
}

.el-table--mini + .tp-pagination-sizable.tp-pagination.small .border {
    height: 22px;
    line-height: 20px;
}

.el-table--mini + .tp-pagination-sizable.tp-pagination.small .el-input--mini .el-input__inner {
    height: 22px;
    line-height: 22px;
}

/*mini表格  end*/
/*网格状表格 start*/
.tp-table-grid{
    width: 100%;
    min-height: 120px;
}
.tp-table-grid .grid{
    margin-top: 10px;
    width: 100%;
    overflow: auto;
    position: relative;
}
.tp-table-grid .no-data{
    line-height: 120px;
    text-align: center;
}
.tp-table-grid .grid .row{
    margin-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.tp-table-grid .grid .row .cell{
    /*width: 380px;
    height: 250px;
    box-sizing: border-box;
    background-color: #20a0ff;*/
}
.tp-table-grid .grid .row .cell.virtual{
    opacity: 0;
    height: 0;
}
/*网格状表格 end*//*图片表格 start*/
.tp-table-img-grid {
    position: relative;
    overflow: hidden;
}

.tp-table-img-grid .no-data {
    text-align: center;
}

.tp-table-img-grid .grid-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tp-table-img-grid .grid-container ul {
    list-style: none;
    height: 100%;
    overflow: hidden;
}

.tp-table-img-grid .grid-container ul:after {
    content: '';
    width: 0;
    height: 0;
    clear: both;
}

.tp-table-img-grid .grid-container ul li {
    float: left;
    margin-right: 35px;
    margin-top: 20px;
    position: relative;
    cursor: pointer;
}

.tp-table-img-grid .grid-container ul li .operation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    border: 1px solid rgba(216, 216, 216, 0.7);
}

.tp-table-img-grid .grid-container ul li .operation i.el-icon-close {
    cursor: pointer;
    font-size: 20px;
}

/*图片表格 end*//*已选标签 start*/
.tp-tag-checked {
    margin-bottom: 8px;
    min-height: 28px;
    line-height: 28px;
    display: flex;
}

.tp-tag-checked .content {
    flex: 1;
}

.tp-tag-checked .el-tag {
    margin-right: 4px;
    border-color: #66C239;
    margin-bottom: 4px;
}

.tp-tag-checked .el-tag .source-label {
    color: #000000;
}

.tp-tag-checked .el-tag .el-icon-close {
    font-size: 16px;
    height: 18px;
    width: 18px;
    line-height: 18px;
}

/*已选标签 end*/
/*ui 列表-垂直居中 start*/
.tp-ul-vertical{
    width: 220px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tp-ul-vertical .tp-ul-header {
    background: #E5E5E5;
}

.tp-ul-li_inner ul {
    display: flex;
}


.tp-ul-li_inner ul li {
    flex: 1;
}
/*ui 列表-垂直居中 start*/
/*总览图表块 start*/
.tp-block-overview .block-overview-item {
    height: 86px;
    box-sizing: border-box;
    border-radius: 10px;
    background: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
}

.tp-block-overview .block-overview-item .el-card__body {
    height: 72px;
    padding: 7px;
}

.tp-block-overview-body {
    margin-left: 20px;
    width: 50px;
    justify-content: center;
    height: 100%;
    align-items: center;
    display: flex;
}

/*总览图表块 end*//*修改密码 --start*/
.modpasswd-dialog .el-dialog:not(.is-fullscreen) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.modpasswd-dialog .el-dialog__header {
    padding: 0px;
}

.modpasswd-dialog .el-dialog__title {
    padding-left: 15px;
}

.modpasswd-dialog .el-dialog__footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: flex;
    justify-content: center;
    padding: 0px;
}

#passwdForm {
    padding-left: 86px;
    padding-top: 20px;
}/*tp-gaodemap-location start*/
.tp-gaodemap-location .el-form-item__content {
    line-height: initial;
}

.tp-gaodemap-location {
    margin-top: 4px;
}

.tp-gaodemap-location .location-info {
    height: 34px;
    background-color: #555555;
    display: flex;
    align-items: center;
    color: #ececec;
    overflow: hidden;
    font-size: 12px;
}

.tp-gaodemap-location .location-info .left {
    flex: 1;
    padding-left: 15px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tp-gaodemap-location .location-info .right {
    padding-right: 15px;
}

.tp-gaodemap-location .location-info .right .lng {
    margin-right: 15px;
}

.tp-gaodemap-location .map-container {
    position: relative;
    box-sizing: border-box;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.tp-gaodemap-location .map-container .search-box {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    height: 30px;
}

.tp-gaodemap-location .map-container .search-box input {
    width: 165px;
    height: 100%;
    padding-left: 9px;
    padding-right: 9px;
    box-sizing: border-box;
    border: 1px solid #d8d9d9;
    border-right: 0;
    background-color: #f0f4f7;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    font-size: 12px;
}

.tp-gaodemap-location .map-container .search-box .search-btn {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #555555;
    height: 100%;
    color: #FFFFFF;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.tp-gaodemap-location .map-container .loc-center {
    position: absolute;
    left: 15px;
    bottom: 18px;
    z-index: 100;
}

.tp-gaodemap-location .map-container .loc-center img {
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.tp-gaodemap-location__footer {
    margin-top: 12px;
}

/*tp-gaodemap-location end*/

/*tp-gaodemap-land-mark start*/

.tp-gaodemap-land-mark-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
}

.tp-gaodemap-land-mark-container .mark-title {
    font-size: 14px;
    width: 100px;
    vertical-align: middle;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    color: #606266;
}

.tp-gaodemap-land-mark-container .mark-title .error {
    color: #F56C6C;
    font-size: 12px;
    margin-left: 5px;
}

.tp-gaodemap-land-mark {
    flex: 1;
}

.tp-gaodemap-land-mark .map-container {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    width: 97% !important;
    margin-top: 6px;
}

.tp-gaodemap-land-mark .map-container .mark-btn-wrap {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 99;
}

.tp-gaodemap-land-mark .map-container .mark-btn-wrap .tp-btn-common {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tp-gaodemap-land-mark .map-container .color-setting {
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 99;
    display: flex;
    align-items: center;
}

.tp-gaodemap-land-mark .map-container .color-setting > div {
    overflow: hidden;
}

.tp-gaodemap-land-mark .map-container .color-setting .current-color {
    border-radius: 2px;
    margin-left: 8px;
    width: 12px;
    height: 12px;
}

.tp-gaodemap-land-mark .map-container .color-setting .color-picker-icon {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.tp-gaodemap-land-mark .map-container .color-setting .color-picker-icon > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tp-gaodemap-land-mark .map-container .color-setting .color-picker-icon .el-color-picker {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
}

/*tp-gaodemap-land-mark end*/
/*tp-bigscreen-menu start*/
.tp-bigscreen-menu {
    position: absolute;
    top: 0px;
    /*left:10px;*/
    right: 10px;
    z-index: 1000;
    font-size: 14px;
}

.tp-bigscreen-menu .menu-switch {
    position: relative;
    /*top:0;*/
    /*right: 0;*/
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1002;
    /*background-image: url("img/bigscreen-menu/bigscreen-menu.png");*/
    /*background-size: contain;*/
}

.tp-bigscreen-menu .menu-switch > .img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    transition: all 1s;
    background-image: url("img/bigscreen-menu/bigscreen-menu_inner.png");
    background-size: contain;
}

.tp-bigscreen-menu ul {
    list-style: none;
    padding: 0;
    padding-right: 0px;
    margin: 0;
    position: absolute;
    top: 26px;
    right: 1px;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}

.tp-bigscreen-menu ul li {
    transition: left 0.2s linear;
    background-image: url("img/bigscreen-menu/bigscreen-menu_item.png"), url("img/bigscreen-menu/bigscreen-menu_item-dot.png");
    background-position: right 30px top, right 22px top;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, 6px;
    margin-bottom: 8px;
}

.tp-bigscreen-menu ul li:hover,
.tp-bigscreen-menu ul li.active {
    background-image: url("img/bigscreen-menu/bigscreen-menu_item-active.png"), url("img/bigscreen-menu/bigscreen-menu_item-dot.png");
    background-position: right 30px top, right 22px top;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, 6px;
    margin-bottom: 8px;
}

.tp-bigscreen-menu ul li:first-child {
    margin-top: 28px;
}

.tp-bigscreen-menu ul li .menu-wrap {
    padding: 2px 0;
}

.tp-bigscreen-menu ul li .menu {
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}

.tp-bigscreen-menu ul li .menu:hover,
.tp-bigscreen-menu ul li.active .menu {
    color: rgb(255, 140, 0);
}
/*tp-bigscreen-menu end*/




.tp-table-complex .container {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tp-table-complex .body {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--table-box-shadow, 2px 4px 9px 0px rgba(216,216,216,0.29));
}