[v-cloak]{
    display: none !important;
}
:root {
    /* Color 可以自定义相关配色 */
    /* var属性兼容性 --> https://www.caniuse.com/#feat=css-variables */
    /* 标准色 */
    --red: #e54d42;
    --xiaochigreen: #66c2a5;
    --orange: #f37b1d;
    --yellow: #fbbd08;
    --olive: #8dc63f;
    --green: #39b54a;
    --cyan: #1cbbb4;
    --blue: #0081ff;
    --purple: #6739b6;
    --mauve: #9c26b0;
    --pink: #e03997;
    --brown: #a5673f;
    --grey: #8799a3;
    --black: #333333;
    --darkGray: #666666;
    --gray: #aaaaaa;
    --ghostWhite: #f1f1f1;
    --white: #ffffff;
    /* 浅色 */
    --redLight: #fadbd9;
    --orangeLight: #fde6d2;
    --yellowLight: #fef2ce;
    --oliveLight: #e8f4d9;
    --greenLight: #d7f0db;
    --cyanLight: #d2f1f0;
    --blueLight: #cce6ff;
    --purpleLight: #e1d7f0;
    --mauveLight: #ebd4ef;
    --pinkLight: #f9d7ea;
    --brownLight: #ede1d9;
    --greyLight: #e7ebed;
    /* 渐变色 */
    --gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
    --gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
    --gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
    --gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
    --gradualPink: linear-gradient(45deg, #ec008c, #6739b6);
    --gradualBlue: linear-gradient(45deg, #0081ff, #1cbbb4);
    /* 阴影透明色 */
    --ShadowSize: 3px 3px 4px;
    --redShadow: rgba(204, 69, 59, 0.2);
    --orangeShadow: rgba(217, 109, 26, 0.2);
    --yellowShadow: rgba(224, 170, 7, 0.2);
    --oliveShadow: rgba(124, 173, 55, 0.2);
    --greenShadow: rgba(48, 156, 63, 0.2);
    --cyanShadow: rgba(28, 187, 180, 0.2);
    --blueShadow: rgba(0, 102, 204, 0.2);
    --purpleShadow: rgba(88, 48, 156, 0.2);
    --mauveShadow: rgba(133, 33, 150, 0.2);
    --pinkShadow: rgba(199, 50, 134, 0.2);
    --brownShadow: rgba(140, 88, 53, 0.2);
    --greyShadow: rgba(114, 130, 138, 0.2);
    --grayShadow: rgba(114, 130, 138, 0.2);
    --blackShadow: rgba(26, 26, 26, 0.2);

    background-color: var(--ghostWhite);
    font-size: 14px;
    color: var(--black);
    font-family: Helvetica Neue, Helvetica, sans-serif;
}
body{
    background: linear-gradient(to bottom right, #66c2a5, #fc8d62);
    height: 1800px;
}
svg{
    background-color: white;
    cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBSWZFbEVRVlI0WHUxYUMweFRXUnIrM2JXNzZtaHhDcGl0S0lhb1pFbW9XRVFUbGZXVktSaU5FZ3pHTlVhQzhVR1UwU0hvampHS0R6UlpBeU12V1dGWU5DczZpYXNkNHNodTJFRmlCMVRJK0FDbEdXWm9oZFFzNGRGT3NleFFjSzBNbSsvbW51NlZsVDRRMnN2YWs1emMzdDduLzUzdi84Ny8vK2RPb1BlOFRYalA3U2NmQUQ0R3ZPY0krRnpnUFNlQVV4RWN5cERCL3pmQUhMbkFMNGhvZ3MxbU95NlJTTTd3aHY5TVJBQ0I5WEdQeDNBQTRQOWZvbmQzZDhkTHBkSTBrOG4wbVZ3dS94c1JEZkFkWUtDUDZ6WWNBQmo5aVVRa3VYcjE2cHh0MjdaOUJ5dDdlM3UvcUt1cnk0MkppZm1CaUd4RTlKb0hZZHk2eG5BQVlQUi9SVVMvSnFMSk5wdXRmdUxFaWI4QkNBTURBK2F1cnE0L0JRVUY1UkRSS3g0SXNHSmN1b1VqQUdEOEZDS2FhamFiL3l5VHlUN3E3ZTJscVZPbmNwVHY3Ky8vOXZuejUzbGhZV0YvNTRGZ2JCaFhidUVJZ0VsRTlBRVJTWjg4ZVpJYUVSR1JVbHhjREFiUTNyMTc3WDV2c1ZpdTF0VFVaTWZGeGVuSG8xczQwZ0FBZ09HZWZ1blNwWmdkTzNhY2YvejRNVVZGUmRIU3BVc3BNek9Ub3FPak9TQmV2MzV0N09ycUtwZzFhOWI1OGVZV2ptWUJPd0JLcFRLNHZyNithbkJ3a1B6OS9lbkZpeGVjNGNuSnlSd1FVcW1VMisvcjY2dHRiVzNOVXlnVS94Z3ZidUVvRG9BR3dBV21FMUZnVDAvUERhbFVPbHVsVWxGVlZaWGRCU1FTQ2VYazVGQktTb3I5dis3dTdzc2FqU1k3SVNHaFZleHU0UWdBQ1MrQ0FDQkFwOU9kblQ5Ly9rZUhEeC9tUm4xb1c3SmtDV1ZsWmRHS0ZTdVlXM1R3Ym5GaGlGdUlTaVFkQVlBNFlESkVFQUJVVmxidVVxbFVIMSsvZnAyMmJOa3liUEN6YTljdURvanAwNEVia2RWcXZkdlMwcElYRVJGUk9ZUU5vZ0RDV1NnTUhRQUFzb3lNakJYcDZlbUZMUzB0TkcvZVBLZlJYMzUrUHUzZnYxL29GcGZLeTh1ems1S1NESUxZZ1lYV1R1ODNWaWM0QWdESG9BUFRpT2hESXBveE9EaFlnL3dnSkNTRURBYlk0YmdwRkFvQ0VLdFdyV0p1MGRiZTNsNHdaODZjejRubzMzd2tpU0RLYTJ4d1ZnOUFOTWhOaFJCQ2s4bFVHaEFRRUxwNTgyWlNxOVhPN0xjZjM3NTlPeWVVbUVGNHQvaEdyOWZuS3BYS093SzNZTkdreS9jZGpST2RBY0NFMEE4NjBOalllRUtoVUd3OGUvWXNIVGx5eE8zbm56dDNqdExTMG9SdVVheFdxM09TazVQLzZTMjNjQVlBY2dJbWhQNWxaV1hiNHVQakQxZFdWbEpzYkt6YkFPQ0N1WFBuRWlMS05XdldjTmZiYkxibm5aMmQrY0hCd1JjRnNZUEgzTUlaQU1nS0lZVFFBVmxLU2twVVFVRkJxZGxzcG9DQWdCRUJ3QzVLU0VpZ0N4Y3VVR0JnSUhPTHF1Ym01cnhGaXhaVmU5SXRuQUhBaEJBNndBbmhxMWV2dnBaSUpCOHNYTGlRbmo1OStrNGc0T0l6Wjg3UTBhTkg3ZmN4bTgyRnBhV2wyV2xwYVIyZWNBdG5BT0RGSUlUMmlMQzl2YjFJTHBjck1kOWZ2QWpXdm51Yk9YTW01eGJyMTY5bmJ0RmlNcG1LZzRLQ0NvZUUxS05lZDNBRkFBUkVTSXM1SVh6dzRNR25peGN2L24xUlVkRWJXZUZJWUpETDVkd1V1WHo1Y2xxMmJCa3BsY28zYmpNd01QQ3NvNlBqazltelo5L21wMHl2QU1DRUVEcmdmL255NWZqRXhNU01odzhmRXNKZmR4dU1oWURDWVB5ZU5Ba1M4OTltdFZyYkxCWkx2ZEZvckgzMDZOR2RQWHYyTlBNeEF5cFFveDR2dU1JQUNDRUxpR1J4Y1hGaE4yL2VMRU5kWU5xMGFTaU1PTVJBSnBQUnVuWHJ1TDV5NVVvQzNZWHQ1Y3VYdlFhRFFhL1Q2WnJ1MzcvL05ETXpzNTZJZmlLaWYvRmJLeEc5Rk9pQnU1ZzdQTjhWQUhBT0M0ZzRJYlJhclY5Tm1USWxBQWJWMUNBNGZIczdlZklrblRoeFl1akJudzBHUTR0T3A5UFgxZFg5VUZKUzB0VFcxdGJMR3drMFlURDJXY2QvaUJxOXhnQVlnSURJTG9TdHJhMDVJU0VoeXc4ZVBFaloyZGx2dFI2K3JkRm91R05HbzdGZHI5Yy9hMmhvYUZhcjFkOVhWMWQzOFFiQktCaUgyaUsyR0drWXpEcjJtZkZqRWh1NHdnRFl3REpEVGdqdjNyMzdjWFIwOU01cjE2N1IxcTFiM3dvQWpBY0lEUTBORHlJakl4SDdNMk5nRURPYUdjNktxOWdLZndNZ2RHYThWMFFRQmtJSFdFUW95OHZMaXoxdzRNQTV2VjVQb2FHaC93TUFvMzUvZi85UFVWRlJoNXFhbW93b0dQR2RBUUREbUxHc3hJN0NLbHQzRUJaWnh5eHJkSlVCT0krVnlHUmhZV0hCVFUxTnlPOEpVMWxuWjZjZEJOUUxhMnRydWYzQ3dzTHorL2J0KzVvWE5QZzBRR0NVaG9Hc0N4ZGJXRkkwWmtZTFI4eFZBSEFOSzVGQkNBTXRGc3RmL2Z6OGdqZHUzRWpsNWVYMmV6THFOelkyVmtkRVJHUVJFUXFJUGJ5b3diZlphQTlkWWZMS2twczdBTHhSSW10dWJ2NWphR2lvS2lNanc2NzB4NDRkbzlPblQ2TTQraUkyTmpiMTNyMTdxQWt5QUtEdXJBYkFsdFc4dnBqaURnQnZsTWdxS2lwMnJsMjdkbjlGUlFVM3g0ZUhoNU5XcStXWVVGSlNrcnQ3OSs1YlJHVG1BY0M4anRFWDNWS2FPd0N3ekpBcmtSMC9mdngzcDA2ZEtqS1pURFJqeGd4dXl1TlYvMDVrWkNTby95TVJkZlAwaCs5RDhFQjdVVFYzQUJCbWhqSytSUFlOVnBCVFUxTXBOemNYaTZjL2J0cTA2USszYjkvR0toRUFzUEMrRCtwN3BlTGpERzEzQU1DOVdHYklDYUhSYVB4TFlHRGdiOWxEcmx5NWtwK1ltSGlUcHo1R24xRWZ3amZxYzdnejQxdzU3aTRBd2hLWnYxYXJUUThQRDQvSGc3UmE3WjBGQ3haZ3dRQitMM3JxTTNEY0JVQllJdnZ3MXExYld6WnMySkRlMTlmWG1aU1U5T21OR3plZThjYUxudm9qQllBSklmSUN2ME9IRGlteXNyTEtxcXFxUGxPcFZGL3kvZzdqUlUvOWtRTEFNa1B1dXdIMG5wNmVML3o4L0hieWN6ekw1RVNyK2tOMXdWMFhZSmtod21MMHlScU5KbWIxNnRWSSt6RE5zV3dPVzFHcS9tZ0F3RDZmZ1NCaVZrQ0FCSVZubVJ0TGNFYTlldU9LcXJ0N3prZ1lBQjNndmlEampjY1d4Z3F6T05FRlBNTUJNeElBV0hvTUlMaHZDUVVmU0FsamZIY0h3eXZuanhRQXZDeXVaVjJZMUlneTRCbHRCbmhsdE1iaW9lL0NnTEY0SDQvZjB3ZUF4eUVYMlFOOURCRFpnSGo4ZFh3TThEamtJbnVnandFaUd4Q1B2NDZQQVI2SFhHUVA5REZBWkFQaThkZjVEejJTV200SG4rcWZBQUFBQUVsRlRrU3VRbUNDIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=)4 4,auto !important;

}
/* pages/component/mynav/mynav.wxss */
.tab_out_box.mynav {
    /*width: 100px;*/
    white-space: initial;
    cursor: pointer;
}
.tab_out_box{
    background-color: white;

}
.tab_out_box.mynav .cu-item {
    /*width: 100%;*/
    text-align: center;
    background-color: #fff;
    margin: 0;
    border: none;
    height: 50px;
    position: relative;
}

.tab_out_box.mynav .cu-item.cur {
    background-color: #f1f1f1;
}

.mynav-horizontal .cu-item.cur {
    background-color: #f1f1f1;
}
.tab_out_box.mynav .cu-item.cur::after {
    content: "";
    width: 8px;
    height: 30px;
    border-radius: 10px 0 0 10px;
    position: absolute;
    background-color: currentColor;
    top: 0;
    right: 0px;
    bottom: 0;
    margin: auto;
}
#VerticalBox{
    display: flex;
    border: 1px solid #ccc;
    max-height: calc(100vh - 70px);
    overflow-y: scroll;
    background-color: #f1f1f1;


}
.attr_plane_box{
    flex: 1;
    min-width: 250px;
    padding: 10px 10px;
    max-height: calc(100vh - 70px);
    overflow: scroll;
}

.mynav .cu-item.cur {
    border-bottom: 2px solid;
}
.mynav .cu-item {
    height: 45px;
    /*display: inline-block;*/
    line-height: 45px;
    margin: 0 5px;
    padding: 0 10px;
}
.text-orange, .line-orange, .lines-orange {
    color: #f37b1d;
}
.text-bold {
    font-weight: bold;
}
.text-ss {
    font-size: 8px;
}
.tab_out_box.mynav .cu-item.cur::after {
    content: "";
    width: 4px;
    height: 15px;
    border-radius: 5px 0 0 5px;
    position: absolute;
    background-color: currentColor;
    top: 0;
    right: 0px;
    bottom: 0;
    margin: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}
.attr_list_box{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*align-content: flex-start;*/
    /*margin-top: 10px;*/
    align-items: center;
    padding: 8px;
}

.textInput{
    width: 50px;
    height: 10px;
}
.numInput{
    width: 50px;
    height: 10px;
    box-sizing: unset;
}
.attr_item_box{
    /*width: 90%;*/
    margin-top: 10px;
    /*height: 100px;*/
    /*display: flex;*/
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    line-height: 40px;
    padding: 2px 2px;

}
.attr_item_box input{
    vertical-align: middle;
}
.attr_item_box label:active{
    font-weight: bold;
}
.attr_type_out_box{
    /*padding: 10px 10px;*/
    background-color: white;
    margin-top: 10px;
    border-radius: 5px;
    /*width: 240px;*/
}

.mybutton{
    cursor: pointer;
    background-color: var(--xiaochigreen);
    border: none !important;
    color: white;
    height: 26px;
    line-height: 26px;
    width: 40px;
    border-radius: 4px;
    animation-delay: 0.1s;
    text-align: center;
}
.mybutton:active{
    transform: translate(1px,1px);
}
.attr_section{
    margin-left: auto;
}
.attr_type_name{
    text-align: center;
    /*border-bottom: 2px solid white;*/
    /*background-color: var(--bs-orange);*/
    /*background: linear-gradient(to right, #66c2a5, #fc8d62);*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: white;
    height: 30px;
    line-height: 30px;
}
#color-select{
    height: 600px;
    background-color: white;
    position: fixed;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 0px 6px #777777;
    z-index: 194;

}

#color-bar-select{
    height: 600px;
    background-color: white;
    position: fixed;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 0px 6px #777777;
    z-index: 194;

}

.color_set_row{
    display: flex;
    margin-top: 10px;
    justify-content: start;
    /*align-content: center;*/
    /*justify-items: center;*/
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
}


.color_set_row div{
    /*margin-left: 10px;*/
    border: 1px solid black;
    border-radius: 2px;
    height: 30px;

}
#color-select_close_btn{
    /*position: fixed;*/
    width: 20px;
    height: 40px;
    background-color: #dddddd;
    /*top: 280px;*/
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: block;
    margin: auto;
}
button.loading::before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    -webkit-animation: wx-button-loading-animate 1s steps(12,end) infinite;
    animation: cuIcon-spin 1s steps(12,end) infinite;
    background-size: 100%;

    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=);

}
@keyframes cuIcon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#scale-right{
    width: 20px;
    height: calc(100% - 9px);
    /*background-color: red;*/
    position: absolute;
    right: -20px;
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR1YwbEVRVlI0WHUyWWJVeFRWeGpIbnhaNkthV1ZGMkhCRGFFbGN6QTJqTnRNVEVTUTBnelViSDdCWmNuZWtpR1lHWjB5b3RRdGFOb1ppcUlaZm1DNm9HTXovZUkrbUJnL29FUWlZb0NORDhzVUUxQlp2R1VUSFE3SzNxaTBBN3I4dTN1YkM5SDF0TVZ0dHJmSkRSYzRQYy96L0o3Ly81eDdqNEtpL0tPSTh2cEpCaUFySU1vSnlCYUljZ0hJaTZCc0Fka0NVVTVBdGtDVUMwRGVCV1FMeUJhSWNnS3lCYUpjQVBJdUlGdEF0a0I0QktBZzMrVjBPdk5TVWxJR2lNZ3J1Y0tiL2U5disyTklKbHV3R09GWVFFbEVNYmdHQmdieWNuSnk3RGR1M0hnN0x5OFBFR2FFYXpZTUFzaE5qS0YwT3AzbE9wMXVrMHFsZW9PSU1LOFlBekJDL29RS0FJbkZFcEdxczdNemY4MmFOVi9FeHNibVRrOVBYKy91N243WGFEUmVJNkkvaVdoYVNEYllCTVhpRVlQamVYNlRYcTl2eFNSVFUxUHQ4Zkh4cnd2eml6RkNoaEFLQUxINHVMYTJ0dVVtazZtVjQ3aG4rdnI2aGxldFdwWGw4WGh1dHJlM2I5NjRjZU5WSXZKSUlMQW1pZmx4cVlnb2JuQnc4TFhjM053V0tjSEp5Y2t1clZaYkRoNlNHS3p6ejJsR3NBRDh4Wjg1YzJiRit2WHJUNkQ0M3Q3ZUg0MUdvNkt6czlPN2V2WHFwVk5UVTBOdGJXMlY1ZVhsL1VLbklGZldCRVhaeC9YMzkyL0t6OC8vREJuYmJMWXJ4NDhmaitGNVBoKy8zNzkvL3h1TlJ2TXFic09CRUF5QU9jV1hsWlY5cmxhcmwvWDI5dDQyR28xS2o4ZnpKTWR4ZHk1ZXZPZ3RLQ2g0Q2hCNmVucjI2blE2ajFxdG5vbUppUWtJWUdabVJqRTdPNnR3dVZ5eEhNZWxyMXk1c2huRk5qVTE4VFUxTlFiYzYvWDZBWjduOHdRSTMyazBtdEp3SUxBQ2VHRHhQVDA5SXlVbEpTaCtDY2R4UDNWMGRGQmhZV0Y2c0labkdWOWZYejlVVjFlM1RJQnduZWY1WEFIQ1ZZMUc4eklSdVVKUkFnc0F2eVRQbmoyN0FwMkg3S1hGcTFTcWV4Y3VYS0MxYTljK3dWSk1xR1AyNzk5L2E5KytmZG56SVV4T1R2WnB0ZHBYSkJDWUxjY0NBRnNkMTlIUnNhS3dzUERMK2NXSFdzeENmRSt2MS91VjRISzV2ajU2OU9pYnUzZnZ2aXNvZ1drTERnUUEvOGRXcEQ1OSt2UUxHelpzT0FIZmQzZDMzekdaVEpEK0k1RTdLeHk5WGovRTg3elBGbEJCZlgzOU93ME5EU05FNUJaMm40QlRzUURBZGhSUFJJdHNOdHRMTzNicytDUWhJY0Z3K2ZMbDBkTFNVcVhiN1U2TGk0c2JPM2Z1SEJtTnh0U0FFY01ZWUxGWWhxMVdheGFteU1ySzRoME9oMjloZERxZFZ4WXZYdndXRVUwUTBlL0M5b2huaElDZm9BQVFVWEoxZGZXTEZvdkZtcGlZbUhucDBxV2YxNjFicDNDNzNhbVBHb0xWYXYzQllyRmtvcUxNekV6SDhQQ3dIdmZqNCtORHFhbXBWVVEwOXFnQStDeEFSRm9pU2lLaWxDMWJ0aXcvY09EQVI4bkp5UmtQZ3pBMk5uYTNvYUhoSzZWU09hdFFLSEFGM0FaUmtOZnJWWHE5WGtWYVdscGliVzN0WnZ5dHNiSHhydGxzWGpLLytOSFIwYUgwOVBRUHdBRkNJS0pmNElhRnRBQmkraFpCSXRJUWtVNkFrRnhSVWZIODRjT0hheVVRNlB6NTgxUmNYSncyUGo1K1ovdjI3WitlT25YS0lYZ1JxeklXcFVBUXBJL0FxaU5IamhUczNMbnpQU1JSVjFkM3kyNjNLOFhPajR5TURHWmtaSHdvRkMwVy80ZmttV0JCRmtIRTltK0RFZ2lKQUZGUlVmR2NDS0dycStzZXRrR24wemxTWFYzZFpMZmJod1F2aWdzU0t3QUE5ejBHSTE1emMzUHh0bTNiM3BlYTJlRndYRE1ZREh1SjZGY0JBSDdDKytLendJSnVneUlFV01HWGxLQUVRRWlzckt4ODl0Q2hRK2FrcEtTbEV4TVR0M2Z0MnRYWTJ0cDZrNGpRRFNRRUFGaVFnZ0VBeGNGMkNiQmVTMHRMU1ZWVlZRMFM0WG4rMit6c2JDc1IvU1lBUVBGaUxQSGRJNURTL0R3RExZSlM4UDZuUVFtRVJZQ3hkZXZXSEt3SmUvYnNzUjA3ZGd6Rnc0ZFNBS3h2aGFJRm9BQS9BSUE0ZWZLa3FhaW9xTWhnTUh3c2dBVUFYT2g4eU84RHdRQjRrQkt3TUtKTGFyUFovUFRCZ3dlL0YyU1B6Z01DRWtQM21TVTV6M0xZZmhFRHFvTXEwQVRNSjg0djlUd2dNM2RlN0d5d0FPWkRRSmVRSkpLRGQxRW9aSWpYVkdsWFdPUXY1alRuZFZoUUF1SkFGU0lBMkFveC92WFhZV21TdmdNUm9YamNJemtVaWs0QXdvSWRpQWh4RUFNZnhNRGM0aFZTNThOUmdCU0M3MGhNS0I1cWdnU2x4MVZNVzlGREh0Zm1ISWxKWW1ETy8veElUQXBRZW1ncFBhd00yby8vQUVLTUlRNzVYeHlLQm56T2Zod0doTElJUGc1MU1lY29BMkJHRmFFRFpRVkVhR09aeTVJVndJd3FRZ2ZLQ29qUXhqS1hKU3VBR1ZXRURwUVZFS0dOWlM1TFZnQXpxZ2dkS0NzZ1FodkxYSmFzQUdaVUVUcndMMnI5WkY4RkN0UFpBQUFBQUVsRlRrU3VRbUNDIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=")15 15,auto;



}
.flow_y{
    background: repeating-linear-gradient(180deg, transparent, transparent 3px, var(--xiaochigreen) 3px, var(--xiaochigreen) 8px);
    animation: shineY 1s infinite linear;
    background-size: 4px 16px;
    background-repeat: repeat-y;
}

