/*!
 * 
 *         Date:  2025-08-12 19:51:52,
 *         Branch:  release-tongtui-1.5.85,
 *
 */
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.bookMarkerV2
 *         
 */
.bookmark-container {
    top: 75px;
    left: 75px;
}
.bookmarker-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: var(--webgis-font-size-base, 14px);
    box-sizing: border-box;
}
.bookmarker-wrap div {
    box-sizing: inherit;
}
.bookmarker-wrap .gisIconfont {
    font-size: 12px;
}
.bookmarker-wrap .wrap-head {
    display: flex;
    padding: 5px 5px 0 5px;
}
.bookmarker-wrap .wrap-body {
    color: var(--theme-primary-title, #fff);
    flex: 1;
    overflow: hidden;
    padding-bottom: 5px;
}
.bookmarker-wrap .webgis-bookmarker-list {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 10px;
}
.bookmarker-wrap .webgis-bookmarker-ul li {
    display: flex;
    border-bottom: 1px solid var(--theme-divider-color);
    overflow: hidden;
    align-items: center;
    padding: 5px;
}
.bookmarker-wrap .webgis-bookmarker-ul li:hover {
    background-color: #f3f9f9;
}
.bookmarker-wrap .webgis-bookmarker-ul li:hover .webgis-bookmarker-editoperate {
    display: block;
}
.bookmarker-wrap .webgis-bookmarker-info {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}
.bookmarker-wrap ::v-deep .gk-input--medium .gk-input__inner {
    padding-left: 30px;
    border: 0px;
    font-size: 14px;
    background-color: var(--theme-bg);
    border: 1px solid var(--btn-primary);
    border-radius: 6px;
    color: var(--theme-primary-title);
}
.bookmarker-wrap .webgis-bookmarker-edittxt {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #999;
    padding-bottom: 3px;
    color: var(--theme-sub);
    flex: 1;
    height: 30px;
    line-height: 30px;
}
.bookmarker-wrap .webgis-bookmarker-editoperate {
    margin-left: 10px;
}
.bookmarker-wrap .webgis-bookmarker-editoperate i {
    vertical-align: 1px;
    cursor: pointer;
}
.bookmarker-wrap .webgis-bookmarker-editoperate i + i {
    margin-left: 5px;
}
.bookmarker-wrap .webgis-bookmarker-editoperate .webgis-bookmarker-edit:hover,
.bookmarker-wrap .webgis-bookmarker-editoperate .webgis-bookmarker-save:hover {
    color: var(--webgis-primary-color, #007bd1);
}
.bookmarker-wrap .webgis-bookmarker-editoperate .webgis-bookmarker-del:hover {
    color: red;
}
.bookmarker-wrap .webgis-bookmarker-add {
    display: flex;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    padding: 0 10px;
    border-bottom: 1px solid var(--theme-divider-color);
    background-color: var(--webgis-second-color, #007bd1);
}
.bookmarker-wrap .webgis-bookmarker-add .webgis-bookmarker-addtxt {
    flex: 1;
    color: var(--theme-primary-title);
}
.bookmarker-wrap .bookmarker-btn {
    margin-left: 8px;
}
.bookmarker-wrap .webgis-bookmarker-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: cover;
    margin-right: 6px;
}
.bookmarker-wrap .bookmark-space {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjYyMDI1Mzg0NTI3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwOTM1IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik0xMjggMjk4LjY4OGE0Mi42ODggNDIuNjg4IDAgMCAwIDg1LjM3NiAwVjI1NkgyNTZhNDIuNjg4IDQyLjY4OCAwIDAgMCAwLTg1LjMxMmgtNDIuNjI0VjEyOEE0Mi42ODggNDIuNjg4IDAgMCAwIDEyOCAxMjh2NDIuNjg4aC00Mi42MjRhNDIuNjg4IDQyLjY4OCAwIDEgMCAwIDg1LjMxMkgxMjh2NDIuNjg4ek03ODQuODMyIDE4My42OGE0Mi42MjQgNDIuNjI0IDAgMCAwLTMwLjY1Ni0xMi45OTJINDI5LjQ0bC00LjkyOCAwLjI1NmE0Mi42ODggNDIuNjg4IDAgMCAwLTM3Ljc2IDQyLjM2OGwwLjMyIDQuOTkyYzIuNDk2IDIxLjI0OCAyMC40OCAzNy42OTYgNDIuMzY4IDM3LjY5Nkg2NDB2MTcwLjY4OGMwIDIzLjU1MiAxOS4xMzYgNDIuNjI0IDQyLjY4OCA0Mi42MjRoMTcwLjY4OHYzNDEuMzEySDE3MC42ODh2LTM1MC4wOGwtMC4zMi00Ljk5MmE0Mi42ODggNDIuNjg4IDAgMCAwLTg0Ljk5MiA0Ljk5MnYzOTIuNzY4bDAuMjU2IDQuOTkyYzIuNDk2IDIxLjI0OCAyMC40OCAzNy43NiA0Mi4zNjggMzcuNzZoNzY4bDQuOTkyLTAuMzJhNDIuNjg4IDQyLjY4OCAwIDAgMCAzNy42OTYtNDIuNDMydi00NTQuNGwtMC4zODQtNS41NjhhNDIuNjg4IDQyLjY4OCAwIDAgMC04LjM4NC0yMC4zNTJsLTE0MS44MjQtMTg1LjYtMy4yLTMuNzEyeiBtNDYuMDggMjAwLjMyaC0xMDUuNlYyNTZoNy43NDRsOTcuOTIgMTI4eiIgZmlsbD0iIzBEODY3RiIgcC1pZD0iMTA5MzYiPjwvcGF0aD48L3N2Zz4=);
}
.bookmarker-wrap .bookmark-device {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjYyMDI1NDg1NzM3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMDcxIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik03OTEuNDg4IDMzNi42NFYzODRoMTkuMmExMjggMTI4IDAgMCAxIDEyOCAxMjh2MzQxLjMxMmExMjggMTI4IDAgMCAxLTEyOCAxMjhIMjEzLjI0OGExMjggMTI4IDAgMCAxLTEyOC0xMjhWNTEyYTEyOCAxMjggMCAwIDEgMTI4LTEyOGgxOS4xMzZ2LTQ3LjM2aC02MS44MjRWMjcxLjEwNGg2MS44MjR2LTU5Ljc3NmgtNjEuODI0di02My4zNmg2MS44MjR2LTYyLjY1Nmg2NHY2Mi43Mmg2MS43NnY2My4zNkgyOTYuMzJ2NTkuNzEyaDYxLjgyNFYzMzYuNjRIMjk2LjMyVjM4NGgxODQuNzA0di00Ny4zNkg0MTguNTZWMjcxLjEwNGg2Mi41Mjh2LTU5Ljc3Nkg0MTguNTZ2LTYzLjM2aDYyLjUyOHYtNjIuNjU2aDYxLjc2djYyLjcyaDYyLjUyOHY2My4zNmgtNjIuNTI4djU5LjcxMmg2Mi41MjhWMzM2LjY0aC02Mi41MjhWMzg0aDE4NC43MDR2LTQ3LjM2aC02MS44MjRWMjcxLjEwNGg2MS44MjR2LTU5Ljc3NmgtNjEuODI0di02My4zNmg2MS44MjR2LTYyLjY1Nmg2NHY2Mi43Mmg2MS43NnY2My4zNmgtNjEuODI0djU5LjcxMmg2MS44MjRWMzM2LjY0aC02MS44MjR6TTIxMy4zMTIgNDY5LjMxMkE0Mi42ODggNDIuNjg4IDAgMCAwIDE3MC42MjQgNTEydjM0MS4zMTJjMCAyMy42MTYgMTkuMTM2IDQyLjY4OCA0Mi42ODggNDIuNjg4aDU5Ny4zMTJhNDIuNjg4IDQyLjY4OCAwIDAgMCA0Mi42ODgtNDIuNjg4VjUxMmE0Mi42ODggNDIuNjg4IDAgMCAwLTQyLjY4OC00Mi42ODhIMjEzLjMxMnogbTI1NiAyOTguNjg4YTQyLjY4OCA0Mi42ODggMCAwIDAgODUuMzEyIDB2LTQyLjY4OGg0Mi42ODhhNDIuNjg4IDQyLjY4OCAwIDAgMCAwLTg1LjMxMmgtNDIuNjg4di00Mi42ODhhNDIuNjg4IDQyLjY4OCAwIDEgMC04NS4zMTIgMFY2NDBoLTQyLjY4OGE0Mi42ODggNDIuNjg4IDAgMCAwIDAgODUuMzEyaDQyLjY4OFY3Njh6IiBmaWxsPSIjMEQ4NjdGIiBwLWlkPSIxMTA3MiI+PC9wYXRoPjwvc3ZnPg==);
}
.bookmarker-wrap .gk-input-group--append .gk-input-group__append,
.bookmarker-wrap .gk-input-group--append .gk-input-group__prepend {
    background-color: var(--webgis-primary-color, #007bd1);
    border: 1px solid var(--webgis-primary-color, #007bd1);
    color: #fff;
}
#bookMarkerPanel {
    min-height: 300px;
}
#bookMarkerPanel .span-div {
    padding: 0;
}
#bookMarkerPanel .bookmarker-btn {
    background-color: var(--theme-primary, #078b7e);
    border-color: var(--theme-primary, #078b7e);
}
#bookMarkerPanel .bookmarker-btn:hover {
    background-color: rgb(8.2226027397, 163.2773972603, 148.0068493151);
    border-color: rgb(8.2226027397, 163.2773972603, 148.0068493151);
}
#bookMarkerPanel .gk-input.is-active.gk-input__inner,
#bookMarkerPanel .gk-input__inner:focus {
    border-color: var(--theme-primary, #078b7e);
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.bookMark
 *         
 */
.bookmark-container {
    top: 75px;
    left: 75px;
}
.bookmarker-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: var(--webgis-font-size-base, 14px);
    box-sizing: border-box;
}
.bookmarker-wrap div {
    box-sizing: inherit;
}
.bookmarker-wrap .gisIconfont {
    font-size: 12px;
}
.bookmarker-wrap .wrap-head {
    display: flex;
    padding: 5px 5px 0 5px;
}
.bookmarker-wrap .wrap-body {
    color: var(--theme-primary-title, #fff);
    flex: 1;
    overflow: hidden;
    padding-bottom: 5px;
}
.bookmarker-wrap .webgis-bookmarker-list {
    height: calc(100% - 40px);
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 10px;
}
.bookmarker-wrap .webgis-bookmarker-ul li {
    display: flex;
    border-bottom: 1px solid var(--theme-divider-color);
    overflow: hidden;
    align-items: center;
    padding: 5px;
}
.bookmarker-wrap .webgis-bookmarker-ul li:hover {
    background-color: #f3f9f9;
}
.bookmarker-wrap .webgis-bookmarker-ul li:hover .webgis-bookmarker-editoperate {
    display: block;
}
.bookmarker-wrap .webgis-bookmarker-info {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}
.bookmarker-wrap ::v-deep .el-input--medium .el-input__inner {
    padding-left: 30px;
    border: 0px;
    font-size: 14px;
    background-color: var(--theme-bg);
    border: 1px solid var(--btn-primary);
    border-radius: 6px;
    color: var(--theme-primary-title);
}
.bookmarker-wrap .webgis-bookmarker-edittxt {
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #999;
    padding-bottom: 3px;
    color: var(--theme-sub);
    flex: 1;
    height: 30px;
    line-height: 30px;
}
.bookmarker-wrap .webgis-bookmarker-editoperate {
    margin-left: 10px;
}
.bookmarker-wrap .webgis-bookmarker-editoperate i {
    vertical-align: 1px;
    cursor: pointer;
}
.bookmarker-wrap .webgis-bookmarker-editoperate i + i {
    margin-left: 5px;
}
.bookmarker-wrap .webgis-bookmarker-editoperate .webgis-bookmarker-edit:hover,
.bookmarker-wrap .webgis-bookmarker-editoperate .webgis-bookmarker-save:hover {
    color: var(--webgis-primary-color, #007bd1);
}
.bookmarker-wrap .webgis-bookmarker-editoperate .webgis-bookmarker-del:hover {
    color: red;
}
.bookmarker-wrap .webgis-bookmarker-add {
    display: flex;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    padding: 0 10px;
    border-bottom: 1px solid var(--theme-divider-color);
    background-color: var(--webgis-second-color, #007bd1);
}
.bookmarker-wrap .webgis-bookmarker-add .webgis-bookmarker-addtxt {
    flex: 1;
    color: var(--theme-primary-title);
}
.bookmarker-wrap .bookmarker-btn {
    margin-left: 8px;
}
.bookmarker-wrap .webgis-bookmarker-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: cover;
    margin-right: 6px;
}
.bookmarker-wrap .bookmark-space {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjYyMDI1Mzg0NTI3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwOTM1IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik0xMjggMjk4LjY4OGE0Mi42ODggNDIuNjg4IDAgMCAwIDg1LjM3NiAwVjI1NkgyNTZhNDIuNjg4IDQyLjY4OCAwIDAgMCAwLTg1LjMxMmgtNDIuNjI0VjEyOEE0Mi42ODggNDIuNjg4IDAgMCAwIDEyOCAxMjh2NDIuNjg4aC00Mi42MjRhNDIuNjg4IDQyLjY4OCAwIDEgMCAwIDg1LjMxMkgxMjh2NDIuNjg4ek03ODQuODMyIDE4My42OGE0Mi42MjQgNDIuNjI0IDAgMCAwLTMwLjY1Ni0xMi45OTJINDI5LjQ0bC00LjkyOCAwLjI1NmE0Mi42ODggNDIuNjg4IDAgMCAwLTM3Ljc2IDQyLjM2OGwwLjMyIDQuOTkyYzIuNDk2IDIxLjI0OCAyMC40OCAzNy42OTYgNDIuMzY4IDM3LjY5Nkg2NDB2MTcwLjY4OGMwIDIzLjU1MiAxOS4xMzYgNDIuNjI0IDQyLjY4OCA0Mi42MjRoMTcwLjY4OHYzNDEuMzEySDE3MC42ODh2LTM1MC4wOGwtMC4zMi00Ljk5MmE0Mi42ODggNDIuNjg4IDAgMCAwLTg0Ljk5MiA0Ljk5MnYzOTIuNzY4bDAuMjU2IDQuOTkyYzIuNDk2IDIxLjI0OCAyMC40OCAzNy43NiA0Mi4zNjggMzcuNzZoNzY4bDQuOTkyLTAuMzJhNDIuNjg4IDQyLjY4OCAwIDAgMCAzNy42OTYtNDIuNDMydi00NTQuNGwtMC4zODQtNS41NjhhNDIuNjg4IDQyLjY4OCAwIDAgMC04LjM4NC0yMC4zNTJsLTE0MS44MjQtMTg1LjYtMy4yLTMuNzEyeiBtNDYuMDggMjAwLjMyaC0xMDUuNlYyNTZoNy43NDRsOTcuOTIgMTI4eiIgZmlsbD0iIzBEODY3RiIgcC1pZD0iMTA5MzYiPjwvcGF0aD48L3N2Zz4=);
}
.bookmarker-wrap .bookmark-device {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjYyMDI1NDg1NzM3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMDcxIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik03OTEuNDg4IDMzNi42NFYzODRoMTkuMmExMjggMTI4IDAgMCAxIDEyOCAxMjh2MzQxLjMxMmExMjggMTI4IDAgMCAxLTEyOCAxMjhIMjEzLjI0OGExMjggMTI4IDAgMCAxLTEyOC0xMjhWNTEyYTEyOCAxMjggMCAwIDEgMTI4LTEyOGgxOS4xMzZ2LTQ3LjM2aC02MS44MjRWMjcxLjEwNGg2MS44MjR2LTU5Ljc3NmgtNjEuODI0di02My4zNmg2MS44MjR2LTYyLjY1Nmg2NHY2Mi43Mmg2MS43NnY2My4zNkgyOTYuMzJ2NTkuNzEyaDYxLjgyNFYzMzYuNjRIMjk2LjMyVjM4NGgxODQuNzA0di00Ny4zNkg0MTguNTZWMjcxLjEwNGg2Mi41Mjh2LTU5Ljc3Nkg0MTguNTZ2LTYzLjM2aDYyLjUyOHYtNjIuNjU2aDYxLjc2djYyLjcyaDYyLjUyOHY2My4zNmgtNjIuNTI4djU5LjcxMmg2Mi41MjhWMzM2LjY0aC02Mi41MjhWMzg0aDE4NC43MDR2LTQ3LjM2aC02MS44MjRWMjcxLjEwNGg2MS44MjR2LTU5Ljc3NmgtNjEuODI0di02My4zNmg2MS44MjR2LTYyLjY1Nmg2NHY2Mi43Mmg2MS43NnY2My4zNmgtNjEuODI0djU5LjcxMmg2MS44MjRWMzM2LjY0aC02MS44MjR6TTIxMy4zMTIgNDY5LjMxMkE0Mi42ODggNDIuNjg4IDAgMCAwIDE3MC42MjQgNTEydjM0MS4zMTJjMCAyMy42MTYgMTkuMTM2IDQyLjY4OCA0Mi42ODggNDIuNjg4aDU5Ny4zMTJhNDIuNjg4IDQyLjY4OCAwIDAgMCA0Mi42ODgtNDIuNjg4VjUxMmE0Mi42ODggNDIuNjg4IDAgMCAwLTQyLjY4OC00Mi42ODhIMjEzLjMxMnogbTI1NiAyOTguNjg4YTQyLjY4OCA0Mi42ODggMCAwIDAgODUuMzEyIDB2LTQyLjY4OGg0Mi42ODhhNDIuNjg4IDQyLjY4OCAwIDAgMCAwLTg1LjMxMmgtNDIuNjg4di00Mi42ODhhNDIuNjg4IDQyLjY4OCAwIDEgMC04NS4zMTIgMFY2NDBoLTQyLjY4OGE0Mi42ODggNDIuNjg4IDAgMCAwIDAgODUuMzEyaDQyLjY4OFY3Njh6IiBmaWxsPSIjMEQ4NjdGIiBwLWlkPSIxMTA3MiI+PC9wYXRoPjwvc3ZnPg==);
}
.bookmarker-wrap .el-input-group--append .el-input-group__append,
.bookmarker-wrap .el-input-group--append .el-input-group__prepend {
    background-color: var(--webgis-primary-color, #007bd1);
    border: 1px solid var(--webgis-primary-color, #007bd1);
    color: #fff;
}
#bookMarkerPanel {
    min-height: 300px;
}
#bookMarkerPanel .span-div {
    padding: 0;
}
#bookMarkerPanel .bookmarker-btn {
    background-color: var(--theme-primary, #078b7e);
    border-color: var(--theme-primary, #078b7e);
}
#bookMarkerPanel .bookmarker-btn:hover {
    background-color: rgb(8.2226027397, 163.2773972603, 148.0068493151);
    border-color: rgb(8.2226027397, 163.2773972603, 148.0068493151);
}
#bookMarkerPanel .el-input.is-active.el-input__inner,
#bookMarkerPanel .el-input__inner:focus {
    border-color: var(--theme-primary, #078b7e);
}
#bookMarkerPanel .icon-zhiding {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: cover;
    font-size: 14px;
}
#bookMarkerPanel .icon-zhiding:hover {
    color: var(--theme-primary, #078b7e);
}
#bookMarkerPanel .icon-zhiding.is-top {
    color: var(--theme-primary, #078b7e);
}
#bookMarkerPanel .tools {
    display: flex;
    align-items: center;
}
.bookmark-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #fff;
    padding: 10px;
    height: 40px;
}
.bookmark-footer span {
    cursor: pointer;
    color: var(--theme-primary, #078b7e);
    transition: all 0.2s;
}
.bookmark-footer span:hover {
    color: rgb(8.9561643836, 177.8438356164, 161.2109589041);
}
.bookmark-pin {
    width: 12px;
    height: 12px;
    display: inline-block;
    line-height: initial;
    font-size: 12px;
}
.floatpanel-pin {
    width: 25px;
    height: 25px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}
.floatpanel-pin:hover {
    background-color: hsla(130.4, 30.612244898%, 73.0392156863%, 0.4901960784);
}
.floatpanel-pin.is-pin {
    background: hsla(130.4, 30.612244898%, 63.0392156863%, 0.4901960784);
}
.floatpanel-pin.is-pin i {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc3OTE0MDgxODI5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgzMTciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTQ0Mi4yMzE0NjY2NyAzMDIuNTU3ODY2NjdsMjMxLjgzMzYtMjMxLjgzMzZhMTM2LjUzMzMzMzMzIDEzNi41MzMzMzMzMyAwIDAgMSAxOTMuMTI2NCAwbDk2LjUyOTA2NjY2IDk2LjUyOTA2NjY2YTEzNi41MzMzMzMzMyAxMzYuNTMzMzMzMzMgMCAwIDEgMCAxOTMuMDU4MTMzMzRMNzMxLjgxODY2NjY3IDU5Mi4yMTMzMzMzM2E0MDkuNiA0MDkuNiAwIDAgMS0xMDYuMDE4MTMzMzQgMzk1LjY3MzZsLTI2NS40ODkwNjY2Ni0yNjUuNTU3MzMzMzNMMTY3LjI1MzMzMzMzIDkxNS40NTZhMzQuMTMzMzMzMzMgMzQuMTMzMzMzMzMgMCAxIDEtNDguMjY0NTMzMzMtNDguMjY0NTMzMzNsMTkzLjA1ODEzMzMzLTE5My4xMjY0LTI2NS40ODkwNjY2Ni0yNjUuNDg5MDY2NjdhNDA5LjYgNDA5LjYgMCAwIDEgMzk1LjY3MzYtMTA2LjAxODEzMzMzeiBtMzc2LjY5NTQ2NjY2LTE4My42MzczMzMzNGE2OC4yNjY2NjY2NyA2OC4yNjY2NjY2NyAwIDAgMC05Ni41OTczMzMzMyAwbC0yMDkuNTc4NjY2NjcgMjA5LjcxNTJhNDA5LjYgNDA5LjYgMCAwIDEgMTkzLjA1ODEzMzM0IDE5My4wNTgxMzMzNGwyMDkuNTc4NjY2NjYtMjA5LjU3ODY2NjY3YTY4LjI2NjY2NjY3IDY4LjI2NjY2NjY3IDAgMCAwIDAtOTYuNTk3MzMzMzNsLTk2LjQ2MDgtOTYuNTI5MDY2Njd6IG0tMTY3LjM4OTg2NjY2IDcwOS45NzMzMzMzNGEzNDEuMzMzMzMzMzMgMzQxLjMzMzMzMzMzIDAgMCAwLTUwMy41MzQ5MzMzNC00MTUuNDAyNjY2NjdsNDcyLjk1MTQ2NjY3IDQ3Mi45NTE0NjY2N2MxMS45NDY2NjY2Ny0xOC4xNTg5MzMzMyAyMi4yNTQ5MzMzMy0zNy40MTAxMzMzMyAzMC41ODM0NjY2Ny01Ny42MTcwNjY2N3oiIGZpbGw9IiMwNzhCN0UiIHAtaWQ9IjgzMTgiPjwvcGF0aD48L3N2Zz4K);
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.commonUI
 *         
 */
.spinner {
    margin: 100px auto;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 0;
}
.container1 > div,
.container2 > div,
.container3 > div {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.circle1 {
    top: 0;
    left: 0;
}
.circle2 {
    top: 0;
    right: 0;
}
.circle3 {
    right: 0;
    bottom: 0;
}
.circle4 {
    left: 0;
    bottom: 0;
}
.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.container3 .circle1 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}
@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
#hullabalooClose {
    font-size: 20px;
}
.hullabaloo {
    box-sizing: border-box;
    font-size: 14px;
}
.close {
    color: inherit;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--theme-primary-title);
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
.hullabaloo .close:focus,
.hullabaloo .close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
.hullabaloo .close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.hullabaloo button.close {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
}
.hullabaloo.alert {
    position: relative;
    padding: 12px 20px;
    margin-bottom: 116px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
}
.hullabaloo .alert-heading {
    color: inherit;
}
.hullabaloo .alert-link {
    font-weight: 700;
}
.hullabaloo.alert-dismissible {
    padding-right: 25px;
}
.hullabaloo.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 16px;
    color: inherit;
}
.hullabaloo.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.hullabaloo.alert-primary hr {
    border-top-color: #9fcdff;
}
.hullabaloo.alert-primary .alert-link {
    color: #002752;
}
.hullabaloo.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.hullabaloo.alert-secondary hr {
    border-top-color: #c8cbcf;
}
.hullabaloo.alert-secondary .alert-link {
    color: #202326;
}
.hullabaloo.alert-success {
    color: #009d00;
    background-color: rgba(191, 241, 191, 0.87);
    border-color: #7ddb7d;
}
.hullabaloo.alert-success hr {
    border-top-color: #7ddb7d;
}
.hullabaloo.alert-success .alert-link {
    color: #0b2e13;
}
.hullabaloo.alert-info {
    color: #ffa000;
    background-color: rgba(255, 235, 191, 0.87);
    border-color: #ffdb8c;
}
.hullabaloo.alert-info hr {
    border-top-color: #ffdb8c;
}
.hullabaloo.alert-info .alert-link {
    color: #db8a01;
}
.hullabaloo.alert-warning {
    color: #ff1e1e;
    background-color: rgba(255, 210, 210, 0.87);
    border-color: #ff9e9e;
}
.hullabaloo.alert-warning hr {
    border-top-color: #ff9e9e;
}
.hullabaloo.alert-warning .alert-link {
    color: #a31818;
}
.hullabaloo.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.hullabaloo.alert-danger hr {
    border-top-color: #f1b0b7;
}
.hullabaloo.alert-danger .alert-link {
    color: #491217;
}
.hullabaloo.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.hullabaloo.alert-light hr {
    border-top-color: #ececf6;
}
.hullabaloo.alert-light .alert-link {
    color: #686868;
}
.hullabaloo.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.hullabaloo.alert-dark hr {
    border-top-color: #b9bbbe;
}
.hullabaloo.alert-dark .alert-link {
    color: #040505;
}
.selector-box[data-v-0ab4d27c] {
    position: absolute;
    top: 16px;
    z-index: 3000;
    display: flex;
    align-items: center;
    width: 188px;
    height: auto;
    font-size: 14px;
}
.selector-box > span[data-v-0ab4d27c] {
    flex-shrink: 0;
    font-weight: bold;
}
.selector-box__base[data-v-0ab4d27c] {
    right: 480px;
    padding: 5px 0;
    border-radius: 8px;
    background-color: var(--theme-select-bg);
}
.selector-box__base > span[data-v-0ab4d27c] {
    color: var(--theme-primary);
}
.selector-box__base[data-v-0ab4d27c] .gk-select .gk-input--suffix .gk-input__inner {
    color: #0d867f;
}
.selector-box__darkblue[data-v-0ab4d27c] {
    right: 126px;
    padding: 4px;
    border: 1px solid #23447c;
    border-radius: 8px;
    background-image: linear-gradient(to right, rgba(28, 60, 115, 0.8) 0%, #1c3c73 100%);
    background-clip: content-box;
    -webkit-background-clip: content-box;
}
.selector-box__darkblue > span[data-v-0ab4d27c] {
    color: #c6edfc;
}
.selector-box__darkblue[data-v-0ab4d27c]::before,
.selector-box__darkblue[data-v-0ab4d27c]::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
}
.selector-box__darkblue[data-v-0ab4d27c]::before {
    top: -1px;
    left: -1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAJFJREFUKFNjZICC3Nv/2dk+MGQxMjFEMfxn0GZgYOCEySHTjCBO4YX/0sy/GbYwMDE8/vefof//L4YT/VaM37FqAJnM/pHh1P//DCt7TRnbsClCsaHk9P8CBkYGhx4TxgBCikHyjCWn/5/+z8xQ3GvEeIg4DWf+f/v7i0EYl5vRDWEsOfP/f48JI9jzxIARqQEAPgFCS1b7UKkAAAAASUVORK5CYII=)
        no-repeat;
}
.selector-box__darkblue[data-v-0ab4d27c]::after {
    bottom: -1px;
    right: -1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAIxJREFUKFNjZCABlJz5/5+RBPUMQ11Dwv7/HCK8DO+J9nTx2f/GDP8Z5hOv4fT/PkZGhh9EaSg881+XmYFh7x8GBn2CGkpO/9dhYGTY8u8fQ3mfGeNKrBpAHhTmY9Bm/M8QxcDAEPv/H0NGrxnjOlAkM4JiD0ts/2BgYLjzj4Fh8z8GhskTTBifw9QAAG12OKIzG5mzAAAAAElFTkSuQmCC)
        no-repeat;
}
.selector-box__darkblue[data-v-0ab4d27c] .gk-select .gk-input--suffix .gk-input__inner {
    color: #c6edfc;
}
[data-v-0ab4d27c] .gk-select .gk-input--suffix .gk-input__inner {
    padding: 0 30px 0 0;
    border: none;
    background: rgba(0, 0, 0, 0);
}
.option-label[data-v-0ab4d27c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 260px;
}
.option-remove[data-v-0ab4d27c] {
    background-color: rgba(0, 0, 0, 0);
    color: red;
    border: 0px;
    margin-left: 10px;
    padding: 0px;
    right: 0px;
    position: absolute;
    top: 5px;
}
.option-remove .option-remove[data-v-0ab4d27c]:focus,
.option-remove .option-remove[data-v-0ab4d27c]:hover {
    background: rgba(0, 0, 0, 0) !important;
    color: #000 !important;
}
.option-remove[data-v-0ab4d27c] .gisIcon-_dacha:before {
    font-size: 14px !important;
}
body.pms-app-parent .gk-button.gk-button--primary.option-label,
body.pms-app-parent .gk-button.gk-button--primary.option-label:hover,
body.pms-app-parent .gk-button.gk-button--primary.option-label:focus {
    border-color: 0px !important;
    background: var(--theme-bg) !important;
    color: var(--webgis-primary-color, #007bd1) !important;
}
.tabs-card-wrap[data-v-62ed35e6] {
    display: flex;
    position: absolute;
    top: 75px;
    right: 16px;
    height: calc(100vh - 90px);
    font-size: var(--webgis-font-size-base, 14px);
    color: #ace;
    box-sizing: border-box;
}
.tabs-card-wrap div[data-v-62ed35e6] {
    box-sizing: inherit;
}
.tabs-card-wrap .tabs-container[data-v-62ed35e6] {
    display: flex;
    flex-direction: column;
    max-height: 70%;
    margin-top: 10px;
    padding-left: 10px;
    overflow: hidden;
}
.tabs-card-wrap .tabs-container .tabs-item[data-v-62ed35e6] {
    display: flex;
    position: relative;
    cursor: pointer;
}
.tabs-card-wrap .tabs-container .tabs-item + .tabs-item[data-v-62ed35e6] {
    margin-top: -12px;
}
.tabs-card-wrap .tabs-container .tab-label[data-v-62ed35e6] {
    width: 1em;
    margin: 10px 0px 10px;
    padding: 8px;
    background-color: var(--theme-tabs-bg);
    color: var(--theme-primary-title, #333);
    line-height: 1.2;
    border-top-left-radius: var(--webgis-border-radius-base, 6px);
    border-bottom-left-radius: var(--webgis-border-radius-base, 6px);
    box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.16);
    box-sizing: initial;
}
.tabs-card-wrap .tabs-container .tabs-item.active .tab-label[data-v-62ed35e6] {
    color: var(--theme-primary);
    background-color: var(--theme-tabs-bg);
}
.tabs-card-wrap .tabs-container .tabs-item.active .tab-arrow[data-v-62ed35e6] {
    background: -moz-radial-gradient(top left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
    background: -webkit-radial-gradient(top left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
}
.tabs-card-wrap .tabs-container .tabs-item.active .tab-arrow.bottom[data-v-62ed35e6] {
    background: -moz-radial-gradient(bottom left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
    background: -webkit-radial-gradient(bottom left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
}
.tabs-card-wrap .tabs-container .tab-arrow[data-v-62ed35e6] {
    position: absolute;
    right: 0;
    width: 20px;
    height: 15px;
    display: block;
    text-align: center;
    background: -moz-radial-gradient(top left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
    background: -webkit-radial-gradient(top left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
}
.tabs-card-wrap .tabs-container .tab-arrow.top[data-v-62ed35e6] {
    top: -5px;
}
.tabs-card-wrap .tabs-container .tab-arrow.bottom[data-v-62ed35e6] {
    bottom: -5px;
    background: -moz-radial-gradient(bottom left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
    background: -webkit-radial-gradient(bottom left, ellipse, transparent 20px, var(--theme-tabs-bg) 21px);
}
.tabs-card-wrap .tabs-panel-container[data-v-62ed35e6] {
    height: 100%;
    background-color: var(--theme-bg);
    border-radius: var(--webgis-border-radius-base, 6px);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    backdrop-filter: var(--theme-backdrop-filter);
}
.tabs-card-wrap .tabs-panel-container .tab-panel[data-v-62ed35e6] {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: var(--theme-primary-title, #333);
}
.tabs-card-wrap .tabs-panel-container .tab-panel--head[data-v-62ed35e6] {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    line-height: 1;
}
.tabs-card-wrap .tabs-panel-container .tab-panel--body[data-v-62ed35e6] {
    flex: 1;
    overflow: hidden;
}
.tabs-card-wrap .tabs-panel-container .tab-panel .head-title[data-v-62ed35e6] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tabs-card-wrap .tabs-panel-container .tab-panel .head-title--inner[data-v-62ed35e6] {
    font-size: var(--webgis-font-size-big, 16px);
    font-weight: 600;
    line-height: 1.1em;
}
.tabs-card-wrap .tabs-panel-container .tab-panel .head-opts .head-opts-btn[data-v-62ed35e6] {
    font-size: 16px;
    cursor: pointer;
}
.tabs-card-wrap .tabs-panel-container .tab-panel .head-opts .head-opts-btn[data-v-62ed35e6]:hover {
    color: var(--webgis-primary-color, #007bd1);
}
.tabs-card-wrap .tabs-panel-container .tab-panel .head-opts .head-opts-btn + .head-opts-btn[data-v-62ed35e6] {
    margin-left: 12px;
}
.network-status-wrap[data-v-09ad3224] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.network-status-wrap .network-status-img[data-v-09ad3224] {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.network-status-wrap .network-status-img__error[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 216404 characters]);
}
.network-status-wrap .network-status-img__nosearch[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 223448 characters]);
}
.network-status-wrap .network-status-img__noload[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 179048 characters]);
}
.network-status-wrap .network-status-img__nodata[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 233000 characters]);
}
.network-status-wrap .network-status-title[data-v-09ad3224] {
    font-size: var(--webgis-font-size-big);
    font-weight: bold;
    color: var(--theme-primary-title);
}
.network-status-wrap .network-status-sub[data-v-09ad3224] {
    font-size: var(--webgis-font-size-base);
    color: var(--theme-primary-title);
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.core
 *         
 */
.webgis-floatpanel {
    display: flex;
    flex-direction: column;
    position: absolute !important;
    background-color: var(--theme-floatpanel-bg, #fff);
    border: 1px solid var(--theme-card-border, #dddddd);
    z-index: 9998;
    border-radius: var(--webgis-border-radius-base, 4px);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
    backdrop-filter: blur(5px);
}
.webgis-floatpanel .tools {
    position: relative;
    left: -8px;
    display: flex;
}
.webgis-floatpanel .tools div {
    padding: 0 5px;
}
.webgis-floatpanel-center-center {
    left: 50%;
    top: 50%;
}
.webgis-floatpanel-top-left {
    top: 70px;
    left: 20px;
}
.webgis-floatpanel-top-right {
    top: 80px;
    right: 70px;
}
.webgis-floatpanel-bottom-left {
    bottom: 95px;
    left: 8px;
}
.webgis-floatpanel-bottom-right {
    bottom: 30px;
    right: 79px;
}
.webgis-floatpanel .title {
    position: relative;
    flex-shrink: 0;
    height: 40px;
    line-height: 40px;
    font-size: var(--webgis-font-size-base, 14px);
    font-weight: bold;
    color: var(--theme-primary, #fff);
    background-color: var(--theme-floatpanel-header-bg, #fff);
    cursor: move;
    display: flex;
    padding-left: 10px;
    align-items: center;
}
.webgis-floatpanel .title h2 {
    font-size: 14px;
    height: 27px;
}
.webgis-floatpanel .title a,
a.open {
    float: left;
    width: 40px;
    height: 40px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAYAAAAnSfh8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjQ0Y2RmYy01M2QzLTVhNGQtODU1OC03OTRmZjRhNTk3MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzEwMzNCNkYwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzEwMzNCNkUwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODljMTQ3NzEtOTZlMy03MzRkLWE2ZjctNjk1NDNmMzBjNjIwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjVhMjgxOWMtN2VjMS1hZTQ5LWJlY2YtN2NkODc2NDUzNjE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5+D2ewAAAoJJREFUeNrs3V1q6zAQBtAq9LVaTfa/KG1Al/sWiql/IlszzjlvxS5MPfo8UiC09N6/gJweHgEIMCDAgACDAAMCDAgwIMAgwIAAAwIMAgwIMHCl7+fzefR3f3+Nqey8/un2fg2sTKqvDLrvylp7sDXXz+rvqAlcAiw4rl98vos6ewKfFN7Xa5r83pu3T6yrv9Tw1w7Ly/p4r/vMAJeVIooQp19wSyGOEN6+854SoL7hx8rHgPBGPL9xztToJu/9ttB7JnLEt7SFuG8SR3lmJUk/h2+bR01g4GYTONpZ12Q99zxXgtVUNlyL/lwvm8A9cbA51ruycCYm8QTuC00V3vuGd+lMPGsSb3mRRN+BldkBXmug8Obdnax92hwhxB/f38eJRQrvPWT5tNcWevD419zcz6ck+jtKgppCT2BgAgEGAQYEGBBgEGBAgAEBBgQYBBgQYECAQYCBjP5/G+nHYwATGBBgQIBBgAEBBgQYEGAQYECAAQEGAQYEGBBgYNU7/xup/fq57rz+6drO++uk+uqg+66stQVbc+2s/o6awDXAguP6xdc8nrwTeEtQqya//eZtE+tqLzX8tcPysj7e6zYzwHWliCrE6RfcUogjhLftvKcGqG/4sfIxILwRz2+cMzWayXu/LfSeiRzxLW0h7pvEUZ5ZTdLP4dvmURMYuNkEjnbWNVnPPc/VYDXVDdeiP9fLJnBLHGyO9a4unIlJPIHbQlOF977hXToTz5rEW14k0XdgdXaA1xoovHl3J2ufNkcI8cf393FikcJ7D1k+7bWFHjz+NTf386mJ/o6aoKbQExiYQIBBgAEBBgQYBBgQYECAAQEGAQYEGBBgEGAgo38CDABb2XTgTV+DrgAAAABJRU5ErkJggg==)
        no-repeat;
}
.webgis-floatpanel a.open:hover {
    background-position: 0 -40px;
}
.webgis-floatpanel .title .floatpanel-min {
    cursor: pointer;
    color: var(--theme-floatpanel-btn-color);
}
.webgis-floatpanel .title a.revert {
    background-position: -80px 0;
    display: none;
}
.webgis-floatpanel .title a.revert:hover {
    background-position: -80px -40px;
}
.webgis-floatpanel .title .floatpanel-close {
    cursor: pointer;
    color: var(--theme-floatpanel-btn-color);
}
.webgis-floatpanel .span-div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 8px;
    flex: 1;
    padding-left: 0px;
    color: #000;
    font-size: 14px;
    font-family: 'PingFang SC-ä¸­é»‘ä½“, PingFang SC';
}
.webgis-floatpanel .content {
    flex: 1;
    overflow: hidden;
}
.webgis-narrow {
    position: absolute;
    right: 120px;
    bottom: 20px;
    width: 200px;
    font-size: var(--webgis-font-size-base, 14px);
    font-weight: bold;
    color: var(--webgis-primary-text, #fff);
    line-height: 40px;
    border-radius: var(--webgis-border-radius-base, 4px);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
}
.webgis-narrow .narrowSwap {
    padding: 0 10px;
    background-color: var(--webgis-control-bg-color, #165897);
}
.webgis-narrow .restore {
    display: inline-block;
    width: 140px;
    height: 40px;
    cursor: pointer;
}
.webgis-narrow .narrow-close {
    float: right;
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 0px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAYAAAAnSfh8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjQ0Y2RmYy01M2QzLTVhNGQtODU1OC03OTRmZjRhNTk3MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzEwMzNCNkYwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzEwMzNCNkUwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODljMTQ3NzEtOTZlMy03MzRkLWE2ZjctNjk1NDNmMzBjNjIwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjVhMjgxOWMtN2VjMS1hZTQ5LWJlY2YtN2NkODc2NDUzNjE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5+D2ewAAAoJJREFUeNrs3V1q6zAQBtAq9LVaTfa/KG1Al/sWiql/IlszzjlvxS5MPfo8UiC09N6/gJweHgEIMCDAgACDAAMCDAgwIMAgwIAAAwIMAgwIMHCl7+fzefR3f3+Nqey8/un2fg2sTKqvDLrvylp7sDXXz+rvqAlcAiw4rl98vos6ewKfFN7Xa5r83pu3T6yrv9Tw1w7Ly/p4r/vMAJeVIooQp19wSyGOEN6+854SoL7hx8rHgPBGPL9xztToJu/9ttB7JnLEt7SFuG8SR3lmJUk/h2+bR01g4GYTONpZ12Q99zxXgtVUNlyL/lwvm8A9cbA51ruycCYm8QTuC00V3vuGd+lMPGsSb3mRRN+BldkBXmug8Obdnax92hwhxB/f38eJRQrvPWT5tNcWevD419zcz6ck+jtKgppCT2BgAgEGAQYEGBBgEGBAgAEBBgQYBBgQYECAQYCBjP5/G+nHYwATGBBgQIBBgAEBBgQYEGAQYECAAQEGAQYEGBBgYNU7/xup/fq57rz+6drO++uk+uqg+66stQVbc+2s/o6awDXAguP6xdc8nrwTeEtQqya//eZtE+tqLzX8tcPysj7e6zYzwHWliCrE6RfcUogjhLftvKcGqG/4sfIxILwRz2+cMzWayXu/LfSeiRzxLW0h7pvEUZ5ZTdLP4dvmURMYuNkEjnbWNVnPPc/VYDXVDdeiP9fLJnBLHGyO9a4unIlJPIHbQlOF977hXToTz5rEW14k0XdgdXaA1xoovHl3J2ufNkcI8cf393FikcJ7D1k+7bWFHjz+NTf386mJ/o6aoKbQExiYQIBBgAEBBgQYBBgQYECAAQEGAQYEGBBgEGAgo38CDABb2XTgTV+DrgAAAABJRU5ErkJggg==)
        no-repeat;
    background-position: -120px 0;
}
.gk-pagination--small .arrow.disabled,
.gk-table .hidden-columns,
.gk-table td.is-hidden > *,
.gk-table th.is-hidden > *,
.gk-table--hidden {
    visibility: hidden;
}
.gk-input__suffix,
.gk-tree.is-dragging .gk-tree-node__content * {
    pointer-events: none;
}
.gk-dropdown .gk-dropdown-selfdefine:focus:active,
.gk-dropdown .gk-dropdown-selfdefine:focus:not(.focusing),
.gk-message__closeBtn:focus,
.gk-message__content:focus,
.gk-popover:focus,
.gk-popover:focus:active,
.gk-popover__reference:focus:hover,
.gk-popover__reference:focus:not(.focusing),
.gk-rate:active,
.gk-rate:focus,
.gk-tooltip:focus:hover,
.gk-tooltip:focus:not(.focusing),
.gk-upload-list__item.is-success:active,
.gk-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0;
}
@font-face {
    font-family: element-icons;
    src: url(../libs/font/element-icons..woff) format('woff'), url(../libs/font/element-icons..ttf) format('truetype');
    font-weight: 400;
    font-display: 'auto';
    font-style: normal;
}
[class*=' el-icon-'],
[class^='el-icon-'] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-ice-cream-round:before {
    content: 'îš ';
}
.el-icon-ice-cream-square:before {
    content: 'îš£';
}
.el-icon-lollipop:before {
    content: 'îš¤';
}
.el-icon-potato-strips:before {
    content: 'îš¥';
}
.el-icon-milk-tea:before {
    content: 'îš¦';
}
.el-icon-ice-drink:before {
    content: 'îš§';
}
.el-icon-ice-tea:before {
    content: 'îš©';
}
.el-icon-coffee:before {
    content: 'îšª';
}
.el-icon-orange:before {
    content: 'îš«';
}
.el-icon-pear:before {
    content: 'îš¬';
}
.el-icon-apple:before {
    content: 'îš­';
}
.el-icon-cherry:before {
    content: 'îš®';
}
.el-icon-watermelon:before {
    content: 'îš¯';
}
.el-icon-grape:before {
    content: 'îš°';
}
.el-icon-refrigerator:before {
    content: 'îš±';
}
.el-icon-goblet-square-full:before {
    content: 'îš²';
}
.el-icon-goblet-square:before {
    content: 'îš³';
}
.el-icon-goblet-full:before {
    content: 'îš´';
}
.el-icon-goblet:before {
    content: 'îšµ';
}
.el-icon-cold-drink:before {
    content: 'îš¶';
}
.el-icon-coffee-cup:before {
    content: 'îš¸';
}
.el-icon-water-cup:before {
    content: 'îš¹';
}
.el-icon-hot-water:before {
    content: 'îšº';
}
.el-icon-ice-cream:before {
    content: 'îš»';
}
.el-icon-dessert:before {
    content: 'îš¼';
}
.el-icon-sugar:before {
    content: 'îš½';
}
.el-icon-tableware:before {
    content: 'îš¾';
}
.el-icon-burger:before {
    content: 'îš¿';
}
.el-icon-knife-fork:before {
    content: 'î›';
}
.el-icon-fork-spoon:before {
    content: 'î›‚';
}
.el-icon-chicken:before {
    content: 'î›ƒ';
}
.el-icon-food:before {
    content: 'î›„';
}
.el-icon-dish-1:before {
    content: 'î›…';
}
.el-icon-dish:before {
    content: 'î›†';
}
.el-icon-moon-night:before {
    content: 'î›®';
}
.el-icon-moon:before {
    content: 'î›°';
}
.el-icon-cloudy-and-sunny:before {
    content: 'î›±';
}
.el-icon-partly-cloudy:before {
    content: 'î›²';
}
.el-icon-cloudy:before {
    content: 'î›³';
}
.el-icon-sunny:before {
    content: 'î›¶';
}
.el-icon-sunset:before {
    content: 'î›·';
}
.el-icon-sunrise-1:before {
    content: 'î›¸';
}
.el-icon-sunrise:before {
    content: 'î›¹';
}
.el-icon-heavy-rain:before {
    content: 'î›º';
}
.el-icon-lightning:before {
    content: 'î›»';
}
.el-icon-light-rain:before {
    content: 'î›¼';
}
.el-icon-wind-power:before {
    content: 'î›½';
}
.el-icon-baseball:before {
    content: 'îœ’';
}
.el-icon-soccer:before {
    content: 'îœ“';
}
.el-icon-football:before {
    content: 'îœ•';
}
.el-icon-basketball:before {
    content: 'îœ–';
}
.el-icon-ship:before {
    content: 'îœ¿';
}
.el-icon-truck:before {
    content: 'î€';
}
.el-icon-bicycle:before {
    content: 'î';
}
.el-icon-mobile-phone:before {
    content: 'î›“';
}
.el-icon-service:before {
    content: 'î›”';
}
.el-icon-key:before {
    content: 'î›¢';
}
.el-icon-unlock:before {
    content: 'î›¤';
}
.el-icon-lock:before {
    content: 'î›¥';
}
.el-icon-watch:before {
    content: 'î›¾';
}
.el-icon-watch-1:before {
    content: 'î›¿';
}
.el-icon-timer:before {
    content: 'îœ‚';
}
.el-icon-alarm-clock:before {
    content: 'îœƒ';
}
.el-icon-map-location:before {
    content: 'îœ„';
}
.el-icon-delete-location:before {
    content: 'îœ…';
}
.el-icon-add-location:before {
    content: 'îœ†';
}
.el-icon-location-information:before {
    content: 'îœ‡';
}
.el-icon-location-outline:before {
    content: 'îœˆ';
}
.el-icon-location:before {
    content: 'îžž';
}
.el-icon-place:before {
    content: 'îœ‰';
}
.el-icon-discover:before {
    content: 'îœŠ';
}
.el-icon-first-aid-kit:before {
    content: 'îœ‹';
}
.el-icon-trophy-1:before {
    content: 'îœŒ';
}
.el-icon-trophy:before {
    content: 'îœ';
}
.el-icon-medal:before {
    content: 'îœŽ';
}
.el-icon-medal-1:before {
    content: 'îœ';
}
.el-icon-stopwatch:before {
    content: 'îœ';
}
.el-icon-mic:before {
    content: 'îœ‘';
}
.el-icon-copy-document:before {
    content: 'îœ˜';
}
.el-icon-full-screen:before {
    content: 'îœ™';
}
.el-icon-switch-button:before {
    content: 'îœ›';
}
.el-icon-aim:before {
    content: 'îœœ';
}
.el-icon-crop:before {
    content: 'îœ';
}
.el-icon-odometer:before {
    content: 'îœž';
}
.el-icon-time:before {
    content: 'îœŸ';
}
.el-icon-bangzhu:before {
    content: 'îœ¤';
}
.el-icon-close-notification:before {
    content: 'îœ¦';
}
.el-icon-microphone:before {
    content: 'îœ§';
}
.el-icon-turn-off-microphone:before {
    content: 'îœ¨';
}
.el-icon-position:before {
    content: 'îœ©';
}
.el-icon-postcard:before {
    content: 'îœª';
}
.el-icon-message:before {
    content: 'îœ«';
}
.el-icon-chat-line-square:before {
    content: 'îœ­';
}
.el-icon-chat-dot-square:before {
    content: 'îœ®';
}
.el-icon-chat-dot-round:before {
    content: 'îœ¯';
}
.el-icon-chat-square:before {
    content: 'îœ°';
}
.el-icon-chat-line-round:before {
    content: 'îœ±';
}
.el-icon-chat-round:before {
    content: 'îœ²';
}
.el-icon-set-up:before {
    content: 'îœ³';
}
.el-icon-turn-off:before {
    content: 'îœ´';
}
.el-icon-open:before {
    content: 'îœµ';
}
.el-icon-connection:before {
    content: 'îœ¶';
}
.el-icon-link:before {
    content: 'îœ·';
}
.el-icon-cpu:before {
    content: 'îœ¸';
}
.el-icon-thumb:before {
    content: 'îœ¹';
}
.el-icon-female:before {
    content: 'îœº';
}
.el-icon-male:before {
    content: 'îœ»';
}
.el-icon-guide:before {
    content: 'îœ¼';
}
.el-icon-news:before {
    content: 'îœ¾';
}
.el-icon-price-tag:before {
    content: 'î„';
}
.el-icon-discount:before {
    content: 'î…';
}
.el-icon-wallet:before {
    content: 'î‡';
}
.el-icon-coin:before {
    content: 'îˆ';
}
.el-icon-money:before {
    content: 'î‰';
}
.el-icon-bank-card:before {
    content: 'îŠ';
}
.el-icon-box:before {
    content: 'î‹';
}
.el-icon-present:before {
    content: 'îŒ';
}
.el-icon-sell:before {
    content: 'î›•';
}
.el-icon-sold-out:before {
    content: 'î›–';
}
.el-icon-shopping-bag-2:before {
    content: 'î';
}
.el-icon-shopping-bag-1:before {
    content: 'îŽ';
}
.el-icon-shopping-cart-2:before {
    content: 'î';
}
.el-icon-shopping-cart-1:before {
    content: 'î';
}
.el-icon-shopping-cart-full:before {
    content: 'î‘';
}
.el-icon-smoking:before {
    content: 'î’';
}
.el-icon-no-smoking:before {
    content: 'î“';
}
.el-icon-house:before {
    content: 'î”';
}
.el-icon-table-lamp:before {
    content: 'î•';
}
.el-icon-school:before {
    content: 'î–';
}
.el-icon-office-building:before {
    content: 'î—';
}
.el-icon-toilet-paper:before {
    content: 'î˜';
}
.el-icon-notebook-2:before {
    content: 'î™';
}
.el-icon-notebook-1:before {
    content: 'îš';
}
.el-icon-files:before {
    content: 'î›';
}
.el-icon-collection:before {
    content: 'îœ';
}
.el-icon-receiving:before {
    content: 'î';
}
.el-icon-suitcase-1:before {
    content: 'î ';
}
.el-icon-suitcase:before {
    content: 'î¡';
}
.el-icon-film:before {
    content: 'î£';
}
.el-icon-collection-tag:before {
    content: 'î¥';
}
.el-icon-data-analysis:before {
    content: 'î¦';
}
.el-icon-pie-chart:before {
    content: 'î§';
}
.el-icon-data-board:before {
    content: 'î¨';
}
.el-icon-data-line:before {
    content: 'î­';
}
.el-icon-reading:before {
    content: 'î©';
}
.el-icon-magic-stick:before {
    content: 'îª';
}
.el-icon-coordinate:before {
    content: 'î«';
}
.el-icon-mouse:before {
    content: 'î¬';
}
.el-icon-brush:before {
    content: 'î®';
}
.el-icon-headset:before {
    content: 'î¯';
}
.el-icon-umbrella:before {
    content: 'î°';
}
.el-icon-scissors:before {
    content: 'î±';
}
.el-icon-mobile:before {
    content: 'î³';
}
.el-icon-attract:before {
    content: 'î´';
}
.el-icon-monitor:before {
    content: 'îµ';
}
.el-icon-search:before {
    content: 'î¸';
}
.el-icon-takeaway-box:before {
    content: 'îº';
}
.el-icon-paperclip:before {
    content: 'î½';
}
.el-icon-printer:before {
    content: 'î¾';
}
.el-icon-document-add:before {
    content: 'îž‚';
}
.el-icon-document:before {
    content: 'îž…';
}
.el-icon-document-checked:before {
    content: 'îž†';
}
.el-icon-document-copy:before {
    content: 'îž‡';
}
.el-icon-document-delete:before {
    content: 'îžˆ';
}
.el-icon-document-remove:before {
    content: 'îž‰';
}
.el-icon-tickets:before {
    content: 'îž‹';
}
.el-icon-folder-checked:before {
    content: 'î¿';
}
.el-icon-folder-delete:before {
    content: 'îž€';
}
.el-icon-folder-remove:before {
    content: 'îž';
}
.el-icon-folder-add:before {
    content: 'îžƒ';
}
.el-icon-folder-opened:before {
    content: 'îž„';
}
.el-icon-folder:before {
    content: 'îžŠ';
}
.el-icon-edit-outline:before {
    content: 'î¤';
}
.el-icon-edit:before {
    content: 'îžŒ';
}
.el-icon-date:before {
    content: 'îžŽ';
}
.el-icon-c-scale-to-original:before {
    content: 'îŸ†';
}
.el-icon-view:before {
    content: 'î›Ž';
}
.el-icon-loading:before {
    content: 'î›';
}
.el-icon-rank:before {
    content: 'î›‘';
}
.el-icon-sort-down:before {
    content: 'îŸ„';
}
.el-icon-sort-up:before {
    content: 'îŸ…';
}
.el-icon-sort:before {
    content: 'î›’';
}
.el-icon-finished:before {
    content: 'î›';
}
.el-icon-refresh-left:before {
    content: 'î›‡';
}
.el-icon-refresh-right:before {
    content: 'î›ˆ';
}
.el-icon-refresh:before {
    content: 'î›';
}
.el-icon-video-play:before {
    content: 'îŸ€';
}
.el-icon-video-pause:before {
    content: 'îŸ';
}
.el-icon-d-arrow-right:before {
    content: 'î›œ';
}
.el-icon-d-arrow-left:before {
    content: 'î›';
}
.el-icon-arrow-up:before {
    content: 'î›¡';
}
.el-icon-arrow-down:before {
    content: 'î›Ÿ';
}
.el-icon-arrow-right:before {
    content: 'î› ';
}
.el-icon-arrow-left:before {
    content: 'î›ž';
}
.el-icon-top-right:before {
    content: 'î›§';
}
.el-icon-top-left:before {
    content: 'î›¨';
}
.el-icon-top:before {
    content: 'î›¦';
}
.el-icon-bottom:before {
    content: 'î›«';
}
.el-icon-right:before {
    content: 'î›©';
}
.el-icon-back:before {
    content: 'î›ª';
}
.el-icon-bottom-right:before {
    content: 'î›¬';
}
.el-icon-bottom-left:before {
    content: 'î›­';
}
.el-icon-caret-top:before {
    content: 'îž';
}
.el-icon-caret-bottom:before {
    content: 'îž';
}
.el-icon-caret-right:before {
    content: 'îž‘';
}
.el-icon-caret-left:before {
    content: 'îž’';
}
.el-icon-d-caret:before {
    content: 'îžš';
}
.el-icon-share:before {
    content: 'îž“';
}
.el-icon-menu:before {
    content: 'îž˜';
}
.el-icon-s-grid:before {
    content: 'îž¦';
}
.el-icon-s-check:before {
    content: 'îž§';
}
.el-icon-s-data:before {
    content: 'îž¨';
}
.el-icon-s-opportunity:before {
    content: 'îžª';
}
.el-icon-s-custom:before {
    content: 'îž«';
}
.el-icon-s-claim:before {
    content: 'îž­';
}
.el-icon-s-finance:before {
    content: 'îž®';
}
.el-icon-s-comment:before {
    content: 'îž¯';
}
.el-icon-s-flag:before {
    content: 'îž°';
}
.el-icon-s-marketing:before {
    content: 'îž±';
}
.el-icon-s-shop:before {
    content: 'îž´';
}
.el-icon-s-open:before {
    content: 'îžµ';
}
.el-icon-s-management:before {
    content: 'îž¶';
}
.el-icon-s-ticket:before {
    content: 'îž·';
}
.el-icon-s-release:before {
    content: 'îž¸';
}
.el-icon-s-home:before {
    content: 'îž¹';
}
.el-icon-s-promotion:before {
    content: 'îžº';
}
.el-icon-s-operation:before {
    content: 'îž»';
}
.el-icon-s-unfold:before {
    content: 'îž¼';
}
.el-icon-s-fold:before {
    content: 'îž©';
}
.el-icon-s-platform:before {
    content: 'îž½';
}
.el-icon-s-order:before {
    content: 'îž¾';
}
.el-icon-s-cooperation:before {
    content: 'îž¿';
}
.el-icon-bell:before {
    content: 'îœ¥';
}
.el-icon-message-solid:before {
    content: 'îž™';
}
.el-icon-video-camera:before {
    content: 'î²';
}
.el-icon-video-camera-solid:before {
    content: 'îž–';
}
.el-icon-camera:before {
    content: 'î¹';
}
.el-icon-camera-solid:before {
    content: 'îž›';
}
.el-icon-download:before {
    content: 'î¼';
}
.el-icon-upload2:before {
    content: 'î»';
}
.el-icon-upload:before {
    content: 'îŸƒ';
}
.el-icon-picture-outline-round:before {
    content: 'îŸ';
}
.el-icon-picture-outline:before {
    content: 'îž';
}
.el-icon-picture:before {
    content: 'îžŸ';
}
.el-icon-close:before {
    content: 'î››';
}
.el-icon-check:before {
    content: 'î›š';
}
.el-icon-plus:before {
    content: 'î›™';
}
.el-icon-minus:before {
    content: 'î›˜';
}
.el-icon-help:before {
    content: 'îœ½';
}
.el-icon-s-help:before {
    content: 'îž³';
}
.el-icon-circle-close:before {
    content: 'îž';
}
.el-icon-circle-check:before {
    content: 'îœ ';
}
.el-icon-circle-plus-outline:before {
    content: 'îœ£';
}
.el-icon-remove-outline:before {
    content: 'îœ¢';
}
.el-icon-zoom-out:before {
    content: 'î¶';
}
.el-icon-zoom-in:before {
    content: 'î·';
}
.el-icon-error:before {
    content: 'îž';
}
.el-icon-success:before {
    content: 'îžœ';
}
.el-icon-circle-plus:before {
    content: 'îž ';
}
.el-icon-remove:before {
    content: 'îž¢';
}
.el-icon-info:before {
    content: 'îž¡';
}
.el-icon-question:before {
    content: 'îž¤';
}
.el-icon-warning-outline:before {
    content: 'î›‰';
}
.el-icon-warning:before {
    content: 'îž£';
}
.el-icon-goods:before {
    content: 'îŸ‚';
}
.el-icon-s-goods:before {
    content: 'îž²';
}
.el-icon-star-off:before {
    content: 'îœ—';
}
.el-icon-star-on:before {
    content: 'îž—';
}
.el-icon-more-outline:before {
    content: 'î›Œ';
}
.el-icon-more:before {
    content: 'îž”';
}
.el-icon-phone-outline:before {
    content: 'î›‹';
}
.el-icon-phone:before {
    content: 'îž•';
}
.el-icon-user:before {
    content: 'î›£';
}
.el-icon-user-solid:before {
    content: 'îž¥';
}
.el-icon-setting:before {
    content: 'î›Š';
}
.el-icon-s-tools:before {
    content: 'îž¬';
}
.el-icon-delete:before {
    content: 'î›—';
}
.el-icon-delete-solid:before {
    content: 'îŸ‰';
}
.el-icon-eleme:before {
    content: 'îŸ‡';
}
.el-icon-platform-eleme:before {
    content: 'îŸŠ';
}
.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
.el-icon--right {
    margin-left: 5px;
}
.el-icon--left {
    margin-right: 5px;
}
@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
.gk-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700;
}
.gk-pagination::after,
.gk-pagination::before {
    display: table;
    content: '';
}
.gk-pagination::after {
    clear: both;
}
.gk-pagination button,
.gk-pagination span:not([class*='suffix']) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-pagination .gk-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal;
}
.gk-pagination .gk-input__suffix {
    right: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.gk-pagination .gk-select .gk-input {
    width: 100px;
    margin: 0 5px;
}
.gk-pagination .gk-select .gk-input .gk-input__inner {
    padding-right: 25px;
    border-radius: 3px;
}
.gk-pagination button {
    border: none;
    padding: 0 6px;
    background: 0 0;
}
.gk-pagination button:focus {
    outline: 0;
}
.gk-pagination button:hover {
    color: #409eff;
}
.gk-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed;
}
.gk-pagination .btn-next,
.gk-pagination .btn-prev {
    background: center center no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #303133;
}
.gk-pagination .btn-next .el-icon,
.gk-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700;
}
.gk-pagination .btn-prev {
    padding-right: 12px;
}
.gk-pagination .btn-next {
    padding-left: 12px;
}
.gk-pagination .gk-pager li.disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-pager li,
.gk-pager li.btn-quicknext:hover,
.gk-pager li.btn-quickprev:hover {
    cursor: pointer;
}
.gk-pagination--small .btn-next,
.gk-pagination--small .btn-prev,
.gk-pagination--small .gk-pager li,
.gk-pagination--small .gk-pager li.btn-quicknext,
.gk-pagination--small .gk-pager li.btn-quickprev,
.gk-pagination--small .gk-pager li:last-child {
    border-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px;
}
.gk-pagination--small .more::before,
.gk-pagination--small li.more::before {
    line-height: 24px;
}
.gk-pagination--small button,
.gk-pagination--small span:not([class*='suffix']) {
    height: 22px;
    line-height: 22px;
}
.gk-pagination--small .gk-pagination__editor,
.gk-pagination--small .gk-pagination__editor.gk-input .gk-input__inner {
    height: 22px;
}
.gk-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #606266;
}
.gk-pagination__sizes .gk-input .gk-input__inner {
    font-size: 13px;
    padding-left: 8px;
}
.gk-pagination__sizes .gk-input .gk-input__inner:hover {
    border-color: #409eff;
}
.gk-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266;
}
.gk-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #606266;
}
.gk-pagination__jump .gk-input__inner {
    padding: 0 3px;
}
.gk-pagination__rightwrapper {
    float: right;
}
.gk-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}
.gk-pager,
.gk-pagination.is-background .btn-next,
.gk-pagination.is-background .btn-prev {
    padding: 0;
}
.gk-pagination__editor.gk-input {
    width: 50px;
}
.gk-pagination__editor.gk-input .gk-input__inner {
    height: 28px;
}
.gk-pagination__editor .gk-input__inner::-webkit-inner-spin-button,
.gk-pagination__editor .gk-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.gk-pagination.is-background .btn-next,
.gk-pagination.is-background .btn-prev,
.gk-pagination.is-background .gk-pager li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
}
.gk-pagination.is-background .btn-next.disabled,
.gk-pagination.is-background .btn-next:disabled,
.gk-pagination.is-background .btn-prev.disabled,
.gk-pagination.is-background .btn-prev:disabled,
.gk-pagination.is-background .gk-pager li.disabled {
    color: #c0c4cc;
}
.gk-pagination.is-background .gk-pager li:not(.disabled):hover {
    color: #409eff;
}
.gk-pagination.is-background .gk-pager li:not(.disabled).active {
    background-color: #409eff;
    color: #fff;
}
.gk-dialog,
.gk-pager li {
    background: #fff;
    -webkit-box-sizing: border-box;
}
.gk-pagination.is-background.gk-pagination--small .btn-next,
.gk-pagination.is-background.gk-pagination--small .btn-prev,
.gk-pagination.is-background.gk-pagination--small .gk-pager li {
    margin: 0 3px;
    min-width: 22px;
}
.gk-pager,
.gk-pager li {
    vertical-align: top;
    margin: 0;
    display: inline-block;
}
.gk-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
}
.gk-date-table,
.gk-table th {
    -webkit-user-select: none;
    -moz-user-select: none;
}
.gk-pager .more::before {
    line-height: 30px;
}
.gk-pager li {
    padding: 0 4px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center;
}
.gk-menu--collapse .gk-menu .gk-submenu,
.gk-menu--popup {
    min-width: 200px;
}
.gk-pager li.btn-quicknext,
.gk-pager li.btn-quickprev {
    line-height: 28px;
    color: #303133;
}
.gk-pager li.btn-quicknext.disabled,
.gk-pager li.btn-quickprev.disabled {
    color: #c0c4cc;
}
.gk-pager li.active + li {
    border-left: 0;
}
.gk-pager li:hover {
    color: #409eff;
}
.gk-pager li.active {
    color: #409eff;
    cursor: default;
}
@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}
@-webkit-keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}
.gk-dialog {
    position: relative;
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    width: 50%;
}
.gk-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto;
}
.gk-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
}
.gk-dialog__header {
    padding: 20px 20px 10px;
}
.gk-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
}
.gk-dialog__headerbtn .gk-dialog__close {
    color: #909399;
}
.gk-dialog__headerbtn:focus .gk-dialog__close,
.gk-dialog__headerbtn:hover .gk-dialog__close {
    color: #409eff;
}
.gk-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
}
.gk-dialog__body {
    padding: 30px 20px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}
.gk-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-dialog--center {
    text-align: center;
}
.gk-dialog--center .gk-dialog__body {
    text-align: initial;
    padding: 25px 25px 30px;
}
.gk-dialog--center .gk-dialog__footer {
    text-align: inherit;
}
.dialog-fade-enter-active {
    -webkit-animation: dialog-fade-in 0.3s;
    animation: dialog-fade-in 0.3s;
}
.dialog-fade-leave-active {
    -webkit-animation: dialog-fade-out 0.3s;
    animation: dialog-fade-out 0.3s;
}
@-webkit-keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes dialog-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes dialog-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
.gk-autocomplete {
    position: relative;
    display: inline-block;
}
.gk-autocomplete-suggestion {
    margin: 5px 0;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #e4e7ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}
.gk-dropdown-menu,
.gk-menu--collapse .gk-submenu .gk-menu {
    z-index: 10;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-autocomplete-suggestion__wrap {
    max-height: 280px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-autocomplete-suggestion__list {
    margin: 0;
    padding: 0;
}
.gk-autocomplete-suggestion li {
    padding: 0 20px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: #606266;
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gk-autocomplete-suggestion li.highlighted,
.gk-autocomplete-suggestion li:hover {
    background-color: #f5f7fa;
}
.gk-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid #000;
}
.gk-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px;
}
.gk-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: #999;
}
.gk-autocomplete-suggestion.is-loading li::after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}
.gk-autocomplete-suggestion.is-loading li:hover {
    background-color: #fff;
}
.gk-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle;
}
.gk-dropdown {
    display: inline-block;
    position: relative;
    color: #606266;
    font-size: 14px;
}
.gk-dropdown .gk-button-group {
    display: block;
}
.gk-dropdown .gk-button-group .gk-button {
    float: none;
}
.gk-dropdown .gk-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none;
}
.gk-dropdown .gk-dropdown__caret-button::before {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: hsla(0, 0%, 100%, 0.5);
}
.gk-dropdown .gk-dropdown__caret-button.gk-button--default::before {
    background: rgba(220, 223, 230, 0.5);
}
.gk-dropdown .gk-dropdown__caret-button:hover::before {
    top: 0;
    bottom: 0;
}
.gk-dropdown .gk-dropdown__caret-button .gk-dropdown__icon {
    padding-left: 0;
}
.gk-dropdown__icon {
    font-size: 12px;
    margin: 0 3px;
}
.gk-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    margin: 5px 0;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: #606266;
    cursor: pointer;
    outline: 0;
}
.gk-dropdown-menu__item:focus,
.gk-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ecf5ff;
    color: #66b1ff;
}
.gk-dropdown-menu__item i {
    margin-right: 5px;
}
.gk-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid #ebeef5;
}
.gk-dropdown-menu__item--divided:before {
    content: '';
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: #fff;
}
.gk-dropdown-menu__item.is-disabled {
    cursor: default;
    color: #bbb;
    pointer-events: none;
}
.gk-dropdown-menu--medium {
    padding: 6px 0;
}
.gk-dropdown-menu--medium .gk-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px;
}
.gk-dropdown-menu--medium .gk-dropdown-menu__item.gk-dropdown-menu__item--divided {
    margin-top: 6px;
}
.gk-dropdown-menu--medium .gk-dropdown-menu__item.gk-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px;
}
.gk-dropdown-menu--small {
    padding: 6px 0;
}
.gk-dropdown-menu--small .gk-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px;
}
.gk-dropdown-menu--small .gk-dropdown-menu__item.gk-dropdown-menu__item--divided {
    margin-top: 4px;
}
.gk-dropdown-menu--small .gk-dropdown-menu__item.gk-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px;
}
.gk-dropdown-menu--mini {
    padding: 3px 0;
}
.gk-dropdown-menu--mini .gk-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
}
.gk-dropdown-menu--mini .gk-dropdown-menu__item.gk-dropdown-menu__item--divided {
    margin-top: 3px;
}
.gk-dropdown-menu--mini .gk-dropdown-menu__item.gk-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px;
}
.gk-menu {
    border-right: solid 1px #e6e6e6;
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: #fff;
}
.gk-menu--horizontal > .gk-menu-item:not(.is-disabled):focus,
.gk-menu--horizontal > .gk-menu-item:not(.is-disabled):hover,
.gk-menu--horizontal > .gk-submenu .gk-submenu__title:hover {
    background-color: #fff;
}
.gk-menu::after,
.gk-menu::before {
    display: table;
    content: '';
}
.gk-menu::after {
    clear: both;
}
.gk-menu.gk-menu--horizontal {
    border-bottom: solid 1px #e6e6e6;
}
.gk-menu--horizontal {
    border-right: none;
}
.gk-menu--horizontal > .gk-menu-item {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    color: #909399;
}
.gk-menu--horizontal > .gk-menu-item a,
.gk-menu--horizontal > .gk-menu-item a:hover {
    color: inherit;
}
.gk-menu--horizontal > .gk-submenu {
    float: left;
}
.gk-menu--horizontal > .gk-submenu:focus,
.gk-menu--horizontal > .gk-submenu:hover {
    outline: 0;
}
.gk-menu--horizontal > .gk-submenu:focus .gk-submenu__title,
.gk-menu--horizontal > .gk-submenu:hover .gk-submenu__title {
    color: #303133;
}
.gk-menu--horizontal > .gk-submenu.is-active .gk-submenu__title {
    border-bottom: 2px solid #409eff;
    color: #303133;
}
.gk-menu--horizontal > .gk-submenu .gk-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    color: #909399;
}
.gk-menu--horizontal > .gk-submenu .gk-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px;
}
.gk-menu--horizontal .gk-menu .gk-menu-item,
.gk-menu--horizontal .gk-menu .gk-submenu__title {
    background-color: #fff;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #909399;
}
.gk-menu--horizontal .gk-menu .gk-menu-item.is-active,
.gk-menu--horizontal .gk-menu .gk-submenu.is-active > .gk-submenu__title {
    color: #303133;
}
.gk-menu--horizontal .gk-menu-item:not(.is-disabled):focus,
.gk-menu--horizontal .gk-menu-item:not(.is-disabled):hover {
    outline: 0;
    color: #303133;
}
.gk-menu--horizontal > .gk-menu-item.is-active {
    border-bottom: 2px solid #409eff;
    color: #303133;
}
.gk-menu--collapse {
    width: 64px;
}
.gk-menu--collapse > .gk-menu-item [class^='el-icon-'],
.gk-menu--collapse > .gk-submenu > .gk-submenu__title [class^='el-icon-'] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center;
}
.gk-menu--collapse > .gk-menu-item .gk-submenu__icon-arrow,
.gk-menu--collapse > .gk-submenu > .gk-submenu__title .gk-submenu__icon-arrow {
    display: none;
}
.gk-menu--collapse > .gk-menu-item span,
.gk-menu--collapse > .gk-submenu > .gk-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
}
.gk-menu--collapse > .gk-menu-item.is-active i {
    color: inherit;
}
.gk-menu--collapse .gk-submenu {
    position: relative;
}
.gk-menu--collapse .gk-submenu .gk-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-menu-item,
.gk-submenu__title {
    height: 56px;
    line-height: 56px;
    position: relative;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    list-style: none;
}
.gk-menu--collapse .gk-submenu.is-opened > .gk-submenu__title .gk-submenu__icon-arrow {
    -webkit-transform: none;
    transform: none;
}
.gk-menu--popup {
    z-index: 100;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-menu--popup-bottom-start {
    margin-top: 5px;
}
.gk-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px;
}
.gk-menu-item {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    box-sizing: border-box;
}
.gk-menu-item * {
    vertical-align: middle;
}
.gk-menu-item i {
    color: #909399;
}
.gk-menu-item:focus,
.gk-menu-item:hover {
    outline: 0;
    background-color: #ecf5ff;
}
.gk-menu-item.is-disabled {
    opacity: 0.25;
    cursor: not-allowed;
    background: 0 0 !important;
}
.gk-menu-item [class^='el-icon-'] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}
.gk-menu-item.is-active {
    color: #409eff;
}
.gk-menu-item.is-active i {
    color: inherit;
}
.gk-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.gk-submenu__title {
    font-size: 14px;
    color: #303133;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    box-sizing: border-box;
}
.gk-submenu__title * {
    vertical-align: middle;
}
.gk-submenu__title i {
    color: #909399;
}
.gk-submenu__title:focus,
.gk-submenu__title:hover {
    outline: 0;
    background-color: #ecf5ff;
}
.gk-submenu__title.is-disabled {
    opacity: 0.25;
    cursor: not-allowed;
    background: 0 0 !important;
}
.gk-submenu__title:hover {
    background-color: #ecf5ff;
}
.gk-submenu .gk-menu {
    border: none;
}
.gk-submenu .gk-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 200px;
}
.gk-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    font-size: 12px;
}
.gk-submenu.is-active .gk-submenu__title {
    border-bottom-color: #409eff;
}
.gk-submenu.is-opened > .gk-submenu__title .gk-submenu__icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.gk-submenu.is-disabled .gk-menu-item,
.gk-submenu.is-disabled .gk-submenu__title {
    opacity: 0.25;
    cursor: not-allowed;
    background: 0 0 !important;
}
.gk-submenu [class^='el-icon-'] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
}
.gk-menu-item-group > ul {
    padding: 0;
}
.gk-menu-item-group__title {
    padding: 7px 0 7px 20px;
    line-height: normal;
    font-size: 12px;
    color: #909399;
}
.gk-radio-button__inner,
.gk-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.horizontal-collapse-transition .gk-submenu__title .gk-submenu__icon-arrow {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    opacity: 0;
}
.gk-radio-group {
    font-size: 0;
}
.gk-radio-button {
    position: relative;
    display: inline-block;
    outline: 0;
}
.gk-radio-button__inner {
    white-space: nowrap;
    background: #fff;
    border: 1px solid #dcdfe6;
    font-weight: 500;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}
.gk-radio-button__inner.is-round {
    padding: 12px 20px;
}
.gk-radio-button__inner:hover {
    color: #409eff;
}
.gk-radio-button__inner [class*='el-icon-'] {
    line-height: 0.9;
}
.gk-radio-button__inner [class*='el-icon-'] + span {
    margin-left: 5px;
}
.gk-radio-button:first-child .gk-radio-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.gk-radio-button__orig-radio {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
}
.gk-radio-button__orig-radio:checked + .gk-radio-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #409eff;
    box-shadow: -1px 0 0 0 #409eff;
}
.gk-radio-button__orig-radio:disabled + .gk-radio-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.gk-radio-button__orig-radio:disabled:checked + .gk-radio-button__inner {
    background-color: #f2f6fc;
}
.gk-radio-button:last-child .gk-radio-button__inner {
    border-radius: 0 4px 4px 0;
}
.gk-popover,
.gk-radio-button:first-child:last-child .gk-radio-button__inner {
    border-radius: 4px;
}
.gk-radio-button--medium .gk-radio-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
}
.gk-radio-button--medium .gk-radio-button__inner.is-round {
    padding: 10px 20px;
}
.gk-radio-button--small .gk-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}
.gk-radio-button--small .gk-radio-button__inner.is-round {
    padding: 9px 15px;
}
.gk-radio-button--mini .gk-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0;
}
.gk-radio-button--mini .gk-radio-button__inner.is-round {
    padding: 7px 15px;
}
.gk-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff;
}
.gk-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}
.gk-switch__core,
.gk-switch__label {
    display: inline-block;
    cursor: pointer;
}
.gk-switch.is-disabled .gk-switch__core,
.gk-switch.is-disabled .gk-switch__label {
    cursor: not-allowed;
}
.gk-switch__label {
    -webkit-transition: 0.2s;
    transition: 0.2s;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    color: #303133;
}
.gk-switch__label.is-active {
    color: #409eff;
}
.gk-switch__label--left {
    margin-right: 10px;
}
.gk-switch__label--right {
    margin-left: 10px;
}
.gk-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block;
}
.gk-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
}
.gk-switch__core {
    margin: 0;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #dcdfe6;
    outline: 0;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dcdfe6;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
    vertical-align: middle;
}
.gk-switch__core:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 16px;
    height: 16px;
    background-color: #fff;
}
.gk-switch.is-checked .gk-switch__core {
    border-color: #409eff;
    background-color: #409eff;
}
.gk-switch.is-checked .gk-switch__core::after {
    left: 100%;
    margin-left: -17px;
}
.gk-switch.is-disabled {
    opacity: 0.6;
}
.gk-switch--wide .gk-switch__label.gk-switch__label--left span {
    left: 10px;
}
.gk-switch--wide .gk-switch__label.gk-switch__label--right span {
    right: 10px;
}
.gk-switch .label-fade-enter,
.gk-switch .label-fade-leave-active {
    opacity: 0;
}
.gk-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
}
.gk-select-dropdown.is-multiple .gk-select-dropdown__item.selected {
    color: #409eff;
    background-color: #fff;
}
.gk-select-dropdown.is-multiple .gk-select-dropdown__item.selected.hover {
    background-color: #f5f7fa;
}
.gk-select-dropdown.is-multiple .gk-select-dropdown__item.selected::after {
    position: absolute;
    right: 20px;
    font-family: element-icons;
    content: 'î›š';
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.gk-select-dropdown .gk-scrollbar.is-empty .gk-select-dropdown__list {
    padding: 0;
}
.gk-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.gk-select-dropdown__wrap {
    max-height: 274px;
}
.gk-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.gk-select-dropdown__item.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-select-dropdown__item.is-disabled:hover {
    background-color: #fff;
}
.gk-select-dropdown__item.hover,
.gk-select-dropdown__item:hover {
    background-color: #f5f7fa;
}
.gk-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700;
}
.gk-select-group {
    margin: 0;
    padding: 0;
}
.gk-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.gk-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px;
}
.gk-select-group__wrap:not(:last-of-type)::after {
    content: '';
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: #e4e7ed;
}
.gk-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: #909399;
    line-height: 30px;
}
.gk-select-group .gk-select-dropdown__item {
    padding-left: 20px;
}
.gk-select {
    display: inline-block;
    position: relative;
}
.gk-select .gk-select__tags > span {
    display: contents;
}
.gk-select:hover .gk-input__inner {
    border-color: #c0c4cc;
}
.gk-select .gk-input__inner {
    cursor: pointer;
    padding-right: 35px;
}
.gk-select .gk-input__inner:focus {
    border-color: #409eff;
}
.gk-select .gk-input .gk-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    cursor: pointer;
}
.gk-select .gk-input .gk-select__caret.is-reverse {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
}
.gk-select .gk-input .gk-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    border-radius: 100%;
    color: #c0c4cc;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gk-select .gk-input .gk-select__caret.is-show-close:hover {
    color: #909399;
}
.gk-select .gk-input.is-disabled .gk-input__inner {
    cursor: not-allowed;
}
.gk-select .gk-input.is-disabled .gk-input__inner:hover {
    border-color: #e4e7ed;
}
.gk-select .gk-input.is-focus .gk-input__inner {
    border-color: #409eff;
}
.gk-select > .gk-input {
    display: block;
}
.gk-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 15px;
    color: #666;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    background-color: rgba(0, 0, 0, 0);
}
.gk-select__input.is-mini {
    height: 14px;
}
.gk-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: #c0c4cc;
    line-height: 18px;
    font-size: 14px;
}
.gk-select__close:hover {
    color: #909399;
}
.gk-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gk-select .gk-tag__close {
    margin-top: -2px;
}
.gk-select .gk-tag {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: rgba(0, 0, 0, 0);
    margin: 2px 0 2px 6px;
    background-color: #f0f2f5;
}
.gk-select .gk-tag__close.el-icon-close {
    background-color: #c0c4cc;
    right: -7px;
    top: 0;
    color: #fff;
}
.gk-select .gk-tag__close.el-icon-close:hover {
    background-color: #909399;
}
.gk-table,
.gk-table__expanded-cell {
    background-color: #fff;
}
.gk-select .gk-tag__close.el-icon-close::before {
    display: block;
    -webkit-transform: translate(0, 0.5px);
    transform: translate(0, 0.5px);
}
.gk-table {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #606266;
}
.gk-table--mini,
.gk-table--small,
.gk-table__expand-icon {
    font-size: 12px;
}
.gk-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-table__empty-text {
    line-height: 60px;
    width: 50%;
    color: #909399;
}
.gk-table__expand-column .cell {
    padding: 0;
    text-align: center;
}
.gk-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: #666;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    height: 20px;
}
.gk-table__expand-icon--expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.gk-table__expand-icon > .el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
}
.gk-table__expanded-cell[class*='cell'] {
    padding: 20px 50px;
}
.gk-table__expanded-cell:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}
.gk-table__placeholder {
    display: inline-block;
    width: 20px;
}
.gk-table__append-wrapper {
    overflow: hidden;
}
.gk-table--fit {
    border-right: 0;
    border-bottom: 0;
}
.gk-table--fit td.gutter,
.gk-table--fit th.gutter {
    border-right-width: 1px;
}
.gk-table--scrollable-x .gk-table__body-wrapper {
    overflow-x: auto;
}
.gk-table--scrollable-y .gk-table__body-wrapper {
    overflow-y: auto;
}
.gk-table thead {
    color: #909399;
    font-weight: 500;
}
.gk-table thead.is-group th {
    background: #f5f7fa;
}
.gk-table th,
.gk-table tr {
    background-color: #fff;
}
.gk-table td,
.gk-table th {
    padding: 12px 0;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
}
.gk-table td.is-center,
.gk-table th.is-center {
    text-align: center;
}
.gk-table td.is-right,
.gk-table th.is-right {
    text-align: right;
}
.gk-table td.gutter,
.gk-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0;
}
.gk-table--medium td,
.gk-table--medium th {
    padding: 10px 0;
}
.gk-table--small td,
.gk-table--small th {
    padding: 8px 0;
}
.gk-table--mini td,
.gk-table--mini th {
    padding: 6px 0;
}
.gk-table .cell,
.gk-table--border td:first-child .cell,
.gk-table--border th:first-child .cell {
    padding-left: 10px;
}
.gk-table tr input[type='checkbox'] {
    margin: 0;
}
.gk-table td,
.gk-table th.is-leaf {
    border-bottom: 1px solid #ebeef5;
}
.gk-table th.is-sortable {
    cursor: pointer;
}
.gk-table th {
    overflow: hidden;
    -ms-user-select: none;
    user-select: none;
}
.gk-table th > .cell {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.gk-table th > .cell.highlight {
    color: #409eff;
}
.gk-table th.required > div::before {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle;
}
.gk-table td div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-table td.gutter {
    width: 0;
}
.gk-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-right: 10px;
}
.gk-table .cell.gk-tooltip {
    white-space: nowrap;
    min-width: 50px;
}
.gk-table--border,
.gk-table--group {
    border: 1px solid #ebeef5;
}
.gk-table--border::after,
.gk-table--group::after,
.gk-table::before {
    content: '';
    position: absolute;
    background-color: #ebeef5;
    z-index: 1;
}
.gk-table--border::after,
.gk-table--group::after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
}
.gk-table::before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
}
.gk-table--border {
    border-right: none;
    border-bottom: none;
}
.gk-table--border.gk-loading-parent--relative {
    border-color: rgba(0, 0, 0, 0);
}
.gk-table--border td,
.gk-table--border th,
.gk-table__body-wrapper .gk-table--border.is-scrolling-left ~ .gk-table__fixed {
    border-right: 1px solid #ebeef5;
}
.gk-table--border th.gutter:last-of-type {
    border-bottom: 1px solid #ebeef5;
    border-bottom-width: 1px;
}
.gk-table--border th,
.gk-table__fixed-right-patch {
    border-bottom: 1px solid #ebeef5;
}
.gk-table__fixed,
.gk-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.gk-table__fixed-right::before,
.gk-table__fixed::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ebeef5;
    z-index: 4;
}
.gk-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: #fff;
}
.gk-table__fixed-right {
    top: 0;
    left: auto;
    right: 0;
}
.gk-table__fixed-right .gk-table__fixed-body-wrapper,
.gk-table__fixed-right .gk-table__fixed-footer-wrapper,
.gk-table__fixed-right .gk-table__fixed-header-wrapper {
    left: auto;
    right: 0;
}
.gk-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.gk-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
}
.gk-table__fixed-footer-wrapper tbody td {
    border-top: 1px solid #ebeef5;
    background-color: #f5f7fa;
    color: #606266;
}
.gk-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3;
}
.gk-table__body-wrapper,
.gk-table__footer-wrapper,
.gk-table__header-wrapper {
    width: 100%;
}
.gk-table__footer-wrapper {
    margin-top: -1px;
}
.gk-table__footer-wrapper td {
    border-top: 1px solid #ebeef5;
}
.gk-table__body,
.gk-table__footer,
.gk-table__header {
    table-layout: fixed;
    border-collapse: separate;
}
.gk-table__footer-wrapper,
.gk-table__header-wrapper {
    overflow: hidden;
}
.gk-table__footer-wrapper tbody td,
.gk-table__header-wrapper tbody td {
    background-color: #f5f7fa;
    color: #606266;
}
.gk-table__body-wrapper {
    overflow: hidden;
    position: relative;
}
.gk-table__body-wrapper.is-scrolling-left ~ .gk-table__fixed,
.gk-table__body-wrapper.is-scrolling-none ~ .gk-table__fixed,
.gk-table__body-wrapper.is-scrolling-none ~ .gk-table__fixed-right,
.gk-table__body-wrapper.is-scrolling-right ~ .gk-table__fixed-right {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.gk-picker-panel,
.gk-table-filter {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-table__body-wrapper .gk-table--border.is-scrolling-right ~ .gk-table__fixed-right {
    border-left: 1px solid #ebeef5;
}
.gk-table .caret-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative;
}
.gk-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    position: absolute;
    left: 7px;
}
.gk-table .sort-caret.ascending {
    border-bottom-color: #c0c4cc;
    top: 5px;
}
.gk-table .sort-caret.descending {
    border-top-color: #c0c4cc;
    bottom: 7px;
}
.gk-table .ascending .sort-caret.ascending {
    border-bottom-color: #409eff;
}
.gk-table .descending .sort-caret.descending {
    border-top-color: #409eff;
}
.gk-table .hidden-columns {
    position: absolute;
    z-index: -1;
}
.gk-table--striped .gk-table__body tr.gk-table__row--striped td {
    background: #fafafa;
}
.gk-table--striped .gk-table__body tr.gk-table__row--striped.current-row td {
    background-color: #ecf5ff;
}
.gk-table__body tr.hover-row.current-row > td,
.gk-table__body tr.hover-row.gk-table__row--striped.current-row > td,
.gk-table__body tr.hover-row.gk-table__row--striped > td,
.gk-table__body tr.hover-row > td {
    background-color: #f5f7fa;
}
.gk-table__body tr.current-row > td {
    background-color: #ecf5ff;
}
.gk-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid #ebeef5;
    z-index: 10;
}
.gk-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer;
}
.gk-table__column-filter-trigger i {
    color: #909399;
    font-size: 12px;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}
.gk-table--enable-row-transition .gk-table__body td {
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.gk-table--enable-row-hover .gk-table__body tr:hover > td {
    background-color: #f5f7fa;
}
.gk-table--fluid-height .gk-table__fixed,
.gk-table--fluid-height .gk-table__fixed-right {
    bottom: 0;
    overflow: hidden;
}
.gk-table [class*='gk-table__row--level'] .gk-table__expand-icon {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px;
}
.gk-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px;
}
.gk-table-filter {
    border: 1px solid #ebeef5;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0;
}
.gk-date-table td,
.gk-date-table td div {
    height: 30px;
    -webkit-box-sizing: border-box;
}
.gk-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px;
}
.gk-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
}
.gk-table-filter__list-item:hover {
    background-color: #ecf5ff;
    color: #66b1ff;
}
.gk-table-filter__list-item.is-active {
    background-color: #409eff;
    color: #fff;
}
.gk-table-filter__content {
    min-width: 100px;
}
.gk-table-filter__bottom {
    border-top: 1px solid #ebeef5;
    padding: 8px;
}
.gk-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px;
}
.gk-date-table td.in-range div,
.gk-date-table td.in-range div:hover,
.gk-date-table.is-week-mode .gk-date-table__row.current div,
.gk-date-table.is-week-mode .gk-date-table__row:hover div {
    background-color: #f2f6fc;
}
.gk-table-filter__bottom button:hover {
    color: #409eff;
}
.gk-table-filter__bottom button:focus {
    outline: 0;
}
.gk-table-filter__bottom button.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-table-filter__wrap {
    max-height: 280px;
}
.gk-table-filter__checkbox-group {
    padding: 10px;
}
.gk-table-filter__checkbox-group label.gk-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px;
}
.gk-table-filter__checkbox-group .gk-checkbox:last-child {
    margin-bottom: 0;
}
.gk-date-table {
    font-size: 12px;
    -ms-user-select: none;
    user-select: none;
}
.gk-date-table.is-week-mode .gk-date-table__row:hover td.available:hover {
    color: #606266;
}
.gk-date-table.is-week-mode .gk-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.gk-date-table.is-week-mode .gk-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.gk-date-table td {
    width: 32px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.gk-date-table td div {
    padding: 3px 0;
    box-sizing: border-box;
}
.gk-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
}
.gk-date-table td.next-month,
.gk-date-table td.prev-month {
    color: #c0c4cc;
}
.gk-date-table td.today {
    position: relative;
}
.gk-date-table td.today span {
    color: #409eff;
    font-weight: 700;
}
.gk-date-table td.today.end-date span,
.gk-date-table td.today.start-date span {
    color: #fff;
}
.gk-date-table td.available:hover {
    color: #409eff;
}
.gk-date-table td.current:not(.disabled) span {
    color: #fff;
    background-color: #409eff;
}
.gk-date-table td.end-date div,
.gk-date-table td.start-date div {
    color: #fff;
}
.gk-date-table td.end-date span,
.gk-date-table td.start-date span {
    background-color: #409eff;
}
.gk-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.gk-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.gk-date-table td.disabled div {
    background-color: #f5f7fa;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc;
}
.gk-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: #f2f6fc;
    border-radius: 15px;
}
.gk-date-table td.selected div:hover {
    background-color: #f2f6fc;
}
.gk-date-table td.selected span {
    background-color: #409eff;
    color: #fff;
    border-radius: 15px;
}
.gk-date-table td.week {
    font-size: 80%;
    color: #606266;
}
.gk-month-table,
.gk-year-table {
    font-size: 12px;
    border-collapse: collapse;
}
.gk-date-table th {
    padding: 5px;
    color: #606266;
    font-weight: 400;
    border-bottom: solid 1px #ebeef5;
}
.gk-month-table {
    margin: -1px;
}
.gk-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
}
.gk-month-table td div {
    height: 48px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-month-table td.today .cell {
    color: #409eff;
    font-weight: 700;
}
.gk-month-table td.today.end-date .cell,
.gk-month-table td.today.start-date .cell {
    color: #fff;
}
.gk-month-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc;
}
.gk-month-table td.disabled .cell:hover {
    color: #c0c4cc;
}
.gk-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: #606266;
    margin: 0 auto;
    border-radius: 18px;
}
.gk-month-table td .cell:hover {
    color: #409eff;
}
.gk-month-table td.in-range div,
.gk-month-table td.in-range div:hover {
    background-color: #f2f6fc;
}
.gk-month-table td.end-date div,
.gk-month-table td.start-date div {
    color: #fff;
}
.gk-month-table td.end-date .cell,
.gk-month-table td.start-date .cell {
    color: #fff;
    background-color: #409eff;
}
.gk-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}
.gk-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}
.gk-month-table td.current:not(.disabled) .cell {
    color: #409eff;
}
.gk-year-table {
    margin: -1px;
}
.gk-year-table .el-icon {
    color: #303133;
}
.gk-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer;
}
.gk-year-table td.today .cell {
    color: #409eff;
    font-weight: 700;
}
.gk-year-table td.disabled .cell {
    background-color: #f5f7fa;
    cursor: not-allowed;
    color: #c0c4cc;
}
.gk-year-table td.disabled .cell:hover {
    color: #c0c4cc;
}
.gk-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: #606266;
    margin: 0 auto;
}
.gk-year-table td .cell:hover,
.gk-year-table td.current:not(.disabled) .cell {
    color: #409eff;
}
.gk-date-range-picker {
    width: 646px;
}
.gk-date-range-picker.has-sidebar {
    width: 756px;
}
.gk-date-range-picker table {
    table-layout: fixed;
    width: 100%;
}
.gk-date-range-picker .gk-picker-panel__body {
    min-width: 513px;
}
.gk-date-range-picker .gk-picker-panel__content {
    margin: 0;
}
.gk-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px;
}
.gk-date-range-picker__header [class*='arrow-left'] {
    float: left;
}
.gk-date-range-picker__header [class*='arrow-right'] {
    float: right;
}
.gk-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px;
}
.gk-date-range-picker__content {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 16px;
}
.gk-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4;
}
.gk-date-range-picker__content .gk-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px;
}
.gk-date-range-picker__editors-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
}
.gk-date-range-picker__editors-wrap.is-right {
    text-align: right;
}
.gk-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-date-range-picker__time-header > .el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: #303133;
}
.gk-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px;
}
.gk-date-range-picker__time-picker-wrap .gk-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff;
}
.gk-date-picker {
    width: 322px;
}
.gk-date-picker.has-sidebar.has-time {
    width: 434px;
}
.gk-date-picker.has-sidebar {
    width: 438px;
}
.gk-date-picker.has-time .gk-picker-panel__body-wrapper {
    position: relative;
}
.gk-date-picker .gk-picker-panel__content {
    width: 292px;
}
.gk-date-picker table {
    table-layout: fixed;
    width: 100%;
}
.gk-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px;
}
.gk-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-date-picker__header {
    margin: 12px;
    text-align: center;
}
.gk-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: solid 1px #ebeef5;
}
.gk-date-picker__header--bordered + .gk-picker-panel__content {
    margin-top: 0;
}
.gk-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266;
}
.gk-date-picker__header-label.active,
.gk-date-picker__header-label:hover {
    color: #409eff;
}
.gk-date-picker__prev-btn {
    float: left;
}
.gk-date-picker__next-btn {
    float: right;
}
.gk-date-picker__time-wrap {
    padding: 10px;
    text-align: center;
}
.gk-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px;
}
.time-select {
    margin: 5px 0;
    min-width: 0;
}
.time-select .gk-picker-panel__content {
    max-height: 200px;
    margin: 0;
}
.time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
}
.time-select-item.selected:not(.disabled) {
    color: #409eff;
    font-weight: 700;
}
.time-select-item.disabled {
    color: #e4e7ed;
    cursor: not-allowed;
}
.time-select-item:hover {
    background-color: #f5f7fa;
    font-weight: 700;
    cursor: pointer;
}
.gk-date-editor {
    position: relative;
    display: inline-block;
    text-align: left;
}
.gk-date-editor.gk-input,
.gk-date-editor.gk-input__inner {
    width: 220px;
}
.gk-date-editor--monthrange.gk-input,
.gk-date-editor--monthrange.gk-input__inner {
    width: 300px;
}
.gk-date-editor--daterange.gk-input,
.gk-date-editor--daterange.gk-input__inner,
.gk-date-editor--timerange.gk-input,
.gk-date-editor--timerange.gk-input__inner {
    width: 350px;
}
.gk-date-editor--datetimerange.gk-input,
.gk-date-editor--datetimerange.gk-input__inner {
    width: 400px;
}
.gk-date-editor--dates .gk-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gk-date-editor .el-icon-circle-close {
    cursor: pointer;
}
.gk-date-editor .gk-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: #c0c4cc;
    float: left;
    line-height: 32px;
}
.gk-date-editor .gk-range-input,
.gk-date-editor .gk-range-separator {
    height: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}
.gk-date-editor .gk-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    padding: 0;
    width: 39%;
    color: #606266;
}
.gk-date-editor .gk-range-input::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-date-editor .gk-range-input:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-date-editor .gk-range-input::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-date-editor .gk-range-input::placeholder {
    color: #c0c4cc;
}
.gk-date-editor .gk-range-separator {
    padding: 0 5px;
    line-height: 32px;
    width: 5%;
    color: #303133;
}
.gk-date-editor .gk-range__close-icon {
    font-size: 14px;
    color: #c0c4cc;
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px;
}
.gk-range-editor.gk-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 10px;
}
.gk-range-editor .gk-range-input {
    line-height: 1;
}
.gk-range-editor.is-active,
.gk-range-editor.is-active:hover {
    border-color: #409eff;
}
.gk-range-editor--medium.gk-input__inner {
    height: 36px;
}
.gk-range-editor--medium .gk-range-separator {
    line-height: 28px;
    font-size: 14px;
}
.gk-range-editor--medium .gk-range-input {
    font-size: 14px;
}
.gk-range-editor--medium .gk-range__close-icon,
.gk-range-editor--medium .gk-range__icon {
    line-height: 28px;
}
.gk-range-editor--small.gk-input__inner {
    height: 32px;
}
.gk-range-editor--small .gk-range-separator {
    line-height: 24px;
    font-size: 13px;
}
.gk-range-editor--small .gk-range-input {
    font-size: 13px;
}
.gk-range-editor--small .gk-range__close-icon,
.gk-range-editor--small .gk-range__icon {
    line-height: 24px;
}
.gk-range-editor--mini.gk-input__inner {
    height: 28px;
}
.gk-range-editor--mini .gk-range-separator {
    line-height: 20px;
    font-size: 12px;
}
.gk-range-editor--mini .gk-range-input {
    font-size: 12px;
}
.gk-range-editor--mini .gk-range__close-icon,
.gk-range-editor--mini .gk-range__icon {
    line-height: 20px;
}
.gk-range-editor.is-disabled {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-range-editor.is-disabled:focus,
.gk-range-editor.is-disabled:hover {
    border-color: #e4e7ed;
}
.gk-range-editor.is-disabled input {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-range-editor.is-disabled input::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-range-editor.is-disabled input:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-range-editor.is-disabled input::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-range-editor.is-disabled input::placeholder {
    color: #c0c4cc;
}
.gk-range-editor.is-disabled .gk-range-separator {
    color: #c0c4cc;
}
.gk-picker-panel {
    color: #606266;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0;
}
.gk-popover,
.gk-time-panel {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-picker-panel__body-wrapper::after,
.gk-picker-panel__body::after {
    content: '';
    display: table;
    clear: both;
}
.gk-picker-panel__content {
    position: relative;
    margin: 15px;
}
.gk-picker-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    text-align: right;
    background-color: #fff;
    position: relative;
    font-size: 0;
}
.gk-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    line-height: 28px;
    font-size: 14px;
    color: #606266;
    padding-left: 12px;
    text-align: left;
    outline: 0;
    cursor: pointer;
}
.gk-picker-panel__shortcut:hover {
    color: #409eff;
}
.gk-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: #409eff;
}
.gk-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    outline: 0;
    font-size: 12px;
}
.gk-picker-panel__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}
.gk-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px;
}
.gk-picker-panel__icon-btn:hover {
    color: #409eff;
}
.gk-picker-panel__icon-btn.is-disabled {
    color: #bbb;
}
.gk-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed;
}
.gk-picker-panel__link-btn {
    vertical-align: middle;
}
.gk-picker-panel [slot='sidebar'],
.gk-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    background-color: #fff;
    overflow: auto;
}
.gk-picker-panel [slot='sidebar'] + .gk-picker-panel__body,
.gk-picker-panel__sidebar + .gk-picker-panel__body {
    margin-left: 110px;
}
.gk-time-spinner.has-seconds .gk-time-spinner__wrapper {
    width: 33.3%;
}
.gk-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
}
.gk-time-spinner__wrapper .gk-scrollbar__wrap:not(.gk-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px;
}
.gk-time-spinner__input.gk-input .gk-input__inner,
.gk-time-spinner__list {
    padding: 0;
    text-align: center;
}
.gk-time-spinner__wrapper.is-arrow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.gk-time-spinner__wrapper.is-arrow .gk-time-spinner__list {
    -webkit-transform: translateY(-32px);
    transform: translateY(-32px);
}
.gk-time-spinner__wrapper.is-arrow .gk-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #fff;
    cursor: default;
}
.gk-time-spinner__arrow {
    font-size: 12px;
    color: #909399;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.gk-time-spinner__arrow:hover {
    color: #409eff;
}
.gk-time-spinner__arrow.el-icon-arrow-up {
    top: 10px;
}
.gk-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px;
}
.gk-time-spinner__input.gk-input {
    width: 70%;
}
.gk-time-spinner__list {
    margin: 0;
    list-style: none;
}
.gk-time-spinner__list::after,
.gk-time-spinner__list::before {
    content: '';
    display: block;
    width: 100%;
    height: 80px;
}
.gk-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #606266;
}
.gk-time-spinner__item:hover:not(.disabled):not(.active) {
    background: #f5f7fa;
    cursor: pointer;
}
.gk-time-spinner__item.active:not(.disabled) {
    color: #303133;
    font-weight: 700;
}
.gk-time-spinner__item.disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-time-panel {
    margin: 5px 0;
    border: 1px solid #e4e7ed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.gk-slider__button,
.gk-slider__button-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.gk-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden;
}
.gk-time-panel__content::after,
.gk-time-panel__content::before {
    content: '';
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid #e4e7ed;
    border-bottom: 1px solid #e4e7ed;
}
.gk-time-panel__content::after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%;
}
.gk-time-panel__content::before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%;
}
.gk-time-panel__content.has-seconds::after {
    left: 66.6666666667%;
}
.gk-time-panel__content.has-seconds::before {
    padding-left: 33.3333333333%;
}
.gk-time-panel__footer {
    border-top: 1px solid #e4e4e4;
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    outline: 0;
    font-size: 12px;
    color: #303133;
}
.gk-time-panel__btn.confirm {
    font-weight: 800;
    color: #409eff;
}
.gk-time-range-picker {
    width: 354px;
    overflow: visible;
}
.gk-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px;
}
.gk-time-range-picker__cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block;
}
.gk-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px;
}
.gk-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid #e4e7ed;
}
.gk-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    word-break: break-all;
}
.gk-popover--plain {
    padding: 18px 20px;
}
.gk-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px;
}
.v-modal-enter {
    -webkit-animation: v-modal-in 0.2s ease;
    animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
    -webkit-animation: v-modal-out 0.2s ease forwards;
    animation: v-modal-out 0.2s ease forwards;
}
@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}
@keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}
.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
}
.gk-popup-parent--hidden {
    overflow: hidden;
}
.gk-message-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gk-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.gk-message-box__wrapper::after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.gk-message-box__header {
    position: relative;
    padding: 15px 15px 10px;
}
.gk-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #303133;
}
.gk-message-box__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 16px;
    cursor: pointer;
}
.gk-form-item.is-error .gk-input__inner,
.gk-form-item.is-error .gk-input__inner:focus,
.gk-form-item.is-error .gk-textarea__inner,
.gk-form-item.is-error .gk-textarea__inner:focus,
.gk-message-box__input input.invalid,
.gk-message-box__input input.invalid:focus {
    border-color: #f56c6c;
}
.gk-message-box__headerbtn .gk-message-box__close {
    color: #909399;
}
.gk-message-box__headerbtn:focus .gk-message-box__close,
.gk-message-box__headerbtn:hover .gk-message-box__close {
    color: #409eff;
}
.gk-message-box__content {
    padding: 10px 15px;
    color: #606266;
    font-size: 14px;
}
.gk-message-box__container {
    position: relative;
}
.gk-message-box__input {
    padding-top: 15px;
}
.gk-message-box__status {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px !important;
}
.gk-message-box__status::before {
    padding-left: 1px;
}
.gk-message-box__status + .gk-message-box__message {
    padding-left: 36px;
    padding-right: 12px;
}
.gk-message-box__status.el-icon-success {
    color: #67c23a;
}
.gk-message-box__status.el-icon-info {
    color: #909399;
}
.gk-message-box__status.el-icon-warning {
    color: #e6a23c;
}
.gk-message-box__status.el-icon-error {
    color: #f56c6c;
}
.gk-message-box__message {
    margin: 0;
}
.gk-message-box__message p {
    margin: 0;
    line-height: 24px;
}
.gk-message-box__errormsg {
    color: #f56c6c;
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px;
}
.gk-message-box__btns {
    padding: 5px 15px 0;
    text-align: right;
}
.gk-message-box__btns button:nth-child(2) {
    margin-left: 10px;
}
.gk-message-box__btns-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.gk-message-box--center {
    padding-bottom: 30px;
}
.gk-message-box--center .gk-message-box__header {
    padding-top: 30px;
}
.gk-message-box--center .gk-message-box__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gk-message-box--center .gk-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.gk-message-box--center .gk-message-box__message {
    margin-left: 0;
}
.gk-message-box--center .gk-message-box__btns,
.gk-message-box--center .gk-message-box__content {
    text-align: center;
}
.gk-message-box--center .gk-message-box__content {
    padding-left: 27px;
    padding-right: 27px;
}
.msgbox-fade-enter-active {
    -webkit-animation: msgbox-fade-in 0.3s;
    animation: msgbox-fade-in 0.3s;
}
.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out 0.3s;
    animation: msgbox-fade-out 0.3s;
}
@-webkit-keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
.gk-breadcrumb {
    font-size: 14px;
    line-height: 1;
}
.gk-breadcrumb::after,
.gk-breadcrumb::before {
    display: table;
    content: '';
}
.gk-breadcrumb::after {
    clear: both;
}
.gk-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: #c0c4cc;
}
.gk-breadcrumb__separator[class*='icon'] {
    margin: 0 6px;
    font-weight: 400;
}
.gk-breadcrumb__item {
    float: left;
}
.gk-breadcrumb__inner {
    color: #606266;
}
.gk-breadcrumb__inner a,
.gk-breadcrumb__inner.is-link {
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #303133;
}
.gk-breadcrumb__inner a:hover,
.gk-breadcrumb__inner.is-link:hover {
    color: #409eff;
    cursor: pointer;
}
.gk-breadcrumb__item:last-child .gk-breadcrumb__inner,
.gk-breadcrumb__item:last-child .gk-breadcrumb__inner a,
.gk-breadcrumb__item:last-child .gk-breadcrumb__inner a:hover,
.gk-breadcrumb__item:last-child .gk-breadcrumb__inner:hover {
    font-weight: 400;
    color: #606266;
    cursor: text;
}
.gk-breadcrumb__item:last-child .gk-breadcrumb__separator {
    display: none;
}
.gk-form--label-left .gk-form-item__label {
    text-align: left;
}
.gk-form--label-top .gk-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px;
}
.gk-form--inline .gk-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.gk-form--inline .gk-form-item__label {
    float: none;
    display: inline-block;
}
.gk-form--inline .gk-form-item__content {
    display: inline-block;
    vertical-align: top;
}
.gk-form--inline.gk-form--label-top .gk-form-item__content {
    display: block;
}
.gk-form-item {
    margin-bottom: 22px;
}
.gk-form-item::after,
.gk-form-item::before {
    display: table;
    content: '';
}
.gk-form-item::after {
    clear: both;
}
.gk-form-item .gk-form-item {
    margin-bottom: 0;
}
.gk-form-item--mini.gk-form-item,
.gk-form-item--small.gk-form-item {
    margin-bottom: 18px;
}
.gk-form-item .gk-input__validateIcon {
    display: none;
}
.gk-form-item--medium .gk-form-item__content,
.gk-form-item--medium .gk-form-item__label {
    line-height: 36px;
}
.gk-form-item--small .gk-form-item__content,
.gk-form-item--small .gk-form-item__label {
    line-height: 32px;
}
.gk-form-item--small .gk-form-item__error {
    padding-top: 2px;
}
.gk-form-item--mini .gk-form-item__content,
.gk-form-item--mini .gk-form-item__label {
    line-height: 28px;
}
.gk-form-item--mini .gk-form-item__error {
    padding-top: 1px;
}
.gk-form-item__label-wrap {
    float: left;
}
.gk-form-item__label-wrap .gk-form-item__label {
    display: inline-block;
    float: none;
}
.gk-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}
.gk-form-item__content::after,
.gk-form-item__content::before {
    display: table;
    content: '';
}
.gk-form-item__content::after {
    clear: both;
}
.gk-form-item__content .gk-input-group {
    vertical-align: top;
}
.gk-form-item__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0;
}
.gk-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px;
}
.gk-form-item.is-required:not(.is-no-asterisk) .gk-form-item__label-wrap > .gk-form-item__label:before,
.gk-form-item.is-required:not(.is-no-asterisk) > .gk-form-item__label:before {
    content: '*';
    color: #f56c6c;
    margin-right: 4px;
}
.gk-form-item.is-error .gk-input-group__append .gk-input__inner,
.gk-form-item.is-error .gk-input-group__prepend .gk-input__inner {
    border-color: rgba(0, 0, 0, 0);
}
.gk-form-item.is-error .gk-input__validateIcon {
    color: #f56c6c;
}
.gk-form-item--feedback .gk-input__validateIcon {
    display: inline-block;
}
.gk-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px;
}
.gk-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #409eff;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    list-style: none;
}
.gk-tabs__new-tab {
    float: right;
    border: 1px solid #d3dce6;
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: #d3dce6;
    cursor: pointer;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
}
.gk-collapse-item__arrow,
.gk-tabs__nav {
    -webkit-transition: -webkit-transform 0.3s;
}
.gk-tabs__new-tab .el-icon-plus {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
}
.gk-tabs__new-tab:hover {
    color: #409eff;
}
.gk-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
}
.gk-tabs__nav-wrap::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #e4e7ed;
    z-index: 1;
}
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__nav-wrap::after,
.gk-tabs--card > .gk-tabs__header .gk-tabs__nav-wrap::after {
    content: none;
}
.gk-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-tabs__nav-scroll {
    overflow: hidden;
}
.gk-tabs__nav-next,
.gk-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: #909399;
}
.gk-tabs__nav-next {
    right: 0;
}
.gk-tabs__nav-prev {
    left: 0;
}
.gk-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    float: left;
    z-index: 2;
}
.gk-tabs__nav.is-stretch {
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gk-tabs__nav.is-stretch > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
.gk-tabs__item {
    padding: 0 20px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #303133;
    position: relative;
}
.gk-tabs__item:focus,
.gk-tabs__item:focus:active {
    outline: 0;
}
.gk-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: 0 0 2px 2px #409eff inset;
    box-shadow: 0 0 2px 2px #409eff inset;
    border-radius: 3px;
}
.gk-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-left: 5px;
}
.gk-tabs__item .el-icon-close:before {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    display: inline-block;
}
.gk-tabs__item .el-icon-close:hover {
    background-color: #c0c4cc;
    color: #fff;
}
.gk-tabs__item.is-active {
    color: #409eff;
}
.gk-tabs__item:hover {
    color: #409eff;
    cursor: pointer;
}
.gk-tabs__item.is-disabled {
    color: #c0c4cc;
    cursor: default;
}
.gk-tabs__content {
    overflow: hidden;
    position: relative;
}
.gk-tabs--card > .gk-tabs__header {
    border-bottom: 1px solid #e4e7ed;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__nav {
    border: 1px solid #e4e7ed;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__active-bar {
    display: none;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item .el-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item.is-active.is-closable .el-icon-close,
.gk-tabs--card > .gk-tabs__header .gk-tabs__item.is-closable:hover .el-icon-close {
    width: 14px;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-left: 1px solid #e4e7ed;
    -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
        padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item:first-child {
    border-left: none;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item.is-active {
    border-bottom-color: #fff;
}
.gk-tabs--card > .gk-tabs__header .gk-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px;
}
.gk-tabs--border-card {
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.gk-tabs--border-card > .gk-tabs__content {
    padding: 15px;
}
.gk-tabs--border-card > .gk-tabs__header {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e4e7ed;
    margin: 0;
}
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item {
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    border: 1px solid rgba(0, 0, 0, 0);
    margin-top: -1px;
    color: #909399;
}
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item + .gk-tabs__item,
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item:first-child {
    margin-left: -1px;
}
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item.is-active {
    color: #409eff;
    background-color: #fff;
    border-right-color: #dcdfe6;
    border-left-color: #dcdfe6;
}
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item:not(.is-disabled):hover {
    color: #409eff;
}
.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item.is-disabled {
    color: #c0c4cc;
}
.gk-tabs--border-card > .gk-tabs__header .is-scrollable .gk-tabs__item:first-child {
    margin-left: 0;
}
.gk-tabs--bottom .gk-tabs__item.is-bottom:nth-child(2),
.gk-tabs--bottom .gk-tabs__item.is-top:nth-child(2),
.gk-tabs--top .gk-tabs__item.is-bottom:nth-child(2),
.gk-tabs--top .gk-tabs__item.is-top:nth-child(2) {
    padding-left: 0;
}
.gk-tabs--bottom .gk-tabs__item.is-bottom:last-child,
.gk-tabs--bottom .gk-tabs__item.is-top:last-child,
.gk-tabs--top .gk-tabs__item.is-bottom:last-child,
.gk-tabs--top .gk-tabs__item.is-top:last-child {
    padding-right: 0;
}
.gk-tabs--bottom .gk-tabs--left > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--bottom .gk-tabs--right > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--bottom.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--bottom.gk-tabs--card > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--top .gk-tabs--left > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--top .gk-tabs--right > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--top.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item:nth-child(2),
.gk-tabs--top.gk-tabs--card > .gk-tabs__header .gk-tabs__item:nth-child(2) {
    padding-left: 20px;
}
.gk-tabs--bottom .gk-tabs--left > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--bottom .gk-tabs--right > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--bottom.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--bottom.gk-tabs--card > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--top .gk-tabs--left > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--top .gk-tabs--right > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--top.gk-tabs--border-card > .gk-tabs__header .gk-tabs__item:last-child,
.gk-tabs--top.gk-tabs--card > .gk-tabs__header .gk-tabs__item:last-child {
    padding-right: 20px;
}
.gk-tabs--bottom .gk-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px;
}
.gk-tabs--bottom.gk-tabs--border-card .gk-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid #dcdfe6;
}
.gk-tabs--bottom.gk-tabs--border-card .gk-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0;
}
.gk-tabs--bottom.gk-tabs--border-card .gk-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid rgba(0, 0, 0, 0);
}
.gk-tabs--bottom.gk-tabs--border-card .gk-tabs__item.is-bottom {
    margin: 0 -1px -1px;
}
.gk-tabs--left,
.gk-tabs--right {
    overflow: hidden;
}
.gk-tabs--left .gk-tabs__header.is-left,
.gk-tabs--left .gk-tabs__header.is-right,
.gk-tabs--left .gk-tabs__nav-scroll,
.gk-tabs--left .gk-tabs__nav-wrap.is-left,
.gk-tabs--left .gk-tabs__nav-wrap.is-right,
.gk-tabs--right .gk-tabs__header.is-left,
.gk-tabs--right .gk-tabs__header.is-right,
.gk-tabs--right .gk-tabs__nav-scroll,
.gk-tabs--right .gk-tabs__nav-wrap.is-left,
.gk-tabs--right .gk-tabs__nav-wrap.is-right {
    height: 100%;
}
.gk-tabs--left .gk-tabs__active-bar.is-left,
.gk-tabs--left .gk-tabs__active-bar.is-right,
.gk-tabs--right .gk-tabs__active-bar.is-left,
.gk-tabs--right .gk-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left,
.gk-tabs--left .gk-tabs__nav-wrap.is-right,
.gk-tabs--right .gk-tabs__nav-wrap.is-left,
.gk-tabs--right .gk-tabs__nav-wrap.is-right {
    margin-bottom: 0;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-next,
.gk-tabs--left .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-prev,
.gk-tabs--left .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-next,
.gk-tabs--left .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-prev,
.gk-tabs--right .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-next,
.gk-tabs--right .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-prev,
.gk-tabs--right .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-next,
.gk-tabs--right .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-next i,
.gk-tabs--left .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-prev i,
.gk-tabs--left .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-next i,
.gk-tabs--left .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-prev i,
.gk-tabs--right .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-next i,
.gk-tabs--right .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-prev i,
.gk-tabs--right .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-next i,
.gk-tabs--right .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-prev i {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-prev,
.gk-tabs--left .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-prev,
.gk-tabs--right .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-prev,
.gk-tabs--right .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-prev {
    left: auto;
    top: 0;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-next,
.gk-tabs--left .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-next,
.gk-tabs--right .gk-tabs__nav-wrap.is-left > .gk-tabs__nav-next,
.gk-tabs--right .gk-tabs__nav-wrap.is-right > .gk-tabs__nav-next {
    right: auto;
    bottom: 0;
}
.gk-tabs--left .gk-tabs__active-bar.is-left,
.gk-tabs--left .gk-tabs__nav-wrap.is-left::after {
    right: 0;
    left: auto;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left.is-scrollable,
.gk-tabs--left .gk-tabs__nav-wrap.is-right.is-scrollable,
.gk-tabs--right .gk-tabs__nav-wrap.is-left.is-scrollable,
.gk-tabs--right .gk-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left::after,
.gk-tabs--left .gk-tabs__nav-wrap.is-right::after,
.gk-tabs--right .gk-tabs__nav-wrap.is-left::after,
.gk-tabs--right .gk-tabs__nav-wrap.is-right::after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0;
}
.gk-tabs--left .gk-tabs__nav.is-left,
.gk-tabs--left .gk-tabs__nav.is-right,
.gk-tabs--right .gk-tabs__nav.is-left,
.gk-tabs--right .gk-tabs__nav.is-right {
    float: none;
}
.gk-tabs--left .gk-tabs__item.is-left,
.gk-tabs--left .gk-tabs__item.is-right,
.gk-tabs--right .gk-tabs__item.is-left,
.gk-tabs--right .gk-tabs__item.is-right {
    display: block;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__active-bar.is-left,
.gk-tabs--right.gk-tabs--card .gk-tabs__active-bar.is-right {
    display: none;
}
.gk-tabs--left .gk-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}
.gk-tabs--left .gk-tabs__nav-wrap.is-left {
    margin-right: -1px;
}
.gk-tabs--left .gk-tabs__item.is-left {
    text-align: right;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__item.is-left {
    border-left: none;
    border-right: 1px solid #e4e7ed;
    border-bottom: none;
    border-top: 1px solid #e4e7ed;
    text-align: left;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__item.is-left:first-child {
    border-right: 1px solid #e4e7ed;
    border-top: none;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__item.is-left.is-active {
    border: 1px solid #e4e7ed;
    border-right-color: #fff;
    border-left: none;
    border-bottom: none;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__item.is-left.is-active:first-child {
    border-top: none;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__item.is-left.is-active:last-child {
    border-bottom: none;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid #e4e7ed;
    border-right: none;
}
.gk-tabs--left.gk-tabs--card .gk-tabs__new-tab {
    float: none;
}
.gk-tabs--left.gk-tabs--border-card .gk-tabs__header.is-left {
    border-right: 1px solid #dfe4ed;
}
.gk-tabs--left.gk-tabs--border-card .gk-tabs__item.is-left {
    border: 1px solid rgba(0, 0, 0, 0);
    margin: -1px 0 -1px -1px;
}
.gk-tabs--left.gk-tabs--border-card .gk-tabs__item.is-left.is-active {
    border-color: #d1dbe5 rgba(0, 0, 0, 0);
}
.gk-tabs--right .gk-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px;
}
.gk-tabs--right .gk-tabs__nav-wrap.is-right {
    margin-left: -1px;
}
.gk-tabs--right .gk-tabs__nav-wrap.is-right::after {
    left: 0;
    right: auto;
}
.gk-tabs--right .gk-tabs__active-bar.is-right {
    left: 0;
}
.gk-tabs--right.gk-tabs--card .gk-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid #e4e7ed;
}
.gk-tabs--right.gk-tabs--card .gk-tabs__item.is-right:first-child {
    border-left: 1px solid #e4e7ed;
    border-top: none;
}
.gk-tabs--right.gk-tabs--card .gk-tabs__item.is-right.is-active {
    border: 1px solid #e4e7ed;
    border-left-color: #fff;
    border-right: none;
    border-bottom: none;
}
.gk-tabs--right.gk-tabs--card .gk-tabs__item.is-right.is-active:first-child {
    border-top: none;
}
.gk-tabs--right.gk-tabs--card .gk-tabs__item.is-right.is-active:last-child {
    border-bottom: none;
}
.gk-tabs--right.gk-tabs--card .gk-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-bottom: 1px solid #e4e7ed;
    border-left: none;
}
.gk-tabs--right.gk-tabs--border-card .gk-tabs__header.is-right {
    border-left: 1px solid #dfe4ed;
}
.gk-tabs--right.gk-tabs--border-card .gk-tabs__item.is-right {
    border: 1px solid rgba(0, 0, 0, 0);
    margin: -1px -1px -1px 0;
}
.gk-tabs--right.gk-tabs--border-card .gk-tabs__item.is-right.is-active {
    border-color: #d1dbe5 rgba(0, 0, 0, 0);
}
.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block;
}
.slideInRight-enter {
    -webkit-animation: slideInRight-enter 0.3s;
    animation: slideInRight-enter 0.3s;
}
.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave 0.3s;
    animation: slideInRight-leave 0.3s;
}
.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter 0.3s;
    animation: slideInLeft-enter 0.3s;
}
.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave 0.3s;
    animation: slideInLeft-leave 0.3s;
}
@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}
@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}
.gk-tree {
    position: relative;
    cursor: default;
    background: #fff;
    color: #606266;
}
.gk-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%;
}
.gk-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #909399;
    font-size: 14px;
}
.gk-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409eff;
}
.gk-tree-node {
    white-space: nowrap;
    outline: 0;
}
.gk-tree-node:focus > .gk-tree-node__content {
    background-color: #f5f7fa;
}
.gk-tree-node.is-drop-inner > .gk-tree-node__content .gk-tree-node__label {
    background-color: #409eff;
    color: #fff;
}
.gk-tree-node__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 26px;
    cursor: pointer;
}
.gk-tree-node__content > .gk-tree-node__expand-icon {
    padding: 6px;
}
.gk-tree-node__content > label.gk-checkbox {
    margin-right: 8px;
}
.gk-tree-node__content:hover {
    background-color: #f5f7fa;
}
.gk-tree.is-dragging .gk-tree-node__content {
    cursor: move;
}
.gk-tree.is-dragging.is-drop-not-allow .gk-tree-node__content {
    cursor: not-allowed;
}
.gk-tree-node__expand-icon {
    cursor: pointer;
    color: #c0c4cc;
    font-size: 12px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.gk-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.gk-tree-node__expand-icon.is-leaf {
    color: rgba(0, 0, 0, 0);
    cursor: default;
}
.gk-tree-node__label {
    font-size: 14px;
}
.gk-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: #c0c4cc;
}
.gk-tree-node > .gk-tree-node__children {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
}
.gk-tree-node.is-expanded > .gk-tree-node__children {
    display: block;
}
.gk-tree--highlight-current .gk-tree-node.is-current > .gk-tree-node__content {
    background-color: #f0f7ff;
}
.gk-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.gk-alert.is-light .gk-alert__closebtn {
    color: #c0c4cc;
}
.gk-alert.is-dark .gk-alert__closebtn,
.gk-alert.is-dark .gk-alert__description {
    color: #fff;
}
.gk-alert.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gk-alert--success.is-light {
    background-color: #f0f9eb;
    color: #67c23a;
}
.gk-alert--success.is-light .gk-alert__description {
    color: #67c23a;
}
.gk-alert--success.is-dark {
    background-color: #67c23a;
    color: #fff;
}
.gk-alert--info.is-light {
    background-color: #f4f4f5;
    color: #909399;
}
.gk-alert--info.is-dark {
    background-color: #909399;
    color: #fff;
}
.gk-alert--info .gk-alert__description {
    color: #909399;
}
.gk-alert--warning.is-light {
    background-color: #fdf6ec;
    color: #e6a23c;
}
.gk-alert--warning.is-light .gk-alert__description {
    color: #e6a23c;
}
.gk-alert--warning.is-dark {
    background-color: #e6a23c;
    color: #fff;
}
.gk-alert--error.is-light {
    background-color: #fef0f0;
    color: #f56c6c;
}
.gk-alert--error.is-light .gk-alert__description {
    color: #f56c6c;
}
.gk-alert--error.is-dark {
    background-color: #f56c6c;
    color: #fff;
}
.gk-alert__content {
    display: table-cell;
    padding: 0 8px;
}
.gk-alert__icon {
    font-size: 16px;
    width: 16px;
}
.gk-alert__icon.is-big {
    font-size: 28px;
    width: 28px;
}
.gk-alert__title {
    font-size: 13px;
    line-height: 18px;
}
.gk-alert__title.is-bold {
    font-weight: 700;
}
.gk-alert .gk-alert__description {
    font-size: 12px;
    margin: 5px 0 0;
}
.gk-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
}
.gk-alert-fade-enter,
.gk-alert-fade-leave-active,
.gk-loading-fade-enter,
.gk-loading-fade-leave-active,
.gk-notification-fade-leave-active {
    opacity: 0;
}
.gk-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px;
}
.gk-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
    transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s, -webkit-transform 0.3s;
    overflow: hidden;
}
.gk-notification.right {
    right: 16px;
}
.gk-notification.left {
    left: 16px;
}
.gk-notification__group {
    margin-left: 13px;
    margin-right: 8px;
}
.gk-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0;
}
.gk-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify;
}
.gk-notification__content p {
    margin: 0;
}
.gk-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px;
}
.gk-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px;
}
.gk-notification__closeBtn:hover {
    color: #606266;
}
.gk-notification .el-icon-success {
    color: #67c23a;
}
.gk-notification .el-icon-error {
    color: #f56c6c;
}
.gk-notification .el-icon-info {
    color: #909399;
}
.gk-notification .el-icon-warning {
    color: #e6a23c;
}
.gk-notification-fade-enter.right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.gk-notification-fade-enter.left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.gk-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px;
}
.gk-input-number .gk-input {
    display: block;
}
.gk-input-number .gk-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}
.gk-input-number__decrease,
.gk-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: #f5f7fa;
    color: #606266;
    cursor: pointer;
    font-size: 13px;
}
.gk-input-number__decrease:hover,
.gk-input-number__increase:hover {
    color: #409eff;
}
.gk-input-number__decrease:hover:not(.is-disabled) ~ .gk-input .gk-input__inner:not(.is-disabled),
.gk-input-number__increase:hover:not(.is-disabled) ~ .gk-input .gk-input__inner:not(.is-disabled) {
    border-color: #409eff;
}
.gk-input-number__decrease.is-disabled,
.gk-input-number__increase.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6;
}
.gk-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
}
.gk-input-number.is-disabled .gk-input-number__decrease,
.gk-input-number.is-disabled .gk-input-number__increase {
    border-color: #e4e7ed;
    color: #e4e7ed;
}
.gk-input-number.is-disabled .gk-input-number__decrease:hover,
.gk-input-number.is-disabled .gk-input-number__increase:hover {
    color: #e4e7ed;
    cursor: not-allowed;
}
.gk-input-number--medium {
    width: 200px;
    line-height: 34px;
}
.gk-input-number--medium .gk-input-number__decrease,
.gk-input-number--medium .gk-input-number__increase {
    width: 36px;
    font-size: 14px;
}
.gk-input-number--medium .gk-input__inner {
    padding-left: 43px;
    padding-right: 43px;
}
.gk-input-number--small {
    width: 130px;
    line-height: 30px;
}
.gk-input-number--small .gk-input-number__decrease,
.gk-input-number--small .gk-input-number__increase {
    width: 32px;
    font-size: 13px;
}
.gk-input-number--small .gk-input-number__decrease [class*='el-icon'],
.gk-input-number--small .gk-input-number__increase [class*='el-icon'] {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
.gk-input-number--small .gk-input__inner {
    padding-left: 39px;
    padding-right: 39px;
}
.gk-input-number--mini {
    width: 130px;
    line-height: 26px;
}
.gk-input-number--mini .gk-input-number__decrease,
.gk-input-number--mini .gk-input-number__increase {
    width: 28px;
    font-size: 12px;
}
.gk-input-number--mini .gk-input-number__decrease [class*='el-icon'],
.gk-input-number--mini .gk-input-number__increase [class*='el-icon'] {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.gk-input-number--mini .gk-input__inner {
    padding-left: 35px;
    padding-right: 35px;
}
.gk-input-number.is-without-controls .gk-input__inner {
    padding-left: 15px;
    padding-right: 15px;
}
.gk-input-number.is-controls-right .gk-input__inner {
    padding-left: 15px;
    padding-right: 50px;
}
.gk-input-number.is-controls-right .gk-input-number__decrease,
.gk-input-number.is-controls-right .gk-input-number__increase {
    height: auto;
    line-height: 19px;
}
.gk-input-number.is-controls-right .gk-input-number__decrease [class*='el-icon'],
.gk-input-number.is-controls-right .gk-input-number__increase [class*='el-icon'] {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.gk-input-number.is-controls-right .gk-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid #dcdfe6;
}
.gk-input-number.is-controls-right .gk-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid #dcdfe6;
    border-radius: 0 0 4px;
}
.gk-input-number.is-controls-right[class*='medium'] [class*='decrease'],
.gk-input-number.is-controls-right[class*='medium'] [class*='increase'] {
    line-height: 17px;
}
.gk-input-number.is-controls-right[class*='small'] [class*='decrease'],
.gk-input-number.is-controls-right[class*='small'] [class*='increase'] {
    line-height: 15px;
}
.gk-input-number.is-controls-right[class*='mini'] [class*='decrease'],
.gk-input-number.is-controls-right[class*='mini'] [class*='increase'] {
    line-height: 13px;
}
.gk-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word;
}
.gk-tooltip__popper .popper__arrow,
.gk-tooltip__popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
}
.gk-tooltip__popper .popper__arrow {
    border-width: 6px;
}
.gk-tooltip__popper .popper__arrow::after {
    content: ' ';
    border-width: 5px;
}
.gk-progress-bar__inner::after,
.gk-row::after,
.gk-row::before,
.gk-slider::after,
.gk-slider::before,
.gk-slider__button-wrapper::after,
.gk-upload-cover::after {
    content: '';
}
.gk-tooltip__popper[x-placement^='top'] {
    margin-bottom: 12px;
}
.gk-tooltip__popper[x-placement^='top'] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0;
}
.gk-tooltip__popper[x-placement^='top'] .popper__arrow::after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0;
}
.gk-tooltip__popper[x-placement^='bottom'] {
    margin-top: 12px;
}
.gk-tooltip__popper[x-placement^='bottom'] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133;
}
.gk-tooltip__popper[x-placement^='bottom'] .popper__arrow::after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133;
}
.gk-tooltip__popper[x-placement^='right'] {
    margin-left: 12px;
}
.gk-tooltip__popper[x-placement^='right'] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0;
}
.gk-tooltip__popper[x-placement^='right'] .popper__arrow::after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0;
}
.gk-tooltip__popper[x-placement^='left'] {
    margin-right: 12px;
}
.gk-tooltip__popper[x-placement^='left'] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133;
}
.gk-tooltip__popper[x-placement^='left'] .popper__arrow::after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133;
}
.gk-tooltip__popper.is-dark {
    background: #303133;
    color: #fff;
}
.gk-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133;
}
.gk-tooltip__popper.is-light[x-placement^='top'] .popper__arrow {
    border-top-color: #303133;
}
.gk-tooltip__popper.is-light[x-placement^='top'] .popper__arrow::after {
    border-top-color: #fff;
}
.gk-tooltip__popper.is-light[x-placement^='bottom'] .popper__arrow {
    border-bottom-color: #303133;
}
.gk-tooltip__popper.is-light[x-placement^='bottom'] .popper__arrow::after {
    border-bottom-color: #fff;
}
.gk-tooltip__popper.is-light[x-placement^='left'] .popper__arrow {
    border-left-color: #303133;
}
.gk-tooltip__popper.is-light[x-placement^='left'] .popper__arrow::after {
    border-left-color: #fff;
}
.gk-tooltip__popper.is-light[x-placement^='right'] .popper__arrow {
    border-right-color: #303133;
}
.gk-tooltip__popper.is-light[x-placement^='right'] .popper__arrow::after {
    border-right-color: #fff;
}
.gk-slider::after,
.gk-slider::before {
    display: table;
}
.gk-slider__button-wrapper .gk-tooltip,
.gk-slider__button-wrapper::after {
    vertical-align: middle;
    display: inline-block;
}
.gk-slider::after {
    clear: both;
}
.gk-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: #e4e7ed;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}
.gk-slider__runway.show-input {
    margin-right: 160px;
    width: auto;
}
.gk-slider__runway.disabled {
    cursor: default;
}
.gk-slider__runway.disabled .gk-slider__bar {
    background-color: #c0c4cc;
}
.gk-slider__runway.disabled .gk-slider__button {
    border-color: #c0c4cc;
}
.gk-slider__runway.disabled .gk-slider__button-wrapper.dragging,
.gk-slider__runway.disabled .gk-slider__button-wrapper.hover,
.gk-slider__runway.disabled .gk-slider__button-wrapper:hover {
    cursor: not-allowed;
}
.gk-slider__runway.disabled .gk-slider__button.dragging,
.gk-slider__runway.disabled .gk-slider__button.hover,
.gk-slider__runway.disabled .gk-slider__button:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: not-allowed;
}
.gk-slider__button-wrapper,
.gk-slider__stop {
    -webkit-transform: translateX(-50%);
    position: absolute;
}
.gk-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px;
}
.gk-slider__input.gk-input-number--mini {
    margin-top: 5px;
}
.gk-slider__input.gk-input-number--medium {
    margin-top: 0;
}
.gk-slider__input.gk-input-number--large {
    margin-top: -2px;
}
.gk-slider__bar {
    height: 6px;
    background-color: #409eff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute;
}
.gk-slider__button-wrapper {
    height: 36px;
    width: 36px;
    z-index: 1001;
    top: -15px;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    user-select: none;
    line-height: normal;
}
.gk-slider__button-wrapper::after {
    height: 100%;
}
.gk-slider__button-wrapper.hover,
.gk-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab;
}
.gk-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.gk-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid #409eff;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    user-select: none;
}
.gk-image-viewer__btn,
.gk-step__icon-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.gk-slider__button.dragging,
.gk-slider__button.hover,
.gk-slider__button:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.gk-slider__button.hover,
.gk-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab;
}
.gk-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.gk-slider__stop {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateX(-50%);
}
.gk-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%;
}
.gk-slider__marks-text {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 14px;
    color: #909399;
    margin-top: 15px;
}
.gk-slider.is-vertical {
    position: relative;
}
.gk-slider.is-vertical .gk-slider__runway {
    width: 6px;
    height: 100%;
    margin: 0 16px;
}
.gk-slider.is-vertical .gk-slider__bar {
    width: 6px;
    height: auto;
    border-radius: 0 0 3px 3px;
}
.gk-slider.is-vertical .gk-slider__button-wrapper {
    top: auto;
    left: -15px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.gk-slider.is-vertical .gk-slider__stop {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.gk-slider.is-vertical.gk-slider--with-input {
    padding-bottom: 58px;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 22px;
    width: 36px;
    margin-top: 15px;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input .gk-input__inner {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input .gk-input-number__decrease,
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input .gk-input-number__increase {
    top: 32px;
    margin-top: -1px;
    border: 1px solid #dcdfe6;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input .gk-input-number__decrease {
    width: 18px;
    right: 18px;
    border-bottom-left-radius: 4px;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input .gk-input-number__increase {
    width: 19px;
    border-bottom-right-radius: 4px;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input .gk-input-number__increase ~ .gk-input .gk-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input:hover .gk-input-number__decrease,
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input:hover .gk-input-number__increase {
    border-color: #c0c4cc;
}
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input:active .gk-input-number__decrease,
.gk-slider.is-vertical.gk-slider--with-input .gk-slider__input:active .gk-input-number__increase {
    border-color: #409eff;
}
.gk-slider.is-vertical .gk-slider__marks-text {
    margin-top: 0;
    left: 15px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.gk-loading-parent--relative {
    position: relative !important;
}
.gk-loading-parent--hidden {
    overflow: hidden !important;
}
.gk-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0, 0%, 100%, 0.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gk-loading-mask.is-fullscreen {
    position: fixed;
}
.gk-loading-mask.is-fullscreen .gk-loading-spinner {
    margin-top: -25px;
}
.gk-loading-mask.is-fullscreen .gk-loading-spinner .circular {
    height: 50px;
    width: 50px;
}
.gk-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
}
.gk-col-pull-0,
.gk-col-pull-1,
.gk-col-pull-10,
.gk-col-pull-11,
.gk-col-pull-13,
.gk-col-pull-14,
.gk-col-pull-15,
.gk-col-pull-16,
.gk-col-pull-17,
.gk-col-pull-18,
.gk-col-pull-19,
.gk-col-pull-2,
.gk-col-pull-20,
.gk-col-pull-21,
.gk-col-pull-22,
.gk-col-pull-23,
.gk-col-pull-24,
.gk-col-pull-3,
.gk-col-pull-4,
.gk-col-pull-5,
.gk-col-pull-6,
.gk-col-pull-7,
.gk-col-pull-8,
.gk-col-pull-9,
.gk-col-push-0,
.gk-col-push-1,
.gk-col-push-10,
.gk-col-push-11,
.gk-col-push-12,
.gk-col-push-13,
.gk-col-push-14,
.gk-col-push-15,
.gk-col-push-16,
.gk-col-push-17,
.gk-col-push-18,
.gk-col-push-19,
.gk-col-push-2,
.gk-col-push-20,
.gk-col-push-21,
.gk-col-push-22,
.gk-col-push-23,
.gk-col-push-24,
.gk-col-push-3,
.gk-col-push-4,
.gk-col-push-5,
.gk-col-push-6,
.gk-col-push-7,
.gk-col-push-8,
.gk-col-push-9,
.gk-row {
    position: relative;
}
.gk-loading-spinner .gk-loading-text {
    color: #409eff;
    margin: 3px 0;
    font-size: 14px;
}
.gk-loading-spinner .circular {
    height: 42px;
    width: 42px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite;
}
.gk-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
}
.gk-loading-spinner i {
    color: #409eff;
}
@-webkit-keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}
@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px;
    }
}
.gk-row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-row::after,
.gk-row::before {
    display: table;
}
.gk-row::after {
    clear: both;
}
.gk-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.gk-col-0,
.gk-row--flex:after,
.gk-row--flex:before {
    display: none;
}
.gk-row--flex.is-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gk-row--flex.is-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.gk-row--flex.is-justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.gk-row--flex.is-justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.gk-row--flex.is-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-row--flex.is-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
[class*='gk-col-'] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-upload--picture-card,
.gk-upload-dragger {
    -webkit-box-sizing: border-box;
    cursor: pointer;
}
.gk-col-0 {
    width: 0%;
}
.gk-col-offset-0 {
    margin-left: 0;
}
.gk-col-pull-0 {
    right: 0;
}
.gk-col-push-0 {
    left: 0;
}
.gk-col-1 {
    width: 4.16667%;
}
.gk-col-offset-1 {
    margin-left: 4.16667%;
}
.gk-col-pull-1 {
    right: 4.16667%;
}
.gk-col-push-1 {
    left: 4.16667%;
}
.gk-col-2 {
    width: 8.33333%;
}
.gk-col-offset-2 {
    margin-left: 8.33333%;
}
.gk-col-pull-2 {
    right: 8.33333%;
}
.gk-col-push-2 {
    left: 8.33333%;
}
.gk-col-3 {
    width: 12.5%;
}
.gk-col-offset-3 {
    margin-left: 12.5%;
}
.gk-col-pull-3 {
    right: 12.5%;
}
.gk-col-push-3 {
    left: 12.5%;
}
.gk-col-4 {
    width: 16.66667%;
}
.gk-col-offset-4 {
    margin-left: 16.66667%;
}
.gk-col-pull-4 {
    right: 16.66667%;
}
.gk-col-push-4 {
    left: 16.66667%;
}
.gk-col-5 {
    width: 20.83333%;
}
.gk-col-offset-5 {
    margin-left: 20.83333%;
}
.gk-col-pull-5 {
    right: 20.83333%;
}
.gk-col-push-5 {
    left: 20.83333%;
}
.gk-col-6 {
    width: 25%;
}
.gk-col-offset-6 {
    margin-left: 25%;
}
.gk-col-pull-6 {
    right: 25%;
}
.gk-col-push-6 {
    left: 25%;
}
.gk-col-7 {
    width: 29.16667%;
}
.gk-col-offset-7 {
    margin-left: 29.16667%;
}
.gk-col-pull-7 {
    right: 29.16667%;
}
.gk-col-push-7 {
    left: 29.16667%;
}
.gk-col-8 {
    width: 33.33333%;
}
.gk-col-offset-8 {
    margin-left: 33.33333%;
}
.gk-col-pull-8 {
    right: 33.33333%;
}
.gk-col-push-8 {
    left: 33.33333%;
}
.gk-col-9 {
    width: 37.5%;
}
.gk-col-offset-9 {
    margin-left: 37.5%;
}
.gk-col-pull-9 {
    right: 37.5%;
}
.gk-col-push-9 {
    left: 37.5%;
}
.gk-col-10 {
    width: 41.66667%;
}
.gk-col-offset-10 {
    margin-left: 41.66667%;
}
.gk-col-pull-10 {
    right: 41.66667%;
}
.gk-col-push-10 {
    left: 41.66667%;
}
.gk-col-11 {
    width: 45.83333%;
}
.gk-col-offset-11 {
    margin-left: 45.83333%;
}
.gk-col-pull-11 {
    right: 45.83333%;
}
.gk-col-push-11 {
    left: 45.83333%;
}
.gk-col-12 {
    width: 50%;
}
.gk-col-offset-12 {
    margin-left: 50%;
}
.gk-col-pull-12 {
    position: relative;
    right: 50%;
}
.gk-col-push-12 {
    left: 50%;
}
.gk-col-13 {
    width: 54.16667%;
}
.gk-col-offset-13 {
    margin-left: 54.16667%;
}
.gk-col-pull-13 {
    right: 54.16667%;
}
.gk-col-push-13 {
    left: 54.16667%;
}
.gk-col-14 {
    width: 58.33333%;
}
.gk-col-offset-14 {
    margin-left: 58.33333%;
}
.gk-col-pull-14 {
    right: 58.33333%;
}
.gk-col-push-14 {
    left: 58.33333%;
}
.gk-col-15 {
    width: 62.5%;
}
.gk-col-offset-15 {
    margin-left: 62.5%;
}
.gk-col-pull-15 {
    right: 62.5%;
}
.gk-col-push-15 {
    left: 62.5%;
}
.gk-col-16 {
    width: 66.66667%;
}
.gk-col-offset-16 {
    margin-left: 66.66667%;
}
.gk-col-pull-16 {
    right: 66.66667%;
}
.gk-col-push-16 {
    left: 66.66667%;
}
.gk-col-17 {
    width: 70.83333%;
}
.gk-col-offset-17 {
    margin-left: 70.83333%;
}
.gk-col-pull-17 {
    right: 70.83333%;
}
.gk-col-push-17 {
    left: 70.83333%;
}
.gk-col-18 {
    width: 75%;
}
.gk-col-offset-18 {
    margin-left: 75%;
}
.gk-col-pull-18 {
    right: 75%;
}
.gk-col-push-18 {
    left: 75%;
}
.gk-col-19 {
    width: 79.16667%;
}
.gk-col-offset-19 {
    margin-left: 79.16667%;
}
.gk-col-pull-19 {
    right: 79.16667%;
}
.gk-col-push-19 {
    left: 79.16667%;
}
.gk-col-20 {
    width: 83.33333%;
}
.gk-col-offset-20 {
    margin-left: 83.33333%;
}
.gk-col-pull-20 {
    right: 83.33333%;
}
.gk-col-push-20 {
    left: 83.33333%;
}
.gk-col-21 {
    width: 87.5%;
}
.gk-col-offset-21 {
    margin-left: 87.5%;
}
.gk-col-pull-21 {
    right: 87.5%;
}
.gk-col-push-21 {
    left: 87.5%;
}
.gk-col-22 {
    width: 91.66667%;
}
.gk-col-offset-22 {
    margin-left: 91.66667%;
}
.gk-col-pull-22 {
    right: 91.66667%;
}
.gk-col-push-22 {
    left: 91.66667%;
}
.gk-col-23 {
    width: 95.83333%;
}
.gk-col-offset-23 {
    margin-left: 95.83333%;
}
.gk-col-pull-23 {
    right: 95.83333%;
}
.gk-col-push-23 {
    left: 95.83333%;
}
.gk-col-24 {
    width: 100%;
}
.gk-col-offset-24 {
    margin-left: 100%;
}
.gk-col-pull-24 {
    right: 100%;
}
.gk-col-push-24 {
    left: 100%;
}
@media only screen and (max-width: 767px) {
    .gk-col-xs-0 {
        display: none;
        width: 0%;
    }
    .gk-col-xs-offset-0 {
        margin-left: 0;
    }
    .gk-col-xs-pull-0 {
        position: relative;
        right: 0;
    }
    .gk-col-xs-push-0 {
        position: relative;
        left: 0;
    }
    .gk-col-xs-1 {
        width: 4.16667%;
    }
    .gk-col-xs-offset-1 {
        margin-left: 4.16667%;
    }
    .gk-col-xs-pull-1 {
        position: relative;
        right: 4.16667%;
    }
    .gk-col-xs-push-1 {
        position: relative;
        left: 4.16667%;
    }
    .gk-col-xs-2 {
        width: 8.33333%;
    }
    .gk-col-xs-offset-2 {
        margin-left: 8.33333%;
    }
    .gk-col-xs-pull-2 {
        position: relative;
        right: 8.33333%;
    }
    .gk-col-xs-push-2 {
        position: relative;
        left: 8.33333%;
    }
    .gk-col-xs-3 {
        width: 12.5%;
    }
    .gk-col-xs-offset-3 {
        margin-left: 12.5%;
    }
    .gk-col-xs-pull-3 {
        position: relative;
        right: 12.5%;
    }
    .gk-col-xs-push-3 {
        position: relative;
        left: 12.5%;
    }
    .gk-col-xs-4 {
        width: 16.66667%;
    }
    .gk-col-xs-offset-4 {
        margin-left: 16.66667%;
    }
    .gk-col-xs-pull-4 {
        position: relative;
        right: 16.66667%;
    }
    .gk-col-xs-push-4 {
        position: relative;
        left: 16.66667%;
    }
    .gk-col-xs-5 {
        width: 20.83333%;
    }
    .gk-col-xs-offset-5 {
        margin-left: 20.83333%;
    }
    .gk-col-xs-pull-5 {
        position: relative;
        right: 20.83333%;
    }
    .gk-col-xs-push-5 {
        position: relative;
        left: 20.83333%;
    }
    .gk-col-xs-6 {
        width: 25%;
    }
    .gk-col-xs-offset-6 {
        margin-left: 25%;
    }
    .gk-col-xs-pull-6 {
        position: relative;
        right: 25%;
    }
    .gk-col-xs-push-6 {
        position: relative;
        left: 25%;
    }
    .gk-col-xs-7 {
        width: 29.16667%;
    }
    .gk-col-xs-offset-7 {
        margin-left: 29.16667%;
    }
    .gk-col-xs-pull-7 {
        position: relative;
        right: 29.16667%;
    }
    .gk-col-xs-push-7 {
        position: relative;
        left: 29.16667%;
    }
    .gk-col-xs-8 {
        width: 33.33333%;
    }
    .gk-col-xs-offset-8 {
        margin-left: 33.33333%;
    }
    .gk-col-xs-pull-8 {
        position: relative;
        right: 33.33333%;
    }
    .gk-col-xs-push-8 {
        position: relative;
        left: 33.33333%;
    }
    .gk-col-xs-9 {
        width: 37.5%;
    }
    .gk-col-xs-offset-9 {
        margin-left: 37.5%;
    }
    .gk-col-xs-pull-9 {
        position: relative;
        right: 37.5%;
    }
    .gk-col-xs-push-9 {
        position: relative;
        left: 37.5%;
    }
    .gk-col-xs-10 {
        width: 41.66667%;
    }
    .gk-col-xs-offset-10 {
        margin-left: 41.66667%;
    }
    .gk-col-xs-pull-10 {
        position: relative;
        right: 41.66667%;
    }
    .gk-col-xs-push-10 {
        position: relative;
        left: 41.66667%;
    }
    .gk-col-xs-11 {
        width: 45.83333%;
    }
    .gk-col-xs-offset-11 {
        margin-left: 45.83333%;
    }
    .gk-col-xs-pull-11 {
        position: relative;
        right: 45.83333%;
    }
    .gk-col-xs-push-11 {
        position: relative;
        left: 45.83333%;
    }
    .gk-col-xs-12 {
        width: 50%;
    }
    .gk-col-xs-offset-12 {
        margin-left: 50%;
    }
    .gk-col-xs-pull-12 {
        position: relative;
        right: 50%;
    }
    .gk-col-xs-push-12 {
        position: relative;
        left: 50%;
    }
    .gk-col-xs-13 {
        width: 54.16667%;
    }
    .gk-col-xs-offset-13 {
        margin-left: 54.16667%;
    }
    .gk-col-xs-pull-13 {
        position: relative;
        right: 54.16667%;
    }
    .gk-col-xs-push-13 {
        position: relative;
        left: 54.16667%;
    }
    .gk-col-xs-14 {
        width: 58.33333%;
    }
    .gk-col-xs-offset-14 {
        margin-left: 58.33333%;
    }
    .gk-col-xs-pull-14 {
        position: relative;
        right: 58.33333%;
    }
    .gk-col-xs-push-14 {
        position: relative;
        left: 58.33333%;
    }
    .gk-col-xs-15 {
        width: 62.5%;
    }
    .gk-col-xs-offset-15 {
        margin-left: 62.5%;
    }
    .gk-col-xs-pull-15 {
        position: relative;
        right: 62.5%;
    }
    .gk-col-xs-push-15 {
        position: relative;
        left: 62.5%;
    }
    .gk-col-xs-16 {
        width: 66.66667%;
    }
    .gk-col-xs-offset-16 {
        margin-left: 66.66667%;
    }
    .gk-col-xs-pull-16 {
        position: relative;
        right: 66.66667%;
    }
    .gk-col-xs-push-16 {
        position: relative;
        left: 66.66667%;
    }
    .gk-col-xs-17 {
        width: 70.83333%;
    }
    .gk-col-xs-offset-17 {
        margin-left: 70.83333%;
    }
    .gk-col-xs-pull-17 {
        position: relative;
        right: 70.83333%;
    }
    .gk-col-xs-push-17 {
        position: relative;
        left: 70.83333%;
    }
    .gk-col-xs-18 {
        width: 75%;
    }
    .gk-col-xs-offset-18 {
        margin-left: 75%;
    }
    .gk-col-xs-pull-18 {
        position: relative;
        right: 75%;
    }
    .gk-col-xs-push-18 {
        position: relative;
        left: 75%;
    }
    .gk-col-xs-19 {
        width: 79.16667%;
    }
    .gk-col-xs-offset-19 {
        margin-left: 79.16667%;
    }
    .gk-col-xs-pull-19 {
        position: relative;
        right: 79.16667%;
    }
    .gk-col-xs-push-19 {
        position: relative;
        left: 79.16667%;
    }
    .gk-col-xs-20 {
        width: 83.33333%;
    }
    .gk-col-xs-offset-20 {
        margin-left: 83.33333%;
    }
    .gk-col-xs-pull-20 {
        position: relative;
        right: 83.33333%;
    }
    .gk-col-xs-push-20 {
        position: relative;
        left: 83.33333%;
    }
    .gk-col-xs-21 {
        width: 87.5%;
    }
    .gk-col-xs-offset-21 {
        margin-left: 87.5%;
    }
    .gk-col-xs-pull-21 {
        position: relative;
        right: 87.5%;
    }
    .gk-col-xs-push-21 {
        position: relative;
        left: 87.5%;
    }
    .gk-col-xs-22 {
        width: 91.66667%;
    }
    .gk-col-xs-offset-22 {
        margin-left: 91.66667%;
    }
    .gk-col-xs-pull-22 {
        position: relative;
        right: 91.66667%;
    }
    .gk-col-xs-push-22 {
        position: relative;
        left: 91.66667%;
    }
    .gk-col-xs-23 {
        width: 95.83333%;
    }
    .gk-col-xs-offset-23 {
        margin-left: 95.83333%;
    }
    .gk-col-xs-pull-23 {
        position: relative;
        right: 95.83333%;
    }
    .gk-col-xs-push-23 {
        position: relative;
        left: 95.83333%;
    }
    .gk-col-xs-24 {
        width: 100%;
    }
    .gk-col-xs-offset-24 {
        margin-left: 100%;
    }
    .gk-col-xs-pull-24 {
        position: relative;
        right: 100%;
    }
    .gk-col-xs-push-24 {
        position: relative;
        left: 100%;
    }
}
@media only screen and (min-width: 768px) {
    .gk-col-sm-0 {
        display: none;
        width: 0%;
    }
    .gk-col-sm-offset-0 {
        margin-left: 0;
    }
    .gk-col-sm-pull-0 {
        position: relative;
        right: 0;
    }
    .gk-col-sm-push-0 {
        position: relative;
        left: 0;
    }
    .gk-col-sm-1 {
        width: 4.16667%;
    }
    .gk-col-sm-offset-1 {
        margin-left: 4.16667%;
    }
    .gk-col-sm-pull-1 {
        position: relative;
        right: 4.16667%;
    }
    .gk-col-sm-push-1 {
        position: relative;
        left: 4.16667%;
    }
    .gk-col-sm-2 {
        width: 8.33333%;
    }
    .gk-col-sm-offset-2 {
        margin-left: 8.33333%;
    }
    .gk-col-sm-pull-2 {
        position: relative;
        right: 8.33333%;
    }
    .gk-col-sm-push-2 {
        position: relative;
        left: 8.33333%;
    }
    .gk-col-sm-3 {
        width: 12.5%;
    }
    .gk-col-sm-offset-3 {
        margin-left: 12.5%;
    }
    .gk-col-sm-pull-3 {
        position: relative;
        right: 12.5%;
    }
    .gk-col-sm-push-3 {
        position: relative;
        left: 12.5%;
    }
    .gk-col-sm-4 {
        width: 16.66667%;
    }
    .gk-col-sm-offset-4 {
        margin-left: 16.66667%;
    }
    .gk-col-sm-pull-4 {
        position: relative;
        right: 16.66667%;
    }
    .gk-col-sm-push-4 {
        position: relative;
        left: 16.66667%;
    }
    .gk-col-sm-5 {
        width: 20.83333%;
    }
    .gk-col-sm-offset-5 {
        margin-left: 20.83333%;
    }
    .gk-col-sm-pull-5 {
        position: relative;
        right: 20.83333%;
    }
    .gk-col-sm-push-5 {
        position: relative;
        left: 20.83333%;
    }
    .gk-col-sm-6 {
        width: 25%;
    }
    .gk-col-sm-offset-6 {
        margin-left: 25%;
    }
    .gk-col-sm-pull-6 {
        position: relative;
        right: 25%;
    }
    .gk-col-sm-push-6 {
        position: relative;
        left: 25%;
    }
    .gk-col-sm-7 {
        width: 29.16667%;
    }
    .gk-col-sm-offset-7 {
        margin-left: 29.16667%;
    }
    .gk-col-sm-pull-7 {
        position: relative;
        right: 29.16667%;
    }
    .gk-col-sm-push-7 {
        position: relative;
        left: 29.16667%;
    }
    .gk-col-sm-8 {
        width: 33.33333%;
    }
    .gk-col-sm-offset-8 {
        margin-left: 33.33333%;
    }
    .gk-col-sm-pull-8 {
        position: relative;
        right: 33.33333%;
    }
    .gk-col-sm-push-8 {
        position: relative;
        left: 33.33333%;
    }
    .gk-col-sm-9 {
        width: 37.5%;
    }
    .gk-col-sm-offset-9 {
        margin-left: 37.5%;
    }
    .gk-col-sm-pull-9 {
        position: relative;
        right: 37.5%;
    }
    .gk-col-sm-push-9 {
        position: relative;
        left: 37.5%;
    }
    .gk-col-sm-10 {
        width: 41.66667%;
    }
    .gk-col-sm-offset-10 {
        margin-left: 41.66667%;
    }
    .gk-col-sm-pull-10 {
        position: relative;
        right: 41.66667%;
    }
    .gk-col-sm-push-10 {
        position: relative;
        left: 41.66667%;
    }
    .gk-col-sm-11 {
        width: 45.83333%;
    }
    .gk-col-sm-offset-11 {
        margin-left: 45.83333%;
    }
    .gk-col-sm-pull-11 {
        position: relative;
        right: 45.83333%;
    }
    .gk-col-sm-push-11 {
        position: relative;
        left: 45.83333%;
    }
    .gk-col-sm-12 {
        width: 50%;
    }
    .gk-col-sm-offset-12 {
        margin-left: 50%;
    }
    .gk-col-sm-pull-12 {
        position: relative;
        right: 50%;
    }
    .gk-col-sm-push-12 {
        position: relative;
        left: 50%;
    }
    .gk-col-sm-13 {
        width: 54.16667%;
    }
    .gk-col-sm-offset-13 {
        margin-left: 54.16667%;
    }
    .gk-col-sm-pull-13 {
        position: relative;
        right: 54.16667%;
    }
    .gk-col-sm-push-13 {
        position: relative;
        left: 54.16667%;
    }
    .gk-col-sm-14 {
        width: 58.33333%;
    }
    .gk-col-sm-offset-14 {
        margin-left: 58.33333%;
    }
    .gk-col-sm-pull-14 {
        position: relative;
        right: 58.33333%;
    }
    .gk-col-sm-push-14 {
        position: relative;
        left: 58.33333%;
    }
    .gk-col-sm-15 {
        width: 62.5%;
    }
    .gk-col-sm-offset-15 {
        margin-left: 62.5%;
    }
    .gk-col-sm-pull-15 {
        position: relative;
        right: 62.5%;
    }
    .gk-col-sm-push-15 {
        position: relative;
        left: 62.5%;
    }
    .gk-col-sm-16 {
        width: 66.66667%;
    }
    .gk-col-sm-offset-16 {
        margin-left: 66.66667%;
    }
    .gk-col-sm-pull-16 {
        position: relative;
        right: 66.66667%;
    }
    .gk-col-sm-push-16 {
        position: relative;
        left: 66.66667%;
    }
    .gk-col-sm-17 {
        width: 70.83333%;
    }
    .gk-col-sm-offset-17 {
        margin-left: 70.83333%;
    }
    .gk-col-sm-pull-17 {
        position: relative;
        right: 70.83333%;
    }
    .gk-col-sm-push-17 {
        position: relative;
        left: 70.83333%;
    }
    .gk-col-sm-18 {
        width: 75%;
    }
    .gk-col-sm-offset-18 {
        margin-left: 75%;
    }
    .gk-col-sm-pull-18 {
        position: relative;
        right: 75%;
    }
    .gk-col-sm-push-18 {
        position: relative;
        left: 75%;
    }
    .gk-col-sm-19 {
        width: 79.16667%;
    }
    .gk-col-sm-offset-19 {
        margin-left: 79.16667%;
    }
    .gk-col-sm-pull-19 {
        position: relative;
        right: 79.16667%;
    }
    .gk-col-sm-push-19 {
        position: relative;
        left: 79.16667%;
    }
    .gk-col-sm-20 {
        width: 83.33333%;
    }
    .gk-col-sm-offset-20 {
        margin-left: 83.33333%;
    }
    .gk-col-sm-pull-20 {
        position: relative;
        right: 83.33333%;
    }
    .gk-col-sm-push-20 {
        position: relative;
        left: 83.33333%;
    }
    .gk-col-sm-21 {
        width: 87.5%;
    }
    .gk-col-sm-offset-21 {
        margin-left: 87.5%;
    }
    .gk-col-sm-pull-21 {
        position: relative;
        right: 87.5%;
    }
    .gk-col-sm-push-21 {
        position: relative;
        left: 87.5%;
    }
    .gk-col-sm-22 {
        width: 91.66667%;
    }
    .gk-col-sm-offset-22 {
        margin-left: 91.66667%;
    }
    .gk-col-sm-pull-22 {
        position: relative;
        right: 91.66667%;
    }
    .gk-col-sm-push-22 {
        position: relative;
        left: 91.66667%;
    }
    .gk-col-sm-23 {
        width: 95.83333%;
    }
    .gk-col-sm-offset-23 {
        margin-left: 95.83333%;
    }
    .gk-col-sm-pull-23 {
        position: relative;
        right: 95.83333%;
    }
    .gk-col-sm-push-23 {
        position: relative;
        left: 95.83333%;
    }
    .gk-col-sm-24 {
        width: 100%;
    }
    .gk-col-sm-offset-24 {
        margin-left: 100%;
    }
    .gk-col-sm-pull-24 {
        position: relative;
        right: 100%;
    }
    .gk-col-sm-push-24 {
        position: relative;
        left: 100%;
    }
}
@media only screen and (min-width: 992px) {
    .gk-col-md-0 {
        display: none;
        width: 0%;
    }
    .gk-col-md-offset-0 {
        margin-left: 0;
    }
    .gk-col-md-pull-0 {
        position: relative;
        right: 0;
    }
    .gk-col-md-push-0 {
        position: relative;
        left: 0;
    }
    .gk-col-md-1 {
        width: 4.16667%;
    }
    .gk-col-md-offset-1 {
        margin-left: 4.16667%;
    }
    .gk-col-md-pull-1 {
        position: relative;
        right: 4.16667%;
    }
    .gk-col-md-push-1 {
        position: relative;
        left: 4.16667%;
    }
    .gk-col-md-2 {
        width: 8.33333%;
    }
    .gk-col-md-offset-2 {
        margin-left: 8.33333%;
    }
    .gk-col-md-pull-2 {
        position: relative;
        right: 8.33333%;
    }
    .gk-col-md-push-2 {
        position: relative;
        left: 8.33333%;
    }
    .gk-col-md-3 {
        width: 12.5%;
    }
    .gk-col-md-offset-3 {
        margin-left: 12.5%;
    }
    .gk-col-md-pull-3 {
        position: relative;
        right: 12.5%;
    }
    .gk-col-md-push-3 {
        position: relative;
        left: 12.5%;
    }
    .gk-col-md-4 {
        width: 16.66667%;
    }
    .gk-col-md-offset-4 {
        margin-left: 16.66667%;
    }
    .gk-col-md-pull-4 {
        position: relative;
        right: 16.66667%;
    }
    .gk-col-md-push-4 {
        position: relative;
        left: 16.66667%;
    }
    .gk-col-md-5 {
        width: 20.83333%;
    }
    .gk-col-md-offset-5 {
        margin-left: 20.83333%;
    }
    .gk-col-md-pull-5 {
        position: relative;
        right: 20.83333%;
    }
    .gk-col-md-push-5 {
        position: relative;
        left: 20.83333%;
    }
    .gk-col-md-6 {
        width: 25%;
    }
    .gk-col-md-offset-6 {
        margin-left: 25%;
    }
    .gk-col-md-pull-6 {
        position: relative;
        right: 25%;
    }
    .gk-col-md-push-6 {
        position: relative;
        left: 25%;
    }
    .gk-col-md-7 {
        width: 29.16667%;
    }
    .gk-col-md-offset-7 {
        margin-left: 29.16667%;
    }
    .gk-col-md-pull-7 {
        position: relative;
        right: 29.16667%;
    }
    .gk-col-md-push-7 {
        position: relative;
        left: 29.16667%;
    }
    .gk-col-md-8 {
        width: 33.33333%;
    }
    .gk-col-md-offset-8 {
        margin-left: 33.33333%;
    }
    .gk-col-md-pull-8 {
        position: relative;
        right: 33.33333%;
    }
    .gk-col-md-push-8 {
        position: relative;
        left: 33.33333%;
    }
    .gk-col-md-9 {
        width: 37.5%;
    }
    .gk-col-md-offset-9 {
        margin-left: 37.5%;
    }
    .gk-col-md-pull-9 {
        position: relative;
        right: 37.5%;
    }
    .gk-col-md-push-9 {
        position: relative;
        left: 37.5%;
    }
    .gk-col-md-10 {
        width: 41.66667%;
    }
    .gk-col-md-offset-10 {
        margin-left: 41.66667%;
    }
    .gk-col-md-pull-10 {
        position: relative;
        right: 41.66667%;
    }
    .gk-col-md-push-10 {
        position: relative;
        left: 41.66667%;
    }
    .gk-col-md-11 {
        width: 45.83333%;
    }
    .gk-col-md-offset-11 {
        margin-left: 45.83333%;
    }
    .gk-col-md-pull-11 {
        position: relative;
        right: 45.83333%;
    }
    .gk-col-md-push-11 {
        position: relative;
        left: 45.83333%;
    }
    .gk-col-md-12 {
        width: 50%;
    }
    .gk-col-md-offset-12 {
        margin-left: 50%;
    }
    .gk-col-md-pull-12 {
        position: relative;
        right: 50%;
    }
    .gk-col-md-push-12 {
        position: relative;
        left: 50%;
    }
    .gk-col-md-13 {
        width: 54.16667%;
    }
    .gk-col-md-offset-13 {
        margin-left: 54.16667%;
    }
    .gk-col-md-pull-13 {
        position: relative;
        right: 54.16667%;
    }
    .gk-col-md-push-13 {
        position: relative;
        left: 54.16667%;
    }
    .gk-col-md-14 {
        width: 58.33333%;
    }
    .gk-col-md-offset-14 {
        margin-left: 58.33333%;
    }
    .gk-col-md-pull-14 {
        position: relative;
        right: 58.33333%;
    }
    .gk-col-md-push-14 {
        position: relative;
        left: 58.33333%;
    }
    .gk-col-md-15 {
        width: 62.5%;
    }
    .gk-col-md-offset-15 {
        margin-left: 62.5%;
    }
    .gk-col-md-pull-15 {
        position: relative;
        right: 62.5%;
    }
    .gk-col-md-push-15 {
        position: relative;
        left: 62.5%;
    }
    .gk-col-md-16 {
        width: 66.66667%;
    }
    .gk-col-md-offset-16 {
        margin-left: 66.66667%;
    }
    .gk-col-md-pull-16 {
        position: relative;
        right: 66.66667%;
    }
    .gk-col-md-push-16 {
        position: relative;
        left: 66.66667%;
    }
    .gk-col-md-17 {
        width: 70.83333%;
    }
    .gk-col-md-offset-17 {
        margin-left: 70.83333%;
    }
    .gk-col-md-pull-17 {
        position: relative;
        right: 70.83333%;
    }
    .gk-col-md-push-17 {
        position: relative;
        left: 70.83333%;
    }
    .gk-col-md-18 {
        width: 75%;
    }
    .gk-col-md-offset-18 {
        margin-left: 75%;
    }
    .gk-col-md-pull-18 {
        position: relative;
        right: 75%;
    }
    .gk-col-md-push-18 {
        position: relative;
        left: 75%;
    }
    .gk-col-md-19 {
        width: 79.16667%;
    }
    .gk-col-md-offset-19 {
        margin-left: 79.16667%;
    }
    .gk-col-md-pull-19 {
        position: relative;
        right: 79.16667%;
    }
    .gk-col-md-push-19 {
        position: relative;
        left: 79.16667%;
    }
    .gk-col-md-20 {
        width: 83.33333%;
    }
    .gk-col-md-offset-20 {
        margin-left: 83.33333%;
    }
    .gk-col-md-pull-20 {
        position: relative;
        right: 83.33333%;
    }
    .gk-col-md-push-20 {
        position: relative;
        left: 83.33333%;
    }
    .gk-col-md-21 {
        width: 87.5%;
    }
    .gk-col-md-offset-21 {
        margin-left: 87.5%;
    }
    .gk-col-md-pull-21 {
        position: relative;
        right: 87.5%;
    }
    .gk-col-md-push-21 {
        position: relative;
        left: 87.5%;
    }
    .gk-col-md-22 {
        width: 91.66667%;
    }
    .gk-col-md-offset-22 {
        margin-left: 91.66667%;
    }
    .gk-col-md-pull-22 {
        position: relative;
        right: 91.66667%;
    }
    .gk-col-md-push-22 {
        position: relative;
        left: 91.66667%;
    }
    .gk-col-md-23 {
        width: 95.83333%;
    }
    .gk-col-md-offset-23 {
        margin-left: 95.83333%;
    }
    .gk-col-md-pull-23 {
        position: relative;
        right: 95.83333%;
    }
    .gk-col-md-push-23 {
        position: relative;
        left: 95.83333%;
    }
    .gk-col-md-24 {
        width: 100%;
    }
    .gk-col-md-offset-24 {
        margin-left: 100%;
    }
    .gk-col-md-pull-24 {
        position: relative;
        right: 100%;
    }
    .gk-col-md-push-24 {
        position: relative;
        left: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .gk-col-lg-0 {
        display: none;
        width: 0%;
    }
    .gk-col-lg-offset-0 {
        margin-left: 0;
    }
    .gk-col-lg-pull-0 {
        position: relative;
        right: 0;
    }
    .gk-col-lg-push-0 {
        position: relative;
        left: 0;
    }
    .gk-col-lg-1 {
        width: 4.16667%;
    }
    .gk-col-lg-offset-1 {
        margin-left: 4.16667%;
    }
    .gk-col-lg-pull-1 {
        position: relative;
        right: 4.16667%;
    }
    .gk-col-lg-push-1 {
        position: relative;
        left: 4.16667%;
    }
    .gk-col-lg-2 {
        width: 8.33333%;
    }
    .gk-col-lg-offset-2 {
        margin-left: 8.33333%;
    }
    .gk-col-lg-pull-2 {
        position: relative;
        right: 8.33333%;
    }
    .gk-col-lg-push-2 {
        position: relative;
        left: 8.33333%;
    }
    .gk-col-lg-3 {
        width: 12.5%;
    }
    .gk-col-lg-offset-3 {
        margin-left: 12.5%;
    }
    .gk-col-lg-pull-3 {
        position: relative;
        right: 12.5%;
    }
    .gk-col-lg-push-3 {
        position: relative;
        left: 12.5%;
    }
    .gk-col-lg-4 {
        width: 16.66667%;
    }
    .gk-col-lg-offset-4 {
        margin-left: 16.66667%;
    }
    .gk-col-lg-pull-4 {
        position: relative;
        right: 16.66667%;
    }
    .gk-col-lg-push-4 {
        position: relative;
        left: 16.66667%;
    }
    .gk-col-lg-5 {
        width: 20.83333%;
    }
    .gk-col-lg-offset-5 {
        margin-left: 20.83333%;
    }
    .gk-col-lg-pull-5 {
        position: relative;
        right: 20.83333%;
    }
    .gk-col-lg-push-5 {
        position: relative;
        left: 20.83333%;
    }
    .gk-col-lg-6 {
        width: 25%;
    }
    .gk-col-lg-offset-6 {
        margin-left: 25%;
    }
    .gk-col-lg-pull-6 {
        position: relative;
        right: 25%;
    }
    .gk-col-lg-push-6 {
        position: relative;
        left: 25%;
    }
    .gk-col-lg-7 {
        width: 29.16667%;
    }
    .gk-col-lg-offset-7 {
        margin-left: 29.16667%;
    }
    .gk-col-lg-pull-7 {
        position: relative;
        right: 29.16667%;
    }
    .gk-col-lg-push-7 {
        position: relative;
        left: 29.16667%;
    }
    .gk-col-lg-8 {
        width: 33.33333%;
    }
    .gk-col-lg-offset-8 {
        margin-left: 33.33333%;
    }
    .gk-col-lg-pull-8 {
        position: relative;
        right: 33.33333%;
    }
    .gk-col-lg-push-8 {
        position: relative;
        left: 33.33333%;
    }
    .gk-col-lg-9 {
        width: 37.5%;
    }
    .gk-col-lg-offset-9 {
        margin-left: 37.5%;
    }
    .gk-col-lg-pull-9 {
        position: relative;
        right: 37.5%;
    }
    .gk-col-lg-push-9 {
        position: relative;
        left: 37.5%;
    }
    .gk-col-lg-10 {
        width: 41.66667%;
    }
    .gk-col-lg-offset-10 {
        margin-left: 41.66667%;
    }
    .gk-col-lg-pull-10 {
        position: relative;
        right: 41.66667%;
    }
    .gk-col-lg-push-10 {
        position: relative;
        left: 41.66667%;
    }
    .gk-col-lg-11 {
        width: 45.83333%;
    }
    .gk-col-lg-offset-11 {
        margin-left: 45.83333%;
    }
    .gk-col-lg-pull-11 {
        position: relative;
        right: 45.83333%;
    }
    .gk-col-lg-push-11 {
        position: relative;
        left: 45.83333%;
    }
    .gk-col-lg-12 {
        width: 50%;
    }
    .gk-col-lg-offset-12 {
        margin-left: 50%;
    }
    .gk-col-lg-pull-12 {
        position: relative;
        right: 50%;
    }
    .gk-col-lg-push-12 {
        position: relative;
        left: 50%;
    }
    .gk-col-lg-13 {
        width: 54.16667%;
    }
    .gk-col-lg-offset-13 {
        margin-left: 54.16667%;
    }
    .gk-col-lg-pull-13 {
        position: relative;
        right: 54.16667%;
    }
    .gk-col-lg-push-13 {
        position: relative;
        left: 54.16667%;
    }
    .gk-col-lg-14 {
        width: 58.33333%;
    }
    .gk-col-lg-offset-14 {
        margin-left: 58.33333%;
    }
    .gk-col-lg-pull-14 {
        position: relative;
        right: 58.33333%;
    }
    .gk-col-lg-push-14 {
        position: relative;
        left: 58.33333%;
    }
    .gk-col-lg-15 {
        width: 62.5%;
    }
    .gk-col-lg-offset-15 {
        margin-left: 62.5%;
    }
    .gk-col-lg-pull-15 {
        position: relative;
        right: 62.5%;
    }
    .gk-col-lg-push-15 {
        position: relative;
        left: 62.5%;
    }
    .gk-col-lg-16 {
        width: 66.66667%;
    }
    .gk-col-lg-offset-16 {
        margin-left: 66.66667%;
    }
    .gk-col-lg-pull-16 {
        position: relative;
        right: 66.66667%;
    }
    .gk-col-lg-push-16 {
        position: relative;
        left: 66.66667%;
    }
    .gk-col-lg-17 {
        width: 70.83333%;
    }
    .gk-col-lg-offset-17 {
        margin-left: 70.83333%;
    }
    .gk-col-lg-pull-17 {
        position: relative;
        right: 70.83333%;
    }
    .gk-col-lg-push-17 {
        position: relative;
        left: 70.83333%;
    }
    .gk-col-lg-18 {
        width: 75%;
    }
    .gk-col-lg-offset-18 {
        margin-left: 75%;
    }
    .gk-col-lg-pull-18 {
        position: relative;
        right: 75%;
    }
    .gk-col-lg-push-18 {
        position: relative;
        left: 75%;
    }
    .gk-col-lg-19 {
        width: 79.16667%;
    }
    .gk-col-lg-offset-19 {
        margin-left: 79.16667%;
    }
    .gk-col-lg-pull-19 {
        position: relative;
        right: 79.16667%;
    }
    .gk-col-lg-push-19 {
        position: relative;
        left: 79.16667%;
    }
    .gk-col-lg-20 {
        width: 83.33333%;
    }
    .gk-col-lg-offset-20 {
        margin-left: 83.33333%;
    }
    .gk-col-lg-pull-20 {
        position: relative;
        right: 83.33333%;
    }
    .gk-col-lg-push-20 {
        position: relative;
        left: 83.33333%;
    }
    .gk-col-lg-21 {
        width: 87.5%;
    }
    .gk-col-lg-offset-21 {
        margin-left: 87.5%;
    }
    .gk-col-lg-pull-21 {
        position: relative;
        right: 87.5%;
    }
    .gk-col-lg-push-21 {
        position: relative;
        left: 87.5%;
    }
    .gk-col-lg-22 {
        width: 91.66667%;
    }
    .gk-col-lg-offset-22 {
        margin-left: 91.66667%;
    }
    .gk-col-lg-pull-22 {
        position: relative;
        right: 91.66667%;
    }
    .gk-col-lg-push-22 {
        position: relative;
        left: 91.66667%;
    }
    .gk-col-lg-23 {
        width: 95.83333%;
    }
    .gk-col-lg-offset-23 {
        margin-left: 95.83333%;
    }
    .gk-col-lg-pull-23 {
        position: relative;
        right: 95.83333%;
    }
    .gk-col-lg-push-23 {
        position: relative;
        left: 95.83333%;
    }
    .gk-col-lg-24 {
        width: 100%;
    }
    .gk-col-lg-offset-24 {
        margin-left: 100%;
    }
    .gk-col-lg-pull-24 {
        position: relative;
        right: 100%;
    }
    .gk-col-lg-push-24 {
        position: relative;
        left: 100%;
    }
}
@media only screen and (min-width: 1920px) {
    .gk-col-xl-0 {
        display: none;
        width: 0%;
    }
    .gk-col-xl-offset-0 {
        margin-left: 0;
    }
    .gk-col-xl-pull-0 {
        position: relative;
        right: 0;
    }
    .gk-col-xl-push-0 {
        position: relative;
        left: 0;
    }
    .gk-col-xl-1 {
        width: 4.16667%;
    }
    .gk-col-xl-offset-1 {
        margin-left: 4.16667%;
    }
    .gk-col-xl-pull-1 {
        position: relative;
        right: 4.16667%;
    }
    .gk-col-xl-push-1 {
        position: relative;
        left: 4.16667%;
    }
    .gk-col-xl-2 {
        width: 8.33333%;
    }
    .gk-col-xl-offset-2 {
        margin-left: 8.33333%;
    }
    .gk-col-xl-pull-2 {
        position: relative;
        right: 8.33333%;
    }
    .gk-col-xl-push-2 {
        position: relative;
        left: 8.33333%;
    }
    .gk-col-xl-3 {
        width: 12.5%;
    }
    .gk-col-xl-offset-3 {
        margin-left: 12.5%;
    }
    .gk-col-xl-pull-3 {
        position: relative;
        right: 12.5%;
    }
    .gk-col-xl-push-3 {
        position: relative;
        left: 12.5%;
    }
    .gk-col-xl-4 {
        width: 16.66667%;
    }
    .gk-col-xl-offset-4 {
        margin-left: 16.66667%;
    }
    .gk-col-xl-pull-4 {
        position: relative;
        right: 16.66667%;
    }
    .gk-col-xl-push-4 {
        position: relative;
        left: 16.66667%;
    }
    .gk-col-xl-5 {
        width: 20.83333%;
    }
    .gk-col-xl-offset-5 {
        margin-left: 20.83333%;
    }
    .gk-col-xl-pull-5 {
        position: relative;
        right: 20.83333%;
    }
    .gk-col-xl-push-5 {
        position: relative;
        left: 20.83333%;
    }
    .gk-col-xl-6 {
        width: 25%;
    }
    .gk-col-xl-offset-6 {
        margin-left: 25%;
    }
    .gk-col-xl-pull-6 {
        position: relative;
        right: 25%;
    }
    .gk-col-xl-push-6 {
        position: relative;
        left: 25%;
    }
    .gk-col-xl-7 {
        width: 29.16667%;
    }
    .gk-col-xl-offset-7 {
        margin-left: 29.16667%;
    }
    .gk-col-xl-pull-7 {
        position: relative;
        right: 29.16667%;
    }
    .gk-col-xl-push-7 {
        position: relative;
        left: 29.16667%;
    }
    .gk-col-xl-8 {
        width: 33.33333%;
    }
    .gk-col-xl-offset-8 {
        margin-left: 33.33333%;
    }
    .gk-col-xl-pull-8 {
        position: relative;
        right: 33.33333%;
    }
    .gk-col-xl-push-8 {
        position: relative;
        left: 33.33333%;
    }
    .gk-col-xl-9 {
        width: 37.5%;
    }
    .gk-col-xl-offset-9 {
        margin-left: 37.5%;
    }
    .gk-col-xl-pull-9 {
        position: relative;
        right: 37.5%;
    }
    .gk-col-xl-push-9 {
        position: relative;
        left: 37.5%;
    }
    .gk-col-xl-10 {
        width: 41.66667%;
    }
    .gk-col-xl-offset-10 {
        margin-left: 41.66667%;
    }
    .gk-col-xl-pull-10 {
        position: relative;
        right: 41.66667%;
    }
    .gk-col-xl-push-10 {
        position: relative;
        left: 41.66667%;
    }
    .gk-col-xl-11 {
        width: 45.83333%;
    }
    .gk-col-xl-offset-11 {
        margin-left: 45.83333%;
    }
    .gk-col-xl-pull-11 {
        position: relative;
        right: 45.83333%;
    }
    .gk-col-xl-push-11 {
        position: relative;
        left: 45.83333%;
    }
    .gk-col-xl-12 {
        width: 50%;
    }
    .gk-col-xl-offset-12 {
        margin-left: 50%;
    }
    .gk-col-xl-pull-12 {
        position: relative;
        right: 50%;
    }
    .gk-col-xl-push-12 {
        position: relative;
        left: 50%;
    }
    .gk-col-xl-13 {
        width: 54.16667%;
    }
    .gk-col-xl-offset-13 {
        margin-left: 54.16667%;
    }
    .gk-col-xl-pull-13 {
        position: relative;
        right: 54.16667%;
    }
    .gk-col-xl-push-13 {
        position: relative;
        left: 54.16667%;
    }
    .gk-col-xl-14 {
        width: 58.33333%;
    }
    .gk-col-xl-offset-14 {
        margin-left: 58.33333%;
    }
    .gk-col-xl-pull-14 {
        position: relative;
        right: 58.33333%;
    }
    .gk-col-xl-push-14 {
        position: relative;
        left: 58.33333%;
    }
    .gk-col-xl-15 {
        width: 62.5%;
    }
    .gk-col-xl-offset-15 {
        margin-left: 62.5%;
    }
    .gk-col-xl-pull-15 {
        position: relative;
        right: 62.5%;
    }
    .gk-col-xl-push-15 {
        position: relative;
        left: 62.5%;
    }
    .gk-col-xl-16 {
        width: 66.66667%;
    }
    .gk-col-xl-offset-16 {
        margin-left: 66.66667%;
    }
    .gk-col-xl-pull-16 {
        position: relative;
        right: 66.66667%;
    }
    .gk-col-xl-push-16 {
        position: relative;
        left: 66.66667%;
    }
    .gk-col-xl-17 {
        width: 70.83333%;
    }
    .gk-col-xl-offset-17 {
        margin-left: 70.83333%;
    }
    .gk-col-xl-pull-17 {
        position: relative;
        right: 70.83333%;
    }
    .gk-col-xl-push-17 {
        position: relative;
        left: 70.83333%;
    }
    .gk-col-xl-18 {
        width: 75%;
    }
    .gk-col-xl-offset-18 {
        margin-left: 75%;
    }
    .gk-col-xl-pull-18 {
        position: relative;
        right: 75%;
    }
    .gk-col-xl-push-18 {
        position: relative;
        left: 75%;
    }
    .gk-col-xl-19 {
        width: 79.16667%;
    }
    .gk-col-xl-offset-19 {
        margin-left: 79.16667%;
    }
    .gk-col-xl-pull-19 {
        position: relative;
        right: 79.16667%;
    }
    .gk-col-xl-push-19 {
        position: relative;
        left: 79.16667%;
    }
    .gk-col-xl-20 {
        width: 83.33333%;
    }
    .gk-col-xl-offset-20 {
        margin-left: 83.33333%;
    }
    .gk-col-xl-pull-20 {
        position: relative;
        right: 83.33333%;
    }
    .gk-col-xl-push-20 {
        position: relative;
        left: 83.33333%;
    }
    .gk-col-xl-21 {
        width: 87.5%;
    }
    .gk-col-xl-offset-21 {
        margin-left: 87.5%;
    }
    .gk-col-xl-pull-21 {
        position: relative;
        right: 87.5%;
    }
    .gk-col-xl-push-21 {
        position: relative;
        left: 87.5%;
    }
    .gk-col-xl-22 {
        width: 91.66667%;
    }
    .gk-col-xl-offset-22 {
        margin-left: 91.66667%;
    }
    .gk-col-xl-pull-22 {
        position: relative;
        right: 91.66667%;
    }
    .gk-col-xl-push-22 {
        position: relative;
        left: 91.66667%;
    }
    .gk-col-xl-23 {
        width: 95.83333%;
    }
    .gk-col-xl-offset-23 {
        margin-left: 95.83333%;
    }
    .gk-col-xl-pull-23 {
        position: relative;
        right: 95.83333%;
    }
    .gk-col-xl-push-23 {
        position: relative;
        left: 95.83333%;
    }
    .gk-col-xl-24 {
        width: 100%;
    }
    .gk-col-xl-offset-24 {
        margin-left: 100%;
    }
    .gk-col-xl-pull-24 {
        position: relative;
        right: 100%;
    }
    .gk-col-xl-push-24 {
        position: relative;
        left: 100%;
    }
}
@-webkit-keyframes progress {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 32px 0;
    }
}
.gk-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0;
}
.gk-upload__input {
    display: none;
}
.gk-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px;
}
.gk-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.gk-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    line-height: 146px;
    vertical-align: top;
}
.gk-upload--picture-card i {
    font-size: 28px;
    color: #8c939d;
}
.gk-upload--picture-card:hover,
.gk-upload:focus {
    border-color: #409eff;
    color: #409eff;
}
.gk-upload:focus .gk-upload-dragger {
    border-color: #409eff;
}
.gk-upload-dragger {
    background-color: #fff;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.gk-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: #c0c4cc;
    margin: 40px 0 16px;
    line-height: 50px;
}
.gk-upload-dragger + .gk-upload__tip {
    text-align: center;
}
.gk-upload-dragger ~ .gk-upload__files {
    border-top: 1px solid #dcdfe6;
    margin-top: 7px;
    padding-top: 5px;
}
.gk-upload-dragger .gk-upload__text {
    color: #606266;
    font-size: 14px;
    text-align: center;
}
.gk-upload-dragger .gk-upload__text em {
    color: #409eff;
    font-style: normal;
}
.gk-upload-dragger:hover {
    border-color: #409eff;
}
.gk-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, 0.06);
    border: 2px dashed #409eff;
}
.gk-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.gk-upload-list__item {
    -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
}
.gk-upload-list__item .gk-progress {
    position: absolute;
    top: 20px;
    width: 100%;
}
.gk-upload-list__item .gk-progress__text {
    position: absolute;
    right: 0;
    top: -13px;
}
.gk-upload-list__item .gk-progress-bar {
    margin-right: 0;
    padding-right: 0;
}
.gk-upload-list__item:first-child {
    margin-top: 10px;
}
.gk-upload-list__item .el-icon-upload-success {
    color: #67c23a;
}
.gk-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0.75;
    color: #606266;
}
.gk-upload-list__item .el-icon-close:hover {
    opacity: 1;
}
.gk-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: #409eff;
}
.gk-upload-list__item:hover {
    background-color: #f5f7fa;
}
.gk-upload-list__item:hover .el-icon-close {
    display: inline-block;
}
.gk-upload-list__item:hover .gk-progress__text {
    display: none;
}
.gk-upload-list__item.is-success .gk-upload-list__item-status-label {
    display: block;
}
.gk-upload-list__item.is-success .gk-upload-list__item-name:focus,
.gk-upload-list__item.is-success .gk-upload-list__item-name:hover {
    color: #409eff;
    cursor: pointer;
}
.gk-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block;
}
.gk-upload-list__item.is-success:active .el-icon-close-tip,
.gk-upload-list__item.is-success:focus .gk-upload-list__item-status-label,
.gk-upload-list__item.is-success:hover .gk-upload-list__item-status-label,
.gk-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none;
}
.gk-upload-list.is-disabled .gk-upload-list__item:hover .gk-upload-list__item-status-label {
    display: block;
}
.gk-upload-list__item-name {
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    white-space: nowrap;
}
.gk-upload-list__item-name [class^='el-icon'] {
    height: 100%;
    margin-right: 7px;
    color: #909399;
    line-height: inherit;
}
.gk-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none;
}
.gk-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #606266;
    display: none;
}
.gk-upload-list__item-delete:hover {
    color: #409eff;
}
.gk-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top;
}
.gk-upload-list--picture-card .gk-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block;
}
.gk-upload-list--picture-card .gk-upload-list__item .el-icon-check,
.gk-upload-list--picture-card .gk-upload-list__item .el-icon-circle-check {
    color: #fff;
}
.gk-upload-list--picture-card .gk-upload-list__item .el-icon-close,
.gk-upload-list--picture-card .gk-upload-list__item:hover .gk-upload-list__item-status-label {
    display: none;
}
.gk-upload-list--picture-card .gk-upload-list__item:hover .gk-progress__text {
    display: block;
}
.gk-upload-list--picture-card .gk-upload-list__item-name {
    display: none;
}
.gk-upload-list--picture-card .gk-upload-list__item-thumbnail {
    width: 100%;
    height: 100%;
}
.gk-upload-list--picture-card .gk-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.gk-upload-list--picture-card .gk-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.gk-upload-list--picture-card .gk-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gk-upload-list--picture-card .gk-upload-list__item-actions::after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}
.gk-upload-list--picture-card .gk-upload-list__item-actions span {
    display: none;
    cursor: pointer;
}
.gk-upload-list--picture-card .gk-upload-list__item-actions span + span {
    margin-left: 15px;
}
.gk-upload-list--picture-card .gk-upload-list__item-actions .gk-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit;
}
.gk-upload-list--picture-card .gk-upload-list__item-actions:hover {
    opacity: 1;
}
.gk-upload-list--picture-card .gk-upload-list__item-actions:hover span {
    display: inline-block;
}
.gk-upload-list--picture-card .gk-progress {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 126px;
}
.gk-upload-list--picture-card .gk-progress .gk-progress__text {
    top: 50%;
}
.gk-upload-list--picture .gk-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px;
}
.gk-upload-list--picture .gk-upload-list__item .el-icon-check,
.gk-upload-list--picture .gk-upload-list__item .el-icon-circle-check {
    color: #fff;
}
.gk-upload-list--picture .gk-upload-list__item:hover .gk-upload-list__item-status-label {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -2px;
    right: -12px;
}
.gk-upload-list--picture .gk-upload-list__item:hover .gk-progress__text {
    display: block;
}
.gk-upload-list--picture .gk-upload-list__item.is-success .gk-upload-list__item-name {
    line-height: 70px;
    margin-top: 0;
}
.gk-upload-list--picture .gk-upload-list__item.is-success .gk-upload-list__item-name i {
    display: none;
}
.gk-upload-list--picture .gk-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    background-color: #fff;
}
.gk-upload-list--picture .gk-upload-list__item-name {
    display: block;
    margin-top: 20px;
}
.gk-upload-list--picture .gk-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px;
}
.gk-upload-list--picture .gk-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
.gk-upload-list--picture .gk-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.gk-upload-list--picture .gk-progress {
    position: relative;
    top: -7px;
}
.gk-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default;
}
.gk-upload-cover::after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.gk-upload-cover img {
    display: block;
    width: 100%;
    height: 100%;
}
.gk-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.gk-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff;
}
.gk-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px;
}
.gk-upload-cover__progress + .gk-upload__inner {
    opacity: 0;
}
.gk-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gk-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.72);
    text-align: center;
}
.gk-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    margin-top: 60px;
}
.gk-upload-cover__interact .btn span {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.gk-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px;
}
.gk-upload-cover__interact .btn:hover {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
}
.gk-upload-cover__interact .btn:hover span {
    opacity: 1;
}
.gk-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px;
}
.gk-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: #303133;
}
.gk-upload-cover + .gk-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1;
}
.gk-progress {
    position: relative;
    line-height: 1;
}
.gk-progress__text {
    font-size: 14px;
    color: #606266;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1;
}
.gk-progress__text i {
    vertical-align: middle;
    display: block;
}
.gk-progress--circle,
.gk-progress--dashboard {
    display: inline-block;
}
.gk-progress--circle .gk-progress__text,
.gk-progress--dashboard .gk-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.gk-progress--circle .gk-progress__text i,
.gk-progress--dashboard .gk-progress__text i {
    vertical-align: middle;
    display: inline-block;
}
.gk-progress--without-text .gk-progress__text {
    display: none;
}
.gk-progress--without-text .gk-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block;
}
.gk-progress-bar,
.gk-progress-bar__inner::after,
.gk-progress-bar__innerText,
.gk-spinner {
    display: inline-block;
    vertical-align: middle;
}
.gk-progress--text-inside .gk-progress-bar {
    padding-right: 0;
    margin-right: 0;
}
.gk-progress.is-success .gk-progress-bar__inner {
    background-color: #67c23a;
}
.gk-progress.is-success .gk-progress__text {
    color: #67c23a;
}
.gk-progress.is-warning .gk-progress-bar__inner {
    background-color: #e6a23c;
}
.gk-progress.is-warning .gk-progress__text {
    color: #e6a23c;
}
.gk-progress.is-exception .gk-progress-bar__inner {
    background-color: #f56c6c;
}
.gk-progress.is-exception .gk-progress__text {
    color: #f56c6c;
}
.gk-progress-bar {
    padding-right: 50px;
    width: 100%;
    margin-right: -55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #ebeef5;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.gk-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409eff;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.gk-card,
.gk-message {
    border-radius: 4px;
    overflow: hidden;
}
.gk-progress-bar__inner::after {
    height: 100%;
}
.gk-progress-bar__innerText {
    color: #fff;
    font-size: 12px;
    margin: 0 5px;
}
@keyframes progress {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 32px 0;
    }
}
.gk-time-spinner {
    width: 100%;
    white-space: nowrap;
}
.gk-spinner-inner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px;
}
.gk-spinner-inner .path {
    stroke: #ececec;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
.gk-message {
    min-width: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ebeef5;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.3s, transform 0.4s, top 0.4s;
    transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
    padding: 15px 15px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-message.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gk-message.is-closable .gk-message__content {
    padding-right: 16px;
}
.gk-message p {
    margin: 0;
}
.gk-message--info .gk-message__content {
    color: #909399;
}
.gk-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}
.gk-message--success .gk-message__content {
    color: #67c23a;
}
.gk-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
}
.gk-message--warning .gk-message__content {
    color: #e6a23c;
}
.gk-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2;
}
.gk-message--error .gk-message__content {
    color: #f56c6c;
}
.gk-message__icon {
    margin-right: 10px;
}
.gk-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1;
}
.gk-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
    font-size: 16px;
}
.gk-message__closeBtn:hover {
    color: #909399;
}
.gk-message .el-icon-success {
    color: #67c23a;
}
.gk-message .el-icon-error {
    color: #f56c6c;
}
.gk-message .el-icon-info {
    color: #909399;
}
.gk-message .el-icon-warning {
    color: #e6a23c;
}
.gk-message-fade-enter,
.gk-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}
.gk-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}
.gk-badge__content {
    background-color: #f56c6c;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff;
}
.gk-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 10px;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
}
.gk-rate__icon,
.gk-rate__item {
    position: relative;
    display: inline-block;
}
.gk-badge__content.is-fixed.is-dot {
    right: 5px;
}
.gk-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%;
}
.gk-badge__content--primary {
    background-color: #409eff;
}
.gk-badge__content--success {
    background-color: #67c23a;
}
.gk-badge__content--warning {
    background-color: #e6a23c;
}
.gk-badge__content--info {
    background-color: #909399;
}
.gk-badge__content--danger {
    background-color: #f56c6c;
}
.gk-card {
    border: 1px solid #ebeef5;
    background-color: #fff;
    color: #303133;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.gk-card.is-always-shadow,
.gk-card.is-hover-shadow:focus,
.gk-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-card__body {
    padding: 20px;
}
.gk-rate {
    height: 20px;
    line-height: 1;
}
.gk-rate__item {
    font-size: 0;
    vertical-align: middle;
}
.gk-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: #c0c4cc;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.gk-rate__decimal,
.gk-rate__icon .path2 {
    position: absolute;
    top: 0;
    left: 0;
}
.gk-rate__icon.hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.gk-rate__decimal {
    display: inline-block;
    overflow: hidden;
}
.gk-step.is-vertical,
.gk-steps {
    display: -webkit-box;
    display: -ms-flexbox;
}
.gk-rate__text {
    font-size: 14px;
    vertical-align: middle;
}
.gk-steps {
    display: flex;
}
.gk-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: #f5f7fa;
}
.gk-steps--horizontal {
    white-space: nowrap;
}
.gk-steps--vertical {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}
.gk-step {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.gk-step:last-of-type .gk-step__line {
    display: none;
}
.gk-step:last-of-type.is-flex {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.gk-step:last-of-type .gk-step__description,
.gk-step:last-of-type .gk-step__main {
    padding-right: 0;
}
.gk-step__head {
    position: relative;
    width: 100%;
}
.gk-step__head.is-process {
    color: #303133;
    border-color: #303133;
}
.gk-step__head.is-wait {
    color: #c0c4cc;
    border-color: #c0c4cc;
}
.gk-step__head.is-success {
    color: #67c23a;
    border-color: #67c23a;
}
.gk-step__head.is-error {
    color: #f56c6c;
    border-color: #f56c6c;
}
.gk-step__head.is-finish {
    color: #409eff;
    border-color: #409eff;
}
.gk-step__icon {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}
.gk-step__icon.is-text {
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit;
}
.gk-step__icon.is-icon {
    width: 40px;
}
.gk-step__icon-inner {
    display: inline-block;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}
.gk-step__icon-inner[class*='el-icon']:not(.is-status) {
    font-size: 25px;
    font-weight: 400;
}
.gk-step__icon-inner.is-status {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
.gk-step__line {
    position: absolute;
    border-color: inherit;
    background-color: #c0c4cc;
}
.gk-step__line-inner {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    -webkit-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
}
.gk-step__main {
    white-space: normal;
    text-align: left;
}
.gk-step__title {
    font-size: 16px;
    line-height: 38px;
}
.gk-step__title.is-process {
    font-weight: 700;
    color: #303133;
}
.gk-step__title.is-wait {
    color: #c0c4cc;
}
.gk-step__title.is-success {
    color: #67c23a;
}
.gk-step__title.is-error {
    color: #f56c6c;
}
.gk-step__title.is-finish {
    color: #409eff;
}
.gk-step__description {
    padding-right: 10%;
    margin-top: -5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}
.gk-step__description.is-process {
    color: #303133;
}
.gk-step__description.is-wait {
    color: #c0c4cc;
}
.gk-step__description.is-success {
    color: #67c23a;
}
.gk-step__description.is-error {
    color: #f56c6c;
}
.gk-step__description.is-finish {
    color: #409eff;
}
.gk-step.is-horizontal {
    display: inline-block;
}
.gk-step.is-horizontal .gk-step__line {
    height: 2px;
    top: 11px;
    left: 0;
    right: 0;
}
.gk-step.is-vertical {
    display: flex;
}
.gk-step.is-vertical .gk-step__head {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 24px;
}
.gk-step.is-vertical .gk-step__main {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.gk-step.is-vertical .gk-step__title {
    line-height: 24px;
    padding-bottom: 8px;
}
.gk-step.is-vertical .gk-step__line {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 11px;
}
.gk-step.is-vertical .gk-step__icon.is-icon {
    width: 24px;
}
.gk-step.is-center .gk-step__head,
.gk-step.is-center .gk-step__main {
    text-align: center;
}
.gk-step.is-center .gk-step__description {
    padding-left: 20%;
    padding-right: 20%;
}
.gk-step.is-center .gk-step__line {
    left: 50%;
    right: -50%;
}
.gk-step.is-simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-step.is-simple .gk-step__head {
    width: auto;
    font-size: 0;
    padding-right: 10px;
}
.gk-step.is-simple .gk-step__icon {
    background: 0 0;
    width: 16px;
    height: 16px;
    font-size: 12px;
}
.gk-step.is-simple .gk-step__icon-inner[class*='el-icon']:not(.is-status) {
    font-size: 18px;
}
.gk-step.is-simple .gk-step__icon-inner.is-status {
    -webkit-transform: scale(0.8) translateY(1px);
    transform: scale(0.8) translateY(1px);
}
.gk-step.is-simple .gk-step__main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.gk-step.is-simple .gk-step__title {
    font-size: 16px;
    line-height: 20px;
}
.gk-step.is-simple:not(:last-of-type) .gk-step__title {
    max-width: 50%;
    word-break: break-all;
}
.gk-step.is-simple .gk-step__arrow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.gk-step.is-simple .gk-step__arrow::after,
.gk-step.is-simple .gk-step__arrow::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 1px;
    background: #c0c4cc;
}
.gk-step.is-simple .gk-step__arrow::before {
    -webkit-transform: rotate(-45deg) translateY(-4px);
    transform: rotate(-45deg) translateY(-4px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.gk-step.is-simple .gk-step__arrow::after {
    -webkit-transform: rotate(45deg) translateY(4px);
    transform: rotate(45deg) translateY(4px);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.gk-step.is-simple:last-of-type .gk-step__arrow {
    display: none;
}
.gk-carousel {
    position: relative;
}
.gk-carousel--horizontal {
    overflow-x: hidden;
}
.gk-carousel--vertical {
    overflow-y: hidden;
}
.gk-carousel__container {
    position: relative;
    height: 300px;
}
.gk-carousel__arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, 0.11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px;
}
.gk-carousel__arrow--left {
    left: 16px;
}
.gk-carousel__arrow--right {
    right: 16px;
}
.gk-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, 0.23);
}
.gk-carousel__arrow i {
    cursor: pointer;
}
.gk-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.gk-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.gk-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gk-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    -webkit-transform: none;
    transform: none;
}
.gk-carousel__indicators--outside .gk-carousel__indicator:hover button {
    opacity: 0.64;
}
.gk-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: 0.24;
}
.gk-carousel__indicators--labels {
    left: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: center;
}
.gk-carousel__indicators--labels .gk-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px;
}
.gk-carousel__indicators--labels .gk-carousel__indicator {
    padding: 6px 4px;
}
.gk-carousel__indicator {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.gk-carousel__indicator:hover button {
    opacity: 0.72;
}
.gk-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px;
}
.gk-carousel__indicator--vertical {
    padding: 4px 12px;
}
.gk-carousel__indicator--vertical .gk-carousel__button {
    width: 2px;
    height: 15px;
}
.gk-carousel__indicator.is-active button {
    opacity: 1;
}
.gk-carousel__button {
    display: block;
    opacity: 0.48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.gk-carousel__item,
.gk-carousel__mask {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px);
    opacity: 0;
}
.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
}
.gk-carousel__item {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
}
.gk-carousel__item.is-active {
    z-index: 2;
}
.gk-carousel__item.is-animating {
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.gk-carousel__item--card {
    width: 50%;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.gk-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1;
}
.gk-carousel__item--card.is-in-stage.is-hover .gk-carousel__mask,
.gk-carousel__item--card.is-in-stage:hover .gk-carousel__mask {
    opacity: 0.12;
}
.gk-carousel__item--card.is-active {
    z-index: 2;
}
.gk-carousel__mask {
    width: 100%;
    background-color: #fff;
    opacity: 0.24;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.gk-fade-in-enter,
.gk-fade-in-leave-active,
.gk-fade-in-linear-enter,
.gk-fade-in-linear-leave,
.gk-fade-in-linear-leave-active,
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0;
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.gk-fade-in-linear-enter-active,
.gk-fade-in-linear-leave-active {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.gk-fade-in-enter-active,
.gk-fade-in-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.gk-zoom-in-center-enter-active,
.gk-zoom-in-center-leave-active {
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.gk-zoom-in-center-enter,
.gk-zoom-in-center-leave-active {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.gk-zoom-in-top-enter-active,
.gk-zoom-in-top-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
}
.gk-zoom-in-top-enter,
.gk-zoom-in-top-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.gk-zoom-in-bottom-enter-active,
.gk-zoom-in-bottom-leave-active {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
.gk-zoom-in-bottom-enter,
.gk-zoom-in-bottom-leave-active {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.gk-zoom-in-left-enter-active,
.gk-zoom-in-left-leave-active {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1),
        -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
.gk-zoom-in-left-enter,
.gk-zoom-in-left-leave-active {
    opacity: 0;
    -webkit-transform: scale(0.45, 0.45);
    transform: scale(0.45, 0.45);
}
.collapse-transition {
    -webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
    transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
    -webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
    transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.gk-list-enter-active,
.gk-list-leave-active {
    -webkit-transition: all 1s;
    transition: all 1s;
}
.gk-list-enter,
.gk-list-leave-active {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
.gk-opacity-transition {
    -webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.gk-collapse {
    border-top: 1px solid #ebeef5;
    border-bottom: 1px solid #ebeef5;
}
.gk-collapse-item.is-disabled .gk-collapse-item__header {
    color: #bbb;
    cursor: not-allowed;
}
.gk-collapse-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    color: #303133;
    cursor: pointer;
    border-bottom: 1px solid #ebeef5;
    font-size: 13px;
    font-weight: 500;
    -webkit-transition: border-bottom-color 0.3s;
    transition: border-bottom-color 0.3s;
    outline: 0;
}
.gk-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    font-weight: 300;
}
.gk-collapse-item__arrow.is-active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.gk-collapse-item__header.focusing:focus:not(:hover) {
    color: #409eff;
}
.gk-collapse-item__header.is-active {
    border-bottom-color: rgba(0, 0, 0, 0);
}
.gk-collapse-item__wrap {
    will-change: height;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebeef5;
}
.gk-cascader__tags,
.gk-tag {
    -webkit-box-sizing: border-box;
}
.gk-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: #303133;
    line-height: 1.7692307692;
}
.gk-collapse-item:last-child {
    margin-bottom: -1px;
}
.gk-popper .popper__arrow,
.gk-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
}
.gk-popper .popper__arrow {
    border-width: 6px;
    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.gk-popper .popper__arrow::after {
    content: ' ';
    border-width: 6px;
}
.gk-popper[x-placement^='top'] {
    margin-bottom: 12px;
}
.gk-popper[x-placement^='top'] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0;
}
.gk-popper[x-placement^='top'] .popper__arrow::after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0;
}
.gk-popper[x-placement^='bottom'] {
    margin-top: 12px;
}
.gk-popper[x-placement^='bottom'] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5;
}
.gk-popper[x-placement^='bottom'] .popper__arrow::after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.gk-popper[x-placement^='right'] {
    margin-left: 12px;
}
.gk-popper[x-placement^='right'] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0;
}
.gk-popper[x-placement^='right'] .popper__arrow::after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0;
}
.gk-popper[x-placement^='left'] {
    margin-right: 12px;
}
.gk-popper[x-placement^='left'] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5;
}
.gk-popper[x-placement^='left'] .popper__arrow::after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff;
}
.gk-tag {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #409eff;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
}
.gk-tag.is-hit {
    border-color: #409eff;
}
.gk-tag .gk-tag__close {
    color: #409eff;
}
.gk-tag .gk-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}
.gk-tag.gk-tag--info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}
.gk-tag.gk-tag--info.is-hit {
    border-color: #909399;
}
.gk-tag.gk-tag--info .gk-tag__close {
    color: #909399;
}
.gk-tag.gk-tag--info .gk-tag__close:hover {
    color: #fff;
    background-color: #909399;
}
.gk-tag.gk-tag--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}
.gk-tag.gk-tag--success.is-hit {
    border-color: #67c23a;
}
.gk-tag.gk-tag--success .gk-tag__close {
    color: #67c23a;
}
.gk-tag.gk-tag--success .gk-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}
.gk-tag.gk-tag--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}
.gk-tag.gk-tag--warning.is-hit {
    border-color: #e6a23c;
}
.gk-tag.gk-tag--warning .gk-tag__close {
    color: #e6a23c;
}
.gk-tag.gk-tag--warning .gk-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}
.gk-tag.gk-tag--danger {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}
.gk-tag.gk-tag--danger.is-hit {
    border-color: #f56c6c;
}
.gk-tag.gk-tag--danger .gk-tag__close {
    color: #f56c6c;
}
.gk-tag.gk-tag--danger .gk-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}
.gk-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px;
}
.gk-tag .el-icon-close::before {
    display: block;
}
.gk-tag--dark {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
}
.gk-tag--dark.is-hit {
    border-color: #409eff;
}
.gk-tag--dark .gk-tag__close {
    color: #fff;
}
.gk-tag--dark .gk-tag__close:hover {
    color: #fff;
    background-color: #66b1ff;
}
.gk-tag--dark.gk-tag--info {
    background-color: #909399;
    border-color: #909399;
    color: #fff;
}
.gk-tag--dark.gk-tag--info.is-hit {
    border-color: #909399;
}
.gk-tag--dark.gk-tag--info .gk-tag__close {
    color: #fff;
}
.gk-tag--dark.gk-tag--info .gk-tag__close:hover {
    color: #fff;
    background-color: #a6a9ad;
}
.gk-tag--dark.gk-tag--success {
    background-color: #67c23a;
    border-color: #67c23a;
    color: #fff;
}
.gk-tag--dark.gk-tag--success.is-hit {
    border-color: #67c23a;
}
.gk-tag--dark.gk-tag--success .gk-tag__close {
    color: #fff;
}
.gk-tag--dark.gk-tag--success .gk-tag__close:hover {
    color: #fff;
    background-color: #85ce61;
}
.gk-tag--dark.gk-tag--warning {
    background-color: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}
.gk-tag--dark.gk-tag--warning.is-hit {
    border-color: #e6a23c;
}
.gk-tag--dark.gk-tag--warning .gk-tag__close {
    color: #fff;
}
.gk-tag--dark.gk-tag--warning .gk-tag__close:hover {
    color: #fff;
    background-color: #ebb563;
}
.gk-tag--dark.gk-tag--danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}
.gk-tag--dark.gk-tag--danger.is-hit {
    border-color: #f56c6c;
}
.gk-tag--dark.gk-tag--danger .gk-tag__close {
    color: #fff;
}
.gk-tag--dark.gk-tag--danger .gk-tag__close:hover {
    color: #fff;
    background-color: #f78989;
}
.gk-tag--plain {
    background-color: #fff;
    border-color: #b3d8ff;
    color: #409eff;
}
.gk-tag--plain.is-hit {
    border-color: #409eff;
}
.gk-tag--plain .gk-tag__close {
    color: #409eff;
}
.gk-tag--plain .gk-tag__close:hover {
    color: #fff;
    background-color: #409eff;
}
.gk-tag--plain.gk-tag--info {
    background-color: #fff;
    border-color: #d3d4d6;
    color: #909399;
}
.gk-tag--plain.gk-tag--info.is-hit {
    border-color: #909399;
}
.gk-tag--plain.gk-tag--info .gk-tag__close {
    color: #909399;
}
.gk-tag--plain.gk-tag--info .gk-tag__close:hover {
    color: #fff;
    background-color: #909399;
}
.gk-tag--plain.gk-tag--success {
    background-color: #fff;
    border-color: #c2e7b0;
    color: #67c23a;
}
.gk-tag--plain.gk-tag--success.is-hit {
    border-color: #67c23a;
}
.gk-tag--plain.gk-tag--success .gk-tag__close {
    color: #67c23a;
}
.gk-tag--plain.gk-tag--success .gk-tag__close:hover {
    color: #fff;
    background-color: #67c23a;
}
.gk-tag--plain.gk-tag--warning {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}
.gk-tag--plain.gk-tag--warning.is-hit {
    border-color: #e6a23c;
}
.gk-tag--plain.gk-tag--warning .gk-tag__close {
    color: #e6a23c;
}
.gk-tag--plain.gk-tag--warning .gk-tag__close:hover {
    color: #fff;
    background-color: #e6a23c;
}
.gk-tag--plain.gk-tag--danger {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}
.gk-tag--plain.gk-tag--danger.is-hit {
    border-color: #f56c6c;
}
.gk-tag--plain.gk-tag--danger .gk-tag__close {
    color: #f56c6c;
}
.gk-tag--plain.gk-tag--danger .gk-tag__close:hover {
    color: #fff;
    background-color: #f56c6c;
}
.gk-tag--medium {
    height: 28px;
    line-height: 26px;
}
.gk-tag--medium .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.gk-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
}
.gk-tag--small .el-icon-close {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.gk-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px;
}
.gk-tag--mini .el-icon-close {
    margin-left: -3px;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.gk-cascader {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 40px;
}
.gk-cascader:not(.is-disabled):hover .gk-input__inner {
    cursor: pointer;
    border-color: #c0c4cc;
}
.gk-cascader .gk-input .gk-input__inner:focus,
.gk-cascader .gk-input.is-focus .gk-input__inner {
    border-color: #409eff;
}
.gk-cascader .gk-input {
    cursor: pointer;
}
.gk-cascader .gk-input .gk-input__inner {
    text-overflow: ellipsis;
}
.gk-cascader .gk-input .el-icon-arrow-down {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    font-size: 14px;
}
.gk-cascader .gk-input .el-icon-arrow-down.is-reverse {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.gk-cascader .gk-input .el-icon-circle-close:hover {
    color: #909399;
}
.gk-cascader--medium {
    font-size: 14px;
    line-height: 36px;
}
.gk-cascader--small {
    font-size: 13px;
    line-height: 32px;
}
.gk-cascader--mini {
    font-size: 12px;
    line-height: 28px;
}
.gk-cascader.is-disabled .gk-cascader__label {
    z-index: 2;
    color: #c0c4cc;
}
.gk-cascader__dropdown {
    margin: 5px 0;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-cascader__tags {
    position: absolute;
    left: 0;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    box-sizing: border-box;
}
.gk-cascader__tags .gk-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    margin: 2px 0 2px 6px;
    text-overflow: ellipsis;
    background: #f0f2f5;
}
.gk-cascader__tags .gk-tag:not(.is-hit) {
    border-color: rgba(0, 0, 0, 0);
}
.gk-cascader__tags .gk-tag > span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gk-cascader__tags .gk-tag .el-icon-close {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: #c0c4cc;
    color: #fff;
}
.gk-cascader__tags .gk-tag .el-icon-close:hover {
    background-color: #909399;
}
.gk-cascader__suggestion-panel {
    border-radius: 4px;
}
.gk-cascader__suggestion-list {
    max-height: 204px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    color: #606266;
    text-align: center;
}
.gk-cascader__suggestion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    text-align: left;
    outline: 0;
    cursor: pointer;
}
.gk-cascader__suggestion-item:focus,
.gk-cascader__suggestion-item:hover {
    background: #f5f7fa;
}
.gk-cascader__suggestion-item.is-checked {
    color: #409eff;
    font-weight: 700;
}
.gk-cascader__suggestion-item > span {
    margin-right: 10px;
}
.gk-cascader__empty-text {
    margin: 10px 0;
    color: #c0c4cc;
}
.gk-cascader__search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 24px;
    min-width: 60px;
    margin: 2px 0 2px 15px;
    padding: 0;
    color: #606266;
    border: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-cascader__search-input::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-cascader__search-input:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-cascader__search-input::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-cascader__search-input::placeholder {
    color: #c0c4cc;
}
.gk-color-predefine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px;
}
.gk-color-predefine__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gk-color-predefine__color-selector {
    margin: 0 0 8px 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer;
}
.gk-color-predefine__color-selector:nth-child(10n + 1) {
    margin-left: 0;
}
.gk-color-predefine__color-selector.selected {
    -webkit-box-shadow: 0 0 3px 2px #409eff;
    box-shadow: 0 0 3px 2px #409eff;
}
.gk-color-predefine__color-selector > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border-radius: 3px;
}
.gk-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.gk-color-hue-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: red;
    padding: 0 2px;
}
.gk-color-hue-slider__bar {
    position: relative;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(red),
        color-stop(17%, #ff0),
        color-stop(33%, #0f0),
        color-stop(50%, #0ff),
        color-stop(67%, #00f),
        color-stop(83%, #f0f),
        to(red)
    );
    background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    height: 100%;
}
.gk-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.gk-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0;
}
.gk-color-hue-slider.is-vertical .gk-color-hue-slider__bar {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(red),
        color-stop(17%, #ff0),
        color-stop(33%, #0f0),
        color-stop(50%, #0ff),
        color-stop(67%, #00f),
        color-stop(83%, #f0f),
        to(red)
    );
    background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
}
.gk-color-hue-slider.is-vertical .gk-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
}
.gk-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px;
}
.gk-color-svpanel__black,
.gk-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.gk-color-svpanel__white {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.gk-color-svpanel__black {
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.gk-color-svpanel__cursor {
    position: absolute;
}
.gk-color-svpanel__cursor > div {
    cursor: head;
    width: 4px;
    height: 4px;
    -webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}
.gk-color-alpha-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.gk-color-alpha-slider__bar {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
    height: 100%;
}
.gk-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.gk-color-alpha-slider.is-vertical {
    width: 20px;
    height: 180px;
}
.gk-color-alpha-slider.is-vertical .gk-color-alpha-slider__bar {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.gk-color-alpha-slider.is-vertical .gk-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
}
.gk-color-dropdown {
    width: 300px;
}
.gk-color-dropdown__main-wrapper {
    margin-bottom: 6px;
}
.gk-color-dropdown__main-wrapper::after {
    content: '';
    display: table;
    clear: both;
}
.gk-color-dropdown__btns {
    margin-top: 6px;
    text-align: right;
}
.gk-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: #000;
    width: 160px;
}
.gk-color-dropdown__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    outline: 0;
    font-size: 12px;
}
.gk-color-dropdown__btn[disabled] {
    color: #ccc;
    cursor: not-allowed;
}
.gk-color-dropdown__btn:hover {
    color: #409eff;
    border-color: #409eff;
}
.gk-color-dropdown__link-btn {
    cursor: pointer;
    color: #409eff;
    text-decoration: none;
    padding: 15px;
    font-size: 12px;
}
.gk-color-dropdown__link-btn:hover {
    color: tint(#409eff, 20%);
}
.gk-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px;
}
.gk-color-picker.is-disabled .gk-color-picker__trigger {
    cursor: not-allowed;
}
.gk-color-picker--medium {
    height: 36px;
}
.gk-color-picker--medium .gk-color-picker__trigger {
    height: 36px;
    width: 36px;
}
.gk-color-picker--medium .gk-color-picker__mask {
    height: 34px;
    width: 34px;
}
.gk-color-picker--small {
    height: 32px;
}
.gk-color-picker--small .gk-color-picker__trigger {
    height: 32px;
    width: 32px;
}
.gk-color-picker--small .gk-color-picker__mask {
    height: 30px;
    width: 30px;
}
.gk-color-picker--small .gk-color-picker__empty,
.gk-color-picker--small .gk-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
    transform: translate3d(-50%, -50%, 0) scale(0.8);
}
.gk-color-picker--mini {
    height: 28px;
}
.gk-color-picker--mini .gk-color-picker__trigger {
    height: 28px;
    width: 28px;
}
.gk-color-picker--mini .gk-color-picker__mask {
    height: 26px;
    width: 26px;
}
.gk-color-picker--mini .gk-color-picker__empty,
.gk-color-picker--mini .gk-color-picker__icon {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
    transform: translate3d(-50%, -50%, 0) scale(0.8);
}
.gk-color-picker__mask {
    height: 38px;
    width: 38px;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    cursor: not-allowed;
    background-color: hsla(0, 0%, 100%, 0.7);
}
.gk-color-picker__trigger {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer;
}
.gk-color-picker__color {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.gk-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.gk-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.gk-color-picker__empty,
.gk-color-picker__icon {
    top: 50%;
    left: 50%;
    font-size: 12px;
    position: absolute;
}
.gk-color-picker__empty {
    color: #999;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
.gk-color-picker__icon {
    display: inline-block;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    text-align: center;
}
.gk-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.gk-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 14px;
}
.gk-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: #606266;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gk-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-textarea__inner::placeholder {
    color: #c0c4cc;
}
.gk-textarea__inner:hover {
    border-color: #c0c4cc;
}
.gk-textarea__inner:focus {
    outline: 0;
    border-color: #409eff;
}
.gk-textarea .gk-input__count {
    color: #909399;
    background: #fff;
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px;
}
.gk-textarea.is-disabled .gk-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-textarea.is-disabled .gk-textarea__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-textarea.is-disabled .gk-textarea__inner:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-textarea.is-disabled .gk-textarea__inner::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-textarea.is-disabled .gk-textarea__inner::placeholder {
    color: #c0c4cc;
}
.gk-textarea.is-exceed .gk-textarea__inner {
    border-color: #f56c6c;
}
.gk-textarea.is-exceed .gk-input__count {
    color: #f56c6c;
}
.gk-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.gk-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px;
}
.gk-input::-webkit-scrollbar:horizontal {
    height: 6px;
}
.gk-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: #b4bccc;
}
.gk-input::-webkit-scrollbar-corner {
    background: #fff;
}
.gk-input::-webkit-scrollbar-track {
    background: #fff;
}
.gk-input::-webkit-scrollbar-track-piece {
    background: #fff;
    width: 6px;
}
.gk-input .gk-input__clear {
    color: #c0c4cc;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gk-input .gk-input__clear:hover {
    color: #909399;
}
.gk-input .gk-input__count {
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #909399;
    font-size: 12px;
}
.gk-input .gk-input__count .gk-input__count-inner {
    background: #fff;
    line-height: initial;
    display: inline-block;
    padding: 0 5px;
}
.gk-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}
.gk-input__prefix,
.gk-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    height: 100%;
    color: #c0c4cc;
    text-align: center;
}
.gk-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-input__inner:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-input__inner::placeholder {
    color: #c0c4cc;
}
.gk-input__inner:hover {
    border-color: #c0c4cc;
}
.gk-input.is-active .gk-input__inner,
.gk-input__inner:focus {
    border-color: #409eff;
    outline: 0;
}
.gk-input__suffix {
    right: 5px;
    transition: all 0.3s;
}
.gk-input__suffix-inner {
    pointer-events: all;
}
.gk-input__prefix {
    left: 5px;
    transition: all 0.3s;
}
.gk-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 40px;
}
.gk-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}
.gk-input__validateIcon {
    pointer-events: none;
}
.gk-input.is-disabled .gk-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-input.is-disabled .gk-input__inner::-webkit-input-placeholder {
    color: #c0c4cc;
}
.gk-input.is-disabled .gk-input__inner:-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-input.is-disabled .gk-input__inner::-ms-input-placeholder {
    color: #c0c4cc;
}
.gk-input.is-disabled .gk-input__inner::placeholder {
    color: #c0c4cc;
}
.gk-input.is-disabled .gk-input__icon {
    cursor: not-allowed;
}
.gk-link,
.gk-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer;
}
.gk-input.is-exceed .gk-input__inner {
    border-color: #f56c6c;
}
.gk-input.is-exceed .gk-input__suffix .gk-input__count {
    color: #f56c6c;
}
.gk-input--suffix .gk-input__inner {
    padding-right: 30px;
}
.gk-input--prefix .gk-input__inner {
    padding-left: 30px;
}
.gk-input--medium {
    font-size: 14px;
}
.gk-input--medium .gk-input__inner {
    height: 36px;
    line-height: 36px;
}
.gk-input--medium .gk-input__icon {
    line-height: 36px;
}
.gk-input--small {
    font-size: 13px;
}
.gk-input--small .gk-input__inner {
    height: 32px;
    line-height: 32px;
}
.gk-input--small .gk-input__icon {
    line-height: 32px;
}
.gk-input--mini {
    font-size: 12px;
}
.gk-input--mini .gk-input__inner {
    height: 28px;
    line-height: 28px;
}
.gk-input--mini .gk-input__icon {
    line-height: 28px;
}
.gk-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.gk-input-group > .gk-input__inner {
    vertical-align: middle;
    display: table-cell;
}
.gk-input-group__append,
.gk-input-group__prepend {
    background-color: #f5f7fa;
    color: #909399;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap;
}
.gk-input-group--prepend .gk-input__inner,
.gk-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.gk-input-group--append .gk-input__inner,
.gk-input-group__prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.gk-input-group__append:focus,
.gk-input-group__prepend:focus {
    outline: 0;
}
.gk-input-group__append .gk-button,
.gk-input-group__append .gk-select,
.gk-input-group__prepend .gk-button,
.gk-input-group__prepend .gk-select {
    display: inline-block;
    margin: -10px -20px;
}
.gk-input-group__append button.gk-button,
.gk-input-group__append div.gk-select .gk-input__inner,
.gk-input-group__append div.gk-select:hover .gk-input__inner,
.gk-input-group__prepend button.gk-button,
.gk-input-group__prepend div.gk-select .gk-input__inner,
.gk-input-group__prepend div.gk-select:hover .gk-input__inner {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}
.gk-input-group__append .gk-button,
.gk-input-group__append .gk-input,
.gk-input-group__prepend .gk-button,
.gk-input-group__prepend .gk-input {
    font-size: inherit;
}
.gk-input-group__prepend {
    border-right: 0;
}
.gk-input-group__append {
    border-left: 0;
}
.gk-input-group--append .gk-select .gk-input.is-focus .gk-input__inner,
.gk-input-group--prepend .gk-select .gk-input.is-focus .gk-input__inner {
    border-color: rgba(0, 0, 0, 0);
}
.gk-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
.gk-transfer {
    font-size: 14px;
}
.gk-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px;
}
.gk-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #409eff;
    font-size: 0;
}
.gk-transfer-panel__item + .gk-transfer-panel__item,
.gk-transfer__button [class*='el-icon-'] + span {
    margin-left: 0;
}
.gk-transfer__button.is-with-texts {
    border-radius: 4px;
}
.gk-transfer__button.is-disabled,
.gk-transfer__button.is-disabled:hover {
    border: 1px solid #dcdfe6;
    background-color: #f5f7fa;
    color: #c0c4cc;
}
.gk-transfer__button:first-child {
    margin-bottom: 10px;
}
.gk-transfer__button:nth-child(2) {
    margin: 0;
}
.gk-transfer__button i,
.gk-transfer__button span {
    font-size: 14px;
}
.gk-transfer-panel {
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.gk-transfer-panel__body {
    height: 246px;
}
.gk-transfer-panel__body.is-with-footer {
    padding-bottom: 40px;
}
.gk-transfer-panel__list {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    height: 246px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0;
}
.gk-transfer-panel__item {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    display: block !important;
}
.gk-transfer-panel__item.gk-checkbox {
    color: #606266;
}
.gk-transfer-panel__item:hover {
    color: #409eff;
}
.gk-transfer-panel__item.gk-checkbox .gk-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    line-height: 30px;
}
.gk-transfer-panel__item .gk-checkbox__input {
    position: absolute;
    top: 8px;
}
.gk-transfer-panel__filter {
    text-align: center;
    margin: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: auto;
}
.gk-transfer-panel__filter .gk-input__inner {
    height: 32px;
    width: 100%;
    font-size: 12px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    padding-right: 10px;
    padding-left: 30px;
}
.gk-transfer-panel__filter .gk-input__icon {
    margin-left: 5px;
}
.gk-transfer-panel .gk-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
}
.gk-transfer-panel .gk-transfer-panel__header .gk-checkbox {
    display: block;
    line-height: 40px;
}
.gk-transfer-panel .gk-transfer-panel__header .gk-checkbox .gk-checkbox__label {
    font-size: 16px;
    color: #303133;
    font-weight: 400;
}
.gk-transfer-panel .gk-transfer-panel__header .gk-checkbox .gk-checkbox__label span {
    position: absolute;
    right: 15px;
    color: #909399;
    font-size: 12px;
    font-weight: 400;
}
.gk-divider__text,
.gk-link {
    font-weight: 500;
    font-size: 14px;
}
.gk-transfer-panel .gk-transfer-panel__footer {
    height: 40px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ebeef5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.gk-transfer-panel .gk-transfer-panel__footer::after {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle;
}
.gk-container,
.gk-timeline-item__node {
    display: -webkit-box;
    display: -ms-flexbox;
}
.gk-transfer-panel .gk-transfer-panel__footer .gk-checkbox {
    padding-left: 20px;
    color: #606266;
}
.gk-transfer-panel .gk-transfer-panel__empty {
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 6px 15px 0;
    color: #909399;
    text-align: center;
}
.gk-transfer-panel .gk-checkbox__label {
    padding-left: 8px;
}
.gk-transfer-panel .gk-checkbox__inner {
    height: 14px;
    width: 14px;
    border-radius: 3px;
}
.gk-transfer-panel .gk-checkbox__inner::after {
    height: 6px;
    width: 3px;
    left: 4px;
}
.gk-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
}
.gk-container.is-vertical,
.gk-drawer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.gk-aside,
.gk-header {
    -webkit-box-sizing: border-box;
}
.gk-container.is-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
}
.gk-header {
    padding: 0 20px;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.gk-aside {
    overflow: auto;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.gk-footer,
.gk-main {
    -webkit-box-sizing: border-box;
}
.gk-main {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px;
}
.gk-footer {
    padding: 0 20px;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.gk-timeline {
    margin: 0;
    font-size: 14px;
    list-style: none;
}
.gk-timeline .gk-timeline-item:last-child .gk-timeline-item__tail {
    display: none;
}
.gk-timeline-item {
    position: relative;
    padding-bottom: 20px;
}
.gk-timeline-item__wrapper {
    position: relative;
    padding-left: 28px;
    top: -3px;
}
.gk-timeline-item__tail {
    position: absolute;
    left: 4px;
    height: 100%;
    border-left: 2px solid #e4e7ed;
}
.gk-timeline-item__icon {
    color: #fff;
    font-size: 13px;
}
.gk-timeline-item__node {
    position: absolute;
    background-color: #e4e7ed;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-image__error,
.gk-timeline-item__dot {
    display: -webkit-box;
    display: -ms-flexbox;
}
.gk-timeline-item__node--normal {
    left: -1px;
    width: 12px;
    height: 12px;
}
.gk-timeline-item__node--large {
    left: -2px;
    width: 14px;
    height: 14px;
}
.gk-timeline-item__node--primary {
    background-color: #409eff;
}
.gk-timeline-item__node--success {
    background-color: #67c23a;
}
.gk-timeline-item__node--warning {
    background-color: #e6a23c;
}
.gk-timeline-item__node--danger {
    background-color: #f56c6c;
}
.gk-timeline-item__node--info {
    background-color: #909399;
}
.gk-timeline-item__dot {
    position: absolute;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-timeline-item__content {
    color: #303133;
}
.gk-timeline-item__timestamp {
    color: #909399;
    line-height: 1;
    font-size: 13px;
}
.gk-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px;
}
.gk-timeline-item__timestamp.is-bottom {
    margin-top: 8px;
}
.gk-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: 0;
    padding: 0;
}
.gk-link.is-underline:hover:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid #409eff;
}
.gk-link.gk-link--default:after,
.gk-link.gk-link--primary.is-underline:hover:after,
.gk-link.gk-link--primary:after {
    border-color: #409eff;
}
.gk-link.is-disabled {
    cursor: not-allowed;
}
.gk-link [class*='el-icon-'] + span {
    margin-left: 5px;
}
.gk-link.gk-link--default {
    color: #606266;
}
.gk-link.gk-link--default:hover {
    color: #409eff;
}
.gk-link.gk-link--default.is-disabled {
    color: #c0c4cc;
}
.gk-link.gk-link--primary {
    color: #409eff;
}
.gk-link.gk-link--primary:hover {
    color: #66b1ff;
}
.gk-link.gk-link--primary.is-disabled {
    color: #a0cfff;
}
.gk-link.gk-link--danger.is-underline:hover:after,
.gk-link.gk-link--danger:after {
    border-color: #f56c6c;
}
.gk-link.gk-link--danger {
    color: #f56c6c;
}
.gk-link.gk-link--danger:hover {
    color: #f78989;
}
.gk-link.gk-link--danger.is-disabled {
    color: #fab6b6;
}
.gk-link.gk-link--success.is-underline:hover:after,
.gk-link.gk-link--success:after {
    border-color: #67c23a;
}
.gk-link.gk-link--success {
    color: #67c23a;
}
.gk-link.gk-link--success:hover {
    color: #85ce61;
}
.gk-link.gk-link--success.is-disabled {
    color: #b3e19d;
}
.gk-link.gk-link--warning.is-underline:hover:after,
.gk-link.gk-link--warning:after {
    border-color: #e6a23c;
}
.gk-link.gk-link--warning {
    color: #e6a23c;
}
.gk-link.gk-link--warning:hover {
    color: #ebb563;
}
.gk-link.gk-link--warning.is-disabled {
    color: #f3d19e;
}
.gk-link.gk-link--info.is-underline:hover:after,
.gk-link.gk-link--info:after {
    border-color: #909399;
}
.gk-link.gk-link--info {
    color: #909399;
}
.gk-link.gk-link--info:hover {
    color: #a6a9ad;
}
.gk-link.gk-link--info.is-disabled {
    color: #c8c9cc;
}
.gk-divider {
    background-color: #dcdfe6;
    position: relative;
}
.gk-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0;
}
.gk-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative;
}
.gk-divider__text {
    position: absolute;
    background-color: #fff;
    padding: 0 20px;
    color: #303133;
}
.gk-image__error,
.gk-image__placeholder {
    background: #f5f7fa;
}
.gk-divider__text.is-left {
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gk-divider__text.is-center {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.gk-divider__text.is-right {
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gk-image__error,
.gk-image__inner,
.gk-image__placeholder {
    width: 100%;
    height: 100%;
}
.gk-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.gk-image__inner {
    vertical-align: top;
}
.gk-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
}
.gk-image__error {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #c0c4cc;
    vertical-align: middle;
}
.gk-image__preview {
    cursor: pointer;
}
.gk-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.gk-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 0.8;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
}
.gk-button,
.gk-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.gk-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
}
.gk-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: #606266;
    border-color: #fff;
    border-radius: 22px;
}
.gk-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.gk-image-viewer__next,
.gk-image-viewer__prev {
    top: 50%;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: #606266;
    border-color: #fff;
}
.gk-image-viewer__prev {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40px;
}
.gk-image-viewer__next {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    text-indent: 2px;
}
.gk-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    background: #000;
}
.viewer-fade-enter-active {
    -webkit-animation: viewer-fade-in 0.3s;
    animation: viewer-fade-in 0.3s;
}
.viewer-fade-leave-active {
    -webkit-animation: viewer-fade-out 0.3s;
    animation: viewer-fade-out 0.3s;
}
@-webkit-keyframes viewer-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes viewer-fade-in {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@-webkit-keyframes viewer-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
@keyframes viewer-fade-out {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0;
    }
}
.gk-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.gk-button + .gk-button {
    margin-left: 10px;
}
.gk-button:focus,
.gk-button:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}
.gk-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    outline: 0;
}
.gk-button::-moz-focus-inner {
    border: 0;
}
.gk-button [class*='el-icon-'] + span {
    margin-left: 5px;
}
.gk-button.is-plain:focus,
.gk-button.is-plain:hover {
    background: #fff;
    border-color: #409eff;
    color: #409eff;
}
.gk-button.is-active,
.gk-button.is-plain:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
}
.gk-button.is-plain:active {
    background: #fff;
    outline: 0;
}
.gk-button.is-disabled,
.gk-button.is-disabled:focus,
.gk-button.is-disabled:hover {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
}
.gk-button.is-disabled.gk-button--text {
    background-color: rgba(0, 0, 0, 0);
}
.gk-button.is-disabled.is-plain,
.gk-button.is-disabled.is-plain:focus,
.gk-button.is-disabled.is-plain:hover {
    background-color: #fff;
    border-color: #ebeef5;
    color: #c0c4cc;
}
.gk-button.is-loading {
    position: relative;
    pointer-events: none;
}
.gk-button.is-loading:before {
    pointer-events: none;
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, 0.35);
}
.gk-button.is-round {
    border-radius: 20px;
    padding: 12px 23px;
}
.gk-button.is-circle {
    border-radius: 50%;
    padding: 12px;
}
.gk-button--primary {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}
.gk-button--primary:focus,
.gk-button--primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
}
.gk-button--primary.is-active,
.gk-button--primary:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
}
.gk-button--primary:active {
    outline: 0;
}
.gk-button--primary.is-disabled,
.gk-button--primary.is-disabled:active,
.gk-button--primary.is-disabled:focus,
.gk-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff;
}
.gk-button--primary.is-plain {
    color: #409eff;
    background: #ecf5ff;
    border-color: #b3d8ff;
}
.gk-button--primary.is-plain:focus,
.gk-button--primary.is-plain:hover {
    background: #409eff;
    border-color: #409eff;
    color: #fff;
}
.gk-button--primary.is-plain:active {
    background: #3a8ee6;
    border-color: #3a8ee6;
    color: #fff;
    outline: 0;
}
.gk-button--primary.is-plain.is-disabled,
.gk-button--primary.is-plain.is-disabled:active,
.gk-button--primary.is-plain.is-disabled:focus,
.gk-button--primary.is-plain.is-disabled:hover {
    color: #8cc5ff;
    background-color: #ecf5ff;
    border-color: #d9ecff;
}
.gk-button--success {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}
.gk-button--success:focus,
.gk-button--success:hover {
    background: #85ce61;
    border-color: #85ce61;
    color: #fff;
}
.gk-button--success.is-active,
.gk-button--success:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
}
.gk-button--success:active {
    outline: 0;
}
.gk-button--success.is-disabled,
.gk-button--success.is-disabled:active,
.gk-button--success.is-disabled:focus,
.gk-button--success.is-disabled:hover {
    color: #fff;
    background-color: #b3e19d;
    border-color: #b3e19d;
}
.gk-button--success.is-plain {
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}
.gk-button--success.is-plain:focus,
.gk-button--success.is-plain:hover {
    background: #67c23a;
    border-color: #67c23a;
    color: #fff;
}
.gk-button--success.is-plain:active {
    background: #5daf34;
    border-color: #5daf34;
    color: #fff;
    outline: 0;
}
.gk-button--success.is-plain.is-disabled,
.gk-button--success.is-plain.is-disabled:active,
.gk-button--success.is-plain.is-disabled:focus,
.gk-button--success.is-plain.is-disabled:hover {
    color: #a4da89;
    background-color: #f0f9eb;
    border-color: #e1f3d8;
}
.gk-button--warning {
    color: #fff;
    background-color: #e6a23c;
    border-color: #e6a23c;
}
.gk-button--warning:focus,
.gk-button--warning:hover {
    background: #ebb563;
    border-color: #ebb563;
    color: #fff;
}
.gk-button--warning.is-active,
.gk-button--warning:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
}
.gk-button--warning:active {
    outline: 0;
}
.gk-button--warning.is-disabled,
.gk-button--warning.is-disabled:active,
.gk-button--warning.is-disabled:focus,
.gk-button--warning.is-disabled:hover {
    color: #fff;
    background-color: #f3d19e;
    border-color: #f3d19e;
}
.gk-button--warning.is-plain {
    color: #e6a23c;
    background: #fdf6ec;
    border-color: #f5dab1;
}
.gk-button--warning.is-plain:focus,
.gk-button--warning.is-plain:hover {
    background: #e6a23c;
    border-color: #e6a23c;
    color: #fff;
}
.gk-button--warning.is-plain:active {
    background: #cf9236;
    border-color: #cf9236;
    color: #fff;
    outline: 0;
}
.gk-button--warning.is-plain.is-disabled,
.gk-button--warning.is-plain.is-disabled:active,
.gk-button--warning.is-plain.is-disabled:focus,
.gk-button--warning.is-plain.is-disabled:hover {
    color: #f0c78a;
    background-color: #fdf6ec;
    border-color: #faecd8;
}
.gk-button--danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}
.gk-button--danger:focus,
.gk-button--danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff;
}
.gk-button--danger.is-active,
.gk-button--danger:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
}
.gk-button--danger:active {
    outline: 0;
}
.gk-button--danger.is-disabled,
.gk-button--danger.is-disabled:active,
.gk-button--danger.is-disabled:focus,
.gk-button--danger.is-disabled:hover {
    color: #fff;
    background-color: #fab6b6;
    border-color: #fab6b6;
}
.gk-button--danger.is-plain {
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}
.gk-button--danger.is-plain:focus,
.gk-button--danger.is-plain:hover {
    background: #f56c6c;
    border-color: #f56c6c;
    color: #fff;
}
.gk-button--danger.is-plain:active {
    background: #dd6161;
    border-color: #dd6161;
    color: #fff;
    outline: 0;
}
.gk-button--danger.is-plain.is-disabled,
.gk-button--danger.is-plain.is-disabled:active,
.gk-button--danger.is-plain.is-disabled:focus,
.gk-button--danger.is-plain.is-disabled:hover {
    color: #f9a7a7;
    background-color: #fef0f0;
    border-color: #fde2e2;
}
.gk-button--info {
    color: #fff;
    background-color: #909399;
    border-color: #909399;
}
.gk-button--info:focus,
.gk-button--info:hover {
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff;
}
.gk-button--info.is-active,
.gk-button--info:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
}
.gk-button--info:active {
    outline: 0;
}
.gk-button--info.is-disabled,
.gk-button--info.is-disabled:active,
.gk-button--info.is-disabled:focus,
.gk-button--info.is-disabled:hover {
    color: #fff;
    background-color: #c8c9cc;
    border-color: #c8c9cc;
}
.gk-button--info.is-plain {
    color: #909399;
    background: #f4f4f5;
    border-color: #d3d4d6;
}
.gk-button--info.is-plain:focus,
.gk-button--info.is-plain:hover {
    background: #909399;
    border-color: #909399;
    color: #fff;
}
.gk-button--info.is-plain:active {
    background: #82848a;
    border-color: #82848a;
    color: #fff;
    outline: 0;
}
.gk-button--info.is-plain.is-disabled,
.gk-button--info.is-plain.is-disabled:active,
.gk-button--info.is-plain.is-disabled:focus,
.gk-button--info.is-plain.is-disabled:hover {
    color: #bcbec2;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
}
.gk-button--text,
.gk-button--text.is-disabled,
.gk-button--text.is-disabled:focus,
.gk-button--text.is-disabled:hover,
.gk-button--text:active {
    border-color: rgba(0, 0, 0, 0);
}
.gk-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.gk-button--mini,
.gk-button--small {
    font-size: 12px;
    border-radius: 3px;
}
.gk-button--medium.is-round {
    padding: 10px 20px;
}
.gk-button--medium.is-circle {
    padding: 10px;
}
.gk-button--small,
.gk-button--small.is-round {
    padding: 9px 15px;
}
.gk-button--small.is-circle {
    padding: 9px;
}
.gk-button--mini,
.gk-button--mini.is-round {
    padding: 7px 15px;
}
.gk-button--mini.is-circle {
    padding: 7px;
}
.gk-button--text {
    color: #409eff;
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
}
.gk-button--text:focus,
.gk-button--text:hover {
    color: #66b1ff;
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
}
.gk-button--text:active {
    color: #3a8ee6;
    background-color: rgba(0, 0, 0, 0);
}
.gk-button-group {
    display: inline-block;
    vertical-align: middle;
}
.gk-button-group::after,
.gk-button-group::before {
    display: table;
    content: '';
}
.gk-button-group::after {
    clear: both;
}
.gk-button-group > .gk-button {
    float: left;
    position: relative;
}
.gk-button-group > .gk-button + .gk-button {
    margin-left: 0;
}
.gk-button-group > .gk-button.is-disabled {
    z-index: 1;
}
.gk-button-group > .gk-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.gk-button-group > .gk-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.gk-button-group > .gk-button:first-child:last-child {
    border-radius: 4px;
}
.gk-button-group > .gk-button:first-child:last-child.is-round {
    border-radius: 20px;
}
.gk-button-group > .gk-button:first-child:last-child.is-circle {
    border-radius: 50%;
}
.gk-button-group > .gk-button:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.gk-button-group > .gk-button:not(:last-child) {
    margin-right: -1px;
}
.gk-button-group > .gk-button.is-active,
.gk-button-group > .gk-button:active,
.gk-button-group > .gk-button:focus,
.gk-button-group > .gk-button:hover {
    z-index: 1;
}
.gk-button-group > .gk-dropdown > .gk-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, 0.5);
}
.gk-button-group .gk-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, 0.5);
    border-right-color: hsla(0, 0%, 100%, 0.5);
}
.gk-calendar {
    background-color: #fff;
}
.gk-calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #ebeef5;
}
.gk-backtop,
.gk-page-header {
    display: -webkit-box;
    display: -ms-flexbox;
}
.gk-calendar__title {
    color: #000;
    -ms-flex-item-align: center;
    align-self: center;
}
.gk-calendar__body {
    padding: 12px 20px 35px;
}
.gk-calendar-table {
    table-layout: fixed;
    width: 100%;
}
.gk-calendar-table thead th {
    padding: 12px 0;
    color: #606266;
    font-weight: 400;
}
.gk-calendar-table:not(.is-range) td.next,
.gk-calendar-table:not(.is-range) td.prev {
    color: #c0c4cc;
}
.gk-backtop,
.gk-calendar-table td.is-today {
    color: #409eff;
}
.gk-calendar-table td {
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    vertical-align: top;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.gk-calendar-table td.is-selected {
    background-color: #f2f8fe;
}
.gk-calendar-table tr:first-child td {
    border-top: 1px solid #ebeef5;
}
.gk-calendar-table tr td:first-child {
    border-left: 1px solid #ebeef5;
}
.gk-calendar-table tr.gk-calendar-table__row--hide-border td {
    border-top: none;
}
.gk-calendar-table .gk-calendar-day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    height: 85px;
}
.gk-calendar-table .gk-calendar-day:hover {
    cursor: pointer;
    background-color: #f2f8fe;
}
.gk-backtop {
    position: fixed;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    z-index: 5;
}
.gk-backtop:hover {
    background-color: #f2f6fc;
}
.gk-page-header {
    display: flex;
    line-height: 24px;
}
.gk-page-header__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    margin-right: 40px;
    position: relative;
}
.gk-page-header__left::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 16px;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #dcdfe6;
}
.gk-checkbox,
.gk-checkbox__input {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.gk-page-header__left .el-icon-back {
    font-size: 18px;
    margin-right: 6px;
    -ms-flex-item-align: center;
    align-self: center;
}
.gk-page-header__title {
    font-size: 14px;
    font-weight: 500;
}
.gk-page-header__content {
    font-size: 18px;
    color: #303133;
}
.gk-checkbox {
    color: #606266;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    margin-right: 30px;
}
.gk-checkbox-button__inner,
.gk-radio {
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.gk-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    height: 40px;
}
.gk-checkbox.is-bordered.is-checked {
    border-color: #409eff;
}
.gk-checkbox.is-bordered.is-disabled {
    border-color: #ebeef5;
    cursor: not-allowed;
}
.gk-checkbox.is-bordered + .gk-checkbox.is-bordered {
    margin-left: 10px;
}
.gk-checkbox.is-bordered.gk-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px;
}
.gk-checkbox.is-bordered.gk-checkbox--medium .gk-checkbox__label {
    line-height: 17px;
    font-size: 14px;
}
.gk-checkbox.is-bordered.gk-checkbox--medium .gk-checkbox__inner {
    height: 14px;
    width: 14px;
}
.gk-checkbox.is-bordered.gk-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px;
}
.gk-checkbox.is-bordered.gk-checkbox--small .gk-checkbox__label {
    line-height: 15px;
    font-size: 12px;
}
.gk-checkbox.is-bordered.gk-checkbox--small .gk-checkbox__inner {
    height: 12px;
    width: 12px;
}
.gk-checkbox.is-bordered.gk-checkbox--small .gk-checkbox__inner::after {
    height: 6px;
    width: 2px;
}
.gk-checkbox.is-bordered.gk-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px;
}
.gk-checkbox.is-bordered.gk-checkbox--mini .gk-checkbox__label {
    line-height: 12px;
    font-size: 12px;
}
.gk-checkbox.is-bordered.gk-checkbox--mini .gk-checkbox__inner {
    height: 12px;
    width: 12px;
}
.gk-checkbox.is-bordered.gk-checkbox--mini .gk-checkbox__inner::after {
    height: 6px;
    width: 2px;
}
.gk-checkbox__input {
    cursor: pointer;
    outline: 0;
    line-height: 1;
    vertical-align: middle;
}
.gk-checkbox__input.is-disabled .gk-checkbox__inner {
    background-color: #edf2fc;
    border-color: #dcdfe6;
    cursor: not-allowed;
}
.gk-checkbox__input.is-disabled .gk-checkbox__inner::after {
    cursor: not-allowed;
    border-color: #c0c4cc;
}
.gk-checkbox__input.is-disabled .gk-checkbox__inner + .gk-checkbox__label {
    cursor: not-allowed;
}
.gk-checkbox__input.is-disabled.is-checked .gk-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}
.gk-checkbox__input.is-disabled.is-checked .gk-checkbox__inner::after {
    border-color: #c0c4cc;
}
.gk-checkbox__input.is-disabled.is-indeterminate .gk-checkbox__inner {
    background-color: #f2f6fc;
    border-color: #dcdfe6;
}
.gk-checkbox__input.is-disabled.is-indeterminate .gk-checkbox__inner::before {
    background-color: #c0c4cc;
    border-color: #c0c4cc;
}
.gk-checkbox__input.is-checked .gk-checkbox__inner,
.gk-checkbox__input.is-indeterminate .gk-checkbox__inner {
    background-color: #409eff;
    border-color: #409eff;
}
.gk-checkbox__input.is-disabled + span.gk-checkbox__label {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-checkbox__input.is-checked .gk-checkbox__inner::after {
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
}
.gk-checkbox__input.is-checked + .gk-checkbox__label {
    color: #409eff;
}
.gk-checkbox__input.is-focus .gk-checkbox__inner {
    border-color: #409eff;
}
.gk-checkbox__input.is-indeterminate .gk-checkbox__inner::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    left: 0;
    right: 0;
    top: 5px;
}
.gk-checkbox__input.is-indeterminate .gk-checkbox__inner::after {
    display: none;
}
.gk-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
        background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
        background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.gk-checkbox__inner:hover {
    border-color: #409eff;
}
.gk-checkbox__inner::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    border: 1px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: -webkit-transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s;
    transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
    -webkit-transform-origin: center;
    transform-origin: center;
}
.gk-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}
.gk-checkbox-button,
.gk-checkbox-button__inner {
    display: inline-block;
    position: relative;
}
.gk-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px;
}
.gk-checkbox:last-of-type {
    margin-right: 0;
}
.gk-checkbox-button__inner {
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-left: 0;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0;
}
.gk-checkbox-button__inner.is-round {
    padding: 12px 20px;
}
.gk-checkbox-button__inner:hover {
    color: #409eff;
}
.gk-checkbox-button__inner [class*='el-icon-'] {
    line-height: 0.9;
}
.gk-radio,
.gk-radio__input {
    line-height: 1;
    white-space: nowrap;
    outline: 0;
}
.gk-checkbox-button__inner [class*='el-icon-'] + span {
    margin-left: 5px;
}
.gk-checkbox-button__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
}
.gk-radio,
.gk-radio__inner,
.gk-radio__input {
    position: relative;
    display: inline-block;
}
.gk-checkbox-button.is-checked .gk-checkbox-button__inner {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff;
}
.gk-checkbox-button.is-checked:first-child .gk-checkbox-button__inner {
    border-left-color: #409eff;
}
.gk-checkbox-button.is-disabled .gk-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.gk-checkbox-button.is-disabled:first-child .gk-checkbox-button__inner {
    border-left-color: #ebeef5;
}
.gk-checkbox-button:first-child .gk-checkbox-button__inner {
    border-left: 1px solid #dcdfe6;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.gk-checkbox-button.is-focus .gk-checkbox-button__inner {
    border-color: #409eff;
}
.gk-checkbox-button:last-child .gk-checkbox-button__inner {
    border-radius: 0 4px 4px 0;
}
.gk-checkbox-button--medium .gk-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0;
}
.gk-checkbox-button--medium .gk-checkbox-button__inner.is-round {
    padding: 10px 20px;
}
.gk-checkbox-button--small .gk-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0;
}
.gk-checkbox-button--small .gk-checkbox-button__inner.is-round {
    padding: 9px 15px;
}
.gk-checkbox-button--mini .gk-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0;
}
.gk-checkbox-button--mini .gk-checkbox-button__inner.is-round {
    padding: 7px 15px;
}
.gk-checkbox-group {
    font-size: 0;
}
.gk-radio,
.gk-radio--medium.is-bordered .gk-radio__label {
    font-size: 14px;
}
.gk-radio {
    color: #606266;
    cursor: pointer;
    margin-right: 30px;
}
.gk-cascader-node > .gk-radio,
.gk-radio:last-child {
    margin-right: 0;
}
.gk-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
}
.gk-radio.is-bordered.is-checked {
    border-color: #409eff;
}
.gk-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: #ebeef5;
}
.gk-radio__input.is-disabled .gk-radio__inner,
.gk-radio__input.is-disabled.is-checked .gk-radio__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
}
.gk-radio.is-bordered + .gk-radio.is-bordered {
    margin-left: 10px;
}
.gk-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px;
}
.gk-radio--mini.is-bordered .gk-radio__label,
.gk-radio--small.is-bordered .gk-radio__label {
    font-size: 12px;
}
.gk-radio--medium.is-bordered .gk-radio__inner {
    height: 14px;
    width: 14px;
}
.gk-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px;
}
.gk-radio--small.is-bordered .gk-radio__inner {
    height: 12px;
    width: 12px;
}
.gk-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px;
}
.gk-radio--mini.is-bordered .gk-radio__inner {
    height: 12px;
    width: 12px;
}
.gk-radio__input {
    cursor: pointer;
    vertical-align: middle;
}
.gk-radio__input.is-disabled .gk-radio__inner {
    cursor: not-allowed;
}
.gk-radio__input.is-disabled .gk-radio__inner::after {
    cursor: not-allowed;
    background-color: #f5f7fa;
}
.gk-radio__input.is-disabled .gk-radio__inner + .gk-radio__label {
    cursor: not-allowed;
}
.gk-radio__input.is-disabled.is-checked .gk-radio__inner::after {
    background-color: #c0c4cc;
}
.gk-radio__input.is-disabled + span.gk-radio__label {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-radio__input.is-checked .gk-radio__inner {
    border-color: #409eff;
    background: #409eff;
}
.gk-radio__input.is-checked .gk-radio__inner::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.gk-radio__input.is-checked + .gk-radio__label {
    color: #409eff;
}
.gk-radio__input.is-focus .gk-radio__inner {
    border-color: #409eff;
}
.gk-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-radio__inner:hover {
    border-color: #409eff;
}
.gk-radio__inner::after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform 0.15s ease-in;
    transition: -webkit-transform 0.15s ease-in;
    transition: transform 0.15s ease-in;
    transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
}
.gk-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}
.gk-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .gk-radio__inner {
    -webkit-box-shadow: 0 0 2px 2px #409eff;
    box-shadow: 0 0 2px 2px #409eff;
}
.gk-radio__label {
    font-size: 14px;
    padding-left: 10px;
}
.gk-scrollbar {
    overflow: hidden;
    position: relative;
}
.gk-scrollbar:active > .gk-scrollbar__bar,
.gk-scrollbar:focus > .gk-scrollbar__bar,
.gk-scrollbar:hover > .gk-scrollbar__bar {
    opacity: 1;
    -webkit-transition: opacity 340ms ease-out;
    transition: opacity 340ms ease-out;
}
.gk-scrollbar__wrap {
    overflow: scroll;
    height: 100%;
}
.gk-scrollbar__wrap--hidden-default {
    scrollbar-width: none;
}
.gk-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.gk-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144, 147, 153, 0.3);
    -webkit-transition: 0.3s background-color;
    transition: 0.3s background-color;
}
.gk-scrollbar__thumb:hover {
    background-color: rgba(144, 147, 153, 0.5);
}
.gk-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-out;
    transition: opacity 120ms ease-out;
}
.gk-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px;
}
.gk-scrollbar__bar.is-vertical > div {
    width: 100%;
}
.gk-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px;
}
.gk-scrollbar__bar.is-horizontal > div {
    height: 100%;
}
.gk-cascader-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    font-size: 14px;
}
.gk-cascader-panel.is-bordered {
    border: 1px solid #e4e7ed;
    border-radius: 4px;
}
.gk-cascader-menu {
    min-width: 180px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    border-right: solid 1px #e4e7ed;
}
.gk-cascader-menu:last-child {
    border-right: none;
}
.gk-cascader-menu:last-child .gk-cascader-node {
    padding-right: 20px;
}
.gk-cascader-menu__wrap {
    height: 204px;
}
.gk-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-avatar,
.gk-drawer {
    -webkit-box-sizing: border-box;
    overflow: hidden;
}
.gk-cascader-menu__hover-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.gk-cascader-menu__empty-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #c0c4cc;
}
.gk-cascader-node {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: 0;
}
.gk-cascader-node.is-selectable.in-active-path {
    color: #606266;
}
.gk-cascader-node.in-active-path,
.gk-cascader-node.is-active,
.gk-cascader-node.is-selectable.in-checked-path {
    color: #409eff;
    font-weight: 700;
}
.gk-cascader-node:not(.is-disabled) {
    cursor: pointer;
}
.gk-cascader-node:not(.is-disabled):focus,
.gk-cascader-node:not(.is-disabled):hover {
    background: #f5f7fa;
}
.gk-cascader-node.is-disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}
.gk-cascader-node__prefix {
    position: absolute;
    left: 10px;
}
.gk-cascader-node__postfix {
    position: absolute;
    right: 10px;
}
.gk-cascader-node__label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gk-cascader-node > .gk-radio .gk-radio__label {
    padding-left: 0;
}
.gk-avatar {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #c0c4cc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.gk-avatar > img {
    display: block;
    height: 100%;
    vertical-align: middle;
}
.gk-drawer,
.gk-drawer__header {
    display: -webkit-box;
    display: -ms-flexbox;
}
.gk-avatar--circle {
    border-radius: 50%;
}
.gk-avatar--square {
    border-radius: 4px;
}
.gk-avatar--icon {
    font-size: 18px;
}
.gk-avatar--large {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.gk-avatar--medium {
    width: 36px;
    height: 36px;
    line-height: 36px;
}
.gk-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.gk-drawer.btt,
.gk-drawer.ttb,
.gk-drawer__container {
    left: 0;
    right: 0;
    width: 100%;
}
.gk-drawer.ltr,
.gk-drawer.rtl,
.gk-drawer__container {
    top: 0;
    bottom: 0;
    height: 100%;
}
@-webkit-keyframes el-drawer-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes el-drawer-fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes rtl-drawer-in {
    0% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}
@keyframes rtl-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}
@-webkit-keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes ltr-drawer-in {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}
@keyframes ltr-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}
@-webkit-keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes ttb-drawer-in {
    0% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}
@keyframes ttb-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}
@-webkit-keyframes btt-drawer-in {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes btt-drawer-in {
    0% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}
@keyframes btt-drawer-out {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%);
    }
}
.gk-drawer {
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
        0 6px 30px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14),
        0 6px 30px 5px rgba(0, 0, 0, 0.12);
    outline: 0;
}
.gk-drawer.rtl {
    -webkit-animation: rtl-drawer-out 0.3s;
    animation: rtl-drawer-out 0.3s;
    right: 0;
}
.gk-drawer__open .gk-drawer.rtl {
    -webkit-animation: rtl-drawer-in 0.3s 1ms;
    animation: rtl-drawer-in 0.3s 1ms;
}
.gk-drawer.ltr {
    -webkit-animation: ltr-drawer-out 0.3s;
    animation: ltr-drawer-out 0.3s;
    left: 0;
}
.gk-drawer__open .gk-drawer.ltr {
    -webkit-animation: ltr-drawer-in 0.3s 1ms;
    animation: ltr-drawer-in 0.3s 1ms;
}
.gk-drawer.ttb {
    -webkit-animation: ttb-drawer-out 0.3s;
    animation: ttb-drawer-out 0.3s;
    top: 0;
}
.gk-drawer__open .gk-drawer.ttb {
    -webkit-animation: ttb-drawer-in 0.3s 1ms;
    animation: ttb-drawer-in 0.3s 1ms;
}
.gk-drawer.btt {
    -webkit-animation: btt-drawer-out 0.3s;
    animation: btt-drawer-out 0.3s;
    bottom: 0;
}
.gk-drawer__open .gk-drawer.btt {
    -webkit-animation: btt-drawer-in 0.3s 1ms;
    animation: btt-drawer-in 0.3s 1ms;
}
.gk-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
}
.gk-drawer__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0;
}
.gk-drawer__header > :first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.gk-drawer__title {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: inherit;
    font-size: 1rem;
}
.gk-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
}
.gk-drawer__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.gk-drawer__body > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gk-drawer__container {
    position: relative;
}
.gk-drawer-fade-enter-active {
    -webkit-animation: el-drawer-fade-in 0.3s;
    animation: el-drawer-fade-in 0.3s;
}
.gk-drawer-fade-leave-active {
    animation: el-drawer-fade-in 0.3s reverse;
}
.gk-popconfirm__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.gk-popconfirm__icon {
    margin-right: 5px;
}
.gk-popconfirm__action {
    text-align: right;
    margin: 0;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.deviceTreeGW
 *         
 */
.network-status-wrap[data-v-09ad3224] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.network-status-wrap .network-status-img[data-v-09ad3224] {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.network-status-wrap .network-status-img__error[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 216404 characters]);
}
.network-status-wrap .network-status-img__nosearch[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 223448 characters]);
}
.network-status-wrap .network-status-img__noload[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 179048 characters]);
}
.network-status-wrap .network-status-img__nodata[data-v-09ad3224] {
    background-image: url(data:image/png;base64,[encoded data, 233000 characters]);
}
.network-status-wrap .network-status-title[data-v-09ad3224] {
    font-size: var(--webgis-font-size-big);
    font-weight: bold;
    color: var(--theme-primary-title);
}
.network-status-wrap .network-status-sub[data-v-09ad3224] {
    font-size: var(--webgis-font-size-base);
    color: var(--theme-primary-title);
}
.device-tree-gw {
    font-weight: 500;
    font-family: PingFang SC-Regular, PingFang SC;
    position: absolute;
    top: 16px;
    left: 19px;
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 650px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    overflow: hidden;
    user-select: none;
}
.device-tree-gw__header {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 46px;
    padding: 0 8px 0px 16px;
    font-size: 16px;
    font-weight: normal;
    color: var(--theme-primary-title, #333);
    background-color: var(--theme-floatpanel-header-bg);
}
.device-tree-gw__header-title {
    font-weight: bold;
}
.device-tree-gw__header-opt {
    display: flex;
    align-items: center;
}
.device-tree-gw__header-opt-extrude-show {
    font-size: var(--webgis-font-size-small);
    cursor: pointer;
}
.device-tree-gw__header-opt-extrude-show span:nth-child(1) {
    color: var(--theme-primary);
}
.device-tree-gw__header-opt-extrude-show span:nth-child(2) {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    color: var(--theme-box-bg);
    text-align: center;
    border-radius: 50%;
    background-color: var(--theme-primary);
}
.device-tree-gw__header i {
    margin-left: 16px;
    cursor: pointer;
    font-size: 20px;
}
.device-tree-gw__body {
    padding: 16px 0px;
    flex: 1;
    overflow: hidden;
}
.device-tree-gw__body-tree-box {
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
    overflow-y: auto;
}
.device-tree-gw__body-tree-box .gk-tree-node__content {
    height: 34px;
}
.device-tree-gw__body-tree-box .gk-tree-node__content::before {
    content: '';
    display: inline-block;
    padding-left: 10px;
}
.device-tree-gw__body-tree-box .gk-icon-caret-right:before {
    color: #18181b;
    font-weight: 700;
    content: 'î› ';
}
.device-tree-gw__body-tree-box .gk-tree-node__expand-icon.is-leaf::before {
    visibility: hidden;
}
.device-tree-gw__body-tree-box-tree-label-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    color: var(--theme-primary-title);
    padding-top: 2px;
}
.device-tree-gw__body-tree-box-tree-label i {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px 8px 3px 3px;
    background-repeat: no-repeat;
    background-size: cover;
}
.device-tree-gw__body-tree-box-tree-label i.suidaoduan {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl/pmqfpgZPmrrUt5Y2V57q/IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBpZD0i6Lev5b6EXzEwODg0MiIgZGF0YS1uYW1lPSLot6/lvoQgMTA4ODQyIiBkPSJNMCw0LjI1djcuNUgxNlY0LjI1Wm0xLDNIMTV2MS41SDFabTE0LDMuNUgxdi0xSDE1Wk0xLDYuMjV2LTFIMTV2MVoiIGZpbGw9IiMwYjg2ODAiLz4KICA8cmVjdCBpZD0i55+p5b2iXzMwOTkyIiBkYXRhLW5hbWU9IuefqeW9oiAzMDk5MiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.zhimai {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbl/nm7Tln4siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTYgMTQiPgogIDxwYXRoIGlkPSLogZTlkIhfNDQ1IiBkYXRhLW5hbWU9IuiBlOWQiCA0NDUiIGQ9Ik0xMy43NTYsNy4xNjVhLjUxLjUxLDAsMCwxLC40OTItLjUwNy41MDguNTA4LDAsMSwxLS40OTIuNTA3Wm0tMy41NjYuNTA3YS41MDguNTA4LDAsMCwxLDAtMS4wMTVoMS45NjdhLjUwOC41MDgsMCwwLDEsMCwxLjAxNVpNNy43MTcsNy4xNjVhLjUuNSwwLDAsMSwuNS0uNTA3LjUxLjUxLDAsMCwxLC40OS41MDcuNDkzLjQ5MywwLDEsMS0uOTg2LDBaTTQuMjQsNy42NzJhLjUuNSwwLDAsMS0uNS0uNTA3LjUwOS41MDksMCwwLDEsLjQ5LS41MDdINi4yMTNhLjUwOC41MDgsMCwwLDEsMCwxLjAxNVpNMCw3LjYxOFY2LjQ2NmEuNS41LDAsMCwxLC41LS41MDcuNS41LDAsMCwxLC40OTQuNTA3di4xNDJIMi4wNzJhLjUuNSwwLDAsMSwwLDEuMDFabTE1LjAxMi0uNjMzVjQuOTZhLjQ5NC40OTQsMCwxLDEsLjk4OCwwVjYuOTg1YS40OTQuNDk0LDAsMSwxLS45ODgsMFpNLjAyNyw0LjdhLjUuNSwwLDAsMSwuNDg4LS41MDcuNTA4LjUwOCwwLDAsMSwwLDEuMDE1QS41LjUsMCwwLDEsLjAyNyw0LjdaTTE1LjAxMiwyLjk1MmEuNDk0LjQ5NCwwLDEsMSwuNDkyLjUwN0EuNS41LDAsMCwxLDE1LjAxMiwyLjk1MlpNMCwyLjY5Vi42NzFBLjUuNSwwLDAsMSwuNS4xNjQuNS41LDAsMCwxLC45OS42NzFWMi42OWEuNS41LDAsMCwxLS40OTQuNUEuNS41LDAsMCwxLDAsMi42OVpNMTUuMDEyLDEuMjE3VjEuMDY0SDEzLjkyNGEuNS41LDAsMCwxLDAtMS4wMUgxNlYxLjIxN2EuNDk0LjQ5NCwwLDEsMS0uOTg4LDBaTTExLjQzLjUwN2EuNS41LDAsMCwxLC41LS41MDcuNTA5LjUwOSwwLDAsMSwuNDkuNS40OTMuNDkzLDAsMSwxLS45ODYuMDA1Wm0tMy4zMTQuNWEuNS41LDAsMCwxLS40OS0uNUEuNS41LDAsMCwxLDguMTE1LDBoMS45NjdhLjUuNSwwLDAsMSwuNS41MDcuNS41LDAsMCwxLS41LjVaTTUuNzIzLjUwN0EuNTEyLjUxMiwwLDAsMSw2LjIxOSwwYS41LjUsMCwwLDEsLjUuNTA3LjUuNSwwLDEsMS0uOTkyLDBabS0zLjk1Ny41YS41LjUsMCwwLDEtLjQ5NC0uNUEuNS41LDAsMCwxLDEuNzY2LDBIMy43NGEuNTA3LjUwNywwLDAsMSwuNDk0LjUuNS41LDAsMCwxLS40OTQuNTA3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzLjA2MSkiIGZpbGw9IiMwYjg2ODAiLz4KICA8cmVjdCBpZD0i55+p5b2iXzgiIGRhdGEtbmFtZT0i55+p5b2iIDgiIHdpZHRoPSIxNS43OTkiIGhlaWdodD0iMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTAyKSIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.zongheguanlang {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI2MjIwNTMyNDkzIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQzMjM4IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMCAzMTkuNDg4djM4NS4wMjRoMTAyNFYzMTkuNDg4eiBtNjE4Ljg1NDQgMzMyLjhsOTcuMjgtMjQyLjY4OCA5Ny45NDU2IDI0MC42NHogbS02Ny4xNzQ0IDBINDcyLjk4NTZMMzU4LjQgMzcwLjY4OGgzMDcuMnogbS0zNDEuNzYgMEwzMDcuODE0NCA0MDkuNmw5Ny4yOCAyNDAuNjR6IG0tMTQ1LjkyLTI4MS42SDI1NmwtMTEzLjkyIDI4Mi42MjRINjR6IG04OTYgMjgyLjYyNGgtNzguNjk0NEw3NjggMzcwLjY4OGgxOTJ6IiBwLWlkPSI0MzIzOSIgZmlsbD0iIzBiODY4MCI+PC9wYXRoPjwvc3ZnPg==);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.dianlanqiao {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI2MjIwMzk1MDg2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyMDc3IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMCAzMTEuMjk2djQwMS40MDhoMTAyNFYzMTEuMjk2eiBtNTk3LjE0NTYgMjQ4LjMySDQyNi44NTQ0VjQ2NC4zODRoMTcwLjI0eiBtMTkyLTk1LjIzMmgxNzAuODU0NHY5NS4yMzJoLTE3MC44NTQ0ek0yMzQuOTA1NiA1NTkuNjE2SDY0VjQ2NC4zODRoMTcwLjkwNTZ6IG03MjUuMDk0NCAxMDIuNEg2NHYtNTEuMmg4OTZ6IG0tMTcwLjg1NDQtMjQ4LjgzMkg2NHYtNTEuMmg4OTZ2NTEuMnoiIHAtaWQ9IjQyMDc4IiBmaWxsPSIjMGI4NjgwIj48L3BhdGg+PC9zdmc+);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.laguandingguan {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI2MjIwNTQwNjM0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQzNTc5IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTAyNCAzMjBIMHYzODRoMTAyNHpNOTYwIDQ4Ni40aC0yNTZWMzcxLjJoMjU2eiBtLTMyMCAwaC0yNTZWMzcxLjJoMjU2ek0zMjAgMzcxLjJWNDg2LjRoLTI1NlYzNzEuMnogbS0yNTYgMjgxLjZWNTM3LjZoMjU2djExNS4yeiBtMzIwIDBWNTM3LjZoMjU2djExNS4yeiBtMzIwIDBWNTM3LjZoMjU2djExNS4yeiIgcC1pZD0iNDM1ODAiIGZpbGw9IiMwYjg2ODAiPjwvcGF0aD48L3N2Zz4=);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.paiguan {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI2MjIwNTE4MjI2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyODk3IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMCAzMjB2Mzg0aDEwMjR2LTM4NHpNNzg2LjU4NTYgNTEyYzAgODQuNDgtNDYuNzQ1NiAxNDAuOC03OC4wOCAxNDAuOFM2MjkuNzYgNTk2LjQ4IDYyOS43NiA1MTJzNDcuMzYtMTQwLjggNzguNjk0NC0xNDAuOCA3OC4xMzEyIDU2LjMyIDc4LjEzMTIgMTQwLjh6TTIzNi44IDUxMmMwLTg0LjQ4IDQ2Ljc0NTYtMTQwLjggNzguMDgtMTQwLjhTMzkzLjYyNTYgNDI3LjUyIDM5My42MjU2IDUxMnMtNDcuMzYgMTQwLjgtNzguNjk0NCAxNDAuOC03OC4xMzEyLTU2LjMyLTc4LjEzMTItMTQwLjh6IG0xNzQuMDgtMTQwLjhoMjAxLjU3NDRBMjI2LjM1NTIgMjI2LjM1NTIgMCAwIDAgNTY1Ljc2IDUxMmEyMjYuMzU1MiAyMjYuMzU1MiAwIDAgMCA0Ni42OTQ0IDE0MC44SDQxMC44OEEyMjYuMzU1MiAyMjYuMzU1MiAwIDAgMCA0NTcuNjI1NiA1MTJhMjI2LjM1NTIgMjI2LjM1NTIgMCAwIDAtNDYuNjk0NC0xNDAuOHogbS0zNDYuODggMGgxNTQuODhhMjI1LjYzODQgMjI1LjYzODQgMCAwIDAtNDYuMDggMTQwLjggMjI1LjYzODQgMjI1LjYzODQgMCAwIDAgNDYuMDggMTQwLjhINjR6IG04OTYgMjgxLjZoLTE1NS41NDU2YTIyNS42Mzg0IDIyNS42Mzg0IDAgMCAwIDQ2LjA4LTE0MC44IDIyNS42Mzg0IDIyNS42Mzg0IDAgMCAwLTQ2LjA4LTE0MC44aDE1NS41NDU2eiIgcC1pZD0iNDI4OTgiIGZpbGw9IiMwYjg2ODAiPjwvcGF0aD48L3N2Zz4=);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.dianlangou {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI2MjIwNTQ4ODc0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQzOTIwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNzg5LjE0NTYgMzE5LjQ4OEgwdjM4NS4wMjRoMTAyNFYzMTkuNDg4ek02NCA2NTMuMzEyVjM3MC42ODhoMTcwLjkwNTZ2MjgyLjYyNHogbTIzNC45MDU2IDBWMzcwLjY4OGg2NHYyODIuNjI0eiBtMTI4IDBWMzcwLjY4OGgxNzAuMjR2MjgyLjYyNHogbTIzNC4yNCAwVjM3MC42ODhoNjR2MjgyLjYyNHogbTI5OC44NTQ0IDBoLTE3MC44NTQ0VjM3MC42ODhoMTcwLjg1NDR6IiBwLWlkPSI0MzkyMSIgZmlsbD0iIzBiODY4MCI+PC9wYXRoPjwvc3ZnPg==);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.gongjing {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAWNJREFUeF7tmkEOgyAURGFtD2WPVTelG3useqi6tmnSJmpMfn8YGiPPrWSAYf4MEGKo/IuVzz9AAAqonAFKoHIBYILyEjjdUztN4fpWVozh9rykIUdlarz1WOQENH16hBDaT0fD2KVzDgFqvH8QMM07GbuURXLTJykeBKwYyFqdLWmrV0yNhwJQwJIBSiAnovCADQbUpqXGwwQxQacJzvbi3+2t2jZK4Q2/nEXMFFjtxUsNthSueRaBAIv66kvAImj9Xx1bajxikBh0xiAl4GRAXbNqPDwAD8ADFgyYO0GnBQR1zarx8AA8AA/AA+YMYIJel7faq11bjUcKeFOg+gsR7gSXDx4sC9jb//xL0epLwLukatdW45EC3hRAAU4G1JJV41EClADHYY7DHIdnDHAf4Ew5s7n6cbMar3gMqp+3q/GKE2BKZGcN5B6ws/mZw4EAk6KDN0ABB19gc3oowKTo4A1erdmEUELsoD4AAAAASUVORK5CYII=);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.wenjianjia {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAACxZJREFUeF7tnUt22zgQRQE7w1ZOlqCsJM5K2lqG44Hoge1l2FlJlJVYvYOcKMNO0Iey5JZlScQfBeJ6GoIo3FcvxSJIUSv+IACBowQ0bCAAgeMEMAjZAYETBDAI6QEBDEIOQMCPABXEjxujGiGAQRoRmmX6EcAgftwY1QgBDNKI0CzTjwAG8ePGqEYIYJBGhGaZfgQwiB83RjVCwMkgk9vusueilZo2widomUappTlTy3dKLX9cdcugkzG4CIFBg6xNoc3fSqmLIhGOZ9KFNvr72Zl6xCz1iHrUIBtjzBXVIrqa2ugbjBIda5ITHjTI5G7+jYqRhPfuSZfnWn+mmiTnHDTBK4N8uO+mv415wBxBTJ0Gn2v9EZM4Ict68CuDUDmyst9ORiUpgt1u0heDvL/tOqNN33Pwl58AJsnP3GrGtUE2l1ZPViM4KAmBvnH/ed11SU7OSb0JrA0yuZ8/KKPWexz8FSNAFSmG/vjEmuohSBWjZ6vr7lFQRM2Houk9BOWAVo+rq5uZoIiaD0Vz50pWDqy+3Aw+3SAr4nFH0xukb855tkqIzuyLCBFiE0ZvECMrpLajwSCy9McgsvRQRuvPv666hbCwmg0HgwiTHoPIEgSDyNKDCiJMDwwiTBAqiCxBMIgsPaggwvTAIMIEoYLIEgSDyNKDCiJMDwwiTBAqiCxBMIgsPaggwvTAIMIEoYLIEgSDyNKDCiJMDwwiTBAqiCxBMIgsPaggwvTAIMIEoYLIEgSDyNKDCiJMDwwiTBAqiCxBMIgsPaggwvTAIMIEoYLIEgSDyNKDCiJMDwwiTBClVEsf2nleq1ZL/Uf/I/GTEBhEnkFaj2ihjP56fqYWEn71HoO0no5y178413pW2iQYRG6CEFlPoPDPsWIQ0lA8gZK/fI9BxKcHAfYESv2gHgYh/6ohUMIkGKSa9CDQEpdaGIS8q4pA7iqCQapKD4LNfVcLg5BztRFYrL7cfM4VNAbJRZp5ohHI+ZEhDBJNNk6Ui0DOPgSD5FKVeaIRwCDRUHKiMRLI+c4MFWSMGTTyNWGQkQvM8sIIYJAwfoweOQEMMnKBWV4YgXEbRKtH9Ud/7xH1b42FoWJ0iwRyvkSVq0lfGq1nfN64xXSue83JDVLiCcy6JSF6SQSSGiTntaIkqMQyHgLpDFL4XeLxSMRKShJIZZCsT1yWBMjc4yaQwiDL1Zebj+PGxupaIRDdIDTlraROG+uMbRCqRxt508wqoxqE6tFM3jSz0KgGyfmcfjMKsdCiBGIahMurolIyeQoC0QzC5VUKeThnaQIYpLQCzC+aQDSD5PylCdFECW5UBGIZhP5jVGnBYrYEYhkk2qMlk9vuUp2ZT8qoi02QU+SCQCQC/Sfflv0n34zSX98ptRx6tySKQWI06JP7+YMy6jISCE4DATsCRs9Ofe4tikFCHmv/67670MZ8s1sNR0EgCYHludafD1WTKAbxbdAxRxKxOakvgQOvaMQwiFeDjjl8VWRcSgL77UKwQXz6jw/33fT382UVDXhKtTm3F4HdR6aKGOT9bdcZbeZe0TMIAukJvPQkwQZxbdA31eMp/RqZAQL+BLZXRqEGce4/qB7+ojEyL4H+Uiu7QSZ3c5N3mcwGAT8C/dVRkEFcG3TuXPkJxahCBLR6DDKI6wcVubwqJDTT+hJYBBnEdYOQyytfnRhXiMAyxCBODTp3rwpJzLRBBEIM4vQEL5dXQToxuAwB/wri2qBjkDIKM2sAgZAm3XWDcHI37x8t2b7jERA1QyGQh0BfBLwvsWjQ84jELOUIhOyD0KCX042ZMxHoi4BXBaH/yKQQ05QksC4CGKSkBMwtlkDQw4o06GJ1JbBIBEIMQv8RSQROI5fAtgj4XGI5GYQHFOUmAZEdJfCS484GoUEnrRog8PKUiLNBXJ/gZYOwgXQa2RJ3i4CzQdggHFk2sJw3BHZvQrkaxKn/4Alesq9GArtFwNUgTk/w0qDXmB7Nx/yqCDgZhAa9+eRpAcCrIuBkEDYIW8iPttcY9MuKNOhtJ08Lq98vAi4VhAa9hQxpfI37RcDaIK79x/pDONo8NM6b5ddF4E0RSGYQXrGtKzOIViml1ePq6ma2y8LaIDTopNDYCRy6SrI2CA362NOD9R0qArYGoUEnf0ZP4FARsDKIa4NO/zH6XBrjAg8WASuDuD7Bi0HGmD/jXtOxImBlEI/+g9/AGnc+jW51IQah/xhdOrCgfQLH7tLaVBCnJ3h5xJ3kq5DA0SIwaBAa9ArlJmRXAv4Gcd4gvJ8/KKMuXSPkeAiUInCqCAxWEI8GnW8QllKaef0IGD1bXXePhwYPGYQG3Q85oyoicKoInDSIa//BK7YVZQWhbgmcLAJRDcIGIVlXIYGTd2lPGsS5QecjORXmR9shD10lnTQIDXrbydPC6oeKQG+QJ6XU9AAMGvQWMqTxNQ4VgaMGGSo9+1x5xbbxTKtz+YNFQE+ObOy5GoQGvc4MaTrqA6/Y7vPQx/7nHyo9byoIDXrTuVbj4m2KgO4XdqAPGSw9BwzCDnqNWdJwzEMNeo/m2SBvL7N4grfhxGll6TZXSWuDbB5R719yWt/Nsik9uxDpP1pJqVGt0+oqaW2Q/m83yW1KDwYZVbI0txjbIvBikF2T2JSeXaJ8Raq5/Kp+wV4G2Zrk53XX2RLgDUJbUhwniYDtVdKrCuKzAAziQ40xhQlY9R8vd7FCgqVBD6HH2EIE8hnk2E58oYUzLQQGCdj2H1EqyORuzgbhoCQcIIrAiVds9+MM6kHoP0TJTjCWBFzu0gYZhFdsLRXhMEkErPuP4EssGnRJuhOLJQGnx6iCKggbhJaScJgYAi4NenAFoUEXozuBWBKw3SDcns67gtCgWyrCYaIIuDToQRWEV2xF6U4wdgScGvQgg9Cg2ynCUYIIWLxiG20fhAZdkPCEYkXAtUEPqiA06FaacJAgAq4NurdBaNAFqU4o1gRcG3Rvg9B/WGvCgXIIODfoGESOeESSmIBP/+FtEBr0xGpy+ugEchuER9yjS8gJUxLwadC9KggNekoZOXcqAj4NupdBaNBTSch5ExLwatAxSEJFOLUcAr79h5dBTnxPRA4RIoHADoFsBqH/IO9qJODbfzhXEF6xrTE9mo/Zu/9wNggNevPJViMAp1ds9xfo9MIUG4Q15kfbMYf0H84VhCd42062Glfvu0G4Xat1BaFBrzE9iDmkQXeqIDToJFuFBIIadCeD0KBXmB6th+zxiq13k06D3nq21bf+0AbdqYLQoNeXIK1HHNqguxrkafuRz9bBs/46CIQ26BikDp2J0o9AcIPuapD+M9EXfrEyCgJ5CcToP9wMcttdKm0e8i6T2SDgR+Bc648/rrql3+j/R7FRGEqQ8RIJRLm8cqog/cF8j1BiLhDTGwIOn1gbomddQfoTbR436XuR6dCJ+XcIFCIQrXo4V5B+ADvqhWRnWisCMfY+didyqiDbgbx2a6UVB2UmEOvOVbBBuNTKrDzT2RAIejHq2AReFeSlktzPH5RRlzbRcwwEUhFIUTm2sQYZZH1n63l/ZE7jnkp+znuCwNJoPft11S1SUQo2yDawTfP+id32VFJx3h0CC2X019V195iaSjSDbAPt+5N/lZrqP2qquR2cWr9mzm+UWu+Kn5+pRYwdcltw0Q1iOzHHQaAGAhikBpWIsRgBDFIMPRPXQACD1KASMRYjgEGKoWfiGghgkBpUIsZiBDBIMfRMXAMBDFKDSsRYjAAGKYaeiWsggEFqUIkYixHAIMXQM3ENBDBIDSoRYzEC/wFSjsSsx+1SRQAAAABJRU5ErkJggg==);
}
.device-tree-gw__body-tree-box-tree-label i.zuzhijiagou {
    background-image: url(data:image/png;base64,[encoded data, 4200 characters]);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.dianchang {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAACZVJREFUeF7tnUt220gMAEmvJ3OlJMdKsrC0mORY0VwpnrU5j7L17Cj8AOgvgco2DZBdQKlbIk2OA/8gAIFVAiNsIACBdQIIQndAYIMAgtAeEEAQegACNgKsIDZuRAUhgCBBCs00bQQQxMaNqCAEECRIoZmmjQCC2LgRFYQAggQpNNO0EUAQGzeighBAkCCFZpo2Aghi40ZUEAIIEqTQTNNGAEFs3IgKQgBBghSaadoIIIiNG1FBCCBIkEIzTRsBBLFxIyoIAQQJUmimaSOAIDZuRAUhgCBBCs00bQQQxMaNqCAEECRIoZmmjQCC2LgRFYQAggQpNNO0EUAQGzeighCoLshfP06fHp6HT0H4Ms2MBJ4fhst/X06XjCl3U1UX5O9/TqdpnB53z4wBELgjME7j+de306kmGASpSZtjJRFAkCR8BHsngCDeK8z8kgggSBI+gr0TQBDvFWZ+SQQQJAkfwd4JIIj3CjO/JAIIkoSPYO8EEMR7hZlfEgEEScJHsHcCCLJW4XGoev+N90bran6T/L48BFmq3Dhcnr6cP3dVVE4mG4EP3x8naTIEQRBpr7gZhyB3pVTfzcsK4kaGpYkgCIK4bvDUySEIgqT2kOt4BEEQ1w2eOjkEQZDUHnIdjyAI4rrBUyeHIAiS2kOu4xEEQVw3eOrkEARBUnvIdTyCVBbk9ULkR2lXTeN4XnrW0ofvjz+lOeZxa3k0OdbGzs8SG6f+H5VkYYAglQV5bWzxg+mmcfy8Ioj4HqFXQRbzZBREJWyO42pzrLHcyoMgCKLtsz/Gv64gCMKD4xZ6SXkvFitIso/mBKwgZnRvgaVvVkSQDEUypkAQI7j3YQiih8gW64UZfw+y1DtssQYEQZD1j1UEQZDX7mAFYQVZ/KBgBWEFYQXZ+GqCIAiCIAiy++sFWyy2WGyxNjRBkAyCzNuR3Y+idwPW3nmXK4/mXLbGas8n13E1eSzvD+RWkzvCpa+DaArK2PYEEARB2ndhx2eAIAjScXu2PzUEQZD2XdjxGSAIgnTcnu1PDUEQpH0XdnwGCIIgHbdn+1NDEARp34UdnwGCIEjH7dn+1BAEQdp3YcdngCAI0nF7tj81BMkgyPg8/tu+lJxBCQLTKH/eFzcrlqgAOd0QQBA3pWQiJQggSAmq5HRDAEHclJKJlCCAICWoktMNAQRxU0omUoIAgpSgSk43BBDETSmZSAkCCFKCKjndEEAQN6VkIiUIhBDk+pTAQX57wRX0NMgf5TMOlxLFIaeAgKZOczplreZbjn59O50EZ5JtyJgtU6FE2sduWt5RUejUw6X98OPxp+bD7Ai1QpBwbVxuwghSju1qZlaQBtCNh0QQI7iUMARJoVc3FkHq8r4eDUH+hD4zsTwHt3T5EKQ04YX8CPIG5ZXF4zBcf9W7PH09f25QktVDIkiDaiDIG/T3f57a4prAXvkRZI9Qgf9HkBeo96+3RpACzbaQkp9563BOOsrSu9+fvp67qx0rSFKZbcHRV5Cl96n0uHpcVzkuFNqaPCUqsiBrLxtCkJSO0sV2t0zfn35UQbbexNXj9ooVRCdettERBdmSo9fVA0GytbwuUTRB9t7hiCC6/kkdzRYrlWDG+D055kP1ur1iBcnYCJpUUVYQyTx7Xj0QRNPVGcdKGuf94Y7wNwbWHyIQJGNjCVOxxRKCKjlM+oTznrdXrCAlO2Qjt/cVZOkq+RKO3lcPBEGQ7ASkcvT+5fwGhivp2VtkP6HXFUTyi9WNzhFWD1aQ/V4uMsKjIBo5ZqgIUqS1REn5ki7ClG+QVo6jbK9YQfL1iCqTpxXEIsdRVg8EUbV1vsFeBLHIMVM80nUdvqTn63txJg+CWOU40vaKFUTc0nkHHl0Q7fnf0evuwQxb1WUFydv7omzaButpS6I99wUgl2kcz0uP+JlziwAOw1DrEUEIIq1IxnHaJutJEOktJBlxLaaq9UUfQUpXciH/UQXRXCUvjbXWhwaClK6kE0EiysGX9AZyzIc82grSkxy1tla31mAFaSDJkQRJ+Tk3N9racrCC5K6gMN9RBIkuB4IIGzr3sCMIghwvVWeLlbv7Bfl6FwQ53oqIIIKGzj2kZ0GQ4/dqI0ju7hfk61UQ7XkJppoypItbUhAkpYTGWG0j1roopj2vhenfXlctvmVkBWEXcvAdxNjgqWHaRqwlyG1emnui5pj7+6JSt2k9PemEFSS12w3xvQtimNJvISmC1P4w2JsrguwRKvD/3gWx3tDYmxxssQo0vySlZ0Gsq0eLq+SSWrGCSChlHuNZEMt9W73KwQqSufGl6ZwLMkk5zON6lgNBNJXMONarINrtVe9yIEjGptek8iqI5sv5EeRAEE1XZxzrURDNnI4iB4JkbHpNKk0zzXl7/Pnzfr6K7VU3V8klNeNXLAmlzGM8CiLcXh1KDlaQzI0vTedNEOl8erqFRForVhApqYzjpA11O2TvWyzJ9qr3OayVF0EyNr40lTdB9rZXR5WDLZa0ozOP8yTI3upxZDkQJHPjS9NFEeRIP+eyxZJ2b4VxngRZ2155kIMVpIIMS4fwIsja9sqLHAiCIEkElgTxJAeCJLWHPdjLCnK/vfImB4LYezwp0oMgC6vH4a6SS4rIdRAJpcxjHAriUg5WkMyNL03nTBC3ciCItKMzj/MgSGYk3aZji9WgNAjSALrxkAhiBJcShiAp9OrGIkhd3tejIUgD6MZDIogRXEoYgqTQqxuLIHV5s4I04J1ySARJoWeMZQUxgmsQhiANoCNIA+jGQyKIEVxKGIKk0KsbiyAZeF/vS3qYPqpSTYP8JTPjcHsxjeoQDM5AQFOn+XDKWk3DeL5/v0qGs95MMZY+wH3+vT87rX0+HO84BFrcAY0gx+mP8GeKIOFbAABbBBCE/oDABgEEoT0ggCCn0zROj3QCBLQEWEG0xBgfigCChCo3k9USQBAtMcaHIoAgocrNZLUEEERLjPGhCIQQZL758OFZcW9VqBZgslsEnh+Gi/t7sWgBCByJQPV7sY4Eh3OFAILQAxDYunoPHQhAYJ0AKwjdAQFWEHoAAjYCrCA2bkQFIYAgQQrNNG0EEMTGjaggBBAkSKGZpo0Agti4ERWEAIIEKTTTtBFAEBs3ooIQQJAghWaaNgIIYuNGVBACCBKk0EzTRgBBbNyICkIAQYIUmmnaCCCIjRtRQQggSJBCM00bAQSxcSMqCAEECVJopmkjgCA2bkQFIYAgQQrNNG0EEMTGjaggBBAkSKGZpo0Agti4ERWEAIIEKTTTtBH4H5ndwlDSfNY2AAAAAElFTkSuQmCC);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.dianzhan {
    background-image: url(data:image/png;base64,[encoded data, 4432 characters]);
    width: 14px;
    height: 14px;
}
.device-tree-gw__body-tree-box-tree-label i.xianlu {
    background-image: url(data:image/png;base64,[encoded data, 5756 characters]);
}
.device-tree-gw__body-tree-box-tree-label i.gk-icon-loading {
    margin-top: 4px;
}
.device-tree-gw__body-tree-box-tree-label span {
    font-size: 14px;
}
.device-tree-gw__body-tree-box-tree-menu-box {
    width: 100%;
    height: 34px;
    position: absolute;
    right: 0;
}
.device-tree-gw__body-tree-box-tree-menu-icon {
    position: absolute;
    right: 0px;
    height: 24px;
    width: 24px;
    margin-top: 3px;
    transform: rotate(90deg);
    color: var(--theme-primary-title);
}
.device-tree-gw__body-extrude-show-trigon {
    display: inline-block;
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid var(--theme-bg);
    position: absolute;
    right: 52px;
    top: 40px;
    z-index: 19;
}
.device-tree-gw__body-extrude-show-list {
    width: 160px;
    position: absolute;
    top: 45px;
    right: 37px;
    z-index: 9;
    padding: 6px 0px;
    background-color: var(--theme-bg);
    border-bottom: 1px solid var(--theme-border-bottom);
    box-shadow: var(--webgis-box-shadow);
    height: 160px;
    overflow-y: auto;
}
.device-tree-gw__body-extrude-show-list-item {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    height: 24px;
    font-size: 12px;
    color: var(--theme-primary-title);
}
.device-tree-gw__body-extrude-show-list-item i {
    margin-left: auto;
    cursor: pointer;
    font-size: 16px;
}
.device-tree-gw__body-extrude-show-list-item-title {
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.device-tree-gw__body-extrude-show-list-item--clear {
    font-size: var(--webgis-font-size-small);
}
.device-tree-gw__body-extrude-show-list-item--clear span {
    margin-left: auto;
    cursor: pointer;
}
.device-tree-gw__body-extrude-show-list-item:hover {
    color: var(--theme-select-active-color);
    background-color: var(--theme-select-active-bg);
}
::v-deep .gk-tree-node {
    white-space: pre-wrap;
}
::v-deep .gk-tree-node > .gk-tree-node__content {
    height: auto;
    padding: 5px 0;
}
::v-deep .gk-tree-node:focus > .gk-tree-node__content {
    background-color: var(--theme-treenode-color, #ffffff);
}
::v-deep .gk-tree-node > .gk-tree-node__content:hover {
    background-color: var(--theme-treenode-color, #ffffff);
}
::v-deep .gk-tree-node > .gk-tree-node__children {
    overflow: visible;
}
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__label {
    padding-left: 4px !important;
}
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__inner {
    vertical-align: text-top;
}
.device-tree-gw .gk-checkbox-group {
    height: 100%;
}
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__input.is-checked > .gk-checkbox__inner {
    background-color: var(--theme-primary, #666);
    border-color: var(--theme-primary, #666);
}
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__input.is-focus .gk-checkbox__inner,
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__inner:hover,
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__inner:active,
.device-tree-gw__body-tree-box-tree-label .gk-checkbox__inner:focus {
    border-color: var(--theme-primary, #666);
}
.multiple-select-line {
    color: var(--theme-primary);
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: right;
    margin-right: 6px;
}
.device-tree-gw .popper-reference {
    position: absolute;
    width: 0;
    height: 0;
    margin-top: 0 !important;
}
.device-tree-popper {
    padding: 0;
}
.device-tree-gw__button {
    position: absolute;
    top: 16px;
    left: 375px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAAAXNSR0IArs4c6QAAAVFJREFUWEftWDtOAzEUnOecIB0F0R4hNTU024DEBdKQ9BECgmAREEWk4gA+A4iKUOQIkRDQcAD7BqTNPkQBSCCHZ8vIiuSt32c09syOTI3RuOQaGuB1iD6ypNBbnAweROV/FJEajo18+ec0snU1aEUCcMUhg+rqmEL6fvaQGmYAmYHkDCSWYXIjcml5r3/KitSFvr48j6F31wynmWQAmYGVY6CY3JVArcHCXEFkAdWLpoJicmvEy79iBdl4AO5vgnLFUgAEsgwYiRFNt9obkrpfgWSZExJozoS5ZPB0s70mqfMC4GPFxX8cgReA5JcwtQxDzv+jJ5oMM4DMQGYgOQNHL48l80IzQ/TOQARL1IiXBw6fZ0a6/DsOwJ0Huv3KMPAG4FVCb7OzvSupE/8Nu/tnJWrWLHy6aXZ2Qva7rdh32sHTLG4iWjkA0S+hLwOhMnwH4ZMAfmHBhvAAAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    cursor: pointer;
}
.device-tree-gw__contextmenu {
    width: 120px;
    height: 56px;
    opacity: 1;
    position: absolute;
    font-size: var(--webgis-font-size-base);
    color: var(--theme-primary-title);
    border: 1px solid var(--theme-card-border);
    border-radius: 4px;
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
}
.device-tree-gw__contextmenu .wrap-item {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
.device-tree-gw__contextmenu .wrap-item:hover {
    color: var(--theme-select-active-color);
    background-color: var(--theme-select-active-bg);
}
.device-tree-gw__contextmenu .wrap-item span:hover {
    color: var(--theme-select-active-color);
    background-color: var(--theme-select-active-bg);
}
.device-tree-gw__contextmenu .gk-checkbox {
    margin: 0px 8px;
}
.device-tree-gw__contextmenu .gk-checkbox__label {
    font-size: 12px;
}
.device-tree-gw__contextmenu .gk-checkbox__input.is-checked + .gk-checkbox__label {
    color: var(--theme-select-active-color);
}
.device-tree-gw__contextmenu .gk-checkbox__inner {
    display: none;
}
.device-tree-gw__contextmenu .gk-checkbox__label {
    padding-left: 0px;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.majorLogicDiagram
 *         
 */
.majorLogicDiagram .box-border {
    position: relative;
    padding: 4px;
    border: 1px solid #23447c;
    border-radius: 6px;
    background: linear-gradient(to right, rgba(28, 60, 115, 0.8) 0%, #1c3c73 100%);
    background-clip: content-box;
    -webkit-background-clip: content-box;
    user-select: none;
}
.majorLogicDiagram .box-border::before,
.majorLogicDiagram .box-border::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
}
.majorLogicDiagram .box-border::before {
    top: -1px;
    left: -1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAJFJREFUKFNjZICC3Nv/2dk+MGQxMjFEMfxn0GZgYOCEySHTjCBO4YX/0sy/GbYwMDE8/vefof//L4YT/VaM37FqAJnM/pHh1P//DCt7TRnbsClCsaHk9P8CBkYGhx4TxgBCikHyjCWn/5/+z8xQ3GvEeIg4DWf+f/v7i0EYl5vRDWEsOfP/f48JI9jzxIARqQEAPgFCS1b7UKkAAAAASUVORK5CYII=)
        no-repeat;
}
.majorLogicDiagram .box-border::after {
    bottom: -1px;
    right: -1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAIxJREFUKFNjZCABlJz5/5+RBPUMQ11Dwv7/HCK8DO+J9nTx2f/GDP8Z5hOv4fT/PkZGhh9EaSg881+XmYFh7x8GBn2CGkpO/9dhYGTY8u8fQ3mfGeNKrBpAHhTmY9Bm/M8QxcDAEPv/H0NGrxnjOlAkM4JiD0ts/2BgYLjzj4Fh8z8GhskTTBifw9QAAG12OKIzG5mzAAAAAElFTkSuQmCC)
        no-repeat;
}
.majorLogicDiagram .box-border__fix {
    position: absolute;
    z-index: 3000;
}
.majorLogicDiagram .box-border__pointer {
    cursor: pointer;
}
.majorLogicDiagram .box-border .box-content {
    height: 36px;
    font-size: 14px;
    padding: 0 10px;
}
.majorLogicDiagram .box-border .box-content span {
    color: #c6edfc;
}
.majorLogicDiagram .box-border .box-content .gk-switch {
    margin-left: 10px;
}
.majorLogicDiagram .box-border .box-content__flrc {
    display: flex;
    align-items: center;
    justify-content: center;
}
.majorLogicDiagram .box-border .box-content__flc {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.majorLogicDiagram .box-border .box-content__flcc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.majorLogicDiagram .box-border .legend-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 260px;
    padding: 8px 0 0 5px;
    font-size: 14px;
    color: #cfe6fc;
}
.majorLogicDiagram .box-border .legend-wrap li {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 8px;
}
.majorLogicDiagram .box-border .legend-wrap li img {
    width: 30px;
    height: auto;
}
.majorLogicDiagram .box-border .legend-wrap li:nth-of-type(even) img {
    padding-left: 10px;
    width: 26px;
    height: 4px;
    margin-right: 10px;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.mapSelector
 *         
 */
.map-selector {
    position: relative;
    margin-bottom: 15px;
    pointer-events: auto;
}
.map-selector {
    display: flex;
    padding-right: 20px;
    align-items: center;
}
.map-selector ul {
    display: flex;
    list-style: none;
    border-radius: 8px;
    background-color: var(--theme-color-white, rgba(255, 255, 255, 0.6));
    backdrop-filter: blur(5px);
    padding: 0;
    margin: 0;
}
.map-selector ul li {
    padding: 5px;
    width: 90px;
    cursor: pointer;
    box-sizing: initial;
}
.map-selector ul li .styleName {
    position: absolute;
    bottom: 3px;
    color: #fff;
    width: 90px;
    text-align: center;
}
.map-selector ul li .style-active {
    background-color: var(--webgis-primary-color);
}
.map-selector ul li .thumbnail {
    background-size: cover;
    height: 65px;
    border-radius: 5px;
}
.map-selector ul li.is-switching {
    cursor: progress;
}
.map-selector .currentStyle {
    width: 90px;
    padding: 5px;
}
.map-selector .currentStyle .currentStyleName {
    position: absolute;
    bottom: 4px;
    color: #fff;
    width: 80px;
    text-align: center;
}
.map-selector .currentStyle .thumbnail {
    background-size: cover;
    height: 65px;
    width: 80px;
    border-radius: 5px;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.psrLegend
 *         
 */
.psr-legend-wrap {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.psr-legend-wrap .psr-legend-wrap-list {
    position: absolute;
    flex-direction: column;
    align-items: flex-end;
    background-color: #fff;
    border-radius: 10px;
    display: inline-table;
    width: 200px;
    color: #999;
    font-size: 12px;
}
.psr-legend-wrap .psr-legend-wrap-list .list-box__title {
    font-size: 16px;
    color: #000;
    margin: 10px;
}
.psr-legend-wrap .psr-legend-wrap-list .list-box__detail {
    width: 80px;
    margin: 0px 10px 10px;
    display: inline-flex;
}
.psr-legend-wrap .psr-legend-wrap-list .list-box__detail__line {
    width: 25px;
    height: 10px;
}
.psr-legend-wrap .psr-legend-wrap-list .list-box__detail__text {
    margin-left: 5px;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.query
 *         
 */
#hullabalooClose {
    font-size: 20px;
}
.hullabaloo {
    box-sizing: border-box;
    font-size: 14px;
}
.close {
    color: inherit;
    float: right;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--theme-primary-title);
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}
.hullabaloo .close:focus,
.hullabaloo .close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75;
}
.hullabaloo .close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.hullabaloo button.close {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    -webkit-appearance: none;
}
.hullabaloo.alert {
    position: relative;
    padding: 12px 20px;
    margin-bottom: 116px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
}
.hullabaloo .alert-heading {
    color: inherit;
}
.hullabaloo .alert-link {
    font-weight: 700;
}
.hullabaloo.alert-dismissible {
    padding-right: 25px;
}
.hullabaloo.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 16px;
    color: inherit;
}
.hullabaloo.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.hullabaloo.alert-primary hr {
    border-top-color: #9fcdff;
}
.hullabaloo.alert-primary .alert-link {
    color: #002752;
}
.hullabaloo.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.hullabaloo.alert-secondary hr {
    border-top-color: #c8cbcf;
}
.hullabaloo.alert-secondary .alert-link {
    color: #202326;
}
.hullabaloo.alert-success {
    color: #009d00;
    background-color: rgba(191, 241, 191, 0.87);
    border-color: #7ddb7d;
}
.hullabaloo.alert-success hr {
    border-top-color: #7ddb7d;
}
.hullabaloo.alert-success .alert-link {
    color: #0b2e13;
}
.hullabaloo.alert-info {
    color: #ffa000;
    background-color: rgba(255, 235, 191, 0.87);
    border-color: #ffdb8c;
}
.hullabaloo.alert-info hr {
    border-top-color: #ffdb8c;
}
.hullabaloo.alert-info .alert-link {
    color: #db8a01;
}
.hullabaloo.alert-warning {
    color: #ff1e1e;
    background-color: rgba(255, 210, 210, 0.87);
    border-color: #ff9e9e;
}
.hullabaloo.alert-warning hr {
    border-top-color: #ff9e9e;
}
.hullabaloo.alert-warning .alert-link {
    color: #a31818;
}
.hullabaloo.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.hullabaloo.alert-danger hr {
    border-top-color: #f1b0b7;
}
.hullabaloo.alert-danger .alert-link {
    color: #491217;
}
.hullabaloo.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
.hullabaloo.alert-light hr {
    border-top-color: #ececf6;
}
.hullabaloo.alert-light .alert-link {
    color: #686868;
}
.hullabaloo.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.hullabaloo.alert-dark hr {
    border-top-color: #b9bbbe;
}
.hullabaloo.alert-dark .alert-link {
    color: #040505;
}
.query-box-wrap {
    position: absolute;
    top: 16px;
    left: 19px;
    width: 334px;
}
.query-box-wrap .query-box {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 8px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    overflow: hidden;
}
.query-box-wrap .query-box .icon-logo {
    flex-shrink: 0;
    height: 30px;
    width: 30px;
    background-image: url(data:image/svg+xml;base64,[encoded data, 93852 characters]);
    background-repeat: no-repeat;
    background-size: cover;
}
.query-box-wrap .query-box .diff-icon-search {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzI2MTAyODUzOTM1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIwMTYzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBkPSJNNjA4LjY0IDY1NC4wMTZhMzA0Ljg5NiAzMDQuODk2IDAgMSAxIDQ1LjMxMi00NS4zMTJsMjI2LjA0OCAyMjUuOTItNDUuMzEyIDQ1LjM3Ni0yMjYuMDQ4LTIyNS45ODR6IG00OS4wODgtMjM3LjEyYTI0MC44MzIgMjQwLjgzMiAwIDEgMC00ODEuNiAwIDI0MC44MzIgMjQwLjgzMiAwIDAgMCA0ODEuNiAweiIgZmlsbD0iIzAwMDAwMCIgZmlsbC1vcGFjaXR5PSIuOSIgcC1pZD0iMjAxNjQiPjwvcGF0aD48L3N2Zz4=);
    background-size: cover;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}
.query-box-wrap .query-box .icon-btn {
    flex-shrink: 0;
    font-size: 22px;
    color: var(--theme-primary-title);
    cursor: pointer;
}
.query-box-wrap .query-box .icon-btn[disabled] {
    color: #999;
    cursor: not-allowed;
}
.query-box-wrap .query-box__input .gk-input__inner,
.query-box-wrap .query-box__input.is-disabled .gk-input__inner {
    padding: 0 10px;
    border: none;
    font-size: 14px;
    color: var(--theme-primary-title);
    background-color: rgba(0, 0, 0, 0);
}
.query-box-wrap .query-box__diff-margintop {
    margin-top: 8px !important;
}
.query-box-wrap .query-box__condition,
.query-box-wrap .query-box__loading,
.query-box-wrap .query-box__no-data {
    margin-top: 5px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    overflow: hidden;
}
.query-box-wrap .query-box__loading,
.query-box-wrap .query-box__no-data {
    height: 200px;
}
.query-box-wrap .query-box__no-data {
    line-height: 200px;
    font-size: 14px;
    color: var(--theme-primary-title);
    text-align: center;
}
.query-box-wrap .query-box__condition__btn {
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
    height: 28px;
    color: var(--theme-sub, #fff);
    border: 1px solid var(--btn-border-tertiary);
    background-color: var(--btn-tertiary);
}
.query-box-wrap .query-box__condition__btn:hover {
    color: #fff;
    opacity: 0.8;
    background-color: var(--btn-tertiary-hover);
}
.query-box-wrap .query-box__condition__btn.active {
    color: #fff;
    background-color: var(--theme-item-bg-active);
    border: 1px solid var(--theme-item-bg-active);
}
.query-box-wrap .query-box__condition__btn.disabled {
    color: #333;
    background-color: #ddd;
    border: 1px solid var(--btn-border-tertiary);
}
.query-box-wrap .query-box__condition__history .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    color: var(--theme-table-active-color);
}
.query-box-wrap .query-box__condition__history .header i {
    font-size: 13px;
    cursor: pointer;
    color: var(--theme-select-color);
}
.query-box-wrap .query-box__condition__history .list__diff-item:hover {
    background-color: rgba(0, 158, 168, 0.0980392157) !important;
}
.query-box-wrap .query-box__condition__history .list__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 5px 10px;
}
.query-box-wrap .query-box__condition__history .list__item__text {
    display: flex;
    align-items: center;
    width: calc(100% - 20px);
}
.query-box-wrap .query-box__condition__history .list__item__text i {
    font-size: 16px;
    color: var(--theme-table-scroll-thumb);
}
.query-box-wrap .query-box__condition__history .list__item__text span {
    width: calc(100% - 20px);
    line-height: 1.2;
    word-wrap: break-word;
    margin-left: 5px;
    font-size: 12px;
    color: var(--theme-table-scroll-thumb);
    cursor: pointer;
}
.query-box-wrap .query-box__condition__history .list__item__remove {
    display: none;
    font-size: 14px;
    cursor: pointer;
}
.query-box-wrap .query-box__condition__history .list__item__remove:hover {
    color: var(--theme-primary);
}
.query-box-wrap .query-box__condition__history .list__item:hover {
    background-color: var(--theme-box-inner-bg);
}
.query-box-wrap .query-box__condition__history .list__item:hover .list__item__remove {
    display: block;
}
.query-box-wrap .query-box__condition__history .list__item:hover .list__item__remove:hover {
    color: red;
}
.query-box-wrap .query-box__condition__history .delete:hover {
    color: red;
}
.query-box-wrap .query-box__result-collapse {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    margin-top: 5px;
    border-radius: 8px;
}
.query-box-wrap .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.query-box-wrap .tab__icon-box {
    padding: 8px;
    border-radius: 6px;
    background-color: var(--theme-item-bg);
}
.query-box-wrap .tab__icon {
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.query-box-wrap .tab__icon--0 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTA0MjQzNDYiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjczOCIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTUzLjYgOTcyLjhhMTAyLjQgMTAyLjQgMCAwIDEtMTAyLjQtMTAyLjRWNDk0LjAyODhhMTAyLjQgMTAyLjQgMCAwIDEgMTAyLjQtMTAyLjRoNzE2LjhhMTAyLjQgMTAyLjQgMCAwIDEgMTAyLjQgMTAyLjRWODcwLjRhMTAyLjQgMTAyLjQgMCAwIDEtMTAyLjQgMTAyLjRIMTUzLjZ6IG0zMzAuNzUyLTI1MC43MjY0bC00Ny43Njk2IDE4My40NDk2IDIxNS4zNDcyLTIzNy40MTQ0LTExMi4yODE2LTI1Ljc1MzYgNDcuNzY5Ni0xODMuNTAwOEwzNzIuMDE5MiA2OTYuMzJsMTEyLjI4MTYgMjUuNzUzNnoiCiAgICAgICAgZmlsbD0iIzBEODY3RiIgcC1pZD0iNjczOSI+PC9wYXRoPgogICAgPHBhdGgKICAgICAgICBkPSJNODM3Ljg4OCAzOTEuNjI4OFYzMzcuNjY0aDcyLjA4OTZ2LTc0Ljc1MmgtNzIuMDg5NnYtNjguMDk2aDcyLjA4OTZ2LTcyLjE5MmgtNzIuMDg5NlY1MS4ySDc2My4zOTJ2NzEuNDI0aC03Mi4wMzg0djcyLjE5Mmg3Mi4wMzg0djY4LjA5NmgtNzIuMDM4NHY3NC43NTJoNzIuMDM4NHY1My45NjQ4aC0yMTUuMzQ3MlYzMzcuNjY0aDcyLjkwODh2LTc0Ljc1MmgtNzIuOTA4OHYtNjguMDk2aDcyLjkwODh2LTcyLjE5MmgtNzIuOTA4OFY1MS4ySDQ3NS45NTUydjcxLjQyNEg0MDMuMDk3NnY3Mi4xOTJoNzIuODU3NnY2OC4wOTZINDAzLjA5NzZ2NzQuNzUyaDcyLjg1NzZ2NTMuOTY0OEgyNjAuNjU5MlYzMzcuNjY0aDcyLjAzODR2LTc0Ljc1MkgyNjAuNjU5MnYtNjguMDk2aDcyLjAzODR2LTcyLjE5MkgyNjAuNjU5MlY1MS4ySDE4Ni4wNjA4djcxLjQyNEgxMTQuMDIyNHY3Mi4xOTJoNzIuMDM4NHY2OC4wOTZIMTE0LjAyMjR2NzQuNzUyaDcyLjAzODR2NTMuOTY0OGg2NTEuODI3MnoiCiAgICAgICAgZmlsbD0iIzBEODY3RiIgZmlsbC1vcGFjaXR5PSIuMiIgcC1pZD0iNjc0MCI+PC9wYXRoPgo8L3N2Zz4K);
}
.query-box-wrap .tab__icon--1 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTA1NTA0NDAiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjg3NSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNODM3Ljg4OCAzOTEuNjI4OFYzMzcuNjY0aDcyLjA4OTZ2LTc0Ljc1MmgtNzIuMDg5NnYtNjguMDk2aDcyLjA4OTZ2LTcyLjE5MmgtNzIuMDg5NlY1MS4ySDc2My4zOTJ2NzEuNDI0aC03Mi4wMzg0djcyLjE5Mmg3Mi4wMzg0djY4LjA5NmgtNzIuMDM4NHY3NC43NTJoNzIuMDM4NHY1My45NjQ4aC0yMTUuMzQ3MlYzMzcuNjY0aDcyLjkwODh2LTc0Ljc1MmgtNzIuOTA4OHYtNjguMDk2aDcyLjkwODh2LTcyLjE5MmgtNzIuOTA4OFY1MS4ySDQ3NS45NTUydjcxLjQyNEg0MDMuMDk3NnY3Mi4xOTJoNzIuODU3NnY2OC4wOTZINDAzLjA5NzZ2NzQuNzUyaDcyLjg1NzZ2NTMuOTY0OEgyNjAuNjU5MlYzMzcuNjY0aDcyLjAzODR2LTc0Ljc1MkgyNjAuNjU5MnYtNjguMDk2aDcyLjAzODR2LTcyLjE5MkgyNjAuNjU5MlY1MS4ySDE4Ni4wNjA4djcxLjQyNEgxMTQuMDIyNHY3Mi4xOTJoNzIuMDM4NHY2OC4wOTZIMTE0LjAyMjR2NzQuNzUyaDcyLjAzODR2NTMuOTY0OGg2NTEuODI3MnoiCiAgICAgICAgZmlsbD0iIzBEODY3RiIgZmlsbC1vcGFjaXR5PSIuMiIgcC1pZD0iNjg3NiI+PC9wYXRoPgogICAgPHBhdGgKICAgICAgICBkPSJNMTUzLjYgOTcyLjhhMTAyLjQgMTAyLjQgMCAwIDEtMTAyLjQtMTAyLjRWNDk0LjAyODhhMTAyLjQgMTAyLjQgMCAwIDEgMTAyLjQtMTAyLjRoNzE2LjhhMTAyLjQgMTAyLjQgMCAwIDEgMTAyLjQgMTAyLjRWODcwLjRhMTAyLjQgMTAyLjQgMCAwIDEtMTAyLjQgMTAyLjRIMTUzLjZ6IG0xMzQuNC00OTIuOFY1NjMuMkgzNzIuNDI4OFY0ODBIMjg4eiBtMTQwLjI4OCA0MTZoMTExLjYxNmMxMTEuNjE2IDAgMTk2LjA5Ni02MC40MTYgMTk2LjA5Ni0xNjYuNHYtODMuMmMyLjA5OTItMTExLjYxNi04My43NjMyLTE2Ni40LTE5NS4zNzkyLTE2Ni40SDQyOC4yMzY4Vjg5NnpNNTEyIDgxMi44di0yNDkuNzAyNGwzNC4zMDQtMi44NjcyIDAuMjA0OCAwLjEwMjRjNTMuNjU3NiAwIDEwNS44ODE2IDExLjI2NCAxMDUuNzI4IDg2LjYzMDR2ODIuNjM2OGMwIDU1LjUwMDgtNTIuMjI0IDg2LjAxNi0xMDUuODgxNiA4Ni4wMTZMNTEyIDgxMi44NTEyeiBtLTIyNC0xOTQuMTUwNFY4OTZoODQuNDh2LTI3Ny4zNTA0aC04NC40OHoiCiAgICAgICAgZmlsbD0iIzBEODY3RiIgcC1pZD0iNjg3NyI+PC9wYXRoPgo8L3N2Zz4K);
}
.query-box-wrap .tab__icon--2 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjcwMzEwNzk0NjUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcxNDkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTc3Mi44MTI4IDY4Ni41OTJhNDIuNjQ5NiA0Mi42NDk2IDAgMCAxIDUzLjE0NTYtMjguNjcyYzk2LjI1NiAyOC45MjggMTU1LjM0MDggNzAuODA5NiAxNTUuMzQwOCAxMzEuNDMwNCAwIDEwOC4wMzItMjA4Ljc0MjQgMTcwLjY0OTYtNDY5LjI5OTIgMTcwLjY0OTYtMjYwLjYwOCAwLTQ2OS4zNTA0LTYyLjYxNzYtNDY5LjM1MDQtMTcwLjY0OTYgMC02MC42MjA4IDU5LjA4NDgtMTAyLjUwMjQgMTU1LjM5Mi0xMzEuMzc5MmE0Mi42NDk2IDQyLjY0OTYgMCAxIDEgMjQuNTI0OCA4MS43MTUyYy02Mi43MiAxOC44NDE2LTk0LjU2NjQgNDEuNDIwOC05NC41NjY0IDQ5LjY2NCAwIDMzLjMzMTIgMTczLjMxMiA4NS4yOTkyIDM4NCA4NS4yOTkyczM4NC01MS45NjggMzg0LTg1LjI5OTJjMC04LjI0MzItMzEuODk3Ni0zMC44MjI0LTk0LjU2NjQtNDkuNjY0YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMS0yOC42MjA4LTUzLjA5NDR6IiBmaWxsPSIjMEQ4NjdGIiBmaWxsLW9wYWNpdHk9Ii4yIiBwLWlkPSI3MTUwIj48L3BhdGg+PHBhdGggZD0iTTE5MiAzNTUuODRDMTkyIDE4Mi43MzI4IDMzNS41MTM2IDQyLjcwMDggNTEyIDQyLjcwMDhzMzIwIDE0MC4wMzIgMzIwIDMxMy4yNDE2YzAgMTA1LjE2NDgtNTcuMDM2OCAyMDcuMTA0LTE1MC42ODE2IDMwMy42NjcyYTk2OS43MjggOTY5LjcyOCAwIDAgMS0xMzYuMTkyIDExNi4yMjRsLTkuNzc5MiA2LjY1NmE0Mi42NDk2IDQyLjY0OTYgMCAwIDEtNDYuNjk0NCAwIDYxMi4wOTYgNjEyLjA5NiAwIDAgMS0yOS43NDcyLTIxLjE0NTZsLTE2LjQ4NjQtMTIuNTQ0YTk2OS43MjggOTY5LjcyOCAwIDAgMS05OS43Mzc2LTg5LjE5MDRDMjQ5LjAzNjggNTYyLjk5NTIgMTkyIDQ2MS4wNTYgMTkyIDM1NS44OTEyeiBtMTcwLjY0OTYgNi44NjA4YTE0OS4zNTA0IDE0OS4zNTA0IDAgMSAwIDI5OC43MDA4IDAgMTQ5LjM1MDQgMTQ5LjM1MDQgMCAwIDAtMjk4LjcwMDggMHoiIGZpbGw9IiMwRDg2N0YiIHAtaWQ9IjcxNTEiPjwvcGF0aD48L3N2Zz4=);
}
.query-box-wrap .tab__icon--3 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjcwMzEyNDIzODg2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjcyODYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTM4NCAxMjkuMDc1MmE0Mi42NDk2IDQyLjY0OTYgMCAwIDAtNDIuNjQ5Ni00Mi42NDk2SDE3MC43MDA4bC03LjM3MjggMC4zMDcyYTg1LjM1MDQgODUuMzUwNCAwIDAgMC03Ny45Nzc2IDg0Ljk5MnYxNzAuNzAwOGwwLjM1ODQgNS4zNzZhNDIuNjQ5NiA0Mi42NDk2IDAgMCAwIDg0Ljk5Mi01LjM3NlYxNzEuNzc2aDE3MC42NDk2bDUuMzc2LTAuMzU4NGE0Mi42NDk2IDQyLjY0OTYgMCAwIDAgMzcuMzI0OC00Mi4zNDI0eiBtNDc3LjkwMDgtNDIuNjQ5NmM0NC42NDY0IDAgODEuMzA1NiAzNC4zMDQgODQuOTkyIDc3Ljk3NzZsMC4zNTg0IDcuMzcyOHYxNzAuNjQ5NmE0Mi42NDk2IDQyLjY0OTYgMCAwIDEtODQuOTkyIDUuMzc2bC0wLjM1ODQtNS4zNzZWMTcxLjc3NmgtMTcwLjY0OTZhNDIuNjQ5NiA0Mi42NDk2IDAgMCAxLTUuMzc2LTg0Ljk5Mmw1LjM3Ni0wLjM1ODRoMTcwLjY0OTZ6TTE3MC4zOTM2IDY3OC40YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMC04NC45OTIgNS4zNzZ2MTcwLjY0OTZsMC4zMDcyIDcuMzcyOGE4NS4zNTA0IDg1LjM1MDQgMCAwIDAgODQuOTkyIDc3Ljk3NzZoMTcwLjY0OTZsNS4zNzYtMC4zNTg0YTQyLjcwMDggNDIuNzAwOCAwIDAgMC01LjM3Ni04NC45OTJIMTcwLjcwMDh2LTE3MC42NDk2bC0wLjMwNzItNS4zNzZ6IG03NjggMGE0Mi42NDk2IDQyLjY0OTYgMCAwIDAtODQuOTkyIDUuMzc2djE3MC42NDk2aC0xNzAuNzAwOGwtNS4zMjQ4IDAuMzU4NGE0Mi42NDk2IDQyLjY0OTYgMCAwIDAgNS4zMjQ4IDg0Ljk5MmgxNzAuNzAwOGw3LjMyMTYtMC4zMDcyYTg1LjM1MDQgODUuMzUwNCAwIDAgMCA3Ny45Nzc2LTg1LjA0MzJ2LTE3MC42NDk2bC0wLjMwNzItNS4zNzZ6IiBmaWxsPSIjMEQ4NjdGIiBwLWlkPSI3Mjg3Ij48L3BhdGg+PHBhdGggZD0iTTU2Mi40MzIgMjgwLjc4MDhhNDIuNjQ5NiA0Mi42NDk2IDAgMCAwLTg0Ljk5MiA1LjMyNDh2NDcuNDYyNEExOTIuMjU2IDE5Mi4yNTYgMCAwIDAgMzMyLjggNDc4LjEwNTZoLTQ3LjQxMTJsLTUuMzc2IDAuMzU4NGE0Mi42NDk2IDQyLjY0OTYgMCAwIDAgNS4zNzYgODQuOTkySDMzMi44YTE5Mi4yNTYgMTkyLjI1NiAwIDAgMCAxNDQuNTM3NiAxNDQuNTg4OHY0Ny40MTEybDAuMzU4NCA1LjM3NmE0Mi42NDk2IDQyLjY0OTYgMCAwIDAgODQuOTkyLTUuMzc2di00Ny40MTEyYTE5Mi4yNTYgMTkyLjI1NiAwIDAgMCAxNDQuNTg4OC0xNDQuNTM3Nmg0Ny40MTEybDUuMzc2LTAuMzU4NGE0Mi43MDA4IDQyLjcwMDggMCAwIDAtNS4zNzYtODQuOTkyaC00Ny40MTEyYTE5Mi4zMDcyIDE5Mi4zMDcyIDAgMCAwLTE0NC41Mzc2LTE0NC41ODg4di00Ny40NjI0bC0wLjM1ODQtNS4zMjQ4eiBtNjAuMDU3NiAyNDAuMDI1NmExMDIuNCAxMDIuNCAwIDEgMS0yMDQuOCAwIDEwMi40IDEwMi40IDAgMCAxIDIwNC44IDB6IiBmaWxsPSIjMEQ4NjdGIiBmaWxsLW9wYWNpdHk9Ii4yIiBwLWlkPSI3Mjg4Ij48L3BhdGg+PC9zdmc+);
}
.query-box-wrap .tab__text {
    line-height: 2em;
}
.query-box-wrap .gk-tabs__nav {
    width: calc(100% - 20px);
    display: flex;
    height: 75px;
    justify-content: space-around;
    margin: 5px 10px;
    padding: 8px;
}
.query-box-wrap .gk-tabs__active-bar.is-top {
    display: none;
}
.query-box-wrap .gk-tabs__nav-wrap::after {
    height: 1px;
    background-color: var(--theme-divider-color);
}
.query-box-wrap .gk-tabs__content {
    padding: 0 8px 8px 8px;
}
.query-box-wrap .gk-tabs__item {
    width: auto;
    height: auto;
    padding: 0;
    color: var(--theme-primary-title);
    line-height: 1.5em;
    outline: none;
}
.query-box-wrap .gk-tabs__item.is-active .tab__icon-box {
    background-color: var(--theme-item-bg-active);
}
.query-box-wrap .gk-tabs__item.is-active .tab__icon--0 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTA0MjQzNDYiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjczOCIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNMTUzLjYgOTcyLjhhMTAyLjQgMTAyLjQgMCAwIDEtMTAyLjQtMTAyLjRWNDk0LjAyODhhMTAyLjQgMTAyLjQgMCAwIDEgMTAyLjQtMTAyLjRoNzE2LjhhMTAyLjQgMTAyLjQgMCAwIDEgMTAyLjQgMTAyLjRWODcwLjRhMTAyLjQgMTAyLjQgMCAwIDEtMTAyLjQgMTAyLjRIMTUzLjZ6IG0zMzAuNzUyLTI1MC43MjY0bC00Ny43Njk2IDE4My40NDk2IDIxNS4zNDcyLTIzNy40MTQ0LTExMi4yODE2LTI1Ljc1MzYgNDcuNzY5Ni0xODMuNTAwOEwzNzIuMDE5MiA2OTYuMzJsMTEyLjI4MTYgMjUuNzUzNnoiCiAgICAgICAgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iNjczOSI+PC9wYXRoPgogICAgPHBhdGgKICAgICAgICBkPSJNODM3Ljg4OCAzOTEuNjI4OFYzMzcuNjY0aDcyLjA4OTZ2LTc0Ljc1MmgtNzIuMDg5NnYtNjguMDk2aDcyLjA4OTZ2LTcyLjE5MmgtNzIuMDg5NlY1MS4ySDc2My4zOTJ2NzEuNDI0aC03Mi4wMzg0djcyLjE5Mmg3Mi4wMzg0djY4LjA5NmgtNzIuMDM4NHY3NC43NTJoNzIuMDM4NHY1My45NjQ4aC0yMTUuMzQ3MlYzMzcuNjY0aDcyLjkwODh2LTc0Ljc1MmgtNzIuOTA4OHYtNjguMDk2aDcyLjkwODh2LTcyLjE5MmgtNzIuOTA4OFY1MS4ySDQ3NS45NTUydjcxLjQyNEg0MDMuMDk3NnY3Mi4xOTJoNzIuODU3NnY2OC4wOTZINDAzLjA5NzZ2NzQuNzUyaDcyLjg1NzZ2NTMuOTY0OEgyNjAuNjU5MlYzMzcuNjY0aDcyLjAzODR2LTc0Ljc1MkgyNjAuNjU5MnYtNjguMDk2aDcyLjAzODR2LTcyLjE5MkgyNjAuNjU5MlY1MS4ySDE4Ni4wNjA4djcxLjQyNEgxMTQuMDIyNHY3Mi4xOTJoNzIuMDM4NHY2OC4wOTZIMTE0LjAyMjR2NzQuNzUyaDcyLjAzODR2NTMuOTY0OGg2NTEuODI3MnoiCiAgICAgICAgZmlsbD0iI2ExY2FjNiIgZmlsbC1vcGFjaXR5PSIxIiBwLWlkPSI2NzQwIj48L3BhdGg+Cjwvc3ZnPgo=);
}
.query-box-wrap .gk-tabs__item.is-active .tab__icon--1 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTA1NTA0NDAiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjg3NSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNODM3Ljg4OCAzOTEuNjI4OFYzMzcuNjY0aDcyLjA4OTZ2LTc0Ljc1MmgtNzIuMDg5NnYtNjguMDk2aDcyLjA4OTZ2LTcyLjE5MmgtNzIuMDg5NlY1MS4ySDc2My4zOTJ2NzEuNDI0aC03Mi4wMzg0djcyLjE5Mmg3Mi4wMzg0djY4LjA5NmgtNzIuMDM4NHY3NC43NTJoNzIuMDM4NHY1My45NjQ4aC0yMTUuMzQ3MlYzMzcuNjY0aDcyLjkwODh2LTc0Ljc1MmgtNzIuOTA4OHYtNjguMDk2aDcyLjkwODh2LTcyLjE5MmgtNzIuOTA4OFY1MS4ySDQ3NS45NTUydjcxLjQyNEg0MDMuMDk3NnY3Mi4xOTJoNzIuODU3NnY2OC4wOTZINDAzLjA5NzZ2NzQuNzUyaDcyLjg1NzZ2NTMuOTY0OEgyNjAuNjU5MlYzMzcuNjY0aDcyLjAzODR2LTc0Ljc1MkgyNjAuNjU5MnYtNjguMDk2aDcyLjAzODR2LTcyLjE5MkgyNjAuNjU5MlY1MS4ySDE4Ni4wNjA4djcxLjQyNEgxMTQuMDIyNHY3Mi4xOTJoNzIuMDM4NHY2OC4wOTZIMTE0LjAyMjR2NzQuNzUyaDcyLjAzODR2NTMuOTY0OGg2NTEuODI3MnoiCiAgICAgICAgZmlsbD0iI2ExY2FjNiIgZmlsbC1vcGFjaXR5PSIxIiBwLWlkPSI2ODc2Ij48L3BhdGg+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0xNTMuNiA5NzIuOGExMDIuNCAxMDIuNCAwIDAgMS0xMDIuNC0xMDIuNFY0OTQuMDI4OGExMDIuNCAxMDIuNCAwIDAgMSAxMDIuNC0xMDIuNGg3MTYuOGExMDIuNCAxMDIuNCAwIDAgMSAxMDIuNCAxMDIuNFY4NzAuNGExMDIuNCAxMDIuNCAwIDAgMS0xMDIuNCAxMDIuNEgxNTMuNnogbTEzNC40LTQ5Mi44VjU2My4ySDM3Mi40Mjg4VjQ4MEgyODh6IG0xNDAuMjg4IDQxNmgxMTEuNjE2YzExMS42MTYgMCAxOTYuMDk2LTYwLjQxNiAxOTYuMDk2LTE2Ni40di04My4yYzIuMDk5Mi0xMTEuNjE2LTgzLjc2MzItMTY2LjQtMTk1LjM3OTItMTY2LjRINDI4LjIzNjhWODk2ek01MTIgODEyLjh2LTI0OS43MDI0bDM0LjMwNC0yLjg2NzIgMC4yMDQ4IDAuMTAyNGM1My42NTc2IDAgMTA1Ljg4MTYgMTEuMjY0IDEwNS43MjggODYuNjMwNHY4Mi42MzY4YzAgNTUuNTAwOC01Mi4yMjQgODYuMDE2LTEwNS44ODE2IDg2LjAxNkw1MTIgODEyLjg1MTJ6IG0tMjI0LTE5NC4xNTA0Vjg5Nmg4NC40OHYtMjc3LjM1MDRoLTg0LjQ4eiIKICAgICAgICBmaWxsPSIjZmZmZmZmIiBwLWlkPSI2ODc3Ij48L3BhdGg+Cjwvc3ZnPgo=);
}
.query-box-wrap .gk-tabs__item.is-active .tab__icon--2 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTA3OTQ2NTEiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNzE0OSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNNzcyLjgxMjggNjg2LjU5MmE0Mi42NDk2IDQyLjY0OTYgMCAwIDEgNTMuMTQ1Ni0yOC42NzJjOTYuMjU2IDI4LjkyOCAxNTUuMzQwOCA3MC44MDk2IDE1NS4zNDA4IDEzMS40MzA0IDAgMTA4LjAzMi0yMDguNzQyNCAxNzAuNjQ5Ni00NjkuMjk5MiAxNzAuNjQ5Ni0yNjAuNjA4IDAtNDY5LjM1MDQtNjIuNjE3Ni00NjkuMzUwNC0xNzAuNjQ5NiAwLTYwLjYyMDggNTkuMDg0OC0xMDIuNTAyNCAxNTUuMzkyLTEzMS4zNzkyYTQyLjY0OTYgNDIuNjQ5NiAwIDEgMSAyNC41MjQ4IDgxLjcxNTJjLTYyLjcyIDE4Ljg0MTYtOTQuNTY2NCA0MS40MjA4LTk0LjU2NjQgNDkuNjY0IDAgMzMuMzMxMiAxNzMuMzEyIDg1LjI5OTIgMzg0IDg1LjI5OTJzMzg0LTUxLjk2OCAzODQtODUuMjk5MmMwLTguMjQzMi0zMS44OTc2LTMwLjgyMjQtOTQuNTY2NC00OS42NjRhNDIuNjQ5NiA0Mi42NDk2IDAgMCAxLTI4LjYyMDgtNTMuMDk0NHoiCiAgICAgICAgZmlsbD0iI2ExY2FjNiIgZmlsbC1vcGFjaXR5PSIxIiBwLWlkPSI3MTUwIj48L3BhdGg+CiAgICA8cGF0aAogICAgICAgIGQ9Ik0xOTIgMzU1Ljg0QzE5MiAxODIuNzMyOCAzMzUuNTEzNiA0Mi43MDA4IDUxMiA0Mi43MDA4czMyMCAxNDAuMDMyIDMyMCAzMTMuMjQxNmMwIDEwNS4xNjQ4LTU3LjAzNjggMjA3LjEwNC0xNTAuNjgxNiAzMDMuNjY3MmE5NjkuNzI4IDk2OS43MjggMCAwIDEtMTM2LjE5MiAxMTYuMjI0bC05Ljc3OTIgNi42NTZhNDIuNjQ5NiA0Mi42NDk2IDAgMCAxLTQ2LjY5NDQgMCA2MTIuMDk2IDYxMi4wOTYgMCAwIDEtMjkuNzQ3Mi0yMS4xNDU2bC0xNi40ODY0LTEyLjU0NGE5NjkuNzI4IDk2OS43MjggMCAwIDEtOTkuNzM3Ni04OS4xOTA0QzI0OS4wMzY4IDU2Mi45OTUyIDE5MiA0NjEuMDU2IDE5MiAzNTUuODkxMnogbTE3MC42NDk2IDYuODYwOGExNDkuMzUwNCAxNDkuMzUwNCAwIDEgMCAyOTguNzAwOCAwIDE0OS4zNTA0IDE0OS4zNTA0IDAgMCAwLTI5OC43MDA4IDB6IgogICAgICAgIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjcxNTEiPjwvcGF0aD4KPC9zdmc+Cg==);
}
.query-box-wrap .gk-tabs__item.is-active .tab__icon--3 {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTI0MjM4ODYiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNzI4NiIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNMzg0IDEyOS4wNzUyYTQyLjY0OTYgNDIuNjQ5NiAwIDAgMC00Mi42NDk2LTQyLjY0OTZIMTcwLjcwMDhsLTcuMzcyOCAwLjMwNzJhODUuMzUwNCA4NS4zNTA0IDAgMCAwLTc3Ljk3NzYgODQuOTkydjE3MC43MDA4bDAuMzU4NCA1LjM3NmE0Mi42NDk2IDQyLjY0OTYgMCAwIDAgODQuOTkyLTUuMzc2VjE3MS43NzZoMTcwLjY0OTZsNS4zNzYtMC4zNTg0YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMCAzNy4zMjQ4LTQyLjM0MjR6IG00NzcuOTAwOC00Mi42NDk2YzQ0LjY0NjQgMCA4MS4zMDU2IDM0LjMwNCA4NC45OTIgNzcuOTc3NmwwLjM1ODQgNy4zNzI4djE3MC42NDk2YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMS04NC45OTIgNS4zNzZsLTAuMzU4NC01LjM3NlYxNzEuNzc2aC0xNzAuNjQ5NmE0Mi42NDk2IDQyLjY0OTYgMCAwIDEtNS4zNzYtODQuOTkybDUuMzc2LTAuMzU4NGgxNzAuNjQ5NnpNMTcwLjM5MzYgNjc4LjRhNDIuNjQ5NiA0Mi42NDk2IDAgMCAwLTg0Ljk5MiA1LjM3NnYxNzAuNjQ5NmwwLjMwNzIgNy4zNzI4YTg1LjM1MDQgODUuMzUwNCAwIDAgMCA4NC45OTIgNzcuOTc3NmgxNzAuNjQ5Nmw1LjM3Ni0wLjM1ODRhNDIuNzAwOCA0Mi43MDA4IDAgMCAwLTUuMzc2LTg0Ljk5MkgxNzAuNzAwOHYtMTcwLjY0OTZsLTAuMzA3Mi01LjM3NnogbTc2OCAwYTQyLjY0OTYgNDIuNjQ5NiAwIDAgMC04NC45OTIgNS4zNzZ2MTcwLjY0OTZoLTE3MC43MDA4bC01LjMyNDggMC4zNTg0YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMCA1LjMyNDggODQuOTkyaDE3MC43MDA4bDcuMzIxNi0wLjMwNzJhODUuMzUwNCA4NS4zNTA0IDAgMCAwIDc3Ljk3NzYtODUuMDQzMnYtMTcwLjY0OTZsLTAuMzA3Mi01LjM3NnoiCiAgICAgICAgZmlsbD0iI2ZmZmZmZiIgcC1pZD0iNzI4NyI+PC9wYXRoPgogICAgPHBhdGgKICAgICAgICBkPSJNNTYyLjQzMiAyODAuNzgwOGE0Mi42NDk2IDQyLjY0OTYgMCAwIDAtODQuOTkyIDUuMzI0OHY0Ny40NjI0QTE5Mi4yNTYgMTkyLjI1NiAwIDAgMCAzMzIuOCA0NzguMTA1NmgtNDcuNDExMmwtNS4zNzYgMC4zNTg0YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMCA1LjM3NiA4NC45OTJIMzMyLjhhMTkyLjI1NiAxOTIuMjU2IDAgMCAwIDE0NC41Mzc2IDE0NC41ODg4djQ3LjQxMTJsMC4zNTg0IDUuMzc2YTQyLjY0OTYgNDIuNjQ5NiAwIDAgMCA4NC45OTItNS4zNzZ2LTQ3LjQxMTJhMTkyLjI1NiAxOTIuMjU2IDAgMCAwIDE0NC41ODg4LTE0NC41Mzc2aDQ3LjQxMTJsNS4zNzYtMC4zNTg0YTQyLjcwMDggNDIuNzAwOCAwIDAgMC01LjM3Ni04NC45OTJoLTQ3LjQxMTJhMTkyLjMwNzIgMTkyLjMwNzIgMCAwIDAtMTQ0LjUzNzYtMTQ0LjU4ODh2LTQ3LjQ2MjRsLTAuMzU4NC01LjMyNDh6IG02MC4wNTc2IDI0MC4wMjU2YTEwMi40IDEwMi40IDAgMSAxLTIwNC44IDAgMTAyLjQgMTAyLjQgMCAwIDEgMjA0LjggMHoiCiAgICAgICAgZmlsbD0iI2ExY2FjNiIgZmlsbC1vcGFjaXR5PSIxIiBwLWlkPSI3Mjg4Ij48L3BhdGg+Cjwvc3ZnPgo=);
}
.query-box-wrap .gk-tabs__item.is-active .tab__text {
    color: var(--theme-primary);
}
.query-quick-result {
    position: absolute;
    top: 51px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 400px;
    max-height: 500px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    overflow: hidden;
}
.query-quick-result .list-box {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.query-quick-result .list-box .item-box {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--theme-divider-color);
    overflow: hidden;
    cursor: pointer;
}
.query-quick-result .list-box .item-box i {
    font-size: 20px;
    color: var(--theme-primary);
}
.query-quick-result .list-box .item-box .name {
    padding-left: 10px;
    font-size: 14px;
    color: var(--theme-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.common-pageination-wrap[data-v-0a235753] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.common-pageination-wrap .count-box[data-v-0a235753] {
    display: flex;
    align-items: center;
}
.common-pageination-wrap .count-box p[data-v-0a235753] {
    margin-right: 10px;
    font-size: 14px;
    color: var(--theme-primary-title);
}
.common-pageination-wrap .count-box p span[data-v-0a235753] {
    color: var(--theme-primary);
}
.common-pageination-wrap .btn-box[data-v-0a235753] {
    display: flex;
    align-items: center;
}
.common-pageination-wrap .btn-box[data-v-0a235753].gk-button {
    padding: 7px;
}
.common-pageination-wrap .diffBtnSize button[data-v-0a235753] {
    width: 24px !important;
    height: 24px !important;
    padding: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tzQueryClass .diffTop {
    top: 54px !important;
}
.tzQueryClass .query-result {
    position: absolute;
    top: 51px;
    left: 0;
    width: 100%;
    max-height: 600px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    overflow: hidden;
}
.tzQueryClass .query-result .query-result-box {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.tzQueryClass .query-result .query-result-box .diffClass .group-header {
    background-color: #f7f8fa;
}
.tzQueryClass .query-result .query-result-box__group .group-header {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--theme-divider-color);
    background-color: var(--theme-box-top-bg);
    cursor: pointer;
}
.tzQueryClass .query-result .query-result-box__group .group-header i {
    font-size: 16px;
    color: var(--theme-primary-title);
}
.tzQueryClass .query-result .query-result-box__group .group-header__title {
    margin-left: 8px;
    font-size: 14px;
    color: var(--theme-primary-title);
}
.tzQueryClass .query-result .query-result-box__group .group-header__count {
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin-left: 8px;
    font-size: 12px;
    color: var(--theme-primary);
    text-align: center;
    border-radius: 10px;
    background-color: var(--theme-badge-bg);
}
.tzQueryClass .query-result .query-result-box__group .group-header__data-export {
    margin-left: auto;
    background-color: var(--theme-primary);
    color: #fff;
    padding: 1px 11px;
    border-radius: 13px;
    font-size: 10px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
}
.tzQueryClass .query-result .query-result-box__group .group-header__data-export:hover {
    background-color: rgb(15.2551020408, 157.2448979592, 149.0306122449);
}
.tzQueryClass .query-result .query-result-box__group .group-list__diff-item:hover,
.tzQueryClass .query-result .query-result-box__group .group-list__diff-item:focus {
    background-color: rgba(0, 158, 168, 0.0980392157) !important;
}
.tzQueryClass .query-result .query-result-box__group .group-list__diff-item:hover .group-list__item__marker,
.tzQueryClass .query-result .query-result-box__group .group-list__diff-item:focus .group-list__item__marker {
    flex-shrink: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTczOTQ4ODAiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjc4MSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNNTExLjkxMDc2NiAxMDI0YzEwMC45NzM3MTQgMCAxODIuODU3MTQzLTMyLjczMTQyOSAxODIuODU3MTQzLTczLjE0Mjg1N3MtODEuODgzNDI5LTczLjE0Mjg1Ny0xODIuODU3MTQzLTczLjE0Mjg1Ny0xODIuODU3MTQzIDMyLjczMTQyOS0xODIuODU3MTQzIDczLjE0Mjg1NyA4MS44ODM0MjkgNzMuMTQyODU3IDE4Mi44NTcxNDMgNzMuMTQyODU3eiIKICAgICAgICBmaWxsPSIjZmYwMDAwIiBmaWxsLW9wYWNpdHk9Ii4xIiBwLWlkPSI2NzgyIj48L3BhdGg+CiAgICA8cGF0aAogICAgICAgIGQ9Ik01NDAuNDczMDUxIDkwMy45NzI1NzFjLTMuOTg2Mjg2IDE4LjI4NTcxNC01LjU1ODg1NyA0Ni44ODQ1NzEtMjguMzQyODU3IDQ2Ljg4NDU3MnMtMjQuMzkzMTQzLTI4LjU5ODg1Ny0yOC4zNzk0MjgtNDYuODg0NTcyYy0xOS4yNzMxNDMtODkuMzQ0LTQ3Ljc5ODg1Ny0xNjguNTIxMTQzLTEwNS45NDc0MjktMjM3Ljc4NzQyOC00MS40MzU0MjktNDguNzEzMTQzLTg3LjYyNTE0My05My42MjI4NTctMTI3LjQ1MTQyOC0xNDMuODM1NDI5QzE0Ni40MTU5MDkgMzg2Ljg4OTE0MyAxNjQuMDc5OTA5IDE5OC43NjU3MTQgMjkxLjYwNDQ4IDgzLjE2MzQyOWMxMjQuMDUwMjg2LTExMC44ODQ1NzEgMzE2LjgxODI4Ni0xMTAuODg0NTcxIDQ0MC44Njg1NzEgMCAxMjYuNTM3MTQzIDExMC4yMjYyODYgMTQ1LjYyNzQyOSAzMDQuNDU3MTQzIDQwLjYzMDg1OCA0MzkuMzMyNTcxLTM5LjAyMTcxNCA1MC4yMTI1NzEtODUuMzk0Mjg2IDk1LjEyMjI4Ni0xMjYuNjQ2ODU4IDE0My44MzU0MjktNTguOTg5NzE0IDY5LjI2NjI4Ni04Ni44NTcxNDMgMTQ4LjI5NzE0My0xMDUuOTg0IDIzNy42NDExNDJ6IgogICAgICAgIGZpbGw9IiNmZjAwMDAiIHAtaWQ9IjY3ODMiPjwvcGF0aD4KPC9zdmc+Cg==);
}
.tzQueryClass .query-result .query-result-box__group .group-list .select_erection {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--theme-divider-color);
}
.tzQueryClass .query-result .query-result-box__group .group-list__item {
    display: flex;
    align-items: flex-start;
    padding: 10px 12px;
    border-bottom: 1px solid var(--theme-divider-color);
    cursor: pointer;
}
.tzQueryClass .query-result .query-result-box__group .group-list__item__marker {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 6px;
    color: #fff;
    text-align: center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjcwMzE3Mzk0ODgwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY3ODEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTUxMS45MTA3NjYgMTAyNGMxMDAuOTczNzE0IDAgMTgyLjg1NzE0My0zMi43MzE0MjkgMTgyLjg1NzE0My03My4xNDI4NTdzLTgxLjg4MzQyOS03My4xNDI4NTctMTgyLjg1NzE0My03My4xNDI4NTctMTgyLjg1NzE0MyAzMi43MzE0MjktMTgyLjg1NzE0MyA3My4xNDI4NTcgODEuODgzNDI5IDczLjE0Mjg1NyAxODIuODU3MTQzIDczLjE0Mjg1N3oiIGZpbGw9IiMwRDg2N0YiIGZpbGwtb3BhY2l0eT0iLjEiIHAtaWQ9IjY3ODIiPjwvcGF0aD48cGF0aCBkPSJNNTQwLjQ3MzA1MSA5MDMuOTcyNTcxYy0zLjk4NjI4NiAxOC4yODU3MTQtNS41NTg4NTcgNDYuODg0NTcxLTI4LjM0Mjg1NyA0Ni44ODQ1NzJzLTI0LjM5MzE0My0yOC41OTg4NTctMjguMzc5NDI4LTQ2Ljg4NDU3MmMtMTkuMjczMTQzLTg5LjM0NC00Ny43OTg4NTctMTY4LjUyMTE0My0xMDUuOTQ3NDI5LTIzNy43ODc0MjgtNDEuNDM1NDI5LTQ4LjcxMzE0My04Ny42MjUxNDMtOTMuNjIyODU3LTEyNy40NTE0MjgtMTQzLjgzNTQyOUMxNDYuNDE1OTA5IDM4Ni44ODkxNDMgMTY0LjA3OTkwOSAxOTguNzY1NzE0IDI5MS42MDQ0OCA4My4xNjM0MjljMTI0LjA1MDI4Ni0xMTAuODg0NTcxIDMxNi44MTgyODYtMTEwLjg4NDU3MSA0NDAuODY4NTcxIDAgMTI2LjUzNzE0MyAxMTAuMjI2Mjg2IDE0NS42Mjc0MjkgMzA0LjQ1NzE0MyA0MC42MzA4NTggNDM5LjMzMjU3MS0zOS4wMjE3MTQgNTAuMjEyNTcxLTg1LjM5NDI4NiA5NS4xMjIyODYtMTI2LjY0Njg1OCAxNDMuODM1NDI5LTU4Ljk4OTcxNCA2OS4yNjYyODYtODYuODU3MTQzIDE0OC4yOTcxNDMtMTA1Ljk4NCAyMzcuNjQxMTQyeiIgZmlsbD0iIzBEODY3RiIgcC1pZD0iNjc4MyI+PC9wYXRoPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
}
.tzQueryClass .query-result .query-result-box__group .group-list__item__content {
    max-width: calc(100% - 34px);
}
.tzQueryClass .query-result .query-result-box__group .group-list__item__content p {
    line-height: 1em;
}
.tzQueryClass .query-result .query-result-box__group .group-list__item__content p:nth-child(1) {
    font-size: 14px;
    color: var(--theme-primary-title);
    word-break: break-word;
}
.tzQueryClass .query-result .query-result-box__group .group-list__item__content p:nth-child(2) {
    margin-top: 10px;
    font-size: 12px;
    color: var(--theme-sub);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tzQueryClass .query-result .query-result-box__group .group-list__item:hover .group-list__item__marker {
    flex-shrink: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTczOTQ4ODAiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjc4MSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNNTExLjkxMDc2NiAxMDI0YzEwMC45NzM3MTQgMCAxODIuODU3MTQzLTMyLjczMTQyOSAxODIuODU3MTQzLTczLjE0Mjg1N3MtODEuODgzNDI5LTczLjE0Mjg1Ny0xODIuODU3MTQzLTczLjE0Mjg1Ny0xODIuODU3MTQzIDMyLjczMTQyOS0xODIuODU3MTQzIDczLjE0Mjg1NyA4MS44ODM0MjkgNzMuMTQyODU3IDE4Mi44NTcxNDMgNzMuMTQyODU3eiIKICAgICAgICBmaWxsPSIjZmYwMDAwIiBmaWxsLW9wYWNpdHk9Ii4xIiBwLWlkPSI2NzgyIj48L3BhdGg+CiAgICA8cGF0aAogICAgICAgIGQ9Ik01NDAuNDczMDUxIDkwMy45NzI1NzFjLTMuOTg2Mjg2IDE4LjI4NTcxNC01LjU1ODg1NyA0Ni44ODQ1NzEtMjguMzQyODU3IDQ2Ljg4NDU3MnMtMjQuMzkzMTQzLTI4LjU5ODg1Ny0yOC4zNzk0MjgtNDYuODg0NTcyYy0xOS4yNzMxNDMtODkuMzQ0LTQ3Ljc5ODg1Ny0xNjguNTIxMTQzLTEwNS45NDc0MjktMjM3Ljc4NzQyOC00MS40MzU0MjktNDguNzEzMTQzLTg3LjYyNTE0My05My42MjI4NTctMTI3LjQ1MTQyOC0xNDMuODM1NDI5QzE0Ni40MTU5MDkgMzg2Ljg4OTE0MyAxNjQuMDc5OTA5IDE5OC43NjU3MTQgMjkxLjYwNDQ4IDgzLjE2MzQyOWMxMjQuMDUwMjg2LTExMC44ODQ1NzEgMzE2LjgxODI4Ni0xMTAuODg0NTcxIDQ0MC44Njg1NzEgMCAxMjYuNTM3MTQzIDExMC4yMjYyODYgMTQ1LjYyNzQyOSAzMDQuNDU3MTQzIDQwLjYzMDg1OCA0MzkuMzMyNTcxLTM5LjAyMTcxNCA1MC4yMTI1NzEtODUuMzk0Mjg2IDk1LjEyMjI4Ni0xMjYuNjQ2ODU4IDE0My44MzU0MjktNTguOTg5NzE0IDY5LjI2NjI4Ni04Ni44NTcxNDMgMTQ4LjI5NzE0My0xMDUuOTg0IDIzNy42NDExNDJ6IgogICAgICAgIGZpbGw9IiNmZjAwMDAiIHAtaWQ9IjY3ODMiPjwvcGF0aD4KPC9zdmc+Cg==);
}
.tzQueryClass .query-result .query-result-box__group .group-list__pageination {
    padding: 8px 12px;
    border-bottom: 1px solid var(--theme-divider-color);
}
.tzQueryClass .query-result__icon-export {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc4MzI3NjE3ODQwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgxNDkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTgzMiAxOTJ2NDQ4aDY0VjE5MmExMjggMTI4IDAgMCAwLTEyOC0xMjhIMzIwTDEyOCAyNTZ2NTc2YTEyOCAxMjggMCAwIDAgMTI4IDEyOGg1MTJhMTI4IDEyOCAwIDAgMCAxMTAuODQ4LTY0SDI1NmE2NCA2NCAwIDAgMS02NC02NFYyODhoMTI4QTk2IDk2IDAgMCAwIDQxNiAxOTJWMTI4SDc2OGE2NCA2NCAwIDAgMSA2NCA2NHpNMzUyIDEyOHY2NGEzMiAzMiAwIDAgMS0zMiAzMkgyNTAuNDk2bDk2LTk2SDM1MnoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjgxNTAiPjwvcGF0aD48cGF0aCBkPSJNNjU1LjU1MiA0MzguNjU2YTMyIDMyIDAgMSAwLTQ1LjI0OC00NS4zMTJMNTE5LjY4IDQ4My45MDQgNDI5LjI0OCAzOTMuMzQ0QTMyIDMyIDAgMCAwIDM4NCA0MzguNjU2bDkwLjQ5NiA5MC40OTZMMzg0IDYxOS42NDhhMzIgMzIgMCAwIDAgNDUuMjQ4IDQ1LjI0OGw5MC40OTYtOTAuNDk2IDkwLjU2IDkwLjQ5NmEzMiAzMiAwIDEgMCA0NS4yNDgtNDUuMjQ4TDU2NC45OTIgNTI5LjE1Mmw5MC41Ni05MC40OTZ6TTkxNC4zNjggNzc2Ljk2YTEyLjggMTIuOCAwIDAgMSAwIDIwLjQ4bC05My44ODggNzAuNGExMi44IDEyLjggMCAwIDEtMjAuNDgtMTAuMjR2LTM4LjRoLTI1NmEzMiAzMiAwIDAgMSAwLTY0aDI1NnYtMzguNGExMi44IDEyLjggMCAwIDEgMjAuNDgtMTAuMjRsOTMuODg4IDcwLjR6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSI4MTUxIj48L3BhdGg+PC9zdmc+);
    background-size: cover;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
}
.query-poi-result[data-v-6fc80bf3] {
    position: absolute;
    top: 51px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 400px;
    max-height: 500px;
    border: 1px solid var(--theme-card-border);
    border-radius: var(--webgis-border-radius-base);
    background-color: var(--theme-bg);
    box-shadow: var(--webgis-box-shadow);
    backdrop-filter: var(--theme-backdrop-filter);
    overflow: hidden;
}
.query-poi-result .list-box[data-v-6fc80bf3] {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
.query-poi-result .list-box__item[data-v-6fc80bf3] {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid var(--theme-divider-color);
    cursor: pointer;
}
.query-poi-result .list-box__item .icon-box[data-v-6fc80bf3] {
    flex-shrink: 0;
    width: 18px;
    height: 28px;
    margin-right: 10px;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAYAAABsxO8nAAAABHNCSVQICAgIfAhkiAAAAhxJREFUOI2t0s1LVGEUx/HvOTNq0zjRulWEWDuLXBgFbQw3uhQK7I9oEcSMyjVTauG+oEWCm5iWBS6MJhBqYaQQYRIhBIK76M54nbfntJjUaXwaX8azeu655/k8v3t5BE8lp8YHFLmN0GfGeQAR1jE+Cvbqd+bhm8Y9Uv+Qmhy9iMbmEHp9B+yWsYSrjoRjj77tg1LTY9cxnUfobIrsYXkTN5hPT77fhZKPx3q0qouHRuowF3M3Cg8mVxRAq/r0yEgtRqdW9TlBEJfk1PiAiswfGan3zAZVVUZaQQCcyIhi9LUKCfQq0NUqBHSpQaVVxWBbgS8nkGhVgcUTgHLqnMy2qpjJrG6NBksIc8dWhBeFTLCsABTlHrB+DOY7Rblf8/5Wajq4hNkHhLOHIoxfiFwL08EqgO70w3SwijFksH2wQQVjaAf5BwIIRycWQe42u1u1d3KnNrtXscbB0tvc147+myWQfq8kNp5PTzxrbKtvNizqjEHOkyaXL+oTr+//AEhOBZdV7HN9z5lcKWSCZd+8NxFAIRMsGyzUpVn4H9IUAhCTl771kSFX5rVv7T10X2d4OMbVC52J7UTKOmhvc24ekVhZ5JYUKUWnopBPP/Jks9X6bfFGJ9HTfS7u2hK0AwaGvMOgDeK0E0+5xOlKT/eZKMvPptC+yCIzB82A5x9FK2sboUablRJbZdm74WWhUimxFWq0Ga2sbTTu+wMwTsjeLtlBLAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: cover;
}
.query-poi-result .list-box__item .icon-box__index[data-v-6fc80bf3] {
    color: #fff;
}
.query-poi-result .list-box__item .info-box[data-v-6fc80bf3] {
    flex: 1;
    overflow: hidden;
}
.query-poi-result .list-box__item .info-box__text[data-v-6fc80bf3] {
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-primary-title);
}
.query-poi-result .list-box__item .info-box__desc[data-v-6fc80bf3] {
    color: var(--theme-sub);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.query-poi-result .list-box__item:hover .icon-box[data-v-6fc80bf3] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAYAAABsxO8nAAAABHNCSVQICAgIfAhkiAAAAg5JREFUOI2t0r9rE3EYx/H3871crqWx/0FBSsHB0qTQoaCDg6UI7SoK8Y8I4ubgP+Du4GChi5qxQsAOFTI4FO7SdGiDlIJbqVLwTM/cj8clLdfkEhvTz/S95/l+X9+HuxMyEhaLqyryREWWBW4DKByL6lcD1Zznfeo9I+kHXVi4E1rWJrCUdUEqu3Ycl2Vv77APCkulewo1RAr/QLq3qi8ia7brfrmEdHGxGKrWr42kMFvkvrhuwwCE8GZkBECkEMJbhZyExeKqGlMbGUnFqK4ZFSmPgwAkImWDyPK4ELBkgLkbgOYMEN0AFBhg/wagAwPUx2ZUdwywMTYEGybvuruobo4xzbu853kGIGi3KwrH/8F8C9rtFwAGYLrVOiWKHgFnIyBnGkXr063W6SUE4DSbB5Ik60BwDSSSJFl3ms2Di4JJd+1Go67wjOH/VqTw1G40rnxt07vLcd2qwMtBiqi+cly32lfP2qyQC0ulz4g8uNrQHdvzViRj4r6JunoEVDJalSxkIASQ9zwP2E6Vtru1zAyEAFB9n7keFep0OltZ66z0vewPYD2cnS1MFAq3JlXzHcuqCVh2HK+ci3QC3/+1fXTkP4Z4KKTz8zN/LGvycmSR5wCJ6uuLmhPH57K//z19Ljds3F5gWKzewt2Tk98zU1Ohlc+bCVWJRQyAkyRRCMG57//cOjz88RE0fe4vMA7RS6BldkAAAAAASUVORK5CYII=);
}
.query-poi-result .page-box[data-v-6fc80bf3] {
    flex-shrink: 0;
    padding: 8px 12px;
}
.webgis-query-marker {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIKICAgICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHQ9IjE2NzAzMTczOTQ4ODAiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNjc4MSIKICAgICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPgogICAgPHBhdGgKICAgICAgICBkPSJNNTExLjkxMDc2NiAxMDI0YzEwMC45NzM3MTQgMCAxODIuODU3MTQzLTMyLjczMTQyOSAxODIuODU3MTQzLTczLjE0Mjg1N3MtODEuODgzNDI5LTczLjE0Mjg1Ny0xODIuODU3MTQzLTczLjE0Mjg1Ny0xODIuODU3MTQzIDMyLjczMTQyOS0xODIuODU3MTQzIDczLjE0Mjg1NyA4MS44ODM0MjkgNzMuMTQyODU3IDE4Mi44NTcxNDMgNzMuMTQyODU3eiIKICAgICAgICBmaWxsPSIjZmYwMDAwIiBmaWxsLW9wYWNpdHk9Ii4xIiBwLWlkPSI2NzgyIj48L3BhdGg+CiAgICA8cGF0aAogICAgICAgIGQ9Ik01NDAuNDczMDUxIDkwMy45NzI1NzFjLTMuOTg2Mjg2IDE4LjI4NTcxNC01LjU1ODg1NyA0Ni44ODQ1NzEtMjguMzQyODU3IDQ2Ljg4NDU3MnMtMjQuMzkzMTQzLTI4LjU5ODg1Ny0yOC4zNzk0MjgtNDYuODg0NTcyYy0xOS4yNzMxNDMtODkuMzQ0LTQ3Ljc5ODg1Ny0xNjguNTIxMTQzLTEwNS45NDc0MjktMjM3Ljc4NzQyOC00MS40MzU0MjktNDguNzEzMTQzLTg3LjYyNTE0My05My42MjI4NTctMTI3LjQ1MTQyOC0xNDMuODM1NDI5QzE0Ni40MTU5MDkgMzg2Ljg4OTE0MyAxNjQuMDc5OTA5IDE5OC43NjU3MTQgMjkxLjYwNDQ4IDgzLjE2MzQyOWMxMjQuMDUwMjg2LTExMC44ODQ1NzEgMzE2LjgxODI4Ni0xMTAuODg0NTcxIDQ0MC44Njg1NzEgMCAxMjYuNTM3MTQzIDExMC4yMjYyODYgMTQ1LjYyNzQyOSAzMDQuNDU3MTQzIDQwLjYzMDg1OCA0MzkuMzMyNTcxLTM5LjAyMTcxNCA1MC4yMTI1NzEtODUuMzk0Mjg2IDk1LjEyMjI4Ni0xMjYuNjQ2ODU4IDE0My44MzU0MjktNTguOTg5NzE0IDY5LjI2NjI4Ni04Ni44NTcxNDMgMTQ4LjI5NzE0My0xMDUuOTg0IDIzNy42NDExNDJ6IgogICAgICAgIGZpbGw9IiNmZjAwMDAiIHAtaWQ9IjY3ODMiPjwvcGF0aD4KPC9zdmc+Cg==);
    background-size: cover;
    text-align: center;
    color: #fff;
    width: 30px;
    height: 28px;
}
@media screen and (width >= 6000px) {
    .webgis-query-marker {
        color: #fff;
        width: 100px;
        height: 100px;
    }
    .webgis-query-marker div {
        font-size: 40px;
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translate(-50%);
    }
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.RegionSelector
 *         
 */
.province-selector {
    position: absolute;
    background-color: var(--theme-bg);
    border-radius: 8px;
    font-size: 14px;
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
}
.province-selector__button {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 68px;
    height: 46px;
    color: var(--theme-primary-title);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
.province-selector__diff-top {
    top: 54px !important;
}
.province-selector__options {
    width: 430px;
    height: 255px;
    background-color: var(--theme-bg);
    font-size: 14px;
    position: absolute;
    top: 55px;
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
}
.province-selector__head {
    padding: 10px 15px;
    border-bottom: 1px solid var(--theme-divider-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: var(--theme-primary-title);
}
.province-selector__head .gk-icon-close {
    font-size: 16px;
    font-weight: bold;
}
.province-selector__body {
    margin: 10px 0px;
    padding: 0px 16px;
    font-size: 12px;
}
.province-selector .province-op__selector-province {
    color: var(--webgis-primary-color);
    padding: 5px 0px;
    margin: 3px;
    font-weight: 600;
}
.province-selector .province-op {
    padding: 6px 10px;
    border-radius: 4px;
    background-color: var(--theme-item-bg-unactive);
    margin: 5px;
    width: 39px;
    text-align: center;
}
.province-selector .province-op__province {
    margin: 3px;
    flex: none;
    cursor: pointer;
    font-weight: 600;
    color: var(--theme-sub);
}
.province-selector .province-op__province:hover {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active);
}
.province-selector .province-op__bureauBox {
    display: inline-block;
}
.province-selector .province-op__bureau {
    margin: 3px 8px;
    display: inline-block;
    cursor: pointer;
    color: var(--theme-primary-title);
}
.province-selector .province-op__bureau:hover {
    color: var(--theme-item-bg-active);
}
.province-selector .province-op--active {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active);
}
.province-selector .distribution__body {
    height: 150px;
}
.province-selector .distribution-op {
    display: flex;
    flex-wrap: wrap;
}
.province-selector .distribution-op__selector-province {
    color: var(--theme-primary-title);
    font-weight: 600;
}
.province-selector .distribution-op .province-op {
    padding: 6px 10px;
    border-radius: 4px;
    margin-right: 2px;
    background-color: var(--theme-item-bg-unactive);
    margin-right: 2px;
    cursor: pointer;
}
.province-selector .distribution-op .province-op:hover {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active);
}
.province-selector .distribution-op .province-op--active {
    color: var(--theme-item-fc-active);
    background-color: var(--theme-item-bg-active);
}
.province-selector .gk-icon-close {
    cursor: pointer;
}
.province-selector .gk-icon-close:hover {
    color: red;
}
.gk-icon-arrow-up,
.gk-icon-arrow-down {
    font-weight: bold;
    font-size: 15px;
    padding-right: 5px;
}
.rotate3d-enter-from,
.rotate3d-leave-to {
    opacity: 0;
    transform: rotate3d(1, 1, 1, 8deg);
}
.rotate3d-enter-active,
.rotate3d-leave-active {
    transition: all 0.5s ease;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.spatialAnalyst
 *         
 */
.spatialAnalyst {
    background-color: #fff;
}
.spatialAnalyst__input-field {
    color: #666;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.spatialAnalyst__input-field ::v-deep .gk-color-picker__trigger {
    width: 100%;
    border: 0px;
}
.spatialAnalyst__input-field ::v-deep .gk-color-picker__trigger .gk-color-picker__icon {
    display: none;
}
.spatialAnalyst__deviceType {
    padding: 0;
    margin: 5px;
    width: 80%;
    height: 28px;
    font-size: 11px;
    border-radius: 3px;
    background: var(--btn-tertiary);
    color: var(--theme-sub, #fff);
    border: 1px solid var(--btn-border-tertiary, transparent);
    cursor: pointer;
}
.spatialAnalyst__deviceType:hover {
    color: #fff;
    opacity: 0.8;
    background-color: var(--btn-tertiary-hover, #007bd1);
}
.spatialAnalyst__u-padding {
    padding: 0 8px;
}
.spatialAnalyst .active {
    color: #fff;
    background-color: var(--theme-item-bg-active, #007bd1);
    border: 1px solid var(--theme-item-bg-active);
}
.spatialAnalyst .gk-button .gk-button--small {
    padding: 4px;
}
.spatialAnalyst .gk-divider--horizontal {
    width: 94%;
    margin: 2px 0 8px 0 !important;
}
.spatialAnalyst .gk-tabs .gk-tabs__header {
    padding: 0 8px;
    position: relative;
    margin: 0 0 15px;
}
.spatialAnalyst .gk-radio-button .gk-radio-button__inner {
    border: 0px !important;
    padding: 6px;
    border-radius: 4px !important;
    margin-left: 8px;
}
.spatialAnalyst .gisIconfont {
    font-size: 22px;
}
.spatialAnalyst .spatialAnalyst__u-padding {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 18px;
}
.spatialAnalyst .spatialAnalyst__u-padding .spatialAnalyst__input-input {
    flex-grow: 1;
}
.spatialAnalyst .spatialAnalyst__u-padding .spatialAnalyst__input-field {
    min-width: 96px;
    white-space: nowrap;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.spatialAnalystV2
 *         
 */
.color-picker-popper {
    z-index: 2200 !important;
}
.spatial-analyst-wrap[data-v-6c338e26] {
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1568627451);
    overflow: hidden;
}
.spatial-analyst-wrap .header-box[data-v-6c338e26] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    background-color: #f7f8fa;
}
.spatial-analyst-wrap .header-box span[data-v-6c338e26] {
    font-size: 16px;
    font-weight: bold;
}
.spatial-analyst-wrap .header-box i[data-v-6c338e26] {
    font-size: 20px;
    cursor: pointer;
}
.spatial-analyst-wrap .setting-box[data-v-6c338e26] {
    margin: 12px 8px 0;
    padding: 0 12px 12px;
    border-radius: 4px;
    background-color: #f7f8fa;
}
.spatial-analyst-wrap .setting-box .tab-box[data-v-6c338e26] {
    display: flex;
    border-bottom: 1px solid #e5e6eb;
}
.spatial-analyst-wrap .setting-box .tab-box .tab-item[data-v-6c338e26] {
    position: relative;
    flex: 1;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #18181b;
    text-align: center;
    cursor: pointer;
}
.spatial-analyst-wrap .setting-box .tab-box .tab-item--active[data-v-6c338e26] {
    color: #009ea8;
}
.spatial-analyst-wrap .setting-box .tab-box .tab-item--active[data-v-6c338e26]::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #009ea8;
}
.spatial-analyst-wrap .setting-box .choose-box[data-v-6c338e26] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e5e6eb;
}
.spatial-analyst-wrap .setting-box .choose-box .choose-item[data-v-6c338e26] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 52px;
}
.spatial-analyst-wrap .setting-box .choose-box .choose-item .icon[data-v-6c338e26] {
    display: block;
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 32px;
    color: #18181b;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
}
.spatial-analyst-wrap .setting-box .choose-box .choose-item .icon--active[data-v-6c338e26] {
    color: #fff;
    background-color: #009ea8;
}
.spatial-analyst-wrap .setting-box .choose-box .choose-item .text[data-v-6c338e26] {
    line-height: 20px;
    margin-top: 8px;
    font-size: 12px;
    color: rgba(24, 24, 27, 0.6);
}
.spatial-analyst-wrap .setting-box .input-box[data-v-6c338e26] {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.spatial-analyst-wrap .setting-box .input-box label[data-v-6c338e26] {
    display: inline-block;
    flex-shrink: 0;
    flex-basis: 60px;
    line-height: 32px;
    font-size: 12px;
    color: #18181b;
}
.spatial-analyst-wrap .setting-box .input-box__suffix[data-v-6c338e26] {
    line-height: 32px;
    font-size: 12px;
    color: #999;
}
.spatial-analyst-wrap .filter-box[data-v-6c338e26] {
    display: flex;
    margin: 12px 8px 0;
    padding: 6px;
    border-radius: 4px;
    background-color: #f7f8fa;
}
.spatial-analyst-wrap .filter-box .filter-options[data-v-6c338e26] {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 0;
}
.spatial-analyst-wrap .filter-box .filter-options .filter-item[data-v-6c338e26] {
    flex-basis: calc(50% - 4px);
    height: 24px;
    line-height: 24px;
    margin-right: 2px;
    font-size: 12px;
    color: #18181b;
    text-align: center;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    cursor: pointer;
}
.spatial-analyst-wrap .filter-box .filter-options .filter-item--active[data-v-6c338e26] {
    color: #fff;
    border-color: #009ea8;
    background-color: #009ea8;
}
.spatial-analyst-wrap .filter-box .filter-options .filter-item[data-v-6c338e26]:nth-child(3) {
    margin-top: 2px;
}
.spatial-analyst-wrap .filter-box .filter-options .filter-item[data-v-6c338e26]:nth-child(4) {
    margin-top: 2px;
}
.spatial-analyst-wrap .filter-box .filter-custom[data-v-6c338e26] {
    flex: 0 0 60px;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #18181b;
    text-align: center;
    border: 1px solid #e5e6eb;
    border-radius: 4px;
    cursor: pointer;
}
.spatial-analyst-wrap .filter-box .filter-custom--active[data-v-6c338e26] {
    color: #fff;
    border-color: #009ea8;
    background-color: #009ea8;
}
.spatial-analyst-wrap .tree-box[data-v-6c338e26] {
    max-height: 400px;
    margin: 20px 14px 0;
    overflow-x: hidden;
    overflow-y: auto;
}
.spatial-analyst-wrap .tree-box .tree-item__title[data-v-6c338e26] {
    height: 34px;
    line-height: 34px;
    cursor: pointer;
}
.spatial-analyst-wrap .tree-box .tree-item__title i[data-v-6c338e26] {
    font-size: 16px;
    color: rgba(24, 24, 27, 0.8);
}
.spatial-analyst-wrap .tree-box .tree-item__title span[data-v-6c338e26] {
    font-size: 14px;
    color: rgba(24, 24, 27, 0.8);
}
.spatial-analyst-wrap .tree-box .tree-item__sub[data-v-6c338e26] {
    height: 34px;
    line-height: 34px;
    padding-left: 40px;
}
.scrollbar[data-v-6c338e26]::-webkit-scrollbar {
    width: 6px;
}
.scrollbar[data-v-6c338e26]::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #e5e6eb;
}
.scrollbar[data-v-6c338e26]::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}
.spatial-analyst-result-wrap[data-v-121f6abf] {
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1568627451);
    overflow: hidden;
}
.spatial-analyst-result-wrap .group-wrap[data-v-121f6abf] {
    position: relative;
}
.spatial-analyst-result-wrap .group-wrap .group-header[data-v-121f6abf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    border-bottom: 1px solid #e5e6eb;
    background-color: #f7f8fa;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-title[data-v-121f6abf] {
    display: flex;
    align-items: center;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-title__text[data-v-121f6abf] {
    font-size: 12px;
    font-weight: bold;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-title__count[data-v-121f6abf] {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    margin-left: 8px;
    font-size: 12px;
    color: #009ea8;
    text-align: center;
    border-radius: 8px;
    background-color: rgba(0, 158, 168, 0.0980392157);
    cursor: pointer;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate[data-v-121f6abf] {
    display: flex;
    align-items: center;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate__btn[data-v-121f6abf] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 24px;
    margin-right: 8px;
    border: 1px solid #009ea8;
    border-radius: 12px;
    outline: none;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate__btn i[data-v-121f6abf] {
    font-size: 14px;
    color: #009ea8;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate__btn span[data-v-121f6abf] {
    margin-left: 4px;
    font-style: 14px;
    color: #009ea8;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate__btn--active[data-v-121f6abf] {
    background-color: #009ea8;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate__btn--active i[data-v-121f6abf] {
    color: #fff;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate__btn--active span[data-v-121f6abf] {
    color: #fff;
}
.spatial-analyst-result-wrap .group-wrap .group-header .group-operate .icon[data-v-121f6abf] {
    font-size: 16px;
}
.spatial-analyst-result-wrap .group-wrap .group-filter[data-v-121f6abf] {
    position: absolute;
    top: 35px;
    left: 12px;
    width: 120px;
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1568627451);
    overflow: hidden;
    z-index: 100;
}
.spatial-analyst-result-wrap .group-wrap .group-filter__header[data-v-121f6abf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    background-color: #f7f8fa;
}
.spatial-analyst-result-wrap .group-wrap .group-filter__header span[data-v-121f6abf] {
    font-size: 12px;
}
.spatial-analyst-result-wrap .group-wrap .group-filter__header i[data-v-121f6abf] {
    font-size: 16px;
    cursor: pointer;
}
.spatial-analyst-result-wrap .group-wrap .group-select[data-v-121f6abf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    padding: 0 24px;
    border-bottom: 1px solid #e5e6eb;
}
.spatial-analyst-result-wrap .group-wrap .group-select p[data-v-121f6abf] {
    font-size: 14px;
    color: #009ea8;
}
.spatial-analyst-result-wrap .group-wrap .group-select p span[data-v-121f6abf] {
    cursor: pointer;
}
.spatial-analyst-result-wrap .group-wrap .group-select p span[data-v-121f6abf]:not(:first-of-type) {
    margin-left: 26px;
}
.spatial-analyst-result-wrap .group-wrap .group-box[data-v-121f6abf] {
    max-height: 440px;
    border-bottom: 1px solid #e5e6eb;
    overflow-x: hidden;
    overflow-y: auto;
}
.spatial-analyst-result-wrap .group-wrap .group-box .group-item[data-v-121f6abf] {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 24px 0 18px;
}
.spatial-analyst-result-wrap .group-wrap .group-box .group-item .icon[data-v-121f6abf] {
    flex-shrink: 0;
    width: 18px;
    height: auto;
    margin-right: 8px;
}
.spatial-analyst-result-wrap .group-wrap .group-box .group-item .text[data-v-121f6abf] {
    flex: 1;
    line-height: 20px;
    font-size: 12px;
    color: #181818;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.spatial-analyst-result-wrap .group-wrap .group-box .group-item[data-v-121f6abf]:hover {
    background-color: rgba(0, 158, 168, 0.0980392157);
}
.spatial-analyst-result-wrap .group-wrap .group-box .group-item--active[data-v-121f6abf] {
    background-color: rgba(0, 158, 168, 0.0980392157);
}
[data-v-121f6abf] .gk-checkbox {
    height: 34px;
    line-height: 34px;
    margin-right: 0;
    padding-left: 16px;
}
.scrollbar[data-v-121f6abf]::-webkit-scrollbar {
    width: 6px;
}
.scrollbar[data-v-121f6abf]::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #e5e6eb;
}
.scrollbar[data-v-121f6abf]::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.thematicLayerCtl
 *         
 */
.layerControl {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--theme-floatpanel-content-bg, #fff);
    border-radius: var(--webgis-border-radius-base, 6px);
    overflow: hidden auto;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto;
}
.layerControl__mode-list {
    display: flex;
    height: 46px;
    padding: 0 10px;
    align-items: center;
    justify-content: space-between;
}
.layerControl__split {
    border-bottom: 1px solid #e5e6eb;
}
.layerControl__mode {
    float: left;
    height: 28px;
    line-height: 28px;
    width: 21.5%;
    border-radius: 2px;
    font-size: 14px;
    color: var(--theme-primary-title);
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--btn-border-secondary);
    background: var(--btn-tertiary);
}
.layerControl__mode--active {
    background-image: linear-gradient(270deg, var(--webgis-primary-color) 0%, var(--webgis-primary-color));
    border-radius: 2px;
    color: #fff;
}
.layerControl__main {
    padding: 0px;
    box-sizing: border-box;
    transition: height 0.3s;
    overflow: hidden;
    overflow-y: auto;
}
.layerControl__settings {
    max-height: 50%;
    background-color: #fff;
    border-radius: var(--webgis-border-radius-base, 6px);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    overflow-y: auto;
}
.layerControl__settings .p_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background: var(--theme-dialog-head-primary, #f7f7f7);
    color: var(--theme-primary-title);
    padding: 0 20px;
}
.layerControl__settings .s_tit {
    display: inline-block;
    padding: 5px 0;
    font-weight: 700;
    color: #000;
}
.layerControl__settings .customConfig .item {
    position: relative;
    padding: 5px 20px;
}
.layerControl__settings .customConfig .item input {
    width: 138px;
    height: 20px;
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    padding-left: 5px;
    margin-left: 10px;
    color: #000;
}
.layerControl__settings .customConfig .item .color_picker {
    position: absolute;
    bottom: 15px;
}
.layerControl__settings .customConfig .item .maps {
    padding: 10px;
}
.layerControl__settings .customConfig .item:nth-child(1) {
    padding: 20px;
}
.layerControl .gk-checkbox__input.is-checked > .gk-checkbox__inner {
    background-color: var(--theme-primary, #666);
    border-color: var(--theme-primary, #666);
}
.layerControl .gk-checkbox__inner:hover,
.layerControl .gk-checkbox__inner:active,
.layerControl .gk-checkbox__inner:focus {
    border-color: var(--theme-primary, #666);
}
.layerControl .gk-checkbox__input.is-indeterminate .gk-checkbox__inner {
    background-color: var(--theme-primary, #666);
    border-color: var(--theme-primary, #666);
}
.layerControl .gk-tree .gk-tree-node__content {
    height: 34px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-family: 'PingFang SC-å¸¸è§„ä½“, PingFang SC';
    font-weight: normal;
    font-size: 14px;
}
.layerControl .gk-tree .gk-tree-node__content::before {
    content: '';
    display: inline-block;
    padding-left: 16px;
}
.layerControl .gk-tree > .gk-tree-node > .gk-tree-node__content:first-of-type {
    background: #f2f3f5;
    margin-left: -16px;
    padding-left: 16px !important;
}
.layerControl .gk-tree .gk-icon-caret-right {
    padding-right: 8px;
}
.layerControl .gk-tree .gk-icon-caret-right:before {
    content: 'î› ';
}
.layerControl__treeBg .gk-tree > .gk-tree-node > .gk-tree-node__content:first-of-type {
    background: #f7f8fa;
}
.layerControl__treeBg .gk-tree .gk-tree-node .gk-tree-node__content:hover {
    background-color: #f7f8fa;
}
.layerControl__treeBg .gk-tree .gk-tree-node:focus > .gk-tree-node__content {
    background-color: #f7f8fa;
}
.layerControl {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--theme-floatpanel-content-bg, #fff);
    border-radius: var(--webgis-border-radius-base, 6px);
    overflow: hidden auto;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: auto;
}
.layerControl__mode-list {
    display: flex;
    height: 46px;
    padding: 0 10px;
    align-items: center;
    justify-content: space-between;
}
.layerControl__split {
    border-bottom: 1px solid #e5e6eb;
}
.layerControl__mode {
    float: left;
    height: 28px;
    line-height: 28px;
    width: 21.5%;
    border-radius: 2px;
    font-size: 14px;
    color: var(--theme-primary-title);
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--btn-border-secondary);
    background: var(--btn-tertiary);
}
.layerControl__mode--active {
    background-image: linear-gradient(270deg, var(--webgis-primary-color) 0%, var(--webgis-primary-color));
    border-radius: 2px;
    color: #fff;
}
.layerControl__main {
    padding: 0px;
    box-sizing: border-box;
    transition: height 0.3s;
    overflow: hidden;
    overflow-y: auto;
}
.layerControl__settings {
    max-height: 50%;
    background-color: #fff;
    border-radius: var(--webgis-border-radius-base, 6px);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    overflow-y: auto;
}
.layerControl__settings .p_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    background: var(--theme-dialog-head-primary, #f7f7f7);
    color: var(--theme-primary-title);
    padding: 0 20px;
}
.layerControl__settings .s_tit {
    display: inline-block;
    padding: 5px 0;
    font-weight: 700;
    color: #000;
}
.layerControl__settings .customConfig .item {
    position: relative;
    padding: 5px 20px;
}
.layerControl__settings .customConfig .item input {
    width: 138px;
    height: 20px;
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    padding-left: 5px;
    margin-left: 10px;
    color: #000;
}
.layerControl__settings .customConfig .item .color_picker {
    position: absolute;
    bottom: 15px;
}
.layerControl__settings .customConfig .item .maps {
    padding: 10px;
}
.layerControl__settings .customConfig .item:nth-child(1) {
    padding: 20px;
}
.layerControl .gk-checkbox__input.is-checked > .gk-checkbox__inner {
    background-color: var(--theme-primary, #666);
    border-color: var(--theme-primary, #666);
}
.layerControl .gk-checkbox__inner:hover,
.layerControl .gk-checkbox__inner:active,
.layerControl .gk-checkbox__inner:focus {
    border-color: var(--theme-primary, #666);
}
.layerControl .gk-checkbox__input.is-indeterminate .gk-checkbox__inner {
    background-color: var(--theme-primary, #666);
    border-color: var(--theme-primary, #666);
}
.layerControl .gk-tree .gk-tree-node__content {
    height: 34px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-family: 'PingFang SC-å¸¸è§„ä½“, PingFang SC';
    font-weight: normal;
    font-size: 14px;
}
.layerControl .gk-tree .gk-tree-node__content::before {
    content: '';
    display: inline-block;
    padding-left: 16px;
}
.layerControl .gk-tree > .gk-tree-node > .gk-tree-node__content:first-of-type {
    background: #f2f3f5;
    margin-left: -16px;
    padding-left: 16px !important;
}
.layerControl .gk-tree .gk-icon-caret-right {
    padding-right: 8px;
}
.layerControl .gk-tree .gk-icon-caret-right:before {
    content: 'î› ';
}
.layerControl__treeBg .gk-tree > .gk-tree-node > .gk-tree-node__content:first-of-type {
    background: #f7f8fa;
}
.layerControl__treeBg .gk-tree .gk-tree-node .gk-tree-node__content:hover {
    background-color: #f7f8fa;
}
.layerControl__treeBg .gk-tree .gk-tree-node:focus > .gk-tree-node__content {
    background-color: #f7f8fa;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.typhoon
 *         
 */
.wrap[data-v-3faebf56] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
}
.wrap .header[data-v-3faebf56] {
    display: flex;
    flex-shrink: 0;
}
.wrap .main[data-v-3faebf56] {
    flex: 1;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}
.wrap .footer[data-v-3faebf56] {
    flex-shrink: 0;
}
[data-v-3faebf56].gk-input--small .gk-input--suffix {
    color: var(--theme-primary);
    background-color: var(--theme-card-border);
}
[data-v-3faebf56].gk-input--small .gk-input__inner {
    border: 1px solid var(--theme-select-border-color);
    color: var(--theme-primary);
}
[data-v-3faebf56].gk-input--small .gk-input-group__append {
    background-color: var(--theme-card-border);
    color: var(--theme-primary);
}
[data-v-3faebf56].typhoon-table thead {
    background-color: var(--theme-bg);
    color: var(--theme-primary);
}
[data-v-3faebf56].typhoon-table tbody {
    background-color: var(--theme-bg);
    color: var(--theme-sub);
}
[data-v-3faebf56].typhoon-table table th {
    background-color: var(--theme-bg);
    color: var(--theme-primary);
}
[data-v-3faebf56].typhoon-table table tr {
    background-color: var(--theme-bg);
}
.gk-input-group__prepend {
    overflow: hidden;
}
*[data-v-513b6c13] {
    box-sizing: border-box;
}
.wrap[data-v-513b6c13] {
    position: absolute;
    left: 10px;
    bottom: 90px;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 2px;
    font-size: var(--webgis-font-size-small);
    color: var(--theme-primary-title);
    border-radius: 4px;
    background-color: var(--theme-bg);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.wrap .list[data-v-513b6c13] {
    display: flex;
    margin-left: 10px;
}
.wrap .list .item[data-v-513b6c13] {
    padding: 2px 5px;
    color: #fff;
}
.wrap i[data-v-513b6c13] {
    margin: 0 10px;
    font-size: var(--webgis-font-size-big);
    cursor: pointer;
}
*[data-v-06dbb196] {
    box-sizing: border-box;
}
.wrap[data-v-06dbb196] {
    position: absolute;
    left: 10px;
    bottom: 132px;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 2px;
    font-size: var(--webgis-font-size-small);
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.wrap .list[data-v-06dbb196] {
    display: flex;
    margin-left: 10px;
}
.wrap .list .item[data-v-06dbb196] {
    display: flex;
    align-items: center;
    padding: 2px 5px;
}
.wrap .list .item span[data-v-06dbb196] {
    font-weight: bold;
}
.wrap i[data-v-06dbb196] {
    margin: 0 10px;
    font-size: var(--webgis-font-size-big);
    cursor: pointer;
}
.webgis-floatpanel {
    display: flex;
    flex-direction: column;
    position: absolute !important;
    background-color: var(--theme-floatpanel-bg, #fff);
    border: 1px solid var(--theme-card-border, #dddddd);
    z-index: 9998;
    border-radius: var(--webgis-border-radius-base, 4px);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
    backdrop-filter: blur(5px);
}
.webgis-floatpanel .tools {
    position: relative;
    left: -8px;
    display: flex;
}
.webgis-floatpanel .tools div {
    padding: 0 5px;
}
.webgis-floatpanel-center-center {
    left: 50%;
    top: 50%;
}
.webgis-floatpanel-top-left {
    top: 70px;
    left: 20px;
}
.webgis-floatpanel-top-right {
    top: 80px;
    right: 70px;
}
.webgis-floatpanel-bottom-left {
    bottom: 95px;
    left: 8px;
}
.webgis-floatpanel-bottom-right {
    bottom: 30px;
    right: 79px;
}
.webgis-floatpanel .title {
    position: relative;
    flex-shrink: 0;
    height: 40px;
    line-height: 40px;
    font-size: var(--webgis-font-size-base, 14px);
    font-weight: bold;
    color: var(--theme-primary, #fff);
    background-color: var(--theme-floatpanel-header-bg, #fff);
    cursor: move;
    display: flex;
    padding-left: 10px;
    align-items: center;
}
.webgis-floatpanel .title h2 {
    font-size: 14px;
    height: 27px;
}
.webgis-floatpanel .title a,
a.open {
    float: left;
    width: 40px;
    height: 40px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAYAAAAnSfh8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjQ0Y2RmYy01M2QzLTVhNGQtODU1OC03OTRmZjRhNTk3MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzEwMzNCNkYwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzEwMzNCNkUwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODljMTQ3NzEtOTZlMy03MzRkLWE2ZjctNjk1NDNmMzBjNjIwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjVhMjgxOWMtN2VjMS1hZTQ5LWJlY2YtN2NkODc2NDUzNjE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5+D2ewAAAoJJREFUeNrs3V1q6zAQBtAq9LVaTfa/KG1Al/sWiql/IlszzjlvxS5MPfo8UiC09N6/gJweHgEIMCDAgACDAAMCDAgwIMAgwIAAAwIMAgwIMHCl7+fzefR3f3+Nqey8/un2fg2sTKqvDLrvylp7sDXXz+rvqAlcAiw4rl98vos6ewKfFN7Xa5r83pu3T6yrv9Tw1w7Ly/p4r/vMAJeVIooQp19wSyGOEN6+854SoL7hx8rHgPBGPL9xztToJu/9ttB7JnLEt7SFuG8SR3lmJUk/h2+bR01g4GYTONpZ12Q99zxXgtVUNlyL/lwvm8A9cbA51ruycCYm8QTuC00V3vuGd+lMPGsSb3mRRN+BldkBXmug8Obdnax92hwhxB/f38eJRQrvPWT5tNcWevD419zcz6ck+jtKgppCT2BgAgEGAQYEGBBgEGBAgAEBBgQYBBgQYECAQYCBjP5/G+nHYwATGBBgQIBBgAEBBgQYEGAQYECAAQEGAQYEGBBgYNU7/xup/fq57rz+6drO++uk+uqg+66stQVbc+2s/o6awDXAguP6xdc8nrwTeEtQqya//eZtE+tqLzX8tcPysj7e6zYzwHWliCrE6RfcUogjhLftvKcGqG/4sfIxILwRz2+cMzWayXu/LfSeiRzxLW0h7pvEUZ5ZTdLP4dvmURMYuNkEjnbWNVnPPc/VYDXVDdeiP9fLJnBLHGyO9a4unIlJPIHbQlOF977hXToTz5rEW14k0XdgdXaA1xoovHl3J2ufNkcI8cf393FikcJ7D1k+7bWFHjz+NTf386mJ/o6aoKbQExiYQIBBgAEBBgQYBBgQYECAAQEGAQYEGBBgEGAgo38CDABb2XTgTV+DrgAAAABJRU5ErkJggg==)
        no-repeat;
}
.webgis-floatpanel a.open:hover {
    background-position: 0 -40px;
}
.webgis-floatpanel .title .floatpanel-min {
    cursor: pointer;
    color: var(--theme-floatpanel-btn-color);
}
.webgis-floatpanel .title a.revert {
    background-position: -80px 0;
    display: none;
}
.webgis-floatpanel .title a.revert:hover {
    background-position: -80px -40px;
}
.webgis-floatpanel .title .floatpanel-close {
    cursor: pointer;
    color: var(--theme-floatpanel-btn-color);
}
.webgis-floatpanel .span-div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 8px;
    flex: 1;
    padding-left: 0px;
    color: #000;
    font-size: 14px;
    font-family: 'PingFang SC-ä¸­é»‘ä½“, PingFang SC';
}
.webgis-floatpanel .content {
    flex: 1;
    overflow: hidden;
}
.webgis-narrow {
    position: absolute;
    right: 120px;
    bottom: 20px;
    width: 200px;
    font-size: var(--webgis-font-size-base, 14px);
    font-weight: bold;
    color: var(--webgis-primary-text, #fff);
    line-height: 40px;
    border-radius: var(--webgis-border-radius-base, 4px);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
}
.webgis-narrow .narrowSwap {
    padding: 0 10px;
    background-color: var(--webgis-control-bg-color, #165897);
}
.webgis-narrow .restore {
    display: inline-block;
    width: 140px;
    height: 40px;
    cursor: pointer;
}
.webgis-narrow .narrow-close {
    float: right;
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 0px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABQCAYAAAAnSfh8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YjQ0Y2RmYy01M2QzLTVhNGQtODU1OC03OTRmZjRhNTk3MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzEwMzNCNkYwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzEwMzNCNkUwM0JBMTFFQ0E1NkY4NDM4RkVBOUY5RDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODljMTQ3NzEtOTZlMy03MzRkLWE2ZjctNjk1NDNmMzBjNjIwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjVhMjgxOWMtN2VjMS1hZTQ5LWJlY2YtN2NkODc2NDUzNjE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5+D2ewAAAoJJREFUeNrs3V1q6zAQBtAq9LVaTfa/KG1Al/sWiql/IlszzjlvxS5MPfo8UiC09N6/gJweHgEIMCDAgACDAAMCDAgwIMAgwIAAAwIMAgwIMHCl7+fzefR3f3+Nqey8/un2fg2sTKqvDLrvylp7sDXXz+rvqAlcAiw4rl98vos6ewKfFN7Xa5r83pu3T6yrv9Tw1w7Ly/p4r/vMAJeVIooQp19wSyGOEN6+854SoL7hx8rHgPBGPL9xztToJu/9ttB7JnLEt7SFuG8SR3lmJUk/h2+bR01g4GYTONpZ12Q99zxXgtVUNlyL/lwvm8A9cbA51ruycCYm8QTuC00V3vuGd+lMPGsSb3mRRN+BldkBXmug8Obdnax92hwhxB/f38eJRQrvPWT5tNcWevD419zcz6ck+jtKgppCT2BgAgEGAQYEGBBgEGBAgAEBBgQYBBgQYECAQYCBjP5/G+nHYwATGBBgQIBBgAEBBgQYEGAQYECAAQEGAQYEGBBgYNU7/xup/fq57rz+6drO++uk+uqg+66stQVbc+2s/o6awDXAguP6xdc8nrwTeEtQqya//eZtE+tqLzX8tcPysj7e6zYzwHWliCrE6RfcUogjhLftvKcGqG/4sfIxILwRz2+cMzWayXu/LfSeiRzxLW0h7pvEUZ5ZTdLP4dvmURMYuNkEjnbWNVnPPc/VYDXVDdeiP9fLJnBLHGyO9a4unIlJPIHbQlOF977hXToTz5rEW14k0XdgdXaA1xoovHl3J2ufNkcI8cf393FikcJ7D1k+7bWFHjz+NTf386mJ/o6aoKbQExiYQIBBgAEBBgQYBBgQYECAAQEGAQYEGBBgEGAgo38CDABb2XTgTV+DrgAAAABJRU5ErkJggg==)
        no-repeat;
    background-position: -120px 0;
}
.mapboxgl-popup-content {
    background-color: var(--theme-bg);
    backdrop-filter: --theme-backdrop-filter;
    color: var(--theme-primary-title);
}
.wrap[data-v-4e146051] {
    width: 300px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.wrap .header[data-v-4e146051] {
    display: flex;
    align-items: flex-end;
    padding: 5px 20px;
    background-color: var(--webgis-primary-color);
}
.wrap .header .title[data-v-4e146051] {
    font-size: var(--webgis-font-size-base);
    color: #fff;
}
.wrap .header .sub[data-v-4e146051] {
    margin-left: 10px;
    font-size: var(--webgis-font-size-small);
    color: hsla(0, 0%, 100%, 0.8);
}
.wrap .content[data-v-4e146051] {
    padding: 0 20px;
}
.wrap .content p[data-v-4e146051] {
    display: flex;
    align-items: flex-start;
    padding: 5px 0;
    border-bottom: 1px solid var(--theme-border-bottom);
}
.wrap .content p span[data-v-4e146051] {
    display: block;
    font-size: var(--webgis-font-size-base);
}
.wrap .content p span[data-v-4e146051]:first-child {
    flex-shrink: 0;
    width: 120px;
    color: var(--theme-sub);
}
.wrap .content p span[data-v-4e146051]:last-child {
    flex: 1;
    color: var(--theme-primary-title);
}
.wrap .footer[data-v-4e146051] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 20px;
}
*[data-v-833c5be6] {
    box-sizing: border-box;
}
.wrap[data-v-833c5be6] {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 10px;
    border-radius: var(--webgis-border-radius-small);
    background-color: rgba(20, 161, 255, 0.8);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.wrap .btn-box[data-v-833c5be6] {
    flex-shrink: 0;
    height: 100%;
    padding: 0 10px;
    cursor: pointer;
}
.wrap .btn-box i[data-v-833c5be6] {
    font-size: 20px;
    color: #fff;
    line-height: 42px;
}
.wrap .btn-box__disabled[data-v-833c5be6]:hover {
    cursor: not-allowed;
}
.wrap .progress-box[data-v-833c5be6] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
}
.wrap .progress-box .progress-item[data-v-833c5be6] {
    position: relative;
    width: 2px;
    height: 4px;
    background-color: #fff;
    cursor: pointer;
}
.wrap .progress-box .progress-item[data-v-833c5be6]::after {
    content: attr(tips);
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: none;
    width: 65px;
    padding: 5px;
    font-size: var(--webgis-font-size-small);
    color: #14a1ff;
    border-radius: var(--webgis-border-radius-small);
    background-color: #fff;
}
.wrap .progress-box .progress-item[data-v-833c5be6]:hover::after {
    display: block;
}
.wrap .progress-box .progress-item__active[data-v-833c5be6] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.typhoon-anal-result-panel[data-v-78c5d4e6] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 75px;
    right: 16px;
    width: 450px;
    height: calc(100vh - 90px);
    font-size: var(--webgis-font-size-base, 14px);
    box-sizing: border-box;
    background-color: var(--theme-bg);
    border-radius: var(--webgis-border-radius-base, 6px);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    z-index: 2001;
    backdrop-filter: var(--theme-backdrop-filter);
}
.typhoon-anal-result-panel div[data-v-78c5d4e6] {
    box-sizing: inherit;
}
.typhoon-anal-result-panel .panel-head-box[data-v-78c5d4e6] {
    padding: 16px 16px 10px 16px;
    margin-bottom: 8px;
}
.typhoon-anal-result-panel .panel-head-box .head-title[data-v-78c5d4e6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.typhoon-anal-result-panel .panel-head-box .head-title--label[data-v-78c5d4e6] {
    flex: 1;
    font-size: var(--webgis-font-size-big, 16px);
    font-weight: bold;
    overflow: hidden;
    color: var(--theme-primary-title);
}
.typhoon-anal-result-panel .panel-head-box .head-title--opts[data-v-78c5d4e6] {
    text-align: end;
}
.typhoon-anal-result-panel .panel-head-box .head-title--opts i[data-v-78c5d4e6] {
    font-size: 18px;
    cursor: pointer;
    color: var(--theme-primary-title);
}
.typhoon-anal-result-panel .panel-head-box .head-filters[data-v-78c5d4e6] {
    display: flex;
    margin: 10px -5px 0 -5px;
}
.typhoon-anal-result-panel .panel-head-box .head-filters .gk-select[data-v-78c5d4e6] {
    margin: 0 5px;
}
.typhoon-anal-result-panel .panel-body-box[data-v-78c5d4e6] {
    position: relative;
    flex: 1;
    overflow: auto;
}
.typhoon-anal-result-panel .panel-body-box[data-v-78c5d4e6]::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}
.typhoon-anal-result-panel .panel-body-box[data-v-78c5d4e6]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
}
.typhoon-anal-result-panel .panel-body-box[data-v-78c5d4e6]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-radius: 10px;
}
.typhoon-anal-result-panel .panel-body-box .result-item[data-v-78c5d4e6] {
    width: 100%;
    padding: 16px 16px 5px 16px;
    border-bottom: 1px solid var(--theme-border-bottom);
    box-sizing: border-box;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-1[data-v-78c5d4e6] {
    background-position: 0 -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-2[data-v-78c5d4e6] {
    background-position: -18px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-3[data-v-78c5d4e6] {
    background-position: -36px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-4[data-v-78c5d4e6] {
    background-position: -54px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-5[data-v-78c5d4e6] {
    background-position: -72px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-6[data-v-78c5d4e6] {
    background-position: -90px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-7[data-v-78c5d4e6] {
    background-position: -108px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-8[data-v-78c5d4e6] {
    background-position: -126px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-9[data-v-78c5d4e6] {
    background-position: -144px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item:hover .webgis-marker.webgis-green-no-10[data-v-78c5d4e6] {
    background-position: -162px -300px;
}
.typhoon-anal-result-panel .panel-body-box .result-item .number-icon[data-v-78c5d4e6] {
    float: left;
    margin-right: 10px;
}
.typhoon-anal-result-panel .panel-body-box .result-item .item-content[data-v-78c5d4e6] {
    display: inline-block;
    width: calc(100% - 42px);
    font-size: var(--webgis-font-size-small, 12px);
    overflow: hidden;
}
.typhoon-anal-result-panel .panel-body-box .result-item .item-content .gk-tag--small[data-v-78c5d4e6] {
    margin-left: 5px;
}
.typhoon-anal-result-panel .panel-body-box .result-item .item-content p[data-v-78c5d4e6] {
    line-height: 2;
    color: var(--theme-sub);
}
.typhoon-anal-result-panel .panel-body-box .result-item .item-content p.info--main[data-v-78c5d4e6] {
    font-size: var(--webgis-font-size-base, 14px);
    font-weight: bold;
    color: var(--theme-primary-title);
}
.typhoon-anal-result-panel .panel-body-box .no-data[data-v-78c5d4e6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #ccc;
}
.typhoon-anal-result-panel .panel-foot-box[data-v-78c5d4e6] {
    padding: 10px 16px 16px 16px;
    border-top: 1px solid var(--theme-border-bottom);
}
.typhoon-anal-result-panel .panel-foot-box .wg-pagination[data-v-78c5d4e6] {
    color: var(--webgis-second-text, #999);
}
.typhoon-anal-result-panel .panel-foot-box .wg-pagination .wg-pagination--tips[data-v-78c5d4e6] {
    display: inline-block;
    width: calc(100% - 75px);
    line-height: 30px;
}
.typhoon-anal-result-panel .panel-foot-box .wg-pagination .wg-pagination--tips .total .total--number[data-v-78c5d4e6] {
    color: var(--webgis-primary-color, #007bd1);
}
.typhoon-anal-result-panel .panel-foot-box .wg-pagination .wg-pagination--btns[data-v-78c5d4e6] {
    float: right;
}
.typhoon-anal-result-panel .panel-foot-box .wg-pagination .wg-pagination--btns .gk-button[data-v-78c5d4e6] {
    padding: 8px;
}
.typhoon-anal-result-panel
    .panel-foot-box
    .wg-pagination
    .wg-pagination--btns
    .gk-button
    + .gk-button[data-v-78c5d4e6] {
    margin-left: 5px;
}
.webgis-marker {
    background-image: url(data:image/png;base64,[encoded data, 63012 characters]);
}
.webgis-marker.webgis-green-no-1 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: 0 -327px;
    cursor: pointer;
}
.webgis-marker.webgis-green-no-2 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -18px -327px;
    cursor: pointer;
}
.webgis-marker.webgis-green-no-3 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -36px -327px;
}
.webgis-marker.webgis-green-no-4 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -54px -327px;
}
.webgis-marker.webgis-green-no-5 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -72px -327px;
}
.webgis-marker.webgis-green-no-6 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -90px -327px;
}
.webgis-marker.webgis-green-no-7 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -108px -327px;
}
.webgis-marker.webgis-green-no-8 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -126px -327px;
}
.webgis-marker.webgis-green-no-9 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -144px -327px;
}
.webgis-marker.webgis-green-no-10 {
    width: 18px;
    height: 27px;
    display: inline-block;
    background-position: -162px -327px;
}
.webgis-marker.webgis-green-no-1:hover,
.webgis-marker.webgis-green-no-1.active {
    background-position: 0 -300px;
}
.webgis-marker.webgis-green-no-2:hover,
.webgis-marker.webgis-green-no-2.active {
    background-position: -18px -300px;
}
.webgis-marker.webgis-green-no-3:hover,
.webgis-marker.webgis-green-no-3.active {
    background-position: -36px -300px;
}
.webgis-marker.webgis-green-no-4:hover,
.webgis-marker.webgis-green-no-4.active {
    background-position: -54px -300px;
}
.webgis-marker.webgis-green-no-5:hover,
.webgis-marker.webgis-green-no-5.active {
    background-position: -72px -300px;
}
.webgis-marker.webgis-green-no-6:hover,
.webgis-marker.webgis-green-no-6.active {
    background-position: -90px -300px;
}
.webgis-marker.webgis-green-no-7:hover,
.webgis-marker.webgis-green-no-7.active {
    background-position: -108px -300px;
}
.webgis-marker.webgis-green-no-8:hover,
.webgis-marker.webgis-green-no-8.active {
    background-position: -126px -300px;
}
.webgis-marker.webgis-green-no-9:hover,
.webgis-marker.webgis-green-no-9.active {
    background-position: -144px -300px;
}
.webgis-marker.webgis-green-no-10:hover,
.webgis-marker.webgis-green-no-10.active {
    background-position: -162px -300px;
}
.typhoon {
    color: var(--theme-primary-title);
}
.typhoonv2-legend__wrap[data-v-948803a4] {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 2px;
    font-size: var(--webgis-font-size-small);
    color: var(--theme-primary-title);
    border-radius: 4px;
    background-color: var(--theme-bg);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.typhoonv2-legend__wrap .list[data-v-948803a4] {
    display: flex;
    margin-left: 10px;
}
.typhoonv2-legend__wrap .list .item[data-v-948803a4] {
    padding: 2px 5px;
    color: #fff;
}
.typhoonv2-legend__wrap i[data-v-948803a4] {
    margin: 0 10px;
    font-size: var(--webgis-font-size-big);
    cursor: pointer;
}
*[data-v-8110d8d4] {
    box-sizing: border-box;
}
.typhoonv2-forecasters__wrap[data-v-8110d8d4] {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 2px;
    font-size: var(--webgis-font-size-small);
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.typhoonv2-forecasters__wrap .list[data-v-8110d8d4] {
    display: flex;
    margin-left: 10px;
}
.typhoonv2-forecasters__wrap .list .item[data-v-8110d8d4] {
    display: flex;
    align-items: center;
    padding: 2px 5px;
}
.typhoonv2-forecasters__wrap .list .item span[data-v-8110d8d4] {
    font-weight: bold;
}
.typhoonv2-forecasters__wrap i[data-v-8110d8d4] {
    margin: 0 10px;
    font-size: var(--webgis-font-size-big);
    cursor: pointer;
}
.mapboxgl-popup-content {
    background-color: var(--theme-bg);
    backdrop-filter: --theme-backdrop-filter;
    color: var(--theme-primary-title);
}
.typhoonv2-info__wrap[data-v-04ec556c] {
    width: 300px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.typhoonv2-info__wrap .header[data-v-04ec556c] {
    display: flex;
    align-items: flex-end;
    padding: 5px 20px;
    background-color: var(--webgis-primary-color);
}
.typhoonv2-info__wrap .header .title[data-v-04ec556c] {
    font-size: var(--webgis-font-size-base);
    color: #fff;
}
.typhoonv2-info__wrap .header .sub[data-v-04ec556c] {
    margin-left: 10px;
    font-size: var(--webgis-font-size-small);
    color: hsla(0, 0%, 100%, 0.8);
}
.typhoonv2-info__wrap .content[data-v-04ec556c] {
    padding: 0 20px;
}
.typhoonv2-info__wrap .content .wind-wap[data-v-04ec556c] {
    display: flex;
    align-items: flex-start;
    padding: 5px 0;
    border-bottom: 1px solid var(--theme-border-bottom);
}
.typhoonv2-info__wrap .content .wind-wap span[data-v-04ec556c] {
    flex-shrink: 0;
    width: 100px;
    color: var(--theme-sub);
}
.typhoonv2-info__wrap .content .wind-wap .right-layout[data-v-04ec556c] {
    flex: 1;
    color: var(--theme-primary-title);
}
.typhoonv2-info__wrap .content p[data-v-04ec556c] {
    display: flex;
    align-items: flex-start;
    padding: 5px 0;
    border-bottom: 1px solid var(--theme-border-bottom);
}
.typhoonv2-info__wrap .content p span[data-v-04ec556c] {
    display: block;
    font-size: var(--webgis-font-size-base);
}
.typhoonv2-info__wrap .content p span[data-v-04ec556c]:first-child {
    flex-shrink: 0;
    width: 100px;
    color: var(--theme-sub);
}
.typhoonv2-info__wrap .content p span[data-v-04ec556c]:last-child {
    flex: 1;
    color: var(--theme-primary-title);
}
.typhoonv2-info__wrap .footer[data-v-04ec556c] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 20px;
}
*[data-v-6c30cfc4] {
    box-sizing: border-box;
}
.typhoonv2-player__wrap[data-v-6c30cfc4] {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 10px;
    border-radius: var(--webgis-border-radius-small);
    background-color: rgba(20, 161, 255, 0.8);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.typhoonv2-player__wrap .btn-box[data-v-6c30cfc4] {
    flex-shrink: 0;
    height: 100%;
    padding: 0 10px;
    cursor: pointer;
}
.typhoonv2-player__wrap .btn-box i[data-v-6c30cfc4] {
    font-size: 20px;
    color: #fff;
    line-height: 42px;
}
.typhoonv2-player__wrap .btn-box__disabled[data-v-6c30cfc4]:hover {
    cursor: not-allowed;
}
.typhoonv2-player__wrap .progress-box[data-v-6c30cfc4] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
}
.typhoonv2-player__wrap .progress-box .progress-item[data-v-6c30cfc4] {
    position: relative;
    width: 2px;
    height: 4px;
    background-color: #fff;
    cursor: pointer;
}
.typhoonv2-player__wrap .progress-box .progress-item[data-v-6c30cfc4]::after {
    content: attr(tips);
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: none;
    width: 65px;
    padding: 5px;
    font-size: var(--webgis-font-size-small);
    color: #14a1ff;
    border-radius: var(--webgis-border-radius-small);
    background-color: #fff;
}
.typhoonv2-player__wrap .progress-box .progress-item[data-v-6c30cfc4]:hover::after {
    display: block;
}
.typhoonv2-player__wrap .progress-box .progress-item__active[data-v-6c30cfc4] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.typhoonv2-typhoonlist[data-v-012605f7] {
    width: 450px;
    background-color: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
    max-height: 300px;
}
.typhoonv2-typhoonlist > div[data-v-012605f7] {
    width: 100%;
}
.typhoonv2-typhoonlist-body[data-v-012605f7] th .gk-checkbox {
    display: none;
}
*[data-v-141c91a8] {
    box-sizing: border-box;
}
.typhoonsdk-legend__wrap[data-v-141c91a8] {
    position: absolute;
    left: 10px;
    bottom: 90px;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 2px;
    font-size: var(--webgis-font-size-small);
    color: var(--theme-primary-title, #333);
    border-radius: 4px;
    background-color: var(--theme-bg, #fff);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.typhoonsdk-legend__wrap .list[data-v-141c91a8] {
    display: flex;
    margin-left: 10px;
}
.typhoonsdk-legend__wrap .list .item[data-v-141c91a8] {
    padding: 2px 5px;
    color: #fff;
}
.typhoonsdk-legend__wrap i[data-v-141c91a8] {
    margin: 0 10px;
    font-size: var(--webgis-font-size-big);
    cursor: pointer;
}
*[data-v-939f775a] {
    box-sizing: border-box;
}
.typhoonsdk-forecasters__wrap[data-v-939f775a] {
    position: absolute;
    left: 10px;
    bottom: 132px;
    display: flex;
    align-items: center;
    height: 32px;
    padding: 2px;
    font-size: var(--webgis-font-size-small);
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.typhoonsdk-forecasters__wrap .list[data-v-939f775a] {
    display: flex;
    margin-left: 10px;
}
.typhoonsdk-forecasters__wrap .list .item[data-v-939f775a] {
    display: flex;
    align-items: center;
    padding: 2px 5px;
}
.typhoonsdk-forecasters__wrap .list .item span[data-v-939f775a] {
    font-weight: bold;
}
.typhoonsdk-forecasters__wrap i[data-v-939f775a] {
    margin: 0 10px;
    font-size: var(--webgis-font-size-big);
    cursor: pointer;
}
.mapboxgl-popup-content {
    background-color: var(--theme-bg, #fff);
    backdrop-filter: --theme-backdrop-filter;
    color: var(--theme-primary-title, #333);
}
.typhoonsdk-info__wrap[data-v-43aaeeee] {
    width: 300px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.typhoonsdk-info__wrap .header[data-v-43aaeeee] {
    display: flex;
    align-items: flex-end;
    padding: 5px 20px;
    background-color: var(--webgis-primary-color);
}
.typhoonsdk-info__wrap .header .title[data-v-43aaeeee] {
    font-size: var(--webgis-font-size-base);
    color: #fff;
}
.typhoonsdk-info__wrap .header .sub[data-v-43aaeeee] {
    margin-left: 10px;
    font-size: var(--webgis-font-size-small);
    color: hsla(0, 0%, 100%, 0.8);
}
.typhoonsdk-info__wrap .content[data-v-43aaeeee] {
    padding: 0 20px;
}
.typhoonsdk-info__wrap .content p[data-v-43aaeeee] {
    display: flex;
    align-items: flex-start;
    padding: 5px 0;
    border-bottom: 1px solid var(--theme-border-bottom);
}
.typhoonsdk-info__wrap .content p span[data-v-43aaeeee] {
    display: block;
    font-size: var(--webgis-font-size-base);
}
.typhoonsdk-info__wrap .content p span[data-v-43aaeeee]:first-child {
    flex-shrink: 0;
    width: 120px;
    color: var(--theme-sub);
}
.typhoonsdk-info__wrap .content p span[data-v-43aaeeee]:last-child {
    flex: 1;
    color: var(--theme-primary-title);
}
.typhoonsdk-info__wrap .footer[data-v-43aaeeee] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 20px;
}
*[data-v-33a4d7a6] {
    box-sizing: border-box;
}
.typhoonsdk-player__wrap[data-v-33a4d7a6] {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 10px;
    border-radius: var(--webgis-border-radius-small);
    background-color: rgba(20, 161, 255, 0.8);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}
.typhoonsdk-player__wrap .btn-box[data-v-33a4d7a6] {
    flex-shrink: 0;
    height: 100%;
    padding: 0 10px;
    cursor: pointer;
}
.typhoonsdk-player__wrap .btn-box i[data-v-33a4d7a6] {
    font-size: 20px;
    color: #fff;
    line-height: 42px;
}
.typhoonsdk-player__wrap .btn-box__disabled[data-v-33a4d7a6]:hover {
    cursor: not-allowed;
}
.typhoonsdk-player__wrap .progress-box[data-v-33a4d7a6] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
}
.typhoonsdk-player__wrap .progress-box .progress-item[data-v-33a4d7a6] {
    position: relative;
    width: 2px;
    height: 4px;
    background-color: #fff;
    cursor: pointer;
}
.typhoonsdk-player__wrap .progress-box .progress-item[data-v-33a4d7a6]::after {
    content: attr(tips);
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: none;
    width: 65px;
    padding: 5px;
    font-size: var(--webgis-font-size-small);
    color: #14a1ff;
    border-radius: var(--webgis-border-radius-small);
    background-color: #fff;
}
.typhoonsdk-player__wrap .progress-box .progress-item[data-v-33a4d7a6]:hover::after {
    display: block;
}
.typhoonsdk-player__wrap .progress-box .progress-item__active[data-v-33a4d7a6] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.util
 *         
 */
.webgis-graffiti-box .clearfix:before,
.webgis-graffiti-box .clearfix:after {
    content: '';
    display: table;
    font: 0/0 a;
}
.webgis-graffiti-box .clearfix:after {
    clear: both;
}
.webgis-graffiti-box {
    max-height: 100%;
    position: fixed;
    text-align: center;
    font-size: 0;
}
.webgis-graffiti-box .textInput {
    display: none;
    position: absolute;
    border: 1px solid #ff411b;
    min-width: 50px;
    border: 1px solid red;
    padding: 5px;
    word-wrap: break-word;
    word-break: break-all;
    overflow-x: hidden;
    overflow-y: auto;
}
.webgis-graffiti-box .content {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.webgis-graffiti-box .content .title {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
}
.webgis-graffiti-box .content .canvas-box {
    background-color: #fff;
    border-radius: 10px;
}
.webgis-graffiti-box .content .tools-box {
    position: relative;
}
.webgis-graffiti-box .content .tools-box .tools {
    display: inline-block;
    padding: 0 5px 1px;
    border-radius: 10px;
    background-color: #165897;
    font-size: 0;
    height: 34px;
}
.webgis-graffiti-box .content .tools-box .tools .group {
    display: inline-block;
}
.webgis-graffiti-box .content .tools-box .tools .group:not(:first-child)::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 0 11px;
    background-color: #165897;
}
.webgis-graffiti-box .content .tools-box .tools .group .item {
    display: inline-block;
    padding: 6px 8px;
    cursor: pointer;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.active {
    background-color: #165897;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.left-rotate::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    text-align: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAV9JREFUOBGtlL1KA0EURneMZUAIaYISKxubFEYiiI0BU9jZ+BBpDKbxHfQF1HdIk1IkprIVQkiXxrgqCkIeYD13za6zM9kdE1w4zJ177/ftzP6M52VcQRDswA08widMYQTXUM+QJks0l+EOxtCCPShAHrbhDAbQg62EmkRbTzCvwjOIKKfX9Jiagia8wkFcY+JDaMq4Dm9wHDc4AnoPQUx/Vkoghg/Qhi5cODysMhpZaS8sEIhhEfrQgdRtWk6zBBrZ/gDqK5JTSn0wnEABWrDQhT5AcAunHq5+pCaWlYbbj3J/HdHJ2x/JUmNDQ3zFnS+NXOoUnzxFfxVRKbVriUL4DJfQzZOUSU7+0/AIw/68Oy2c4/nFn40lprhrJR0JNL8ftt5LYQNeoKHns2J6k7+e2UxDDd7hHJRZj+ZSA/twiBr0kcZNuIchiHEF1sB9fOlGZozBPsgB+wRf4DxgvwHyGmKxB4VkPAAAAABJRU5ErkJggg==)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.right-rotate::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAUxJREFUOBGdlLFKA0EURTPaBoSQRpRY2aRJkSiCYGEgFnY2fkQaQ9LkV6L/YGEroqlsBRE7G+OqKAixX89dMrDFm4m7Cycz8+a+u/tmJlOpGE+apl2YwDPM4Rvu4RzaRoodQrwNt/AIZ9CEKtRgDwbwAtfQsF0WUQQH8A59cCExc6ugl71CJ69jPMrGdPRlMjvMC2J9tMfwARvS0Y4gyXLoqMx+zMCaI2cMVyCzO0jkrA3QmgXLtMwUI0flX8IU6pCsED+FC+dcKlHBZ4C+Bifkf2W5uOpoNAsa+TVTmXWfqy90/MwJrPOGXz+xrCVHuzk0dTKEqjlZIqg1nEH8kBYwluEUegVy4lLKLX1sgs6Ylj3YO6YphmX+ekfkvcFmyPS/l4OO2hA+Ydc080EEoetrjbkWyOgJbmDL5y1tEWuj8hfsD+MH0AW7HzP4A5xnaX4uOYTtAAAAAElFTkSuQmCC)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.rect::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.circle::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border-radius: 9px;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.arrow::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAALZJREFUOBHdksENwjAMRYETAzAOVJQBWAZmYR+mQSos0FN4Rk4EVZ04gRORvlrZ36+20+XCcUIIZ2wnh9VnESC6os1cBfHbXNyM5YDVMPmKBWyCKfBC8YiOcYwmGEUduiMBph3yXr2zCNprh+lSqmCYP0Bv40WgrzMLNAGWYYB26IFeo0XA9Elefmz7eEE2QTMKklvri+ac4f9BAyMeciso5nRHPwFtgcmtfdeRtAxkjVbF9h2GJwFh+PSY4c7ZAAAAAElFTkSuQmCC)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.line::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTA1VDE3OjI4OjA0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wOS0wNVQxNzozMDoxNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wOS0wNVQxNzozMDoxNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowZGE4NTQ3Mi00ZjA3LTIwNDQtYmY3Ny05ZGMxMjJlN2ZmZDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MGRhODU0NzItNGYwNy0yMDQ0LWJmNzctOWRjMTIyZTdmZmQxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGRhODU0NzItNGYwNy0yMDQ0LWJmNzctOWRjMTIyZTdmZmQxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowZGE4NTQ3Mi00ZjA3LTIwNDQtYmY3Ny05ZGMxMjJlN2ZmZDEiIHN0RXZ0OndoZW49IjIwMTktMDktMDVUMTc6Mjg6MDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oesMQAAAAf0lEQVQ4jd3SOwqAMBBF0cm6RFG3o40u21jayrWJRYwx5lOID6aZ4sAMTwFyjVLK2T0FaESkEsCZWAjQQJuFWZBZJGEOlIoBNbBaUArmhWIDjMAGdCWgHZj+Bw2fheZc6OxRXwLSoR7dFd0q+1soiBloeXuaF4uFQpiOfbYPOwBzVmVHoEai9AAAAABJRU5ErkJggg==)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.point::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTA1VDE3OjI4OjA0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wOS0yOVQxMToxNDoxMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wOS0yOVQxMToxNDoxMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2ODk2ZTFjYi0zMjIzLTFiNDItYjZiNy1hOTE2ODU3MjViOTgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyMGNmMjcwYi05MTRjLTgzNDAtYTE5Zi04ZmY2OTAyY2U1NzgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowZGE4NTQ3Mi00ZjA3LTIwNDQtYmY3Ny05ZGMxMjJlN2ZmZDEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjBkYTg1NDcyLTRmMDctMjA0NC1iZjc3LTlkYzEyMmU3ZmZkMSIgc3RFdnQ6d2hlbj0iMjAxOS0wOS0wNVQxNzoyODowNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmZWE0ZTU3Yi0wNGI4LTEwNDAtYjM2Yi0yMDA3N2NmOWIyNTYiIHN0RXZ0OndoZW49IjIwMTktMDktMjlUMTE6MTQ6MTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Njg5NmUxY2ItMzIyMy0xYjQyLWI2YjctYTkxNjg1NzI1Yjk4IiBzdEV2dDp3aGVuPSIyMDE5LTA5LTI5VDExOjE0OjEyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7deNIgAAAG1JREFUOI3tk7EKgDAMRF8d9Ae1/nhx8Uvqci4dm0ilDooHIRByD3K0QRK9NHQj/bBHYBFIQC49utuSrJpVV7Q8HiwZsGR5gvNoMzBW5gcwtWa2N87dMxfjzPVOZhTjJuko3QRdZdas9/6Aj8BONBIIhGnhPxUAAAAASUVORK5CYII=)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text {
    position: relative;
}
.webgis-graffiti-box .item.text {
    width: 19px !important;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAASCAYAAAC9+TVUAAAAAXNSR0IArs4c6QAAACZJREFUOBFj/A8EDLQGxFjCRA1HjBqCGYqjYTIaJpghgCkyzNIJAFgHCBpLwriXAAAAAElFTkSuQmCC)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text.active .text-color {
    display: block;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color {
    display: none;
    position: absolute;
    bottom: -40px;
    border-radius: 10px;
    width: 256px;
    height: 30px;
    left: 50%;
    margin-left: -123px;
    font-size: 0;
    background-color: #165897;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .text-sel {
    margin-left: 10px;
    width: 70px;
    height: 20px;
    margin-top: 5px;
    font-size: 12px;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color {
    float: right;
    padding: 7px 17px;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem {
    margin: 0 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.red {
    background-color: #ff411b;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.blue {
    background-color: #09c3fd;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.green {
    background-color: #73e92a;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.yellow {
    background-color: #ffea32;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.gray {
    background-color: #a8a8a8;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.white {
    background-color: #fff;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.text .text-color .color .citem.active {
    border: 1px solid #fff;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.pen::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAALdJREFUOBHt1LELgkAUx/FTgmirwVn/jvagP6WhfykIpKkQpZagrfo7bm8MnByu76MzGoR8R6PCB0Xe+3E87zQm8HLOLVBh3EbE7YPmLkHU7zDC8TtQk2MkCA/MEWOPM6LgIGkkIIXFegh6T4BZfIY9zKh7V/xtRn7AFwIPiJDCQr0h5VhsMMUdW1jogvyKljQ2OEECb9AH+bCc5hI1CgT9TeSwTvDEFSvMuj9Pj7c0J8h6lP4seQFnhE+cQS/e7gAAAABJRU5ErkJggg==)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.revoke::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAOhJREFUOBHNkj8KwjAUh1sRN3GUXqCz4uoNXJ31CI6OPU6PUfACzs5SRegFBCV+L7SapFYScTDw8fL+/XgJL4qco5RKIXHCYW4tcsQuwzqNakNkbYTDrv8jInMzTQG+50ZhCTlMrXcTSOAAWyvxxqFmADPYwBky6D1LcbzFmiZ6xlBA1sS0JfCtmEw26RJbWYkPDiLyzLxVUk82aiU6AtTLn5Udaf8wIkO4vn7cv9etTAlUvxCaI7Rz1YN8niQrcAJ7OUNUapECa++RjwhN5mbLJBno7+mLAI7yEaLmDheQP1nEcbzH6vMAWMAJXAO7gPgAAAAASUVORK5CYII=)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.quit::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAANJJREFUOBGd1L0NwjAQhuEoQpCCnUwFJeNQsgwg0UPFHCzBBlTh/SAHljH4HEufzvm5R3ZkpWkYfd/PVccMeiekawfkSl3UQkLoOZDNs1cIudVgQsiRnMnsvQgu3Bjv5hHTPFgR8WARcmL+2Y41pzW3smrE0AgLo5EMdgHzbcea4zqsRIjGMn6Wztv0hl3TqMO2J3eyIjvuBap/CCE6bNrOVJ3UQHRofRgvfiG2BCGkjP1D3JgHKWI1yE8sQcrH3iQqvYG8vhmTjmxJFWIeffprrB+4dGmG0bLAKQAAAABJRU5ErkJggg==)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.marker::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTA1VDE3OjI4OjA0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMC0yNFQxMTowOTo0NCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMC0yNFQxMTowOTo0NCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplNDBkMTRhMi1hNTE4LWRjNDItODJjNy0zOTg4N2Y4Y2YzNWYiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0MGE5OGJiMC02MTMxLTlhNGMtOWQ1Mi1mMWE3NjIwMDlkOGEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowZGE4NTQ3Mi00ZjA3LTIwNDQtYmY3Ny05ZGMxMjJlN2ZmZDEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjBkYTg1NDcyLTRmMDctMjA0NC1iZjc3LTlkYzEyMmU3ZmZkMSIgc3RFdnQ6d2hlbj0iMjAxOS0wOS0wNVQxNzoyODowNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MGVmODExOS03YTdiLTg3NDMtOTE1ZS0zYmExNGExZjhlYWYiIHN0RXZ0OndoZW49IjIwMTktMTAtMjRUMTE6MDk6NDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTQwZDE0YTItYTUxOC1kYzQyLTgyYzctMzk4ODdmOGNmMzVmIiBzdEV2dDp3aGVuPSIyMDE5LTEwLTI0VDExOjA5OjQ0KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qeEargAAAbxJREFUOI2Vlb1rFUEUxX8bTaWgIRC/HioSQzDWShrzwFiZ/yFoGbATFN5rUkgMlpZaKH6gtZUgWKcIgoQoSjCIPlHEqK3FzyJ3Zd6+2Q0OXNh7zj2HuXeG2UKlZh0FrgDngWPAH+AT8BK4DXzMiYYyWAF0gTXgMLAEtIELwC2gFVw3avuXmkahPlLfqFMVLo2pqHkYmn9ctfBaFI40mJUxErXX6wwPqT/VU5ndXI2o7vq0+ju0qH0zXACeAesJ1gVWgLMRK0An4ddCs5Cb4ap6Mcnb6nd1MsEmA2sn2FxoB1r+oY4n+T21m5ldR72f5OOhHWh5H7CV5GPAh8y12gyuXFuhBfrvYQ84keTvgOmM4TTwNsmPA19yM3ygLib5yTjBy3HXCvWS+iu4sm4xtAMznFG/qXsTbFbtqV8jeoGV/J7QtHOGqC/U5Qo2rJ6J2F3hltXndRcbdSJamsmcbjXORe1EkyHqfLTWajBrqZ+jlp0MUZfU1+pohhsN7mZOW2c45PZLsqruT/ADYfZY3fU/hoTgifpKPagecft1eVpntpNhaXpHfa9uqHebzFQKrf0FlKsAbsR3B2gU/AXD4Jh+1bxmJQAAAABJRU5ErkJggg==)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.clear::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA5LTA1VDE3OjI4OjA0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMS0wNlQxNjozNDowNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMS0wNlQxNjozNDowNCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyYTQ3YTM2OC1mNGJiLTEyNGUtYWQyMC1jNTY2ZjhiOGRhNDYiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1OTBhM2QzNS05ZGU1LTE5NDMtYTk2Mi0wZjdhZTkxZDc4NDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowZGE4NTQ3Mi00ZjA3LTIwNDQtYmY3Ny05ZGMxMjJlN2ZmZDEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjBkYTg1NDcyLTRmMDctMjA0NC1iZjc3LTlkYzEyMmU3ZmZkMSIgc3RFdnQ6d2hlbj0iMjAxOS0wOS0wNVQxNzoyODowNCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxZmVkODRkNy04OTg0LTA5NGMtYWRhOC1kNmNkNjEzYTEwNjkiIHN0RXZ0OndoZW49IjIwMTktMTEtMDZUMTY6MzQ6MDQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MmE0N2EzNjgtZjRiYi0xMjRlLWFkMjAtYzU2NmY4YjhkYTQ2IiBzdEV2dDp3aGVuPSIyMDE5LTExLTA2VDE2OjM0OjA0KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+usJo9QAAAXZJREFUOI2t1M1LlUEUx/F7LzdQUEJoI0hKLoqoRUIgWNomkHbiymW1UrAQl0kg9C+IFCJBaKuiXbRyKULkCwq9EtHKhdgLmCL5aXHPI8PFK4/pAweeOXPmO3POb84UUTipr3TM9S8LhcLg/gj/a53YRXvmy7vwISbRlvje4Ekalwd0FR/wFFuYxm3soPUosCa8R3eMz2EqQJ9wMS+sCQvYxiM0JHNtkfYfPMOFw2DnsYznuBnQdQyhnMS14DF+HQQrYjgmx1FK/AP4hjX0JmsuYyOFldGPxahRV40T1+NBbPYaV9CHtynsIzZDpSyNRtypSiuzM5gIIb7E/z7sPn7jBc7iGj5HWqcPEemSysXtra5ZM2ZDob+YqQLVZaol1h8blmqpeQOrKvfoVpLyHN4lcadCjMHMV+v4ZYzgJ15hHl8lfYgxrAQ0Vwc0q1zKvShyffh7VFqrI43P2+jXsRSiDOEH7lbH5YVlqd/Dd4weFFPk5F7af+T82Vm0ygVdAAAAAElFTkSuQmCC)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group .item.save::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 17px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAAAXNSR0IArs4c6QAAAJBJREFUOBFjYKAh+P//vzoNjWdgAFrgDcQvgViGJhYhWWA6agHWEBj4IAK6QA+IpwMxI1YnEhAkygdARexAvAuIFwMxSRYB1cOSKeFUBFRMskUkWQALDVIsIssCUiyiyAJiLKKKBfgsoqoFOCwiPhXBDCCWBroelOpOAvFXICacTIk1GF0d0HBeIA5AFyeFDwC9TAzOFBXupQAAAABJRU5ErkJggg==)
        no-repeat 0 0;
    background-size: 100% auto;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box {
    position: relative;
    height: 34px;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .item.active {
    position: relative;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .item.active::after {
    content: '';
    position: absolute;
    display: block;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #165897;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color {
    position: absolute;
    bottom: -40px;
    border-radius: 10px;
    width: 240px;
    height: 30px;
    left: 50%;
    margin-left: -126px;
    font-size: 0;
    background-color: #165897;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .shape {
    float: left;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .shape .sitem {
    height: 100%;
    display: inline-block;
    margin-left: 14px;
    background-color: #a8a8a8;
    vertical-align: middle;
    cursor: pointer;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .shape .sitem.small {
    width: 6px;
    height: 6px;
    border-radius: 3px;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .shape .sitem.middle {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .shape .sitem.big {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .shape .sitem.active {
    background-color: #fff;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color {
    float: left;
    padding: 7px 17px;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem {
    margin: 0 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.red {
    background-color: #ff411b;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.blue {
    background-color: #09c3fd;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.green {
    background-color: #ffea32;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.yellow {
    background-color: #ffea32;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.gray {
    background-color: #a8a8a8;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.white {
    background-color: #fff;
}
.webgis-graffiti-box .content .tools-box .tools .group.shap-box .shape-color .color .citem.active {
    border: 1px solid #fff;
}
.webgis-graffiti-box .content-bro {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.webgis-graffiti-box .opax {
    width: 0;
    height: 100%;
}
.webgis-graffiti-box .div-marker-text {
    background-color: rgba(0, 0, 0, 0);
}
.webgis-graffiti-box .div-marker-text div {
    border: 1px solid red;
    text-align: left;
    min-width: 80px;
    color: blue;
    font-size: 16px;
}
.webgis-graffiti-box .div-marker-text div:focus {
    outline: red !important;
}
.webgis-graffiti-box .markerBox-edit {
    border: none !important;
}
.webgis-graffiti-box .coordinates {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 10px;
    padding: 5px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 18px;
    border-radius: 3px;
    display: none;
}
.type-contaner[data-v-eb58a470] {
    padding: 5px;
    flex: 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
[data-v-eb58a470] .gk-card__header {
    padding: 5px !important;
}
[data-v-eb58a470] .gk-card__body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
[data-v-eb58a470] .gk-button + .gk-button {
    margin-left: 0;
}
#dropDownScreen {
    position: absolute;
    z-index: 10000;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}
#screenResult {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.mapGraphBox {
    border: 1px solid red;
    position: absolute;
    box-sizing: border-box;
}
.ctrlbox {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: red;
}
.operationBox {
    display: flex;
    position: absolute;
    background-color: #fff;
    bottom: 0;
    right: 0;
    cursor: pointer;
    width: 200px;
    height: 50px;
}
.operationItem {
    display: inline-block;
    width: 48%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}
.operationItem:hover {
    opacity: 0.8;
    color: blue;
}
#Magnifier {
    border: 5px solid #f8f8f9;
    border-radius: 1000px;
    box-shadow: 0px 1px 23px 0px rgba(0, 0, 0, 0.75);
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.map
 *         
 */
.mapboxgl-ctrl.mapboxgl-attribute-control {
    display: flex;
    padding: 5px 18px;
    font-size: 16px;
    background-color: #fff;
    clear: none;
    float: right;
}
.mapboxgl-ctrl.mapboxgl-attribute-control .attribute-logo {
    background-image: url(data:image/svg+xml;base64,[encoded data, 93852 characters]);
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 6px;
}
.mapboxgl-ctrl.mapboxgl-attribute-control .attribute-text {
    color: #000;
    margin: 0;
}
.mapboxgl-ctrl.mapboxgl-attribute-control .attribute-link span {
    color: #009ea8;
    margin-left: 10px;
    padding: 3px;
    border-radius: 4px;
}
.mapboxgl-ctrl.mapboxgl-attribute-control .attribute-link span:hover {
    cursor: pointer;
    border-bottom: 1px solid #009ea8;
    background-color: rgba(0, 158, 168, 0.1);
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
}
.sgmap-control-container,
.sgmap-control-container div {
    pointer-events: auto !important;
}
.sgmap-logo-wrap {
    display: none;
}
.sgmap-ctrl-bottom-left {
    margin-bottom: 2px !important;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
    margin: 0;
}
.mapboxgl-ctrl.mapboxgl-coordinate-control {
    background-color: #fff;
    width: 260px;
    height: 30px;
    border: none;
    opacity: 1;
    display: flex;
    align-items: center;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0;
    clear: none;
    float: right;
}
.mapboxgl-scale-div {
    background-color: var(--theme-bg, #fff);
    color: var(--theme-primary-title, #333);
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-right: 60px;
    clear: none;
    float: right !important;
}
.mapboxgl-scale-div .mapboxgl-ctrl.mapboxgl-ctrl-scale {
    border: 1.5px solid #000;
    border-bottom: 3px solid #000;
    border-top: none;
    text-indent: 126%;
    line-height: 70%;
    font-size: 14px;
}
.mapboxgl-scale-div .sgmap-ctrl.sgmap-ctrl-scale {
    border: 1.5px solid var(--theme-primary-title, #333);
    border-bottom: 3px solid #000;
    border-top: none;
    text-indent: 126%;
    margin: 0 !important;
    line-height: 70%;
    font-size: 14px;
}
.mapboxgl-ctrl.mapboxgl-ctrl-minimap {
    position: absolute;
    left: 20px;
    bottom: 100px;
}
.mapboxgl-ctrl.mapboxgl-scale-div {
    display: flex;
    align-items: center;
}
.mapboxgl-ctrl.narimap-geolocate-control-v2 {
    background-color: hsla(0, 0%, 100%, 0.8);
    float: right;
    width: 216.31px;
    font-size: 11.5px;
    padding-left: 5px;
}
.mapboxgl-ctrl.narimap-attribute-control-v2 {
    display: flex;
    float: right;
}
.mapboxgl-ctrl.narimap-attribute-control-v2 .attribute-logo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAASCAYAAAAAGGMhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArJSURBVHgBzVh5WFTlGv+dc2YGmJEBZRgQt3LDpUhxSZBQby5pVl6zx1xaHjRvJqikFyRx6wHKzDSwRS2XQLua3pvktftcRSBJMC3NJTapEGWRbRZgmDlzzrnvNw2YRkr3r97n+Z6Z853ve793+73v+x2gY+Lco414/Hno17JwHbzn8MeI+82fO0hYv369Mnfu3NWmhoafRo8Zk8HmaEjuPQoNFQ3nc889p6urqxMsFovS4Ukcp8rLy2t07+PdPDpDGhqO6OjooLCwMLWnpyf27t0rZmZmVqanp4c21NWNbzSbt5KcbTq0833mmWe8pkyZEmo2m3/3LEVRVIIg1MfGxha26fLrgzF16lSPTZs26dh/i9V6pb7FpjhlWamqqlq7aNEidVRUlLd7PdsMh8ORq3SOxEslJZPcezsTZS4FTVZr1p2Mmpqaf2C/zaLIfurZuvHjx6tsNtvJlqamiuz8/JdpXnJIkuIg2UVZ6XC00ntGDQ2m/DaduDarVFdXbwkICFjqFtbl5eC0j5Tl48bKi0MGq9xzbH3dq6++GpyQkJCu1eunhWYckuvNFl4lqDrUym63I2FChBQ3apiwMTW1z6plyyra+N+NNm/ePJDOKe6V9pFcYzLzbIOeoqMkZgGumiyI3PYx7EkJyDt9OioiPHxHhdkipF0pUt4KH83vLSyRXtyZIUBFweyjBxrNpNUdPhBF9OjdU74as4C3NjamGo3GZS4PkOfjAgMDNz75+TEpt/QnQaNWuzBRT8w0sgKdLP+CD7LmvlnT5Sl9erHX8tCdGejl78evGzMCtbZWeAoCeI4jaABNohMeAg+dSoXIzR/gu/gYpbskZnQPCnoenSDm7ezsbNvVRjPfJDk5X40Hl1hwDmV19fh0+mQMfW8XmhOWsdBWvXn2vJSw+1Phpb9Ox45JkeBiE3Fx9Qr01uvwwvFcHJ42EaIkt/Nm8ilk3ZHpBxF+Xy859eHQWi+dLtDlTl8fnxVLc/OVC+WVwtF5T5NiNhi8vDDn6HFM6tsbcwf2R4vTCZvTyT327g7B9OYa+Gg0fJXVinemjEeA1gthgUYUmcwwtdpxk/Y/dX8f1JGByq1NCLqvF2rtdq6bJKrRScrJyXFu2LDBY926dVZ61LK5cT0CceXmTZaHwJPDPrxUqFpCChn8DUJpymq5v68P1yKSoCq1up+vN1bkfYMjX5/BA9erYCOHymQQb189mswWfL9wPgb4+8EuybxMTmb8XcaQnE5NmdnCzR4ZgkeCAtsF6kaREdE9EJN792ifm0+h2tjqYMaAmsaZ6lo8lvIulA83YeGXWbjf0A0Z9Fud9BrWnvkW5RTSPlotAZKDVqv1i4mJGe6j0/ncyxjNdnttfHz8AcK+9nhFpdJdq+X+efVndFG70huayPDvnz2PghWvYFSAP5tylpaWpvbq22+ly/VE5DwEDw7G7knjQEZCkE6LsD3/QI8uWvh6aGAnA6kYfDjuljHI0pLOU40zVTX4z7XrMNkdCCRvNzolnKqqQgAxoYQFH2Igk4FUbvwpkoQZffsgb8JYvJJzGheu3cAnFJL+ZLB5x06gmjyQ/uQUTNt3GA5yi78xaNKW1NRJnal9slu4rm9tk2Wnk3dyBDlSonzxi7hQ1wB9Fx0uRs2FxeGAmYYiK6oe9/ddqSiySNvUhG4sGBKMgtIfEfnJQbw1eTyWZ32FMff1xJczp3d4ZnvW06s0+KK8CC/frHflBw1JfJOUPVLyI3JKfm4XDrclSg7FZjMOzJiGbhs2wUhQ6UsJKyV8FHRJmyFzAob7G9DkEMkTHvx7lwoR/cFuhkvck8iQb5CyJlsrr6xb2T69jXjEfLwfXgP7gUtIIkEJeTodW8/DbIWYmqxm+ZlqBR6iKN339HSM/eQA1hDkKffAJ3gAvq6swdigADidUkfGULjq5mbEho0mRUa2vxy2+1OsHDsK8ylntJGwOpnV6PZnql7oShEzgrzgS9HEiCXSx4aHoK65xb1KgdUuykseHMzP2ZJEkXXv2GB8RUkSEw4euS3PRD84GA+/thQTyCDKG4l4/Zvz2ElwqYiLRisp52QhQZFLkQjjskT40Prjc2cR/ANoTsb6M98hIm0nwkneMMqHjXbxdmOw7Z4qlZJ37Tpnfzi0HRIOUrqmpZUqg+jKxoyZ3NxKZ91SxkstoMxiwbclZS5OFyPD0Ntbh2MkJMMuE5CnCBJ4jjeZTF+fPHEimYxpuJshqH+RHhw6dGDIsGHrjEZ/WZeylbFAH4MfLi6YR1GqtLeLa0cPx4aDn+Pbm3UINRpkOo8nS8KDF3Bq/d/xSOpHeOFwJkYP6I+XHghG4qhhSAkbCSvpNIdyW0CXLrcbw+4QT+75S8TM3lu2y56rk3jKxpSOJKiDjFh5LAsrP8v8pR5RdVg8Y6rUQ6d1lVYKEb6vtx4Td6Rjx7MzXPhNoOytor0xkydAdIqIO30WRjcsTI2NZdQdfolOkkMUZ1SvWPxQZtlP6KX3xgv/PoGFJ07hNTKAm1hpFZKfnSHPPJgplEdHuZsJzlXiW0jhsoRllANbsZ/gvuCzL1B+oxKDCGKFi56HfEe3w4wh+Pn5PW13OH5oWLV0sIu7ix2cQz/ep1r6aCQWDR0EkUUFRQpBQKAMf0gjCNN4T0/twuxTMLfa5ZeGBLsECTcaxfCkd9TK+xvRQGXWL2UrulKIMhI4ToPOkxf1O8OKioo2PhUcHELP40OCAj0diuxu2VyhoVAFiV0R+tDWhIxDoIqI7jpXFYaaoPL22Qs4fv6ia+2jBJeNT0zCMIouBmMXB+63xmBZRPDQaIYkJyeH1NTU+Hc3GCyr1qzJp7YV163NrhzBDMH2Ur8haXh+FhisyeLxoSHyEzOn89TBniQYJIYNGnTatu0NgodT6ebpAeX1eE6f9A7sThkajcYDnSdbeUVFRu+ePefJRDwRk8NO5VJUnFBaW9kafsCAAW/Tayl65uPC4weO4Ar1DyAnOMlo/6XkCRqsxBZQC5B24TKeLTiAS7GLXQewvoOlBLIK325eN7VdwFwkSVJxYX1D/wc2vUewUd1qZ2kzRQSkDXHo8vrb2DlnpjI9wFCs9/EZzF4fPXp0xOXLl42xy5envV9Y2i+W6ro+0KiY4mM4mn85JCRkOzpBI0aM0J47d645dN8h5/niqyrW04jUVn8TF6OMCjBw3ajkWhoa+fkTxyl7JkZydIeCekk8LKkpeOpfx5Dz/RX4dvWFRPMC6erjqYEXNZK1VCFlago5ah/qa2pRlBgrB6lV+Xq9PuL3ZOGj4uK8yRPUoCmKhS5F1F63D2pgXJecovp6uvTISm5u7pK2fW0Mamtr05tpXW7FDYUEYssv37nmXiSKYkVNs00pbDApRQ2NSr2tlfGxEaTPsT/Z1IzVssuk05lPjzWOXy5frsNyb1QqOTeqlK8qqzscrJGrt9nYUmleTIyeyfV7Na79ur19+/bHa6urfWVqzNgLhjZPnU4pLi7+atWquPVmszV/+PDhe3Dris/IdfnLysqK7t+//4CzBQXZs2bP/hx3XJXvQSq6nst0k17l7e3tikub3d6alpa2fdeuXVb6LDDbYDCEEUQsQ4YMWUuJWTNu3Lj5TU1NhykHDo6MiPgb3WSp1RHkDrnLsobuI9f279+fTOc40InLY2c/lHTmI8sf/ehytz134/1/f9z5H/nRhbEajUHxAAAAAElFTkSuQmCC);
    width: 67px;
    background-size: cover;
    margin: 1px 3px 1px 0px;
}
.mapboxgl-ctrl.narimap-attribute-control-v2 .attribute-content {
    background-color: hsla(0, 0%, 100%, 0.8);
    display: inline-block;
    padding: 0 3px;
}
.mapboxgl-ctrl.narimap-attribute-control-v2 .attribute-link__platform {
    color: #009ea8;
    font-family: PingFang SC;
    font-weight: regular;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
}
.mapboxgl-ctrl.narimap-attribute-control-v2 .attribute-link__platform:hover {
    cursor: pointer;
    background-color: rgba(0, 158, 168, 0.1);
}
.mapboxgl-ctrl.narimap-attribute-control-v2 .attribute-split {
    border-left: 1px solid hsla(0, 0%, 100%, 0.8);
    margin: 3px;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 {
    position: fixed;
    z-index: 10;
    text-size-adjust: none;
    height: 16px;
    left: 382px;
    bottom: 23px;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 div {
    position: absolute;
    overflow: hidden;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-control-v2__main {
    text-align: center;
    color: #000;
    line-height: 70%;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    white-space: nowrap;
    overflow: visible;
    width: 100%;
    font-size: 11px;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-barBG {
    background: #fff;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-HBarBG {
    width: 100%;
    height: 5px;
    font-size: 0;
    bottom: -1px;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-RBarBG {
    right: -1px;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-LBarBG {
    left: -1px;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-RBarBG,
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-LBarBG {
    width: 3px;
    height: 8px;
    bottom: 0;
    font-size: 0;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-bar {
    background: #000;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-HBar {
    width: 100%;
    height: 3px;
    font-size: 0;
    bottom: 0;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-RBar {
    right: 0;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-LBar {
    left: 0;
}
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-RBar,
.mapboxgl-ctrl.mapboxgl-ctrl.narimap-scale-control-v2 .narimap-scale-LBar {
    width: 1px;
    height: 7px;
    bottom: 0;
    font-size: 0;
}
@font-face {
    font-family: 'gisIconfont';
    src: url(data:application/x-font-woff2;charset=utf-8;base64,[encoded data, 46232 characters])
        format('woff2');
}
.gisIconfont {
    font-family: 'gisIconfont' !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.gisIcon-WGSjingweidu:before {
    content: 'î˜ƒ';
}
.gisIcon-Webmoqiatuo:before {
    content: 'î˜„';
}
.gisIcon-biandianzhan:before {
    content: 'î˜…';
}
.gisIcon-biaohao:before {
    content: 'î˜†';
}
.gisIcon-huhao:before {
    content: 'î˜ˆ';
}
.gisIcon-fadianchang:before {
    content: 'î˜‰';
}
.gisIcon-peidianxianlu:before {
    content: 'î˜Š';
}
.gisIcon-peidianzhanfang:before {
    content: 'î˜‹';
}
.gisIcon-quanxuan:before {
    content: 'î˜Œ';
}
.gisIcon-sousuo:before {
    content: 'î˜';
}
.gisIcon-shudianxianlu:before {
    content: 'î˜Ž';
}
.gisIcon-yingyeting:before {
    content: 'î˜';
}
.gisIcon-zhushangkaiguan:before {
    content: 'î˜‘';
}
.gisIcon-peidiandianlan:before {
    content: 'î˜’';
}
.gisIcon-huming:before {
    content: 'î˜“';
}
.gisIcon-xingqudianchaxun:before {
    content: 'î˜';
}
.gisIcon-daoluchaxun:before {
    content: 'î™…';
}
.gisIcon-lahuodian:before {
    content: 'î™†';
}
.gisIcon-juxing:before {
    content: 'î™ˆ';
}
.gisIcon-yuanxing:before {
    content: 'î™‰';
}
.gisIcon-duobianxing:before {
    content: 'î™Š';
}
.gisIcon-mian:before {
    content: 'î™Ž';
}
.gisIcon-xian:before {
    content: 'î™';
}
.gisIcon-dian1:before {
    content: 'î™';
}
.gisIcon-tuichu:before {
    content: 'î™’';
}
.gisIcon-suoyoushebei:before {
    content: 'î™“';
}
.gisIcon-tishi:before {
    content: 'î™•';
}
.gisIcon-chenggong:before {
    content: 'î™–';
}
.gisIcon-shibai:before {
    content: 'î™—';
}
.gisIcon-shebeishu-dianlan:before {
    content: 'î˜”';
}
.gisIcon-shebeishu-biandianzhan:before {
    content: 'î˜•';
}
.gisIcon-shebeishu-biandian:before {
    content: 'î˜–';
}
.gisIcon-shebeishu-gongsi:before {
    content: 'î˜—';
}
.gisIcon-shebeishu-fanhui:before {
    content: 'î˜˜';
}
.gisIcon-shebeishu-fadian:before {
    content: 'î˜™';
}
.gisIcon-shebeishu-fenjiexiang:before {
    content: 'î˜š';
}
.gisIcon-shebeishu-fenzhi:before {
    content: 'î˜›';
}
.gisIcon-shebeishu-ganxian:before {
    content: 'î˜œ';
}
.gisIcon-shebeishu-gongdiansuo:before {
    content: 'î˜';
}
.gisIcon-shebeishu-peidian:before {
    content: 'î˜ž';
}
.gisIcon-shebeishu-shudian:before {
    content: 'î˜Ÿ';
}
.gisIcon-shebeishu-gongdianju:before {
    content: 'î˜ ';
}
.gisIcon-shebeishu-shousuo:before {
    content: 'î™š';
}
.gisIcon-shebeishu-zhankai:before {
    content: 'î™›';
}
.gisIcon-jiakongdaoxian:before {
    content: 'î™œ';
}
.gisIcon-shudiandianlan:before {
    content: 'î™';
}
.gisIcon-caidan-danxiantu:before {
    content: 'î™ž';
}
.gisIcon-caidan-dianyuanzhuisu:before {
    content: 'î™Ÿ';
}
.gisIcon-caidan-dingwei:before {
    content: 'î™ ';
}
.gisIcon-caidan-gongdianbanjing:before {
    content: 'î™¡';
}
.gisIcon-caidan-gongdianquyu:before {
    content: 'î™¢';
}
.gisIcon-caidan-xiangqing:before {
    content: 'î™£';
}
.gisIcon-caidan-tuku:before {
    content: 'î™¤';
}
.gisIcon-caidan-taizhang:before {
    content: 'î™¥';
}
.gisIcon-caidan-daochu:before {
    content: 'î™¦';
}
.gisIcon-sousuo-fanhui:before {
    content: 'î™§';
}
.gisIcon-legend-shuinigan:before {
    content: 'î™ª';
}
.gisIcon-legend-tiegan:before {
    content: 'î™«';
}
.gisIcon-legend-yingyeting:before {
    content: 'î™¬';
}
.gisIcon-legend-xiangshibian:before {
    content: 'î™­';
}
.gisIcon-legend-zhushangbileiqi:before {
    content: 'î™®';
}
.gisIcon-legend-zhushangfuhekaiguan:before {
    content: 'î™¯';
}
.gisIcon-legend-zhushangduanluqi:before {
    content: 'î™°';
}
.gisIcon-legend-zhushanggaoyabiaoji:before {
    content: 'î™±';
}
.gisIcon-legend-zhushanggelikaiguan:before {
    content: 'î™²';
}
.gisIcon-legend-zhushangzidonghuafuhekaiguan:before {
    content: 'î™³';
}
.gisIcon-legend-zhushangzidonghuaduanluqi:before {
    content: 'î™´';
}
.gisIcon-legend-zhushangzidonghuaguzhangzhishiqi:before {
    content: 'î™µ';
}
.gisIcon-legend-zhushangwugongbuchangxiang:before {
    content: 'î™¶';
}
.gisIcon-legend-zhushangjiliangzhuangzhi:before {
    content: 'î™·';
}
.gisIcon-legend-DTU:before {
    content: 'î™¸';
}
.gisIcon-legend-FTU:before {
    content: 'î™¹';
}
.gisIcon-legend-zhushangguzhangzhishiqi:before {
    content: 'î™º';
}
.gisIcon-legend-biandianzhan:before {
    content: 'î™»';
}
.gisIcon-legend-TTU:before {
    content: 'î™¼';
}
.gisIcon-legend-dianlanzhongjianjietou:before {
    content: 'î™½';
}
.gisIcon-legend-dianlanfenjiexiang:before {
    content: 'î™¾';
}
.gisIcon-legend-dielashirongduanqi:before {
    content: 'î™¿';
}
.gisIcon-legend-dianlanzhongduantou:before {
    content: 'îš€';
}
.gisIcon-legend-fadianchang:before {
    content: 'îš';
}
.gisIcon-legend-gangguangan:before {
    content: 'îš‚';
}
.gisIcon-legend-peidianzhuanbian:before {
    content: 'îšƒ';
}
.gisIcon-legend-huwaikaiguanxiang:before {
    content: 'îš„';
}
.gisIcon-legend-peidiangongbian:before {
    content: 'îš…';
}
.gisIcon-legend-peidianzhan:before {
    content: 'îš†';
}
.gisIcon-legend-dianqilianjiedian:before {
    content: 'îš‡';
}
.gisIcon-legend-kaiguanfang:before {
    content: 'îšˆ';
}
.gisIcon-legend-diyapeidianxiang:before {
    content: 'îš‰';
}
.gisIcon-legend-daoxian:before {
    content: 'îšŠ';
}
.gisIcon-legend-dianlan:before {
    content: 'îš‹';
}
.gisIcon-legend-diyalahuodian:before {
    content: 'îšŒ';
}
.gisIcon-ziyuan:before {
    content: 'îšŽ';
}
.gisIcon-kai:before {
    content: 'î˜€';
}
.gisIcon-_biandian:before {
    content: 'î˜';
}
.gisIcon-_bianyaqimingxi:before {
    content: 'î˜‚';
}
.gisIcon-_celiang:before {
    content: 'î˜‡';
}
.gisIcon-_bianyaqixinghao:before {
    content: 'î˜¡';
}
.gisIcon-_chaxuntongji:before {
    content: 'î˜¢';
}
.gisIcon-_daidianzhuangtai:before {
    content: 'î˜£';
}
.gisIcon-_dilifenxi:before {
    content: 'î˜¤';
}
.gisIcon-_duanluqimingxi:before {
    content: 'î˜¥';
}
.gisIcon-_dianwanggailan:before {
    content: 'î˜¦';
}
.gisIcon-_fadian:before {
    content: 'î˜§';
}
.gisIcon-_daoxianxinghao:before {
    content: 'î˜¨';
}
.gisIcon-_dianlanxinghao:before {
    content: 'î˜©';
}
.gisIcon-_gongdantongji:before {
    content: 'î˜ª';
}
.gisIcon-_diliyanbutu:before {
    content: 'î˜«';
}
.gisIcon-_daoxianjiemian:before {
    content: 'î˜¬';
}
.gisIcon-_fenjiexiangmingxi:before {
    content: 'î˜­';
}
.gisIcon-_gantaxinghao:before {
    content: 'î˜®';
}
.gisIcon-_gongguanxianlu:before {
    content: 'î˜¯';
}
.gisIcon-_gongdianju:before {
    content: 'î˜°';
}
.gisIcon-_huanluchongtudian:before {
    content: 'î˜±';
}
.gisIcon-_dilitu:before {
    content: 'î˜²';
}
.gisIcon-_huwaikaiguanmingxi:before {
    content: 'î˜³';
}
.gisIcon-_moxingheguixingwenti:before {
    content: 'î˜´';
}
.gisIcon-_lianluofenduan:before {
    content: 'î˜µ';
}
.gisIcon-_gantamingxi:before {
    content: 'î˜¶';
}
.gisIcon-_shebeizongbiao:before {
    content: 'î˜·';
}
.gisIcon-_suoxiao:before {
    content: 'î˜¸';
}
.gisIcon-_peidian:before {
    content: 'î˜¹';
}
.gisIcon-_kuixianmingxi:before {
    content: 'î˜º';
}
.gisIcon-_tuxingshuchu:before {
    content: 'î˜»';
}
.gisIcon-_dituxianshikongzhi:before {
    content: 'î˜¼';
}
.gisIcon-_gongdiansuo:before {
    content: 'î˜½';
}
.gisIcon-_jiakongdaoxian:before {
    content: 'î˜¾';
}
.gisIcon-_gongju:before {
    content: 'î˜¿';
}
.gisIcon-_tongjifenxi:before {
    content: 'î™€';
}
.gisIcon-_shebeituli:before {
    content: 'î™';
}
.gisIcon-_fuhekaiguanmingxi:before {
    content: 'î™‚';
}
.gisIcon-_relitu:before {
    content: 'î™ƒ';
}
.gisIcon-_qingchusuoyouzhuangtai:before {
    content: 'î™„';
}
.gisIcon-_peidianfangmingxi:before {
    content: 'î™‡';
}
.gisIcon-_dianyadengji:before {
    content: 'î™‹';
}
.gisIcon-_yunhangzhuangtai:before {
    content: 'î™Œ';
}
.gisIcon-_tuopuchenghuan:before {
    content: 'î™';
}
.gisIcon-_lianluokaiguan:before {
    content: 'î™‘';
}
.gisIcon-_zhuantitu:before {
    content: 'î™”';
}
.gisIcon-_xiangbianmingxi:before {
    content: 'î™˜';
}
.gisIcon-_biaozhu:before {
    content: 'î™™';
}
.gisIcon-_dianwangxianshikongzhi:before {
    content: 'î™¨';
}
.gisIcon-_shebeimingxi:before {
    content: 'î™©';
}
.gisIcon-_mingquechongtudian:before {
    content: 'îš';
}
.gisIcon-_jufeng:before {
    content: 'îš';
}
.gisIcon-_xitongtu:before {
    content: 'îš';
}
.gisIcon-_shuqianxiugai:before {
    content: 'îš‘';
}
.gisIcon-_shuqianshanchu:before {
    content: 'îš’';
}
.gisIcon-_houyishitu:before {
    content: 'îš“';
}
.gisIcon-_tuopulianjiewenti:before {
    content: 'îš”';
}
.gisIcon-_zhanxianbianhuchaxun:before {
    content: 'îš•';
}
.gisIcon-_qipao:before {
    content: 'îš–';
}
.gisIcon-_fenduankaiguan:before {
    content: 'îš—';
}
.gisIcon-_qixiangtu:before {
    content: 'îš˜';
}
.gisIcon-_fenzhi:before {
    content: 'îš™';
}
.gisIcon-_quantudingwei:before {
    content: 'îšš';
}
.gisIcon-_zhuanxiangfenxi:before {
    content: 'îš›';
}
.gisIcon-_zichanshuxing:before {
    content: 'îšœ';
}
.gisIcon-_kaiguancaozuo:before {
    content: 'îš';
}
.gisIcon-_kongjianchaxun:before {
    content: 'îšž';
}
.gisIcon-_huanwanggui:before {
    content: 'îšŸ';
}
.gisIcon-_zhiliangshuju:before {
    content: 'îš ';
}
.gisIcon-_shuqian:before {
    content: 'îš¡';
}
.gisIcon-_shudian:before {
    content: 'îš¢';
}
.gisIcon-_qixiangzhandian:before {
    content: 'îš£';
}
.gisIcon-_chubeihunhecang:before {
    content: 'îš¤';
}
.gisIcon-_taibian:before {
    content: 'îš¥';
}
.gisIcon-_duanluqi-fuhekaiguan:before {
    content: 'îš¦';
}
.gisIcon-_baofeiwuzicang:before {
    content: 'îš§';
}
.gisIcon-_gelikaiguan:before {
    content: 'îš¨';
}
.gisIcon-_keyichongtudian:before {
    content: 'îš©';
}
.gisIcon-_sousuo:before {
    content: 'îšª';
}
.gisIcon-_jiakongdaoxian1:before {
    content: 'îš«';
}
.gisIcon-_peidianxiang:before {
    content: 'îš¬';
}
.gisIcon-_dianlan:before {
    content: 'îš­';
}
.gisIcon-_qixiangzhandianfenbutu:before {
    content: 'îš®';
}
.gisIcon-_lianluokaiguan1:before {
    content: 'îš¯';
}
.gisIcon-_tonggangongjia:before {
    content: 'îš°';
}
.gisIcon-_zuoyerenwu:before {
    content: 'îš±';
}
.gisIcon-_nanwang:before {
    content: 'îš²';
}
.gisIcon-_qianyishitu:before {
    content: 'îš³';
}
.gisIcon-_daorushebeiID:before {
    content: 'îš´';
}
.gisIcon-_neibiaoxiang:before {
    content: 'îšµ';
}
.gisIcon-_fenzhixiang:before {
    content: 'îš¶';
}
.gisIcon-_fanhui:before {
    content: 'îš·';
}
.gisIcon-_daoxu:before {
    content: 'îš¸';
}
.gisIcon-_fanhuishangyiji:before {
    content: 'îš¹';
}
.gisIcon-_tuichu:before {
    content: 'îšº';
}
.gisIcon-_shujubiaoge:before {
    content: 'îš»';
}
.gisIcon-_yuanxing:before {
    content: 'îš¼';
}
.gisIcon-_fenbushidianyuan:before {
    content: 'îš½';
}
.gisIcon-_wenjianjia:before {
    content: 'îš¾';
}
.gisIcon-_zhengxu:before {
    content: 'îš¿';
}
.gisIcon-_dianlanmingxi:before {
    content: 'î›€';
}
.gisIcon-_fangda:before {
    content: 'î›';
}
.gisIcon-_shujutuxing:before {
    content: 'î›‚';
}
.gisIcon-_zhengfangxing:before {
    content: 'î›ƒ';
}
.gisIcon-_ziti:before {
    content: 'î›„';
}
.gisIcon-_jiantou:before {
    content: 'î›…';
}
.gisIcon-_xuanzeshebei:before {
    content: 'î›†';
}
.gisIcon-_duobianxing:before {
    content: 'î›‡';
}
.gisIcon-_xianlujueyuan:before {
    content: 'î›ˆ';
}
.gisIcon-_shebeishu:before {
    content: 'î›‰';
}
.gisIcon-_leidian:before {
    content: 'î›Š';
}
.gisIcon-_toumingdu:before {
    content: 'î›‹';
}
.gisIcon-_chexiao:before {
    content: 'î›Œ';
}
.gisIcon-_zuojiantou:before {
    content: 'î›';
}
.gisIcon-_dianhuanchong:before {
    content: 'î›Ž';
}
.gisIcon-_zhuanyebiaojicang:before {
    content: 'î›';
}
.gisIcon-_zidingbiaoqian:before {
    content: 'î›';
}
.gisIcon-_quduantongji:before {
    content: 'î›‘';
}
.gisIcon-_shangxiashousuo:before {
    content: 'î›’';
}
.gisIcon-_shitucaozuo:before {
    content: 'î›“';
}
.gisIcon-_dian:before {
    content: 'î›”';
}
.gisIcon-_leijitiaozhafengxian:before {
    content: 'î›•';
}
.gisIcon-_zuoyoushousuo:before {
    content: 'î›–';
}
.gisIcon-_dacha:before {
    content: 'î›—';
}
.gisIcon-_rongduanqi:before {
    content: 'î›˜';
}
.gisIcon-_taifenglujing:before {
    content: 'î›™';
}
.gisIcon-_biandianzhan-fadianchang:before {
    content: 'î›š';
}
.gisIcon-_riqi:before {
    content: 'î››';
}
.gisIcon-_taifeng:before {
    content: 'î›œ';
}
.gisIcon-_ganta:before {
    content: 'î›';
}
.gisIcon-_peidian1:before {
    content: 'î›ž';
}
.gisIcon-_shezhi:before {
    content: 'î›Ÿ';
}
.gisIcon-_xianhuanchong:before {
    content: 'î› ';
}
.gisIcon-_dianwangzhuantitu:before {
    content: 'î›¡';
}
.gisIcon-_danxiantuduibi:before {
    content: 'î›¢';
}
.gisIcon-_xiangbian:before {
    content: 'î›£';
}
.gisIcon-_kaiguanzhan:before {
    content: 'î›¤';
}
.gisIcon-_dagou:before {
    content: 'î›¥';
}
.gisIcon-_peidianzhan:before {
    content: 'î›¦';
}
.gisIcon-_duobianxinghuanchong:before {
    content: 'î›§';
}
.gisIcon-_fanhui1:before {
    content: 'î›¨';
}
.gisIcon-_xian:before {
    content: 'î›©';
}
.gisIcon-_zuoyouzhankai:before {
    content: 'î›ª';
}
.gisIcon-_zonghefengxian:before {
    content: 'î›«';
}
.gisIcon-_youjiantou:before {
    content: 'î›¬';
}
.gisIcon-_biaoqian:before {
    content: 'î›­';
}
.gisIcon-_dagou1:before {
    content: 'î›®';
}
.gisIcon-_leidianfenxi:before {
    content: 'î›¯';
}
.gisIcon-_shangxiazhankai:before {
    content: 'î›°';
}
.gisIcon-_zuiduanlujingfenxi:before {
    content: 'î›±';
}
.gisIcon-_tanhao:before {
    content: 'î›²';
}
.gisIcon-_shudian1:before {
    content: 'î›³';
}
.gisIcon-_shuaxin:before {
    content: 'î›´';
}
.gisIcon-_daosanjiao:before {
    content: 'î›µ';
}
.gisIcon-_shanxididianLOGO:before {
    content: 'î›¶';
}
.gisIcon-_fengzaitiaozhafengxian:before {
    content: 'î›·';
}
.gisIcon-_shebeihuanchong:before {
    content: 'î›¸';
}
.gisIcon-_celiangyibiao:before {
    content: 'î›¹';
}
.gisIcon-_taifengyingxiangshebeifenxi:before {
    content: 'î›º';
}
.gisIcon-_biandian1:before {
    content: 'î›»';
}
.gisIcon-_daochuExcel:before {
    content: 'î›¼';
}
.gisIcon-_lahuodian:before {
    content: 'î›½';
}
.gisIcon-_wenjian:before {
    content: 'î›¾';
}
.gisIcon-quantu:before {
    content: 'î›¿';
}
.gisIcon-legend-biandianzhan-copy:before {
    content: 'îœ€';
}
.gisIcon-dianwanggailan:before {
    content: 'îœª';
}
.gisIcon-wuqu:before {
    content: 'îœƒ';
}
.gisIcon-dilijiexiantu:before {
    content: 'îœ';
}
.gisIcon-dianwangzhuose:before {
    content: 'îœ‚';
}
.gisIcon-danxiantu:before {
    content: 'îœ„';
}
.gisIcon-dianwangzhuose1:before {
    content: 'îœ…';
}
.gisIcon-huanjingqixiang:before {
    content: 'îœ†';
}
.gisIcon-fengqu:before {
    content: 'îœ‡';
}
.gisIcon-gongjuxiang:before {
    content: 'îœˆ';
}
.gisIcon-gongdantongji:before {
    content: 'îœ‰';
}
.gisIcon-jiaoduceliang:before {
    content: 'îœŠ';
}
.gisIcon-huanluchongtudian:before {
    content: 'îœ‹';
}
.gisIcon-kongjianfenxi:before {
    content: 'îœŒ';
}
.gisIcon-lakuangdayin:before {
    content: 'îœ';
}
.gisIcon-huanwangtu:before {
    content: 'îœŽ';
}
.gisIcon-lianluofenduan:before {
    content: 'îœ';
}
.gisIcon-leiqu:before {
    content: 'îœ';
}
.gisIcon-jietu:before {
    content: 'îœ‘';
}
.gisIcon-lakuangdaochu:before {
    content: 'îœ’';
}
.gisIcon-lianluokaiguanfenxi:before {
    content: 'îœ“';
}
.gisIcon-mianjiceliang:before {
    content: 'îœ”';
}
.gisIcon-quantudaochu:before {
    content: 'îœ•';
}
.gisIcon-quantudayin:before {
    content: 'îœ–';
}
.gisIcon-qixiangzhan:before {
    content: 'îœ—';
}
.gisIcon-shebeitaizhang:before {
    content: 'îœ˜';
}
.gisIcon-shebeishu:before {
    content: 'îœ™';
}
.gisIcon-shebeituli:before {
    content: 'îœš';
}
.gisIcon-shanhuo:before {
    content: 'îœ›';
}
.gisIcon-shuqian:before {
    content: 'îœœ';
}
.gisIcon-neilao:before {
    content: 'îœ';
}
.gisIcon-sousuo1:before {
    content: 'îœž';
}
.gisIcon-tianqi:before {
    content: 'îœŸ';
}
.gisIcon-tingdianfenxi:before {
    content: 'îœ ';
}
.gisIcon-tucengkongzhi:before {
    content: 'îœ¡';
}
.gisIcon-tongtatonglang:before {
    content: 'îœ¢';
}
.gisIcon-taifeng:before {
    content: 'îœ£';
}
.gisIcon-yingyewangdian:before {
    content: 'îœ¤';
}
.gisIcon-xiangxutu:before {
    content: 'îœ¥';
}
.gisIcon-tonggangongjia:before {
    content: 'îœ¦';
}
.gisIcon-wuqu1:before {
    content: 'îœ§';
}
.gisIcon-zidingyibiaozhu:before {
    content: 'îœ¨';
}
.gisIcon-changduceliang:before {
    content: 'îœ©';
}
.gisIcon-bingqu:before {
    content: 'îœ«';
}
.gisIcon-zonghetongji:before {
    content: 'îœ¬';
}
.gisIcon-zhanxianbianhu:before {
    content: 'îœ­';
}
.gisIcon-touxiang:before {
    content: 'îœ®';
}
body {
    --webgis-primary-color: #0d867f;
    --webgis-second-color: rgba(13, 134, 127, 0.08);
    --webgis-control-bg-color: #f7f7f7;
    --webgis--text: #666666;
    --webgis-primary-text: #333333;
    --webgis-second-text: #999999;
    --webgis-border-radius-base: 8px;
    --webgis-border-radius-small: 6px;
    --webgis-split-bar-color: #e8e8e8;
    --webgis-font-size-small: 12px;
    --webgis-font-size-base: 14px;
    --webgis-font-size-big: 16px;
    --webgis-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    --theme-mode: 'light';
}
.mapboxgl-coordinate-control {
    background-color: var(--theme-bg, #fff);
    color: var(--theme-primary-title, #333);
    border-style: solid;
    border: 2px solid var(--theme-border, #21434b);
    opacity: 0.7;
    border-top: 0px;
    padding: 3px 6px;
    font-size: 13px;
    z-index: 10;
    min-width: 135px;
    margin: 10px;
}
.mapboxgl-auxiliary-control {
    height: 230px;
    width: 100px;
    position: fixed;
    bottom: 75px;
    right: 10px;
}
.mapboxgl-ctrl-toolbar {
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    position: absolute;
    right: 20px;
    top: 100px;
    padding: 5px;
    background-color: #fff;
    z-index: 999;
    width: 20px;
    height: 20px;
}
.mapboxgl-ctrl-toolbar-mapLocation {
    top: unset;
    bottom: 110px;
}
.mapboxgl-ctrl-toolbar-comPass {
    top: unset;
    bottom: 155px;
    padding: 6px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    right: 14px;
}
.mapboxgl-ctrl-toolbar-comPass-dljxt {
    top: unset;
    bottom: 10px;
    padding: 6px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    right: 10px;
    background: rgba(11, 17, 45, 0.1);
}
.mapboxgl-ctrl-toolbar-amplification {
    top: unset;
    bottom: 60px;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.mapboxgl-ctrl-toolbar-amplification::after {
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    height: 1px;
    background-color: var(--webgis-second-text, #999);
}
.mapboxgl-ctrl-toolbar-narrow {
    top: unset;
    bottom: 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.mapboxgl-toolIcons {
    width: 100%;
    height: 100%;
    margin: 0;
}
.mapboxgl-toolIcons .mapLocation {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAArNJREFUWEftV81rE0EUf28nDUkwx14riLeAB3c2EEuhKCjKmnOvfiMVrP4BGv0D/ABL8Stee26DYkApFAzNznoQ60kFe+3NSBNSd5+8MANr3aQxVPegc9rZmffm9977zW9mEEZsjuMUiGiJzRGx7Hne+iiucBQjtrFt+x4AXNX2933fnxvF18gApJQPieiizsAjpdSlfw7AUyI6qzNQVUqd++MZKBaLpTAMLxDRMQCY2LHgBiK+sizrcbPZbAwLZigOlEqlg91udx4Ajg/puJ5Op2cbjcbH3ebvCkBKeQoAFokov5uz6DgitgBgRin1fJDdQAB68SUiEsYJIvJ+fyKEqGez2Q3+3263J4Ig4OycJ6JCZG4AAOVBIPoC4LRvb2+/jUTeRcTrrusuVCqVMC6qSqVi1Wq1y0R0BwDSmqCtsbGxw/3K0ReAbdsvIzXvCiFONpvN18OUoVgsHg2C4IUBAQB13/dPxNnGAmC2B0HwJpLKK0opJmGvTU1NjXc6HY5U6ihVJpNZWF1d3TRzpJSzRPTA9IUQR+J2RywAKWWViM5o5+uu6x4yadfRLQLA+I6INoUQMyZLuhzvDCcQ8ZlSqqcbP5E1Li22bX8x+xwRrymlWPd7kW9tbTEJdy5u3GzmcrmCyYSUco6I7urBDd/39/8CgE81FhdEzOrBlFE47qdSqcLa2toH/nYc50YYhrcG8cCyrJue593W89n3+0gpqwDwnftE1GbRQinlJyI60M9pPp/Pr6ysfONx27aXAcAdBAARl5VSZZ4zPT29r9VqsR7ENkT8/FsApJSsCaeHBTA5OZnvdDpfBwJIvASJkzAOQOLbcFghCsPQ4QAsy/L2VIg045OTYgaQ+GHEIBI9jg05E72QGBCJXsmi2zSxS2kfrfj71/IokP8vo8Qfp3v1PP8Bs9cDxRvExlQAAAAASUVORK5CYII=);
}
.mapboxgl-toolIcons .comPass {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAA2RJREFUWIWl101oXUUUB/Dfq5XGD9AQKIJuTNS6cGegpjZtIX62aIJK3SgJVZOFS5GnliJIlGbhLpsiQrHZRKSa+hFBxJBXEgpZuOhCqy+uFBGLCvGLGp+LmRdu77t37lP/q3vnnPM//zvnzpmZmohWqyWJWq1o9A78jmaHpYKvFvm2twfW19eTAf3Fw2NRwOt5QxVfG9urXSJhs1nDMA7hbtxy4+jozlZPj+/m55/H11jBB2igYkoDtnXpcwQXMItfcaxvevrgjvPn9ayttXpnZ+/FMWxEnwsxppJ/q7DNZmcZcTPm8QeO9g8MNDK2Z2MyeBpvtg3rzeYwpnEVHsc3eeKBgYGtryvDASxH4v255DCaeR7LGqLvgRi7jH1lScoE3Cd8+WGc0FnP62OCNu7BtTmfVow9jLdxf7cCduEUHsZqicBDuDLz3oMHSnxXhdl6K3InBVwRk7+McyWEXD79qbE2zgk/6amYo1TAuPDDnUiQ7cCDBeP5WcnjDaFnTJQJqOFFHJVewyM66w292J+Ia0XuF2RWX1bAPvwmNJEUxhK2VBngrNBHtlZFVsBBnK4g2IaHKsQVbhoZnI65OgTsEdZsCnfhhoT9JtxZwbGMoSIBt+KLsqipyUnS09/GWPQtw5e4rUhALy5WkFfVmGqRF2Mu/IvdEKYmJ//qwi21FDuQnYGf0Ffh/24XnAsV9r6Yq0PAV7j9f5JTLXKXsF13CFgVDhwprOHbhP176RZO6AFbe0xWwId4tCK4hfcS9vfxdwXHI/ioSMAyrsbeCoJUGVLiRO5rZLptVkALx4WTTKqbLeHngvENfJqIq0Xu4zKzlN8NT0aFUwmiS0K58ljEn4m4p4RN7GR2MC9gE0/iFexOkBVNdao0u/Eqnog5SgUQ2vF4TDJUYIePXf61l4TjeBGGIteEglZfdiZcFI7VZ4Ry5P+JDXySeV/CLzmfWow9E7kWixKlTsWLQl94Bkv1ej3fIxZKnkXfz2LscFnytkqU3gvaIifwknBgeQeNlZWVHxuNxueoDQ4ODo6MjFwXkz0mLOfXhB+usC+07wXdCMgK2SscSPZgYG5ubufm5qbx8fEfhAvqitCMzpYl/s8CZmZmioafE24/03lDvV5P8rUFbG3H/f0l9980FoRTcge65fsHNLbQEdpDGMoAAAAASUVORK5CYII=);
    margin: 0;
}
.mapboxgl-toolIcons .amplification {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAMBJREFUWEftl9ENwjAMRO+YA1iiXgIGKTPBIrBDnCnaOTDKBygIKqJQNRI4307u8ixdHKLxYmN9uIFqAiKyB3AEYCT7EMKlpp3fGBjMbJ1ESQ6qul3UQNd1lglajHHlBpyAE/gNAiKySwlnZpuaG03tSWEF4KCq57zmJQlF5JFwcxqYSsylDYyq+kT2nYHUgtM95+eiQHIE0H9sQYmgmVFErv4WOAEn8N8E8shuMpQ2H8tLErOkpvpfUHJ4SY0buAEOh5EhKwvQBwAAAABJRU5ErkJggg==);
}
.mapboxgl-toolIcons .narrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAGxJREFUWEft1cEJgEAMRNFJH9pFmrARi7IRm0gX2kfEgyDowUMgHv4WkBleWGJqftacLwoggAACCCDwEHD3SdKSmUPloTKzXdIcEet97luBrTr8CjxLRMT4+wK9K6jc+5dZfEMEEEAAAQTaBQ5Q/SIh0YYK9gAAAABJRU5ErkJggg==);
}
.mapboxgl-toolIcons i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.mapboxgl-toggle-control {
    width: 86px;
    height: 60px;
    background-color: #fff;
}
.mapboxgl-toggle-control:hover {
    width: 86px;
    height: 120px;
    background-color: hsla(0, 0%, 100%, 0.8);
}
.mapboxgl-mapType .mapCard {
    background: url(data:image/png;base64,[encoded data, 66316 characters]);
}
.webgis-contextmenu-container {
    background: #fff;
    position: absolute;
    top: -99999px;
    left: -99999px;
    font: 12px/1.5 å¾®è½¯é›…é»‘;
    border: #bababa solid 1px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
    z-index: 20005;
}
.webgis-contextmenu-container ul > li:hover {
    background-color: #eee;
}
.mapboxgl-coordinate-control,
.mapboxgl-ctrl-scale {
    background-color: var(--theme-bg, #fff);
    color: var(--theme-primary-title, #333);
}
:root {
    --theme-primary: #078b7e;
    --theme-bg: #fff;
    --theme-primary-title: #333;
    --theme-sub: #333;
    --theme-active-bg: #c5d9e7;
    --theme-active-color: #333;
    --theme-card-border: #ebeef5;
    --theme-box-bg: #ffffffd2;
    --theme-primary-border: #ccc;
    --theme-tabs-bg: #fff;
    --theme-divider-color: #e4e7ed;
    --theme-item-bg: rgba(13, 134, 127, 0.3);
    --theme-item-bg-active: #0d867f;
    --theme-item-fc-active: #ffffff;
    --theme-item-bg-unactive: #f7f8fa;
    --theme-list-bg-active: #f3faf9;
    --theme-border-bottom: #ddd;
    --theme-dialog-head-primary: #f7f7f7;
    --theme-box-gradient: linear-gradient(to bottom, #cae5e3, #c5d9e7);
    --theme-border-transparent: rgb(255 255 255 / 0%);
    --theme-backdrop-filter: blur(6px);
    --theme-box-inner-bg: rgba(255, 255, 255, 0.1);
    --theme-box-inner-bg: #f7fafd;
    --theme-box-top-bg: #f7fafd;
    --theme-floatpanel-bg: #fff;
    --theme-floatpanel-header-bg: #f7f7f7;
    --theme-floatpanel-content-bg: rgba(255, 255, 255, 0);
    --theme-floatpanel-btn-color: #3f3f3f;
    --theme-floatpanel-tree: rgba(255, 255, 255, 0);
    --theme-select-bg: #fff;
    --theme-select-color: #666;
    --theme-select-item: #666;
    --theme-select-border: #e4e7ed;
    --theme-select-active-bg: #f5f7fa;
    --theme-select-active-color: #0d867f;
    --theme-pagination-total: #798396ff;
    --theme-pagination-bg: #f4f4f5;
    --theme-pagination-color: #666;
    --theme-pagination-active-bg: #0d867f;
    --theme-pagination-active-color: #fff;
    --theme-treenode-color: rgba(13, 134, 127, 0.05);
    --btn-primary: #0d867f;
    --btn-tertiary: rgba(13, 14, 13, 0.05);
    --btn-tertiary-hover: #0d867f;
    --btn-border-tertiary: transparent;
    --btn-tertiary-border: rgba(13, 134, 127, 0.3);
    --theme-switch-active-bg: #0d867f;
    --theme-switch-active-color: #0d867f;
    --theme-el-loading-bg: #ffffffe6;
    --theme-el-loading-color: #0d867f;
    --theme-el-radio-active: #0d867f;
    --theme-el-radio-color: #666;
    --theme-table-head-bg: #e4e6ea;
    --theme-table-head-color: #000000;
    --theme-table-bg: #fff;
    --theme-table-tr-color: #666;
    --theme-table-border: #ebeef5;
    --theme-table-th-bg: #fff;
    --theme-table-th-color: #666;
    --theme-table-active-bg: #f5f7fa;
    --theme-table-active-color: #666;
    --theme-table-scroll-thumb: rgb(172, 171, 171);
    --theme-table-scroll-track: #ededed;
    --theme-select-border-color: #dcdfe6;
    --theme-btn-bg: #fafafa;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}
.gk-picker-panel {
    background: #fff;
    border: 1px solid #e4e7ed;
}
.gk-date-range-picker__header > div {
    color: #666;
}
.gk-date-table th {
    color: #666;
    border-bottom: solid 1px #ebeef5;
}
.gk-date-range-picker__content.is-left {
    border-right: 1px solid #e4e4e4;
}
.gk-date-table td.in-range div {
    background-color: #f2f6fc;
    color: #666;
}
.gk-date-table td.in-range div:hover {
    background-color: #f2f6fc;
    color: #fff;
}
.gk-picker-panel__icon-btn {
    color: #666;
}
.available.in-range.start-date div,
.available.in-range.end-date div {
    color: #fff;
}
.radiusAreaClass .sgmap-popup-tip {
    display: none !important;
}
.radiusAreaClass .sgmap-popup-content {
    padding: 2px 3px !important;
    margin-left: 10px;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.tools
 *         
 */
.measure-info-box {
    border: solid 1px #1255b2;
    margin-bottom: 10px;
    background-color: #fff;
    margin-left: 10px;
    padding: 0 5px;
    white-space: nowrap;
    top: -5px;
    color: #666;
    position: absolute;
    font-size: 13px;
}
.endIcon {
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #1255b2;
    padding: 0;
    color: #1255b2;
    text-align: center;
    line-height: 16px;
    position: absolute;
    margin-top: 5px;
    font-size: 24px;
    cursor: pointer;
}
.endMarker .measure-info-box {
    border: none;
}
/*!
 * 
 *             Name:    WebGIS API
 *             Version: 2.0.20250812.194539
 *             Branch:  PMS3.0
 *             Module:  narimap.components.newBookMark
 *         
 */
.webgis-bookmark__header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f7f7f7;
    padding: 0 10px;
    height: 40px;
}
.webgis-bookmark__title {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.webgis-bookmark__controls {
    display: flex;
    align-items: center;
}
.webgis-bookmark__pin,
.webgis-bookmark__close {
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 5px;
    transition: background-color 0.2s;
}
.webgis-bookmark__pin:hover,
.webgis-bookmark__close:hover {
    background: rgba(165, 207, 173, 0.45);
}
.webgis-bookmark__pin--active {
    background: rgba(132, 190, 142, 0.47);
}
.webgis-bookmark__item[data-v-8ee161e6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    border-bottom: 1px solid var(--theme-divider-color);
    transition: all 0.2s;
    cursor: pointer;
}
.webgis-bookmark__item[data-v-8ee161e6]:hover {
    background-color: #f3f9f9;
}
.webgis-bookmark__item .left[data-v-8ee161e6] {
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;
}
.webgis-bookmark__item .item-type[data-v-8ee161e6] {
    color: var(--theme-primary, #078b7e);
}
.webgis-bookmark__item .action[data-v-8ee161e6] {
    display: flex;
    align-items: center;
    gap: 4px;
}
.webgis-bookmark__item .action button[data-v-8ee161e6] {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    color: var(--theme-primary-title, #fff);
}
.webgis-bookmark__item .action button i[data-v-8ee161e6] {
    font-size: 14px;
}
.webgis-bookmark__item .action .icon-delete[data-v-8ee161e6]:hover {
    color: red;
}
.webgis-bookmark__item .action .icon-save[data-v-8ee161e6] {
    font-size: 12px;
}
.webgis-bookmark__item .action .icon-save[data-v-8ee161e6]:hover {
    color: var(--theme-primary, #078b7e);
}
.webgis-bookmark__item .action .icon-edit[data-v-8ee161e6]:hover,
.webgis-bookmark__item .action .icon-pin[data-v-8ee161e6]:hover {
    color: var(--theme-primary, #078b7e);
}
.webgis-bookmark {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50px;
    left: 200px;
    width: 320px;
    height: calc(92vh - 356px);
    background-color: #fff;
    border-radius: var(--webgis-border-radius-base, 4px);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid var(--theme-card-border, #dddddd);
}
.webgis-bookmark__search-bar {
    display: flex;
    padding: 5px;
    gap: 8px;
}
.webgis-bookmark__new-btn {
    background-color: var(--theme-primary, #078b7e);
    border-color: var(--theme-primary, #078b7e);
}
.webgis-bookmark__new-btn:hover,
.webgis-bookmark__new-btn:active,
.webgis-bookmark__new-btn:focus {
    background-color: #08a394;
    border-color: #08a394;
}
.webgis-bookmark .gk-input .gk-input__inner:focus {
    border-color: var(--theme-primary, #078b7e);
}
.webgis-bookmark__list {
    padding: 5px 0;
}
.webgis-bookmark main {
    flex: 1;
}
.webgis-bookmark__footer {
    align-self: center;
    margin: 10px 0;
}
.webgis-bookmark__footer button {
    cursor: pointer;
    color: var(--theme-primary, #078b7e);
    transition: all 0.2s;
    font-size: 14px;
    border: none;
    background-color: rgba(0, 0, 0, 0);
}
.webgis-bookmark__footer button:hover {
    color: #08a394;
}
.webgis-bookmark main {
    overflow: auto;
    max-height: calc(100% - 125px);
}
.webgis-bookmark__new {
    display: flex;
    background-color: #f3f9f9;
    justify-content: space-between;
    border-bottom: 1px solid var(--theme-divider-color);
    padding: 0 12px;
}
.webgis-bookmark__new .gk-input .gk-input__inner:focus {
    border: none;
}
.webgis-bookmark__new .gk-input .gk-input__inner {
    border: none;
    padding: 0 3px;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
}
.webgis-bookmark__new .webgis-bookmark__actions {
    display: flex;
    gap: 6px;
}
.webgis-bookmark__new button {
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    border: none;
    cursor: pointer;
}
.webgis-bookmark__new .icon-delete:hover {
    color: red;
}
.webgis-bookmark__new .icon-save {
    font-size: 12px;
}
.webgis-bookmark__new .icon-save:hover {
    color: var(--theme-primary, #078b7e);
}