.flow_x{
    background: repeating-linear-gradient(90deg, transparent, transparent 3px, var(--xiaochigreen) 3px, var(--xiaochigreen) 8px);
    animation: shineX 1s infinite linear;
    background-size: 16px 4px;
    background-repeat: repeat-x;
}
#margin-right{
    width: 16px;
    height: calc(100% - 0px);
    /*background-color: green;*/
    position: absolute;
    right: -16px;
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR1YwbEVRVlI0WHUyWWJVeFRWeGpIbnhaNkthV1ZGMkhCRGFFbGN6QTJqTnRNVEVTUTBnelViSDdCWmNuZWtpR1lHWjB5b3RRdGFOb1ppcUlaZm1DNm9HTXovZUkrbUJnL29FUWlZb0NORDhzVUUxQlp2R1VUSFE3SzNxaTBBN3I4dTN1YkM5SDF0TVZ0dHJmSkRSYzRQYy96L0o3Ly81eDdqNEtpL0tPSTh2cEpCaUFySU1vSnlCYUljZ0hJaTZCc0Fka0NVVTVBdGtDVUMwRGVCV1FMeUJhSWNnS3lCYUpjQVBJdUlGdEF0a0I0QktBZzMrVjBPdk5TVWxJR2lNZ3J1Y0tiL2U5disyTklKbHV3R09GWVFFbEVNYmdHQmdieWNuSnk3RGR1M0hnN0x5OFBFR2FFYXpZTUFzaE5qS0YwT3AzbE9wMXVrMHFsZW9PSU1LOFlBekJDL29RS0FJbkZFcEdxczdNemY4MmFOVi9FeHNibVRrOVBYKy91N243WGFEUmVJNkkvaVdoYVNEYllCTVhpRVlQamVYNlRYcTl2eFNSVFUxUHQ4Zkh4cnd2eml6RkNoaEFLQUxINHVMYTJ0dVVtazZtVjQ3aG4rdnI2aGxldFdwWGw4WGh1dHJlM2I5NjRjZU5WSXZKSUlMQW1pZmx4cVlnb2JuQnc4TFhjM053V0tjSEp5Y2t1clZaYkRoNlNHS3p6ejJsR3NBRDh4Wjg1YzJiRit2WHJUNkQ0M3Q3ZUg0MUdvNkt6czlPN2V2WHFwVk5UVTBOdGJXMlY1ZVhsL1VLbklGZldCRVhaeC9YMzkyL0t6OC8vREJuYmJMWXJ4NDhmaitGNVBoKy8zNzkvL3h1TlJ2TXFic09CRUF5QU9jV1hsWlY5cmxhcmwvWDI5dDQyR28xS2o4ZnpKTWR4ZHk1ZXZPZ3RLQ2g0Q2hCNmVucjI2blE2ajFxdG5vbUppUWtJWUdabVJqRTdPNnR3dVZ5eEhNZWxyMXk1c2huRk5qVTE4VFUxTlFiYzYvWDZBWjduOHdRSTMyazBtdEp3SUxBQ2VHRHhQVDA5SXlVbEpTaCtDY2R4UDNWMGRGQmhZV0Y2c0labkdWOWZYejlVVjFlM1RJQnduZWY1WEFIQ1ZZMUc4eklSdVVKUkFnc0F2eVRQbmoyN0FwMkg3S1hGcTFTcWV4Y3VYS0MxYTljK3dWSk1xR1AyNzk5L2E5KytmZG56SVV4T1R2WnB0ZHBYSkJDWUxjY0NBRnNkMTlIUnNhS3dzUERMK2NXSFdzeENmRSt2MS91VjRISzV2ajU2OU9pYnUzZnZ2aXNvZ1drTERnUUEvOGRXcEQ1OSt2UUxHelpzT0FIZmQzZDMzekdaVEpEK0k1RTdLeHk5WGovRTg3elBGbEJCZlgzOU93ME5EU05FNUJaMm40QlRzUURBZGhSUFJJdHNOdHRMTzNicytDUWhJY0Z3K2ZMbDBkTFNVcVhiN1U2TGk0c2JPM2Z1SEJtTnh0U0FFY01ZWUxGWWhxMVdheGFteU1ySzRoME9oMjloZERxZFZ4WXZYdndXRVUwUTBlL0M5b2huaElDZm9BQVFVWEoxZGZXTEZvdkZtcGlZbUhucDBxV2YxNjFicDNDNzNhbVBHb0xWYXYzQllyRmtvcUxNekV6SDhQQ3dIdmZqNCtORHFhbXBWVVEwOXFnQStDeEFSRm9pU2lLaWxDMWJ0aXcvY09EQVI4bkp5UmtQZ3pBMk5uYTNvYUhoSzZWU09hdFFLSEFGM0FaUmtOZnJWWHE5WGtWYVdscGliVzN0WnZ5dHNiSHhydGxzWGpLLytOSFIwYUgwOVBRUHdBRkNJS0pmNElhRnRBQmkraFpCSXRJUWtVNkFrRnhSVWZIODRjT0hheVVRNlB6NTgxUmNYSncyUGo1K1ovdjI3WitlT25YS0lYZ1JxeklXcFVBUXBJL0FxaU5IamhUczNMbnpQU1JSVjFkM3kyNjNLOFhPajR5TURHWmtaSHdvRkMwVy80ZmttV0JCRmtIRTltK0RFZ2lKQUZGUlVmR2NDS0dycStzZXRrR24wemxTWFYzZFpMZmJod1F2aWdzU0t3QUE5ejBHSTE1emMzUHh0bTNiM3BlYTJlRndYRE1ZREh1SjZGY0JBSDdDKytLendJSnVneUlFV01HWGxLQUVRRWlzckt4ODl0Q2hRK2FrcEtTbEV4TVR0M2Z0MnRYWTJ0cDZrNGpRRFNRRUFGaVFnZ0VBeGNGMkNiQmVTMHRMU1ZWVlZRMFM0WG4rMit6c2JDc1IvU1lBUVBGaUxQSGRJNURTL0R3RExZSlM4UDZuUVFtRVJZQ3hkZXZXSEt3SmUvYnNzUjA3ZGd6Rnc0ZFNBS3h2aGFJRm9BQS9BSUE0ZWZLa3FhaW9xTWhnTUh3c2dBVUFYT2g4eU84RHdRQjRrQkt3TUtKTGFyUFovUFRCZ3dlL0YyU1B6Z01DRWtQM21TVTV6M0xZZmhFRHFvTXEwQVRNSjg0djlUd2dNM2RlN0d5d0FPWkRRSmVRSkpLRGQxRW9aSWpYVkdsWFdPUXY1alRuZFZoUUF1SkFGU0lBMkFveC92WFhZV21TdmdNUm9YamNJemtVaWs0QXdvSWRpQWh4RUFNZnhNRGM0aFZTNThOUmdCU0M3MGhNS0I1cWdnU2x4MVZNVzlGREh0Zm1ISWxKWW1ETy8veElUQXBRZW1ncFBhd00yby8vQUVLTUlRNzVYeHlLQm56T2Zod0doTElJUGc1MU1lY29BMkJHRmFFRFpRVkVhR09aeTVJVndJd3FRZ2ZLQ29qUXhqS1hKU3VBR1ZXRURwUVZFS0dOWlM1TFZnQXpxZ2dkS0NzZ1FodkxYSmFzQUdaVUVUcndMMnI5WkY4RkN0UFpBQUFBQUVsRlRrU3VRbUNDIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=")15 15,auto;

    /*top: 9px;*/
}

#margin-left{
    width: 16px;
    height: calc(100% - 0px);
    /*background-color: green;*/
    position: absolute;
    left: -4px;
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR1YwbEVRVlI0WHUyWWJVeFRWeGpIbnhaNkthV1ZGMkhCRGFFbGN6QTJqTnRNVEVTUTBnelViSDdCWmNuZWtpR1lHWjB5b3RRdGFOb1ppcUlaZm1DNm9HTXovZUkrbUJnL29FUWlZb0NORDhzVUUxQlp2R1VUSFE3SzNxaTBBN3I4dTN1YkM5SDF0TVZ0dHJmSkRSYzRQYy96L0o3Ly81eDdqNEtpL0tPSTh2cEpCaUFySU1vSnlCYUljZ0hJaTZCc0Fka0NVVTVBdGtDVUMwRGVCV1FMeUJhSWNnS3lCYUpjQVBJdUlGdEF0a0I0QktBZzMrVjBPdk5TVWxJR2lNZ3J1Y0tiL2U5disyTklKbHV3R09GWVFFbEVNYmdHQmdieWNuSnk3RGR1M0hnN0x5OFBFR2FFYXpZTUFzaE5qS0YwT3AzbE9wMXVrMHFsZW9PSU1LOFlBekJDL29RS0FJbkZFcEdxczdNemY4MmFOVi9FeHNibVRrOVBYKy91N243WGFEUmVJNkkvaVdoYVNEYllCTVhpRVlQamVYNlRYcTl2eFNSVFUxUHQ4Zkh4cnd2eml6RkNoaEFLQUxINHVMYTJ0dVVtazZtVjQ3aG4rdnI2aGxldFdwWGw4WGh1dHJlM2I5NjRjZU5WSXZKSUlMQW1pZmx4cVlnb2JuQnc4TFhjM053V0tjSEp5Y2t1clZaYkRoNlNHS3p6ejJsR3NBRDh4Wjg1YzJiRit2WHJUNkQ0M3Q3ZUg0MUdvNkt6czlPN2V2WHFwVk5UVTBOdGJXMlY1ZVhsL1VLbklGZldCRVhaeC9YMzkyL0t6OC8vREJuYmJMWXJ4NDhmaitGNVBoKy8zNzkvL3h1TlJ2TXFic09CRUF5QU9jV1hsWlY5cmxhcmwvWDI5dDQyR28xS2o4ZnpKTWR4ZHk1ZXZPZ3RLQ2g0Q2hCNmVucjI2blE2ajFxdG5vbUppUWtJWUdabVJqRTdPNnR3dVZ5eEhNZWxyMXk1c2huRk5qVTE4VFUxTlFiYzYvWDZBWjduOHdRSTMyazBtdEp3SUxBQ2VHRHhQVDA5SXlVbEpTaCtDY2R4UDNWMGRGQmhZV0Y2c0labkdWOWZYejlVVjFlM1RJQnduZWY1WEFIQ1ZZMUc4eklSdVVKUkFnc0F2eVRQbmoyN0FwMkg3S1hGcTFTcWV4Y3VYS0MxYTljK3dWSk1xR1AyNzk5L2E5KytmZG56SVV4T1R2WnB0ZHBYSkJDWUxjY0NBRnNkMTlIUnNhS3dzUERMK2NXSFdzeENmRSt2MS91VjRISzV2ajU2OU9pYnUzZnZ2aXNvZ1drTERnUUEvOGRXcEQ1OSt2UUxHelpzT0FIZmQzZDMzekdaVEpEK0k1RTdLeHk5WGovRTg3elBGbEJCZlgzOU93ME5EU05FNUJaMm40QlRzUURBZGhSUFJJdHNOdHRMTzNicytDUWhJY0Z3K2ZMbDBkTFNVcVhiN1U2TGk0c2JPM2Z1SEJtTnh0U0FFY01ZWUxGWWhxMVdheGFteU1ySzRoME9oMjloZERxZFZ4WXZYdndXRVUwUTBlL0M5b2huaElDZm9BQVFVWEoxZGZXTEZvdkZtcGlZbUhucDBxV2YxNjFicDNDNzNhbVBHb0xWYXYzQllyRmtvcUxNekV6SDhQQ3dIdmZqNCtORHFhbXBWVVEwOXFnQStDeEFSRm9pU2lLaWxDMWJ0aXcvY09EQVI4bkp5UmtQZ3pBMk5uYTNvYUhoSzZWU09hdFFLSEFGM0FaUmtOZnJWWHE5WGtWYVdscGliVzN0WnZ5dHNiSHhydGxzWGpLLytOSFIwYUgwOVBRUHdBRkNJS0pmNElhRnRBQmkraFpCSXRJUWtVNkFrRnhSVWZIODRjT0hheVVRNlB6NTgxUmNYSncyUGo1K1ovdjI3WitlT25YS0lYZ1JxeklXcFVBUXBJL0FxaU5IamhUczNMbnpQU1JSVjFkM3kyNjNLOFhPajR5TURHWmtaSHdvRkMwVy80ZmttV0JCRmtIRTltK0RFZ2lKQUZGUlVmR2NDS0dycStzZXRrR24wemxTWFYzZFpMZmJod1F2aWdzU0t3QUE5ejBHSTE1emMzUHh0bTNiM3BlYTJlRndYRE1ZREh1SjZGY0JBSDdDKytLendJSnVneUlFV01HWGxLQUVRRWlzckt4ODl0Q2hRK2FrcEtTbEV4TVR0M2Z0MnRYWTJ0cDZrNGpRRFNRRUFGaVFnZ0VBeGNGMkNiQmVTMHRMU1ZWVlZRMFM0WG4rMit6c2JDc1IvU1lBUVBGaUxQSGRJNURTL0R3RExZSlM4UDZuUVFtRVJZQ3hkZXZXSEt3SmUvYnNzUjA3ZGd6Rnc0ZFNBS3h2aGFJRm9BQS9BSUE0ZWZLa3FhaW9xTWhnTUh3c2dBVUFYT2g4eU84RHdRQjRrQkt3TUtKTGFyUFovUFRCZ3dlL0YyU1B6Z01DRWtQM21TVTV6M0xZZmhFRHFvTXEwQVRNSjg0djlUd2dNM2RlN0d5d0FPWkRRSmVRSkpLRGQxRW9aSWpYVkdsWFdPUXY1alRuZFZoUUF1SkFGU0lBMkFveC92WFhZV21TdmdNUm9YamNJemtVaWs0QXdvSWRpQWh4RUFNZnhNRGM0aFZTNThOUmdCU0M3MGhNS0I1cWdnU2x4MVZNVzlGREh0Zm1ISWxKWW1ETy8veElUQXBRZW1ncFBhd00yby8vQUVLTUlRNzVYeHlLQm56T2Zod0doTElJUGc1MU1lY29BMkJHRmFFRFpRVkVhR09aeTVJVndJd3FRZ2ZLQ29qUXhqS1hKU3VBR1ZXRURwUVZFS0dOWlM1TFZnQXpxZ2dkS0NzZ1FodkxYSmFzQUdaVUVUcndMMnI5WkY4RkN0UFpBQUFBQUVsRlRrU3VRbUNDIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=")15 15,auto;

    /*top: 9px;*/
}
#margin-top{
    height: 16px;
    width: calc(100% - 0px);
    /*background-color: green;*/
    position: absolute;
    /*left: 9px;*/
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRzZrbEVRVlI0WHUyYVhVeFRaeGpISDNEUVF2bG8rVENhYlJHMllGemNoWXR3b3pnRkZoQ3lEQk5HNXMxQVRWdGdwU1FiQ0lZZ1JpU05JR3dKMEFFdGNjSnVYQmlKbUFXRWpLSVR2WUZsdTlpaWtXekZiSXRHd0piUDBUSmgrZGZ6TnNlbWJBbmhQYWJRazV5Y2s1NzI5UHgvNy9OMW52Y05vQzIrQld4eC9lUUg0TGVBTFU3QTd3SmIzQUJlYWhCazFyZjZNZ2RCYWhmQS93VVNVY0Q0K1BnT0NFOUlTSGhNUklDd0lod2w1U0VsQVB6WEswUzBEZnZ5OHZJb2xBWUZCU1VSMFROaC8wZHFDRklCWU9LRGlFaTJ0TFIwWFNhVEpRT0F3K0VZa2N2bEgrQ1VpSmFKU0ZJSVVnQmc0b09KS0dSK2Z2NnFRcUZJRTl2NXdzTENVRmhZMkhFaStwdUluRkpDNEEwQTk0ZkpRM3lveldiN1NxbFV2Zy94OGZIeHYrSm90VnIzNG1pMzI3OVRxVlFuaVdoUmdBQzM0QjRnZVFJUWl3K1pucDV1aTRxSytsQVFmMjlpWXVJdG5NZkZ4ZDJ6V3EydTg2ZFBuMzRiSFIxZEtMSUU3aEI0QVhoQi9PVGtwREVtSnVZalFmejlpWW1KUFdJWGlJdUx1MisxV2wyZlRVMU5mUk1iRzZ1VENnSVBBQ3pWdVh6ZWJyZWJJaU1qYzlZU3owQ0lJY3pNelBRb2xVcXRDQUszRk1rREFQSTgwcDE4ZG5iMjYvRHdjRVI0K0x6YjdNK2ZQMjg5ZCs1Y1BENFhuNHZkWVc1dTducEVSTVRIUkxRa0JFVkEyUENOQndCMzBCc2RIVDJlbUpqWWdxZHViR3g4V0ZaV3RndUNxNnVyNHdNQ252LzE2dW9xMWRUVXVJQTBORFE4TEMwdDNZWFB4OGJHaXBPU2txNTZCRVdmQVNBam9qQWlVbDY3ZGkwM096dTdGay9lM053OHFkZnJZM0V1QnVCNXJiZTN0K3JZc1dQZFNBNUVOQy9VQ0FpSUc3N3hzZ0FBVUFBQUVVVjNkblptNStYbG5SRS92U2NBZHEycnErdGlmbjUrTHhGTkN3QVdmQTBBWW9Bcjd4TlJCQkZGWVRlWlRKa2FqZVl6SnRRYkFMUFovTGxXcSsxSFJoVDJXWkVMK0V3TVlKV2ZYR1FGS2tCb2FXbkowT2wwZW04dVlEUWFtNHVMaXdjRTRUYlI2TE1neUtVbzR1RUMwSWRBaUxvZkVNSUZWNGk2Y09IQ3UxVlZWVFhlQU5UVzFsYWZQWHYyQndFQWZIOU95QUI0UCtEaS82N24yUENvOHZ5RzRsb0FyaEFKQzZpdnIwODlmZnAwblRjQWx5NWRxaWd2TDdjSUFHWThUSi9MNlBNRXdPNE5TNEFWdUdKQlUxUFRlM3E5L29zMXNzQ25KU1VsMzR0OEg2YnZzNld3TzlZSkFKQVNWYTJ0cmVtRmhZWE4zZ0MwdGJYcGk0cUtCb2tJL28vVUJ3RGNSbDc4Z0p5OHdIMWJsaEpWSnBNcFE2UFJHTDBCTUp2Tk9xMVdpeUFJQUN6MThYNDJiakZBL09EdW1zQnNObWVvMWVvdnZRSG82T2o0UktQUkFBQUNvQitBVVB6NExZQTNBVjVwME84Q0lnTCtHTUJLWW44UTlHZUJyWjBHdDJRaGhDekR1a01vaFRQK3B4Um1sU0RyQXZsOEtjeGVoc0liR3hzVEN3b0ttaFFLaGFzWjZ0a1FXVmhZc0xhM3Q1ZVVscGFPaVY2RnViMEdTL0V1Z000UWVnSWhWNjVjMlorYm05c2VHaHI2NW45MWhCWVhGMy9yN3U0dU9ISGl4STlDU3h5OUFDNmRJTjRBV0d0YzF0UFQ4MDVXVmxhSFhDNVBHQmtaZVpTY25MelRtd1d3YTB0TFMrTjlmWDNxbkp5Y240UnlHSk9sM0NEd3FBVGRrNkY5ZlgzN1VsSlN2b0w0TzNmdS9KV2FtcnB0Y0hBdzhQRGh3OXZGTG5EcjFxMG42ZW5wS3hhTDVkbkJnd2RmQllUaDRlR1RXVmxaUC9PZUxPVUJ3TlVVSFI0ZTNuZmd3SUhPNE9EZzNZTDRRS2ZUdVZNbWswMzI5L2NIcEthbXhzQVNMQmJMVkdabTVxckQ0WWdORGc1K1pMRllWZ0RCNlhRK3VIdjNibjVLU2dxRHdNVUtlQUJBNEhPVnYwYWpjWDllWHA0eExDenNqZHUzYno5T1Mwc0xYRjVlM2k2VHlhWWNEb2NMQURzUENncDZNalEwdEhMbzBLRWQ4L1B6djNkMWRlbDBPaDFpZ2MrMXhURXQ1cDRZcWFpbzJGOVpXV21JaUlqWUJWUFB5TWdJd0dpLzhMWWtrMDBPREF5c3dqVm1aMmNmR2d5R3lycTZPb2dYVDR3Z0ZtejR4dFVDV0RPMHFLaG9uOEZncUZJcWxhL2Z2SGx6OHVqUm80RGd0b0FiTjI2c0hqbHlKTlp1dC85UldWbFoyOXJhQ3JQSDNBQ2FvejVuQVd4aUpFVFVFbGVwMWVxMzYrdnJ6NmhVcXRjWUJBd25FMit6MmY0c0x5Ky8yTkhSOFl2UUZtT3RjYlpxeEdkaWdIaEpERnJpYkY1QWVlclVxYjBORFEzbERBSUFZT1FodnF5c3JQN3k1Y3RZTlFMaFREeGJMY0p0M1JBUEY0QXVkeDBnVEpFQkF1WUdJc1VROEVVUDhUQjU3SmdVZ1hnc25QSzVPb0FGS204UU1EOFFxZFZxOThBZDhFV1l2Y2xrdWk4SXgxeWdaT0pkQmRtR2g5VVhiK2dKQWZNRHNBWkZTVW5KYm55MXFhbnBnUkRvSUJ3dlFaS01QTzlTV0l4QkRBR0JFWEVCUjd3bllFTzlqMEFINFRoeU4zdnh3L0cyQUU5M3dMUTVhZ1FjVVM5Z2c0OWpiU0NFc3pXQ1hDSytOMnVYQ2dBTGpLZ1NJUnc3TEFNYnhBSUNkcnorU2laZWloamdDZDIxVUpvdG1CWXVpaGRLU3lyK1pRQllLL1p3Ny95c0ZleWxkQUhPQ1dkOXQvY0RXQiszemZNcnZ3VnNuckZjbnhLL0JheVAyK2I1bGQ4Q05zOVlyay9KdjRGL0ttNmxaRkVvQUFBQUFFbEZUa1N1UW1DQyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+")15 15,auto;

    top: -4px;
}

#margin-bottom{
    height: 16px;
    width: calc(100% - 0px);
    /*background-color: green;*/
    position: absolute;
    /*left: 9px;*/
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRzZrbEVRVlI0WHUyYVhVeFRaeGpISDNEUVF2bG8rVENhYlJHMllGemNoWXR3b3pnRkZoQ3lEQk5HNXMxQVRWdGdwU1FiQ0lZZ1JpU05JR3dKMEFFdGNjSnVYQmlKbUFXRWpLSVR2WUZsdTlpaWtXekZiSXRHd0piUDBUSmgrZGZ6TnNlbWJBbmhQYWJRazV5Y2s1NzI5UHgvNy9OMW52Y05vQzIrQld4eC9lUUg0TGVBTFU3QTd3SmIzQUJlYWhCazFyZjZNZ2RCYWhmQS93VVNVY0Q0K1BnT0NFOUlTSGhNUklDd0lod2w1U0VsQVB6WEswUzBEZnZ5OHZJb2xBWUZCU1VSMFROaC8wZHFDRklCWU9LRGlFaTJ0TFIwWFNhVEpRT0F3K0VZa2N2bEgrQ1VpSmFKU0ZJSVVnQmc0b09KS0dSK2Z2NnFRcUZJRTl2NXdzTENVRmhZMkhFaStwdUluRkpDNEEwQTk0ZkpRM3lveldiN1NxbFV2Zy94OGZIeHYrSm90VnIzNG1pMzI3OVRxVlFuaVdoUmdBQzM0QjRnZVFJUWl3K1pucDV1aTRxSytsQVFmMjlpWXVJdG5NZkZ4ZDJ6V3EydTg2ZFBuMzRiSFIxZEtMSUU3aEI0QVhoQi9PVGtwREVtSnVZalFmejlpWW1KUFdJWGlJdUx1MisxV2wyZlRVMU5mUk1iRzZ1VENnSVBBQ3pWdVh6ZWJyZWJJaU1qYzlZU3owQ0lJY3pNelBRb2xVcXRDQUszRk1rREFQSTgwcDE4ZG5iMjYvRHdjRVI0K0x6YjdNK2ZQMjg5ZCs1Y1BENFhuNHZkWVc1dTducEVSTVRIUkxRa0JFVkEyUENOQndCMzBCc2RIVDJlbUpqWWdxZHViR3g4V0ZaV3RndUNxNnVyNHdNQ252LzE2dW9xMWRUVXVJQTBORFE4TEMwdDNZWFB4OGJHaXBPU2txNTZCRVdmQVNBam9qQWlVbDY3ZGkwM096dTdGay9lM053OHFkZnJZM0V1QnVCNXJiZTN0K3JZc1dQZFNBNUVOQy9VQ0FpSUc3N3hzZ0FBVUFBQUVVVjNkblptNStYbG5SRS92U2NBZHEycnErdGlmbjUrTHhGTkN3QVdmQTBBWW9Bcjd4TlJCQkZGWVRlWlRKa2FqZVl6SnRRYkFMUFovTGxXcSsxSFJoVDJXWkVMK0V3TVlKV2ZYR1FGS2tCb2FXbkowT2wwZW04dVlEUWFtNHVMaXdjRTRUYlI2TE1neUtVbzR1RUMwSWRBaUxvZkVNSUZWNGk2Y09IQ3UxVlZWVFhlQU5UVzFsYWZQWHYyQndFQWZIOU95QUI0UCtEaS82N24yUENvOHZ5RzRsb0FyaEFKQzZpdnIwODlmZnAwblRjQWx5NWRxaWd2TDdjSUFHWThUSi9MNlBNRXdPNE5TNEFWdUdKQlUxUFRlM3E5L29zMXNzQ25KU1VsMzR0OEg2YnZzNld3TzlZSkFKQVNWYTJ0cmVtRmhZWE4zZ0MwdGJYcGk0cUtCb2tJL28vVUJ3RGNSbDc4Z0p5OHdIMWJsaEpWSnBNcFE2UFJHTDBCTUp2Tk9xMVdpeUFJQUN6MThYNDJiakZBL09EdW1zQnNObWVvMWVvdnZRSG82T2o0UktQUkFBQUNvQitBVVB6NExZQTNBVjVwME84Q0lnTCtHTUJLWW44UTlHZUJyWjBHdDJRaGhDekR1a01vaFRQK3B4Um1sU0RyQXZsOEtjeGVoc0liR3hzVEN3b0ttaFFLaGFzWjZ0a1FXVmhZc0xhM3Q1ZVVscGFPaVY2RnViMEdTL0V1Z000UWVnSWhWNjVjMlorYm05c2VHaHI2NW45MWhCWVhGMy9yN3U0dU9ISGl4STlDU3h5OUFDNmRJTjRBV0d0YzF0UFQ4MDVXVmxhSFhDNVBHQmtaZVpTY25MelRtd1d3YTB0TFMrTjlmWDNxbkp5Y240UnlHSk9sM0NEd3FBVGRrNkY5ZlgzN1VsSlN2b0w0TzNmdS9KV2FtcnB0Y0hBdzhQRGh3OXZGTG5EcjFxMG42ZW5wS3hhTDVkbkJnd2RmQllUaDRlR1RXVmxaUC9PZUxPVUJ3TlVVSFI0ZTNuZmd3SUhPNE9EZzNZTDRRS2ZUdVZNbWswMzI5L2NIcEthbXhzQVNMQmJMVkdabTVxckQ0WWdORGc1K1pMRllWZ0RCNlhRK3VIdjNibjVLU2dxRHdNVUtlQUJBNEhPVnYwYWpjWDllWHA0eExDenNqZHUzYno5T1Mwc0xYRjVlM2k2VHlhWWNEb2NMQURzUENncDZNalEwdEhMbzBLRWQ4L1B6djNkMWRlbDBPaDFpZ2MrMXhURXQ1cDRZcWFpbzJGOVpXV21JaUlqWUJWUFB5TWdJd0dpLzhMWWtrMDBPREF5c3dqVm1aMmNmR2d5R3lycTZPb2dYVDR3Z0ZtejR4dFVDV0RPMHFLaG9uOEZncUZJcWxhL2Z2SGx6OHVqUm80RGd0b0FiTjI2c0hqbHlKTlp1dC85UldWbFoyOXJhQ3JQSDNBQ2FvejVuQVd4aUpFVFVFbGVwMWVxMzYrdnJ6NmhVcXRjWUJBd25FMit6MmY0c0x5Ky8yTkhSOFl2UUZtT3RjYlpxeEdkaWdIaEpERnJpYkY1QWVlclVxYjBORFEzbERBSUFZT1FodnF5c3JQN3k1Y3RZTlFMaFREeGJMY0p0M1JBUEY0QXVkeDBnVEpFQkF1WUdJc1VROEVVUDhUQjU3SmdVZ1hnc25QSzVPb0FGS204UU1EOFFxZFZxOThBZDhFV1l2Y2xrdWk4SXgxeWdaT0pkQmRtR2g5VVhiK2dKQWZNRHNBWkZTVW5KYm55MXFhbnBnUkRvSUJ3dlFaS01QTzlTV0l4QkRBR0JFWEVCUjd3bllFTzlqMEFINFRoeU4zdnh3L0cyQUU5M3dMUTVhZ1FjVVM5Z2c0OWpiU0NFc3pXQ1hDSytOMnVYQ2dBTGpLZ1NJUnc3TEFNYnhBSUNkcnorU2laZWloamdDZDIxVUpvdG1CWXVpaGRLU3lyK1pRQllLL1p3Ny95c0ZleWxkQUhPQ1dkOXQvY0RXQiszemZNcnZ3VnNuckZjbnhLL0JheVAyK2I1bGQ4Q05zOVlyay9KdjRGL0ttNmxaRkVvQUFBQUFFbEZUa1N1UW1DQyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+")15 15,auto;

    bottom: -16px;
}

#scale-bottom{
    height: 16px;
    width: calc(100% - 9px);
    /*background-color: red;*/
    position: absolute;
    bottom: -16px;
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBRzZrbEVRVlI0WHUyYVhVeFRaeGpISDNEUVF2bG8rVENhYlJHMllGemNoWXR3b3pnRkZoQ3lEQk5HNXMxQVRWdGdwU1FiQ0lZZ1JpU05JR3dKMEFFdGNjSnVYQmlKbUFXRWpLSVR2WUZsdTlpaWtXekZiSXRHd0piUDBUSmgrZGZ6TnNlbWJBbmhQYWJRazV5Y2s1NzI5UHgvNy9OMW52Y05vQzIrQld4eC9lUUg0TGVBTFU3QTd3SmIzQUJlYWhCazFyZjZNZ2RCYWhmQS93VVNVY0Q0K1BnT0NFOUlTSGhNUklDd0lod2w1U0VsQVB6WEswUzBEZnZ5OHZJb2xBWUZCU1VSMFROaC8wZHFDRklCWU9LRGlFaTJ0TFIwWFNhVEpRT0F3K0VZa2N2bEgrQ1VpSmFKU0ZJSVVnQmc0b09KS0dSK2Z2NnFRcUZJRTl2NXdzTENVRmhZMkhFaStwdUluRkpDNEEwQTk0ZkpRM3lveldiN1NxbFV2Zy94OGZIeHYrSm90VnIzNG1pMzI3OVRxVlFuaVdoUmdBQzM0QjRnZVFJUWl3K1pucDV1aTRxSytsQVFmMjlpWXVJdG5NZkZ4ZDJ6V3EydTg2ZFBuMzRiSFIxZEtMSUU3aEI0QVhoQi9PVGtwREVtSnVZalFmejlpWW1KUFdJWGlJdUx1MisxV2wyZlRVMU5mUk1iRzZ1VENnSVBBQ3pWdVh6ZWJyZWJJaU1qYzlZU3owQ0lJY3pNelBRb2xVcXRDQUszRk1rREFQSTgwcDE4ZG5iMjYvRHdjRVI0K0x6YjdNK2ZQMjg5ZCs1Y1BENFhuNHZkWVc1dTducEVSTVRIUkxRa0JFVkEyUENOQndCMzBCc2RIVDJlbUpqWWdxZHViR3g4V0ZaV3RndUNxNnVyNHdNQ252LzE2dW9xMWRUVXVJQTBORFE4TEMwdDNZWFB4OGJHaXBPU2txNTZCRVdmQVNBam9qQWlVbDY3ZGkwM096dTdGay9lM053OHFkZnJZM0V1QnVCNXJiZTN0K3JZc1dQZFNBNUVOQy9VQ0FpSUc3N3hzZ0FBVUFBQUVVVjNkblptNStYbG5SRS92U2NBZHEycnErdGlmbjUrTHhGTkN3QVdmQTBBWW9Bcjd4TlJCQkZGWVRlWlRKa2FqZVl6SnRRYkFMUFovTGxXcSsxSFJoVDJXWkVMK0V3TVlKV2ZYR1FGS2tCb2FXbkowT2wwZW04dVlEUWFtNHVMaXdjRTRUYlI2TE1neUtVbzR1RUMwSWRBaUxvZkVNSUZWNGk2Y09IQ3UxVlZWVFhlQU5UVzFsYWZQWHYyQndFQWZIOU95QUI0UCtEaS82N24yUENvOHZ5RzRsb0FyaEFKQzZpdnIwODlmZnAwblRjQWx5NWRxaWd2TDdjSUFHWThUSi9MNlBNRXdPNE5TNEFWdUdKQlUxUFRlM3E5L29zMXNzQ25KU1VsMzR0OEg2YnZzNld3TzlZSkFKQVNWYTJ0cmVtRmhZWE4zZ0MwdGJYcGk0cUtCb2tJL28vVUJ3RGNSbDc4Z0p5OHdIMWJsaEpWSnBNcFE2UFJHTDBCTUp2Tk9xMVdpeUFJQUN6MThYNDJiakZBL09EdW1zQnNObWVvMWVvdnZRSG82T2o0UktQUkFBQUNvQitBVVB6NExZQTNBVjVwME84Q0lnTCtHTUJLWW44UTlHZUJyWjBHdDJRaGhDekR1a01vaFRQK3B4Um1sU0RyQXZsOEtjeGVoc0liR3hzVEN3b0ttaFFLaGFzWjZ0a1FXVmhZc0xhM3Q1ZVVscGFPaVY2RnViMEdTL0V1Z000UWVnSWhWNjVjMlorYm05c2VHaHI2NW45MWhCWVhGMy9yN3U0dU9ISGl4STlDU3h5OUFDNmRJTjRBV0d0YzF0UFQ4MDVXVmxhSFhDNVBHQmtaZVpTY25MelRtd1d3YTB0TFMrTjlmWDNxbkp5Y240UnlHSk9sM0NEd3FBVGRrNkY5ZlgzN1VsSlN2b0w0TzNmdS9KV2FtcnB0Y0hBdzhQRGh3OXZGTG5EcjFxMG42ZW5wS3hhTDVkbkJnd2RmQllUaDRlR1RXVmxaUC9PZUxPVUJ3TlVVSFI0ZTNuZmd3SUhPNE9EZzNZTDRRS2ZUdVZNbWswMzI5L2NIcEthbXhzQVNMQmJMVkdabTVxckQ0WWdORGc1K1pMRllWZ0RCNlhRK3VIdjNibjVLU2dxRHdNVUtlQUJBNEhPVnYwYWpjWDllWHA0eExDenNqZHUzYno5T1Mwc0xYRjVlM2k2VHlhWWNEb2NMQURzUENncDZNalEwdEhMbzBLRWQ4L1B6djNkMWRlbDBPaDFpZ2MrMXhURXQ1cDRZcWFpbzJGOVpXV21JaUlqWUJWUFB5TWdJd0dpLzhMWWtrMDBPREF5c3dqVm1aMmNmR2d5R3lycTZPb2dYVDR3Z0ZtejR4dFVDV0RPMHFLaG9uOEZncUZJcWxhL2Z2SGx6OHVqUm80RGd0b0FiTjI2c0hqbHlKTlp1dC85UldWbFoyOXJhQ3JQSDNBQ2FvejVuQVd4aUpFVFVFbGVwMWVxMzYrdnJ6NmhVcXRjWUJBd25FMit6MmY0c0x5Ky8yTkhSOFl2UUZtT3RjYlpxeEdkaWdIaEpERnJpYkY1QWVlclVxYjBORFEzbERBSUFZT1FodnF5c3JQN3k1Y3RZTlFMaFREeGJMY0p0M1JBUEY0QXVkeDBnVEpFQkF1WUdJc1VROEVVUDhUQjU3SmdVZ1hnc25QSzVPb0FGS204UU1EOFFxZFZxOThBZDhFV1l2Y2xrdWk4SXgxeWdaT0pkQmRtR2g5VVhiK2dKQWZNRHNBWkZTVW5KYm55MXFhbnBnUkRvSUJ3dlFaS01QTzlTV0l4QkRBR0JFWEVCUjd3bllFTzlqMEFINFRoeU4zdnh3L0cyQUU5M3dMUTVhZ1FjVVM5Z2c0OWpiU0NFc3pXQ1hDSytOMnVYQ2dBTGpLZ1NJUnc3TEFNYnhBSUNkcnorU2laZWloamdDZDIxVUpvdG1CWXVpaGRLU3lyK1pRQllLL1p3Ny95c0ZleWxkQUhPQ1dkOXQvY0RXQiszemZNcnZ3VnNuckZjbnhLL0JheVAyK2I1bGQ4Q05zOVlyay9KdjRGL0ttNmxaRkVvQUFBQUFFbEZUa1N1UW1DQyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+PC9zdmc+")15 15,auto;


}

#scale-se{
    bottom: -18px;
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBSENFbEVRVlI0WHUyYTdVOWJkUlRIRHhRcXJnaHJ5eFprSUtOYlVuRnBjY1Q0bkd5T21Nd0FJY2FuZElFTloweDhZVWpHaXpFYmVTb295bDYwQm4yaFVaTnQ2Ui9nTXJZWFF1VEY1aDR5b2JjdTJKaXR3QWJCQlhxTEZua1lEOWQ4Yis2dnVTbGxnOXRpQysxTmZ1bHRlKy90UFovZk9kL2ZPZWMyaFJKOFMwbHcreWtKSU9rQkNVNGdHUUlKN2dCSkVVeUdRRElFRXB4QU1nUVMzQUdTcTBBeUJDSUlnVlFpMFlQa0E1ZGpVQVhwMm5nTk55TDQ2ZWlkcXNRRGNBNk1UNzEvLy81ckR4NDhTSjJkblZYaGxyQXZ2eldWU2lWZ3FOWHFaWXk4dkx4ZmlHaUppSllsS05HelJPR1ZsQUNBa1RBNGZXcHFxaWs3Tzd0aExiODlQejkvT1NNajR3MXdJcUpGQ2NKYVR0M1FZNVFBU0lQeFJKUXhQajcrYVc1dWJ2MWE3bkJtWnVhcVJxT3BKS0k1R1FRV0ptdTV4SVljczE0QU9CNEFNb2dvMCt2MVdvdUtpajZ1cXFweW5UOS8vdGx3ZDZqVmFtL3pQTDgzRUFqY3lNcktlb3VJcG9sb1ZvS3dLUUdvaVdnYkVUM2g4WGcrTVJxTkgxVldWdjUrNGNJRlV6Z0FPcDF1eU9mekZmRTgvNXRlcjMrUGlQNG1vbitKYUQ0ZXdrQ0pCenhHUkJvaXluYTczYWRNSnRPSEZSVVZnOTNkM2M4d0FJV0ZoVVBEdzhORmNpQStuMjhnSnlmSFFrUit5UXNRQ2hERG1HNUtBTUQ5QVdBN3gzR256R2J6QnhVVkZYOTBkM2NYYTdYYU1iL2Z2d3NXR1F5R3UzZnUzSG1LV1RjNU9lbmFzV05ITlJIeFJCU1F3Z0FyUWt5MzlRTEFDZ0FQeUFTQS92NytVL3YzN3o5ZVhsN3V1WGp4NHRNQVVGdGJxN0xiN2Jtd3ltdzIvOFZ4bkxnL01USEI3ZHk1OHhnUithUXdnQTVnTllqcEZoRUFqdU1hUWoyQTUvbGRWcXYxWmtkSHgzT3d6R1F5amJ2ZDdpZXhQemc0K04yK2ZmczZaRHF3RU90OFlFTUF3TmptNXVZYk5wdnRlY2tUeGppT0UwTmphR2pvYTRQQjBDN3BBSVFRWVJDejFXQzlBSEQ4Q2cxWXpZZGJXMXV2dGJTMHZJanZTMHBLUmwwdVZ6NzJSMGRIdnlvb0tHZ2pvaGtpZ2hmRURJSVNBQ3RXZ1ljRmNYdDcrNVhHeHNaWEpBajNYQzVYQWZiSHg4ZnRlWGw1OEFSb1Fjd2dLQUVRekFPY1R1ZnJQTTluVGs5UGI1dWJtOHRZWEZ4TVcxNWVUc1U0ZVBCZzhlSERoNUg1a2MxbXU5emMzUHlxRkE1M09ZNFRWNGQ0Z0tBRVFEQVRKS0lzYVNBeFFtZ0FEdW9Fc1ZibzZlbDV0NnlzN00xNGhyQmVBTEFsV0F0SUdhSGNlSHpIQmtMbDhaNmVucHF5c2pLa3dOVFMwbktsdGJWVkRBZXoyUndYbnFBRVFMQWFsSElDekRxS0l4Z2VuSDBZTHlWTW1YMTlmY2NPSERqd2pyUTZYTEhaYkhFRFFRbUFZRDhneEdpeFJ5QkJBQXdHNEFtRVNWOWYzL3NNUW1OajQ2L3Q3ZTB2citJSm44bUVrZlVOUXBmSnFDMmJTZ0F3MFEvWEVXSndBQUFoSUJaTnFCc3c1QkNzVnV2VmpvNk9sMEloakkyTk9mTHo4NUVzSVVkQXBpanZKakVnZUkxS1V5VVNBT0ZXUDlZZUUwVlFsak5BTEZkQWFHaG91TnJaMmJrQ3dzaklTSmRhclY1TVQwOWZTazFORlZKU1VnUzhZcWhVcW1XTlJtT1ROVlVpOG9ab0EyQlFjRjBHZ1lWQ1dBZ25UNTY4ZHZyMGFURlprZ3ZqYXJtRjMrL3YxT2wwU0tLUU84QkRJaXFvTmdvQTduL05FT3JyNjYvYjdmWVhRcE1sdksrcXF1b1hCRUd3V0N5WkZvdkZLSVVJMHduV1hsUHNCUnNKNEpFUWVudDdqeDg2ZE9odEhIaml4SWtiRG9kalJlMmcxK3VIZUo0dmNqcWR0NDhjT2JMWDYvVitzMmZQbnMrbHBnckxJdU1Xd01NZ2JFZEozZHZiVzhzZzFOWFYzZXpxNmhLclNLUFJPT0x4ZUFyMWV2MEl6L09GNTg2ZDgxWlhWeHM4SHMrM3hjWEZFTWwvcE5VQ1loblhBTUpCUUQ4Qm9xZ0ZCRUVRZm1JeFgxZFgxOS9WMVZXSzkrZ3NCUUtCTko3bkM4NmVQVHRjVTFPeis5YXRXOStiVEtZdmlHaEsxbHFMZXdDaEVMQThRaFFCUUNjSXdzOXkwV3RyYXh0dWFtcmFqYyswV3UybzMrL1BQM1Btek1qUm8wY0wzVzczRHlVbEpWOUtyYldJZTRzYnJRR2hZczZFVWV3cXl3QmN4b0hsNWVWL0NvSVFmTGh5NmRLbHZld0NETURBd01DUHBhV2xEQUE2ekJFMVYvOXZBTXdUa0Q2ek1NZ1JCT0U2dnREcjlmZmc3dUdXd0swRUFQWWhTVUlZUUFmMGdpRDBNd0NDSUxCa1NzNUJjRGdjU3dnQnlRT1lCbXhLRDRCaHJGYUFEa0FEM0tzbFBxR2ZTeUtJRUlBSU1nQ2JRZ1RsdGlCTFJJWW82c0RrNUtSellXRkJiS1pBQXlRdkNCNHZwY0pMYVdscFN4TVRFOWVseGlxV1FiVFVOc1V5R0RxUkVEb0lJVnNOZEZMUmhQZlFCM2dJMnpDN1NIdVI5RUQxTWZONHVzU2VMVVRVV1k2RkNNSXdBSkFYUzZnWThiQUZGU1FBeUIrekF3RHlmY3cwSU1EdE1URDdjWjhLcnhiYWJEbUVzV0xuU0hvRkZJUkhLQUNVdnBocEdBd1FlS3pHeXVXNExZWWVwV3Z5NWdsemUyYTgzRE5aUHdDR1lyQXFrRldDaWdXUXJjbVB1dEdOL0Y3ZVJRcHRzTWcxQVB2eVpralUvbVVTS3cwSWx5R3llMW50bmtML2N4U1ZpWWtYQUZFeFJzbEZrZ0NVVU50SzV5UTlZQ3ZOcGhKYmtoNmdoTnBXT2lmcEFWdHBOcFhZa3ZRQUpkUzIwamtKN3dIL0FZbnUyMS84WnFaMEFBQUFBRWxGVGtTdVFtQ0MiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPjwvc3ZnPg==")15 15,auto;
    height: 18px;
    right: -18px;
    width: 18px;
    position: absolute;
    /*background-color: #4c84f7;*/
}

#eagleMapContainer{
    display:block;
    position: absolute;



}
.mouseon{
    border: 2px dashed var(--xiaochigreen);
}
#margin-box{
    position: absolute;
    background-color: rgba(0,0,0,0.3);

    background-clip:padding-box;
}
@keyframes shineY {
    0% { background-position: -1px -1px;}
    100% { background-position: -1px -12px;}
}

@keyframes shineX {
    0% { background-position: -1px -1px;}
    100% { background-position: -12px -1px;}
}
.my-form-label{
    text-align: right;
    color: #555555;
    margin-right: 5px;
    max-width: 115px;
    display: block;
    text-overflow: ellipsis;  /*超出内容用省略号*/
    overflow: hidden; /*内容超出后隐藏*/
    white-space: nowrap; /*文本不进行换行*/

}
.showScaleCursor{
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR1YwbEVRVlI0WHUyWWJVeFRWeGpIbnhaNkthV1ZGMkhCRGFFbGN6QTJqTnRNVEVTUTBnelViSDdCWmNuZWtpR1lHWjB5b3RRdGFOb1ppcUlaZm1DNm9HTXovZUkrbUJnL29FUWlZb0NORDhzVUUxQlp2R1VUSFE3SzNxaTBBN3I4dTN1YkM5SDF0TVZ0dHJmSkRSYzRQYy96L0o3Ly81eDdqNEtpL0tPSTh2cEpCaUFySU1vSnlCYUljZ0hJaTZCc0Fka0NVVTVBdGtDVUMwRGVCV1FMeUJhSWNnS3lCYUpjQVBJdUlGdEF0a0I0QktBZzMrVjBPdk5TVWxJR2lNZ3J1Y0tiL2U5disyTklKbHV3R09GWVFFbEVNYmdHQmdieWNuSnk3RGR1M0hnN0x5OFBFR2FFYXpZTUFzaE5qS0YwT3AzbE9wMXVrMHFsZW9PSU1LOFlBekJDL29RS0FJbkZFcEdxczdNemY4MmFOVi9FeHNibVRrOVBYKy91N243WGFEUmVJNkkvaVdoYVNEYllCTVhpRVlQamVYNlRYcTl2eFNSVFUxUHQ4Zkh4cnd2eml6RkNoaEFLQUxINHVMYTJ0dVVtazZtVjQ3aG4rdnI2aGxldFdwWGw4WGh1dHJlM2I5NjRjZU5WSXZKSUlMQW1pZmx4cVlnb2JuQnc4TFhjM053V0tjSEp5Y2t1clZaYkRoNlNHS3p6ejJsR3NBRDh4Wjg1YzJiRit2WHJUNkQ0M3Q3ZUg0MUdvNkt6czlPN2V2WHFwVk5UVTBOdGJXMlY1ZVhsL1VLbklGZldCRVhaeC9YMzkyL0t6OC8vREJuYmJMWXJ4NDhmaitGNVBoKy8zNzkvL3h1TlJ2TXFic09CRUF5QU9jV1hsWlY5cmxhcmwvWDI5dDQyR28xS2o4ZnpKTWR4ZHk1ZXZPZ3RLQ2g0Q2hCNmVucjI2blE2ajFxdG5vbUppUWtJWUdabVJqRTdPNnR3dVZ5eEhNZWxyMXk1c2huRk5qVTE4VFUxTlFiYzYvWDZBWjduOHdRSTMyazBtdEp3SUxBQ2VHRHhQVDA5SXlVbEpTaCtDY2R4UDNWMGRGQmhZV0Y2c0labkdWOWZYejlVVjFlM1RJQnduZWY1WEFIQ1ZZMUc4eklSdVVKUkFnc0F2eVRQbmoyN0FwMkg3S1hGcTFTcWV4Y3VYS0MxYTljK3dWSk1xR1AyNzk5L2E5KytmZG56SVV4T1R2WnB0ZHBYSkJDWUxjY0NBRnNkMTlIUnNhS3dzUERMK2NXSFdzeENmRSt2MS91VjRISzV2ajU2OU9pYnUzZnZ2aXNvZ1drTERnUUEvOGRXcEQ1OSt2UUxHelpzT0FIZmQzZDMzekdaVEpEK0k1RTdLeHk5WGovRTg3elBGbEJCZlgzOU93ME5EU05FNUJaMm40QlRzUURBZGhSUFJJdHNOdHRMTzNicytDUWhJY0Z3K2ZMbDBkTFNVcVhiN1U2TGk0c2JPM2Z1SEJtTnh0U0FFY01ZWUxGWWhxMVdheGFteU1ySzRoME9oMjloZERxZFZ4WXZYdndXRVUwUTBlL0M5b2huaElDZm9BQVFVWEoxZGZXTEZvdkZtcGlZbUhucDBxV2YxNjFicDNDNzNhbVBHb0xWYXYzQllyRmtvcUxNekV6SDhQQ3dIdmZqNCtORHFhbXBWVVEwOXFnQStDeEFSRm9pU2lLaWxDMWJ0aXcvY09EQVI4bkp5UmtQZ3pBMk5uYTNvYUhoSzZWU09hdFFLSEFGM0FaUmtOZnJWWHE5WGtWYVdscGliVzN0WnZ5dHNiSHhydGxzWGpLLytOSFIwYUgwOVBRUHdBRkNJS0pmNElhRnRBQmkraFpCSXRJUWtVNkFrRnhSVWZIODRjT0hheVVRNlB6NTgxUmNYSncyUGo1K1ovdjI3WitlT25YS0lYZ1JxeklXcFVBUXBJL0FxaU5IamhUczNMbnpQU1JSVjFkM3kyNjNLOFhPajR5TURHWmtaSHdvRkMwVy80ZmttV0JCRmtIRTltK0RFZ2lKQUZGUlVmR2NDS0dycStzZXRrR24wemxTWFYzZFpMZmJod1F2aWdzU0t3QUE5ejBHSTE1emMzUHh0bTNiM3BlYTJlRndYRE1ZREh1SjZGY0JBSDdDKytLendJSnVneUlFV01HWGxLQUVRRWlzckt4ODl0Q2hRK2FrcEtTbEV4TVR0M2Z0MnRYWTJ0cDZrNGpRRFNRRUFGaVFnZ0VBeGNGMkNiQmVTMHRMU1ZWVlZRMFM0WG4rMit6c2JDc1IvU1lBUVBGaUxQSGRJNURTL0R3RExZSlM4UDZuUVFtRVJZQ3hkZXZXSEt3SmUvYnNzUjA3ZGd6Rnc0ZFNBS3h2aGFJRm9BQS9BSUE0ZWZLa3FhaW9xTWhnTUh3c2dBVUFYT2g4eU84RHdRQjRrQkt3TUtKTGFyUFovUFRCZ3dlL0YyU1B6Z01DRWtQM21TVTV6M0xZZmhFRHFvTXEwQVRNSjg0djlUd2dNM2RlN0d5d0FPWkRRSmVRSkpLRGQxRW9aSWpYVkdsWFdPUXY1alRuZFZoUUF1SkFGU0lBMkFveC92WFhZV21TdmdNUm9YamNJemtVaWs0QXdvSWRpQWh4RUFNZnhNRGM0aFZTNThOUmdCU0M3MGhNS0I1cWdnU2x4MVZNVzlGREh0Zm1ISWxKWW1ETy8veElUQXBRZW1ncFBhd00yby8vQUVLTUlRNzVYeHlLQm56T2Zod0doTElJUGc1MU1lY29BMkJHRmFFRFpRVkVhR09aeTVJVndJd3FRZ2ZLQ29qUXhqS1hKU3VBR1ZXRURwUVZFS0dOWlM1TFZnQXpxZ2dkS0NzZ1FodkxYSmFzQUdaVUVUcndMMnI5WkY4RkN0UFpBQUFBQUVsRlRrU3VRbUNDIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=")15 15,auto;

}
input[type="color"]{
    border: none;
    cursor: pointer;
}

.a-switch{
    width: 40px;
    height: 18px;
    border-radius: 20px;
    -webkit-appearance: none;
    user-select: none;
    outline: none;
    background-color: #e0e0e0;
    box-shadow: #c2c2c2 0 0 0 0 inset;
    position: relative;
    transition:0.4s;
    cursor: pointer;
    border: none;
}
.a-switch:before{
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    position: absolute;
    left:0;

    transition:0.3s;
}
.a-switch:checked{
    border-color: var(--xiaochigreen);
    box-shadow: var(--xiaochigreen) 0 0 0 14px inset;
    background-color: var(--xiaochigreen);
}
.a-switch:checked:before{
    left:22px;
}

.numInputLabel{
    cursor: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR1YwbEVRVlI0WHUyWWJVeFRWeGpIbnhaNkthV1ZGMkhCRGFFbGN6QTJqTnRNVEVTUTBnelViSDdCWmNuZWtpR1lHWjB5b3RRdGFOb1ppcUlaZm1DNm9HTXovZUkrbUJnL29FUWlZb0NORDhzVUUxQlp2R1VUSFE3SzNxaTBBN3I4dTN1YkM5SDF0TVZ0dHJmSkRSYzRQYy96L0o3Ly81eDdqNEtpL0tPSTh2cEpCaUFySU1vSnlCYUljZ0hJaTZCc0Fka0NVVTVBdGtDVUMwRGVCV1FMeUJhSWNnS3lCYUpjQVBJdUlGdEF0a0I0QktBZzMrVjBPdk5TVWxJR2lNZ3J1Y0tiL2U5disyTklKbHV3R09GWVFFbEVNYmdHQmdieWNuSnk3RGR1M0hnN0x5OFBFR2FFYXpZTUFzaE5qS0YwT3AzbE9wMXVrMHFsZW9PSU1LOFlBekJDL29RS0FJbkZFcEdxczdNemY4MmFOVi9FeHNibVRrOVBYKy91N243WGFEUmVJNkkvaVdoYVNEYllCTVhpRVlQamVYNlRYcTl2eFNSVFUxUHQ4Zkh4cnd2eml6RkNoaEFLQUxINHVMYTJ0dVVtazZtVjQ3aG4rdnI2aGxldFdwWGw4WGh1dHJlM2I5NjRjZU5WSXZKSUlMQW1pZmx4cVlnb2JuQnc4TFhjM053V0tjSEp5Y2t1clZaYkRoNlNHS3p6ejJsR3NBRDh4Wjg1YzJiRit2WHJUNkQ0M3Q3ZUg0MUdvNkt6czlPN2V2WHFwVk5UVTBOdGJXMlY1ZVhsL1VLbklGZldCRVhaeC9YMzkyL0t6OC8vREJuYmJMWXJ4NDhmaitGNVBoKy8zNzkvL3h1TlJ2TXFic09CRUF5QU9jV1hsWlY5cmxhcmwvWDI5dDQyR28xS2o4ZnpKTWR4ZHk1ZXZPZ3RLQ2g0Q2hCNmVucjI2blE2ajFxdG5vbUppUWtJWUdabVJqRTdPNnR3dVZ5eEhNZWxyMXk1c2huRk5qVTE4VFUxTlFiYzYvWDZBWjduOHdRSTMyazBtdEp3SUxBQ2VHRHhQVDA5SXlVbEpTaCtDY2R4UDNWMGRGQmhZV0Y2c0labkdWOWZYejlVVjFlM1RJQnduZWY1WEFIQ1ZZMUc4eklSdVVKUkFnc0F2eVRQbmoyN0FwMkg3S1hGcTFTcWV4Y3VYS0MxYTljK3dWSk1xR1AyNzk5L2E5KytmZG56SVV4T1R2WnB0ZHBYSkJDWUxjY0NBRnNkMTlIUnNhS3dzUERMK2NXSFdzeENmRSt2MS91VjRISzV2ajU2OU9pYnUzZnZ2aXNvZ1drTERnUUEvOGRXcEQ1OSt2UUxHelpzT0FIZmQzZDMzekdaVEpEK0k1RTdLeHk5WGovRTg3elBGbEJCZlgzOU93ME5EU05FNUJaMm40QlRzUURBZGhSUFJJdHNOdHRMTzNicytDUWhJY0Z3K2ZMbDBkTFNVcVhiN1U2TGk0c2JPM2Z1SEJtTnh0U0FFY01ZWUxGWWhxMVdheGFteU1ySzRoME9oMjloZERxZFZ4WXZYdndXRVUwUTBlL0M5b2huaElDZm9BQVFVWEoxZGZXTEZvdkZtcGlZbUhucDBxV2YxNjFicDNDNzNhbVBHb0xWYXYzQllyRmtvcUxNekV6SDhQQ3dIdmZqNCtORHFhbXBWVVEwOXFnQStDeEFSRm9pU2lLaWxDMWJ0aXcvY09EQVI4bkp5UmtQZ3pBMk5uYTNvYUhoSzZWU09hdFFLSEFGM0FaUmtOZnJWWHE5WGtWYVdscGliVzN0WnZ5dHNiSHhydGxzWGpLLytOSFIwYUgwOVBRUHdBRkNJS0pmNElhRnRBQmkraFpCSXRJUWtVNkFrRnhSVWZIODRjT0hheVVRNlB6NTgxUmNYSncyUGo1K1ovdjI3WitlT25YS0lYZ1JxeklXcFVBUXBJL0FxaU5IamhUczNMbnpQU1JSVjFkM3kyNjNLOFhPajR5TURHWmtaSHdvRkMwVy80ZmttV0JCRmtIRTltK0RFZ2lKQUZGUlVmR2NDS0dycStzZXRrR24wemxTWFYzZFpMZmJod1F2aWdzU0t3QUE5ejBHSTE1emMzUHh0bTNiM3BlYTJlRndYRE1ZREh1SjZGY0JBSDdDKytLendJSnVneUlFV01HWGxLQUVRRWlzckt4ODl0Q2hRK2FrcEtTbEV4TVR0M2Z0MnRYWTJ0cDZrNGpRRFNRRUFGaVFnZ0VBeGNGMkNiQmVTMHRMU1ZWVlZRMFM0WG4rMit6c2JDc1IvU1lBUVBGaUxQSGRJNURTL0R3RExZSlM4UDZuUVFtRVJZQ3hkZXZXSEt3SmUvYnNzUjA3ZGd6Rnc0ZFNBS3h2aGFJRm9BQS9BSUE0ZWZLa3FhaW9xTWhnTUh3c2dBVUFYT2g4eU84RHdRQjRrQkt3TUtKTGFyUFovUFRCZ3dlL0YyU1B6Z01DRWtQM21TVTV6M0xZZmhFRHFvTXEwQVRNSjg0djlUd2dNM2RlN0d5d0FPWkRRSmVRSkpLRGQxRW9aSWpYVkdsWFdPUXY1alRuZFZoUUF1SkFGU0lBMkFveC92WFhZV21TdmdNUm9YamNJemtVaWs0QXdvSWRpQWh4RUFNZnhNRGM0aFZTNThOUmdCU0M3MGhNS0I1cWdnU2x4MVZNVzlGREh0Zm1ISWxKWW1ETy8veElUQXBRZW1ncFBhd00yby8vQUVLTUlRNzVYeHlLQm56T2Zod0doTElJUGc1MU1lY29BMkJHRmFFRFpRVkVhR09aeTVJVndJd3FRZ2ZLQ29qUXhqS1hKU3VBR1ZXRURwUVZFS0dOWlM1TFZnQXpxZ2dkS0NzZ1FodkxYSmFzQUdaVUVUcndMMnI5WkY4RkN0UFpBQUFBQUVsRlRrU3VRbUNDIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=")15 15,auto;
    user-select: none;
}


.bg-red {
    background-color: var(--red);
    color: var(--white);
}

.bg-orange {
    background-color: var(--orange);
    color: var(--white);
}

.bg-yellow {
    background-color: var(--yellow);
    color: var(--black);
}

.bg-olive {
    background-color: var(--olive);
    color: var(--white);
}

.bg-green {
    background-color: var(--green);
    color: var(--white);
}

.bg-cyan {
    background-color: var(--cyan);
    color: var(--white);
}

.bg-blue {
    background-color: var(--blue);
    color: var(--white);
}

.bg-purple {
    background-color: var(--purple);
    color: var(--white);
}

.bg-mauve {
    background-color: var(--mauve);
    color: var(--white);
}

.bg-pink {
    background-color: var(--pink);
    color: var(--white);
}

.bg-brown {
    background-color: var(--brown);
    color: var(--white);
}

.bg-grey {
    background-color: var(--grey);
    color: var(--white);
}

.bg-gray {
    background-color: #f0f0f0;
    color: var(--black);
}

.bg-black {
    background-color: var(--black);
    color: var(--white);
}

.bg-white {
    background-color: var(--white);
    color: var(--darkGray);
}

.bg-shadeTop {
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
    color: var(--white);
}

.bg-shadeBottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
    color: var(--white);
}

.bg-red.light {
    color: var(--red);
    background-color: var(--redLight);
}

.bg-orange.light {
    color: var(--orange);
    background-color: var(--orangeLight);
}

.bg-yellow.light {
    color: var(--yellow);
    background-color: var(--yellowLight);
}

.bg-olive.light {
    color: var(--olive);
    background-color: var(--oliveLight);
}

.bg-green.light {
    color: var(--green);
    background-color: var(--greenLight);
}

.bg-cyan.light {
    color: var(--cyan);
    background-color: var(--cyanLight);
}

.bg-blue.light {
    color: var(--blue);
    background-color: var(--blueLight);
}

.bg-purple.light {
    color: var(--purple);
    background-color: var(--purpleLight);
}

.bg-mauve.light {
    color: var(--mauve);
    background-color: var(--mauveLight);
}

.bg-pink.light {
    color: var(--pink);
    background-color: var(--pinkLight);
}

.bg-brown.light {
    color: var(--brown);
    background-color: var(--brownLight);
}

.bg-grey.light {
    color: var(--grey);
    background-color: var(--greyLight);
}

.bg-gradual-red {
    background-image: var(--gradualRed);
    color: var(--white);
}

.bg-gradual-orange {
    background-image: var(--gradualOrange);
    color: var(--white);
}

.bg-gradual-green {
    background-image: var(--gradualGreen);
    color: var(--white);
}

.bg-gradual-purple {
    background-image: var(--gradualPurple);
    color: var(--white);
}

.bg-gradual-pink {
    background-image: var(--gradualPink);
    color: var(--white);
}

.bg-gradual-blue {
    background-image: var(--gradualBlue);
    color: var(--white);
}

.text-red,
.line-red,
.lines-red {
    color: var(--red);
}

.text-orange,
.line-orange,
.lines-orange {
    color: var(--xiaochigreen);
}

.stroke-orange{
    stroke: var(--bs-orange);
}

.text-yellow,
.line-yellow,
.lines-yellow {
    color: var(--yellow);
}

.text-olive,
.line-olive,
.lines-olive {
    color: var(--olive);
}

.text-green,
.line-green,
.lines-green {
    color: var(--green);
}

.text-cyan,
.line-cyan,
.lines-cyan {
    color: var(--cyan);
}

.text-blue,
.line-blue,
.lines-blue {
    color: var(--blue);
}

.text-purple,
.line-purple,
.lines-purple {
    color: var(--purple);
}

.text-mauve,
.line-mauve,
.lines-mauve {
    color: var(--mauve);
}

.text-pink,
.line-pink,
.lines-pink {
    color: var(--pink);
}

.text-brown,
.line-brown,
.lines-brown {
    color: var(--brown);
}

.text-grey,
.line-grey,
.lines-grey {
    color: var(--grey);
}

.text-gray,
.line-gray,
.lines-gray {
    color: var(--gray);
}

.text-black,
.line-black,
.lines-black {
    color: var(--black);
}

.text-white,
.line-white,
.lines-white {
    color: var(--white);
}
.myModal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}
.myFade {
    transition: opacity .15s linear;
}

#hide-control-container-btn{
    color: white;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.mynav-horizontal{
    display: flex;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    background-color: white;
}

.mynav-horizontal .cu-item{
    padding: 0px 10px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}


#qrCode-out-box{
    position: fixed;


    width: 200px;
    /*height: 300px;*/
    /*background-color: red;*/
    bottom: 4px;
    right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*z-index: 222;*/
}
#qrCode-box{

    width: 100%;
    height: 60px;
    /*background-color: green;*/
margin-top: 10px;

    display: flex;
    justify-content: space-around;
}
.qrCode-item-box{
    width: 40px;
    height: 40px;
    /*background-color: aqua;*/
    border-radius: 100%;
    border: solid 1px white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qrCode-item-box:hover{
    background-color: darkgrey;
}
.qrCode-item-box img{
    width: 30px;
    height: 30px;

}
#qrCode-img-box{
    /*height: 220px;*/
    /*background-color: aqua;*/
    display: flex;
    justify-content: space-around;
}
.qrCode-img-item-box{
    /*width: 200px;*/
    background-color: rgba(0,0,0,0.5);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    color: white;
    padding: 20px;
    box-shadow: 0px 0px 10px white;
}
.qrCode-img-item-box img{
    width: 160px;
    border-radius: 10px;
}
@keyframes ghostUpdown {
    from {
        bottom: 50px;
    }
    to {
        bottom: 70px;
    }
}

#hand-box{
    width: 110px;
    height: 120px;
    /*background-color: red;*/
    position: absolute;
    bottom: 50px;
    right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    animation: ghostUpdown 0.8s infinite alternate;
}
#hand-imgbox{
    transform: rotate(90deg);
    width: 40px;
}

.xiaochi-background{
    background: linear-gradient(to right, #66c2a5, #fc8d62);height: 30px;
}
.bgGray{
    background-color: #cccccc !important;
}
#layer-information-hover-box{
    position: fixed;
    z-index: 20;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}
#layer-information-hover-box tr:nth-child(even) {
    background-color: #fff;

}

#layer-information-hover-box tr:nth-child(odd) {
    background-color: #eeeeee;
}
#layer-information-hover-box td{
    line-height: 2em;
    padding: 0px 5px;

}
#project-manager-app{
    display: flex;
    justify-content: center;
}
#project-manager-box{
    position: fixed;
    background-color: #ffffff;
    padding: .5em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 5px #cccccc;
    z-index: 5;
    overflow: hidden;
}