:root {
    --px-1: 1px;
    --px-2: 2px;
    --px-2-5: 2.5px;
    --px-3: 3px;
    --px-4: 4px;
    --px-5: 5px;
    --px-6: 6px;
    --px-7: 7px;
    --px-7-5: 7.5px;
    --px-8: 8px;
    --px-9: 9px;
    --px-10: 10px;
    --px-11: 11px;
    --px-12: 12px;
    --px-13: 13px;
    --px-14: 14px;
    --px-15: 15px;
    --px-16: 16px;
    --px-17: 17px;
    --px-18: 18px;
    --px-19: 19px;
    --px-20: 20px;
    --px-22: 22px;
    --px-24: 24px;
    --px-25: 25px;
    --px-26: 26px;
    --px-28: 28px;
    --px-30: 30px;
    --px-31: 31px;
    --px-32: 32px;
    --px-34: 34px;
    --px-35: 35px;
    --px-36: 36px;
    --px-37: 37px;
    --px-38: 38px;
    --px-39: 39px;
    --px-40: 40px;
    --px-45: 45px;
    --px-50: 50px;
    --px-60: 60px;
    --px-70: 70px;
    --px-80: 80px;
    --px-90: 90px;
    --px-100: 100px;
    --px-110: 110px;
    --px-120: 120px;
    --px-130: 130px;
    --px-140: 140px;
    --px-150: 150px;
    --px-160: 160px;
    --px-170: 170px;
    --px-180: 180px;
    --px-190: 190px;
    --px-200: 200px;
    --px-210: 210px;
    --px-220: 220px;
    --px-230: 230px;
    --px-240: 240px;
    --px-250: 250px;
    --px-260: 260px;
    --px-260: 260px;
    --px-270: 270px;
    --px-280: 280px;
    --px-290: 290px;
    --px-300: 300px;
    --px-310: 310px;
    --px-320: 320px;
    --px-333: 333px;
    --px-375: 375px;
    --npx-1: -1px;
    --npx-2: -2px;
    --npx-2-5: -2.5px;
    --npx-3: -3px;
    --npx-4: -4px;
    --npx-5: -5px;
    --npx-6: -6px;
    --npx-7: -7px;
    --npx-7-5: -7.5px;
    --npx-8: -8px;
    --npx-9: -9px;
    --npx-10: -10px;
    --npx-15: -15px;
    --npx-20: -20px;
    --npx-25: -25px;
    --npx-30: -30px;
    --npx-35: -35px;
    --npx-40: -40px;
    --npx-50: -50px;
    --npx-60: -60px;
    --slider-value: 0%;
    --headfoot-color: #f2f3f4;
    --navheader-color2: #fff;
    --navheader-color3: #81c784;
    --navheader-bg-color: #2d2e30;
    --navheader-bg-color2: #46474a;
    --navheader-bg-color3: #5a5b5e;
    --navheader-bg-color4: #46474a;
    --navheader-bg-color5: #5a5b5e;
    --navheader-bg-color6: #81c784;
    --bg-base: #28292c;
    --bg-select: #2d2e30;
    --bg-select-hover: #5a5b5e;
    --bg-select-active: #46474a;
    --color-select: #81c784;
    --bg-color: #202124;
    --bg-color-light: #2d2e30;
    --text-color: #fff;
    --border-color: #444746;
    --a-color: #bcc3c9;
    --a-hover-color: #fff;
    --input-bg: #28292c;
    --input-focus-bg: #37383a;
    --input-focus-border: #81c784;
    --input-color: #dadce0;
    --input-placeholder-color: #9aa0a5;
    --color-transparent: #9aa0a5;
    --bg-hover-transparent: #424346;
    --bg-active-transparent: #6e6f71;
    --bg-color-th: #28292c;
    --bg-color-td: #202124;
    --bg-checkbox-active: #383a3c;
    --color-checkbox-active: #81c784;
    --shadow-nav-color: rgba(255,255,255,.03);
    --shadow-nav-color2: rgba(255,255,255,.015);
    --shadow-nav-color3: rgba(255,255,255,.15);
    --menu-hover-bg: #383a3c;
    --menu-active-bg: #81c784;
    --menu-active-hover-bg: #66bb6a;
    --menu-hover-color: #dadce0;
    --menu-active-color: #fff;
    --color-base: #81c784;
    --hover-bg-base: #46474a;
    --active-bg-base: #46474a
}

.light-theme {
    --headfoot-color: #5f6367;
    --navheader-color2: #202124;
    --navheader-color3: #4caf50;
    --navheader-bg-color: #f9f9f9;
    --navheader-bg-color2: #f6f6f6;
    --navheader-bg-color3: #d0d9e5;
    --navheader-bg-color4: #f6f9fd;
    --navheader-bg-color5: #d0e1fa;
    --navheader-bg-color6: #4caf50;
    --bg-base: #f9f9f9;
    --bg-select: #eaebef;
    --bg-select-hover: #f9f9f9;
    --bg-select-active: #f6f9fd;
    --color-select: #43a047;
    --bg-color: #eaebef;
    --bg-color-light: #f9f9f9;
    --text-color: #3c4043;
    --border-color: #e5e5e5;
    --a-color: #666;
    --a-hover-color: #4caf50;
    --input-bg: #f9f9f9;
    --input-focus-bg: #f7f8f8;
    --input-focus-border: #4caf50;
    --input-color: #1f2d3d;
    --input-placeholder-color: #757575;
    --color-transparent: #3c4043;
    --bg-hover-transparent: #f7f8f8;
    --bg-active-transparent: #d5d7d7;
    --bg-color-th: #f6f6f6;
    --bg-color-td: #f9f9f9;
    --bg-checkbox-active: #f6f9fd;
    --color-checkbox-active: #43a047;
    --shadow-nav-color: rgba(60,64,67,.3);
    --shadow-nav-color2: rgba(60,64,67,.15);
    --shadow-nav-color3: rgba(0,0,0,.2);
    --menu-hover-bg: #e5e8ec;
    --menu-active-bg: #f6f9fd;
    --menu-active-hover-bg: #edf3fb;
    --menu-hover-color: #333;
    --menu-active-color: #43a047;
    --color-base: #4caf50;
    --hover-bg-base: #f6f6f6;
    --active-bg-base: #f6f9fe
}

.dark-theme {
    --headfoot-color: #f2f3f4;
    --navheader-color2: #fff;
    --navheader-color3: #81c784;
    --navheader-bg-color: #2d2e30;
    --navheader-bg-color2: #46474a;
    --navheader-bg-color3: #5a5b5e;
    --navheader-bg-color4: #46474a;
    --navheader-bg-color5: #5a5b5e;
    --navheader-bg-color6: #81c784;
    --bg-base: #28292c;
    --bg-select: #2d2e30;
    --bg-select-hover: #5a5b5e;
    --bg-select-active: #46474a;
    --color-select: #81c784;
    --bg-color: #202124;
    --bg-color-light: #2d2e30;
    --text-color: #fff;
    --border-color: #444746;
    --a-color: #bcc3c9;
    --a-hover-color: #fff;
    --input-bg: #28292c;
    --input-focus-bg: #37383a;
    --input-focus-border: #81c784;
    --input-color: #dadce0;
    --input-placeholder-color: #9aa0a5;
    --color-transparent: #9aa0a5;
    --bg-hover-transparent: #424346;
    --bg-active-transparent: #6e6f71;
    --bg-color-th: #28292c;
    --bg-color-td: #202124;
    --bg-checkbox-active: #383a3c;
    --color-checkbox-active: #81c784;
    --shadow-nav-color: rgba(255,255,255,.03);
    --shadow-nav-color2: rgba(255,255,255,.015);
    --shadow-nav-color3: rgba(255,255,255,.15);
    --menu-hover-bg: #383a3c;
    --menu-active-bg: #81c784;
    --menu-active-hover-bg: #66bb6a;
    --menu-hover-color: #dadce0;
    --menu-active-color: #fff;
    --color-base: #81c784;
    --hover-bg-base: #46474a;
    --active-bg-base: #46474a
}

.logo-color1 {
    fill: #01a0e9
}

.logo-color2 {
    fill: #000
}

.dark-theme .logo-color1,.dark-theme .logo-color2 {
    fill: #dbdbdb
}

.dark-theme .svg * {
    fill: #fff;
    stroke: #fff
}

.dark-theme .svg .fill-none {
    fill: none
}

.dark-theme .svg .stroke-none {
    stroke: none
}

.dark-theme .svg .fill-dark {
    fill: #18191a
}

.dark-theme .svg .stroke-dark {
    stroke: #18191a
}

.dark-theme .menu .has-sub::after,.dark-theme .menu-more .menu-more-select::after,.dark-theme .select .select-selected::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjZGFkY2UwIiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==)
}

.dark-theme .nav-header .has-sub a::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjZjJmM2Y0IiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==)
}

.dark-theme .nav-header .has-sub a.active::after {
    background-image: url(../images/down.png)
}

.dark-theme .menu-more .menu-more-select::after {
    opacity: 1
}

.dark-theme .btn-more-vert::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNTg3Mjc4MTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgwNDMiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNTA5LjY4MjkzMiAxMDIzLjk5MTc1MmExMjEuODEyMjQgMTIxLjgxMjI0IDAgMCAxLTg4LjgyMTQyNS0zOC43MDA3NjMgMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSAwLTE4My4zNTI3OThBMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSA1MTIuODU1MTI1IDc2MS4zMzQxMTFhMTIzLjA4MTExNyAxMjMuMDgxMTE3IDAgMCAxIDkxLjk5MzYxOSAzOC43MDA3NjMgMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSAzNy40MzE4ODYgOTEuOTkzNjE5IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtMzguMDY2MzI1IDkxLjM1OTE3OSAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxLTk0LjUzMTM3MyA0MC42MDQwOHpNNTA5LjY4MjkzMiA2NDcuNzY5NTc1QTEyMS44MTIyNCAxMjEuODEyMjQgMCAwIDEgNDIwLjg2MTUwNyA2MDkuMDY4ODExYTEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgMC0xODMuMzUyNzk4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgOTEuOTkzNjE4LTM4LjA2NjMyNSAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDkxLjk5MzYxOSAzOC43MDA3NjQgMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSAzNy40MzE4ODYgOTEuOTkzNjE4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtMzguMDY2MzI1IDkxLjM1OTE4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtOTQuNTMxMzczIDM4LjA2NjMyNXpNNTA5LjY4MjkzMiAyNTkuNDkzMDYxYTEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtODguODIxNDI1LTM4LjA2NjMyNUExMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDM4Mi43OTUxODIgMTI2Ljg5NTM2MyAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDQyMC44NjE1MDcgMzguMDczOTM4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgNTEyLjg1NTEyNSAwLjAwNzYxMyAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDYwNC44NDg3NDQgMzguMDczOTM4YTEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgMzcuNDMxODg2IDkxLjk5MzYxOSAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxLTM4LjA2NjMyNSA5MS45OTM2MThBMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSA1MDkuNjgyOTMyIDI1OS40OTMwNjF6IiBwLWlkPSI4MDQ0Ij48L3BhdGg+PC9zdmc+)
}

.dark-theme map::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOTAgMjkwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTAgMjkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTE0NSwyNDEuNmMtNTMuMywwLTk2LjYtNDMuMi05Ni42LTk2LjZjMC01My4zLDQzLjItOTYuNiw5Ni42LTk2LjZjNTMuMywwLDk2LjYsNDMuMiw5Ni42LDk2LjYKCWMwLDI2LjctMTAuOCw1MC45LTI4LjMsNjguM2w3LjYsNy42YzE5LjQtMTkuNCwzMS41LTQ2LjMsMzEuNS03NS45YzAtNTkuMy00OC0xMDcuMy0xMDcuMy0xMDcuM1MzNy43LDg1LjcsMzcuNywxNDUKCWMwLDU5LjMsNDgsMTA3LjMsMTA3LjMsMTA3LjNWMjQxLjZ6Ii8+Cjwvc3ZnPgo=)
}

.dark-theme map::after {
    color: rgba(255,255,255,.4)
}

.dark-theme .table tbody tr.active td {
    background-color: #2a2c35
}

.light-theme input:-webkit-autofill,.light-theme select:-webkit-autofill,.light-theme textarea:-webkit-autofill {
    -webkit-text-fill-color: #1f2d3d!important;
    transition: background-color 86400s ease-in-out 0s!important
}

@media screen and (max-width: 768px) {
    :root {
        --px-1:0.04rem;
        --px-2: 0.08rem;
        --px-2-5: 0.1rem;
        --px-3: 0.12rem;
        --px-4: 0.16rem;
        --px-5: 0.2rem;
        --px-6: 0.24rem;
        --px-7-5: 0.3rem;
        --px-8: 0.3rem;
        --px-9: 0.34rem;
        --px-10: 0.4rem;
        --px-11: 0.44rem;
        --px-12: 0.48rem;
        --px-13: 0.52rem;
        --px-14: 0.56rem;
        --px-15: 0.6rem;
        --px-16: 0.64rem;
        --px-17: 0.68rem;
        --px-18: 0.72rem;
        --px-19: 0.76rem;
        --px-20: 0.8rem;
        --px-22: 0.88rem;
        --px-24: 0.96rem;
        --px-25: 1rem;
        --px-26: 1.04rem;
        --px-28: 1.12rem;
        --px-30: 1.2rem;
        --px-32: 1.28rem;
        --px-34: 1.36rem;
        --px-35: 1.4rem;
        --px-36: 1.44rem;
        --px-37: 1.48rem;
        --px-38: 1.52rem;
        --px-39: 1.56rem;
        --px-40: 1.6rem;
        --px-45: 1.8rem;
        --px-50: 2rem;
        --px-60: 2.4rem;
        --px-70: 2.8rem;
        --px-80: 3.2rem;
        --px-90: 3.6rem;
        --px-100: 4rem;
        --px-110: 4.4rem;
        --px-120: 4.8rem;
        --px-130: 5.2rem;
        --px-140: 5.6rem;
        --px-150: 6rem;
        --px-160: 6.4rem;
        --px-170: 6.8rem;
        --px-180: 7.2rem;
        --px-190: 7.6rem;
        --px-200: 8rem;
        --px-210: 8.4rem;
        --px-220: 8.8rem;
        --px-230: 9.2rem;
        --px-240: 9.6rem;
        --px-250: 10rem;
        --px-260: 10.4rem;
        --px-270: 10.8rem;
        --px-280: 11.2rem;
        --px-290: 11.6rem;
        --px-300: 12rem;
        --px-310: 12.4rem;
        --px-320: 12.8rem;
        --px-333: 13.32rem;
        --px-375: 15rem;
        --npx-1: -0.04rem;
        --npx-2: -0.08rem;
        --npx-2-5: -0.1rem;
        --npx-3: -0.12rem;
        --npx-4: -0.16rem;
        --npx-5: -0.2rem;
        --npx-6: -0.24rem;
        --npx-7: -0.28rem;
        --npx-7-5: -0.3rem;
        --npx-8: -0.32rem;
        --npx-9: -0.36rem;
        --npx-10: -0.4rem;
        --npx-15: -0.6rem;
        --npx-16: -0.64rem;
        --npx-20: -0.8rem;
        --npx-25: -1rem;
        --npx-30: -1.2rem;
        --npx-35: -1.4rem;
        --npx-40: -1.6rem;
        --npx-50: -2rem;
        --npx-60: -2.4rem
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,tfoot,thead,time,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

i {
    font-style: italic
}

body {
    color: var(--text-color);
    font: var(--px-14)/1 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    background: var(--bg-color)
}

main {
    background: var(--bg-color);
    padding-top: 60px
}

hr {
    height: var(--px-1);
    border: 0;
    margin: 0
}

.main-scroll {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-overscroll-behavior-x: none;
    overscroll-behavior-x: none;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.main-scroll header {
    display: none
}

.goup header {
    position: fixed
}

.goup {
    position: absolute;
    z-index: 7;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 60px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-overscroll-behavior-x: none;
    overscroll-behavior-x: none;
    background-color: var(--bg-color)
}

.goup-close.btn-transparent {
    color: var(--text-color)
}

.goup-close.btn-transparent:hover {
    background-color: var(--bg-hover-transparent)
}

.goup-close.btn-transparent:active {
    background-color: var(--bg-active-transparent)
}

.page,body,html {
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: manipulation;
    -ms-touch-action: manipulation
}

html {
    touch-action: manipulation
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,select,textarea {
    font: 16px/1 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
}

input::placeholder,textarea::placeholder {
    display: flex;
    align-items: center;
    line-height: normal;
    color: var(--input-placeholder-color)
}

a,div,select {
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
    color: var(--a-color)
}

a:hover {
    color: var(--a-hover-color)
}

.a-white {
    color: #fff
}

.a-white:hover {
    color: #ccc
}

.a-black {
    color: #1a1a1a
}

.a-black:hover {
    color: #444
}

.a-gray {
    color: #666
}

.a-gray:hover {
    color: #333
}

.a-blue {
    color: #0096ff
}

.a-blue:hover {
    color: #005699
}

em {
    font-style: italic
}

u {
    text-decoration: underline
}

sub {
    vertical-align: sub
}

sup {
    vertical-align: super
}

s {
    text-decoration: line-through
}

caption {
    padding-bottom: 5px
}

dt,h1,h2,h3,h4,h5,h6,strong,th {
    font-weight: 700
}

td,th {
    vertical-align: middle
}

label span {
    -webkit-user-select: none
}

label input,label span {
    vertical-align: middle;
    display: inline-block
}

label span {
    padding-left: 5px
}

* {
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    -webkit-text-fill-color: #fff!important;
    transition: background-color 86400s ease-in-out 0s!important
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.col,.col-1,.col-1-md,.col-10,.col-10-md,.col-10-sm,.col-11,.col-11-md,.col-11-sm,.col-12,.col-12-md,.col-12-sm,.col-2,.col-2-md,.col-2-sm,.col-3,.col-3-md,.col-3-sm,.col-4,.col-4-md,.col-4-sm,.col-5,.col-5-md,.col-5-sm,.col-6,.col-6-md,.col-6-sm,.col-7,.col-7-md,.col-7-sm,.col-8,.col-8-md,.col-8-sm,.col-9,.col-9-md,.col-9-sm,.col-auto,.col-auto-md .col-1-sm,.col-auto-sm,.col-md,.col-sm {
    position: relative;
    width: 100%
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (max-width: 1366px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-auto-md {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-1-md {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-2-md {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-3-md {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-4-md {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-5-md {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-6-md {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-7-md {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-8-md {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-9-md {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-10-md {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-11-md {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-12-md {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 768px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-auto-sm {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-1-sm {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-2-sm {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-3-sm {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-4-sm {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-5-sm {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-6-sm {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-7-sm {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-8-sm {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-9-sm {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-10-sm {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-11-sm {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-12-sm {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

footer {
    background-color: var(--bg-color-light);
    border-top: var(--px-1) solid var(--border-color);
    color: var(--headfoot-text-color);
    padding: 25px 0
}

header {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 4;
    background-color: var(--bg-color-light);
    height: 60px;
    border-bottom: var(--px-1) solid var(--border-color)
}

header .row,header .wrap {
    height: 100%
}

header .logo {
    height: 30px;
    width: auto;
    display: block
}

header .btn-more-horiz,header .btn-more-vert,header .btn-transparent {
    width: 40px;
    height: 40px;
    font-size: 16px
}

.menu-more {
    position: relative
}

.menu-more .menu-more-view {
    position: absolute;
    top: 50px;
    right: 0;
    min-width: var(--px-80)
}

.menu-more .menu-more-view ul {
    display: none;
    background-color: var(--bg-select);
    padding: var(--px-5);
    z-index: 3;
    border-radius: var(--px-5);
    box-shadow: 0 var(--px-2) var(--px-4) var(--shadow-nav-color3)
}

.menu-more .menu-more-view li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: left;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0 var(--px-10);
    border-radius: var(--px-5);
    height: var(--px-34);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: var(--px-1) solid var(--border-color)
}

.menu-more .menu-more-view li:last-child a {
    border-bottom: 0
}

.menu-more .menu-more-view li a:active,.menu-more .menu-more-view li a:hover {
    background-color: var(--bg-select-hover)
}

.menu-more .menu-more-view li a.active {
    background-color: var(--bg-select-hover);
    color: var(--color-select)
}

.loading-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 101
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #bbb
}

.loading span {
    animation: rotateClockwise 1s linear infinite;
    display: block
}

.loading span::after {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    content: '\e71b';
    color: #bbb
}

.alert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,.9);
    border-radius: var(--px-10);
    z-index: 100;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    padding: var(--px-10) var(--px-20);
    max-width: 90%;
    font-size: var(--px-16);
    font-weight: 700;
    white-space: nowrap
}

.alert-confirm {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    background: rgba(0,0,0,.5)
}

.alert-confirm .alert {
    border-radius: var(--px-10);
    background: var(--bg-base);
    color: var(--text-color);
    padding: 0;
    min-width: var(--px-300);
    max-width: 90%;
    padding: var(--px-30) var(--px-20);
    white-space: normal
}

.alert-confirm .alert .title {
    padding-bottom: var(--px-20);
    margin-bottom: var(--px-20);
    font-size: var(--px-16);
    border-bottom: var(--px-1) solid var(--border-color);
    font-weight: 700
}

.alert-confirm .alert .ctrl {
    width: 100%
}

.alert-confirm .alert .ctrl .yes {
    height: var(--px-40);
    width: 50%
}

.confirm-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,.5)
}

.confirm {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: var(--px-10);
    z-index: 99;
    text-align: center;
    line-height: 1.4;
    font-size: var(--px-16);
    white-space: nowrap;
    background: var(--bg-base);
    color: var(--text-color);
    min-width: var(--px-300);
    max-width: 90%;
    padding: var(--px-30) var(--px-20)
}

.confirm .title {
    padding-bottom: var(--px-20);
    margin-bottom: var(--px-20);
    font-size: var(--px-16);
    border-bottom: var(--px-1) solid var(--border-color)
}

.confirm .ctrl {
    width: 100%
}

.confirm .no,.confirm .yes {
    height: var(--px-40);
    width: calc(50% - var(--px-5))
}

.confirm .no {
    margin-right: var(--px-10)
}

.dialog-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(0,0,0,.5)
}

.dialog {
    position: fixed;
    z-index: 99;
    text-align: center;
    line-height: 1.4;
    font-size: var(--px-16);
    background: var(--bg-base);
    color: var(--text-color);
    min-width: var(--px-300);
    border-radius: var(--px-10)
}

.debug {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--bg-base);
    z-index: 99;
    text-align: left;
    line-height: 1.5;
    padding: var(--px-10) var(--px-15);
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    opacity: .9
}

.debug p {
    padding: var(--px-10) 0;
    border-bottom: var(--px-1) dashed var(--border-color);
    color: var(--text-color)
}

.fixed-column {
    position: sticky;
    right: 0;
    background-color: #f0f0f0;
    z-index: 1
}

.select {
    position: relative
}

.select input {
    display: none
}

.select .select-selected .select-selected-text {
    max-width: var(--px-200);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2
}

.select .select-selected {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: left;
    -webkit-user-select: none;
    user-select: none;
    border: var(--px-1) solid var(--border-color);
    height: var(--px-40);
    padding-left: var(--px-12);
    padding-right: var(--px-36);
    border-radius: var(--px-5)
}

.select.small .select-selected {
    height: var(--px-30);
    color: var(--input-color)
}

.select .select-selected::after {
    position: absolute;
    right: var(--px-12);
    content: '';
    width: var(--px-12);
    height: var(--px-12);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: auto var(--px-12);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: .7
}

.select.active .select-selected::after {
    transform: rotate(180deg)
}

.select .select-view {
    position: absolute;
    left: 0;
    top: var(--px-40);
    bottom: var(--px-40);
    min-width: 100%;
    background-color: var(--bg-select);
    padding: var(--px-5);
    z-index: 3;
    border-radius: var(--px-5);
    box-shadow: 0 var(--px-2) var(--px-4) rgba(0,0,0,.2)
}

.select.small .select-view {
    top: var(--px-30)
}

.select .select-view .search-input,.select .select-view .text-fields {
    width: 100%;
    height: var(--px-30)
}

.select .select-view .select-items {
    margin-top: var(--px-5)
}

.select .select-view .select-items div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: left;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0 var(--px-10);
    border-radius: var(--px-5);
    height: var(--px-34);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: var(--px-1) solid var(--border-color)
}

.select .select-view .select-items div:last-child {
    border-bottom: 0
}

.select .select-view .select-items div:hover {
    background-color: var(--bg-select-hover)
}

.select .select-checked {
    padding: var(--px-5) 0;
    font-size: var(--px-12);
    border-bottom: var(--px-1) solid #ddd;
    color: #666;
    min-width: var(--px-110)
}

.select .select-checked .col:first-child {
    padding-left: var(--px-5)
}

.select .select-checked .col:last-child {
    padding-right: var(--px-5)
}

.select .select-items div.active {
    background-color: var(--bg-select-active);
    color: var(--color-select)
}

.select .select-clear {
    width: var(--px-25);
    height: var(--px-40);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: right;
    cursor: pointer
}

.select .select-clear.dn {
    display: none
}

.select .select-clear::before {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e724';
    font-size: var(--px-16);
    color: #4c4c4c
}

.select .select-clear:hover::before {
    color: #43a047
}

.select .select-items {
    max-height: var(--px-170);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.select .select-mult div::before {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e707';
    transform: scale(.571428);
    transform-origin: left center;
    margin-right: var(--npx-3)
}

.select .select-view {
    display: none
}

.tooltip {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tooltip .tooltip-icon::after {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e721'
}

.tooltip .tooltip-content {
    position: absolute;
    display: none;
    z-index: 16;
    font-size: var(--px-12)
}

.tooltip.active {
    color: var(--color-base)
}

.tooltip .multi,.tooltip .single {
    background-color: #3c4043;
    color: #fff;
    border-radius: var(--px-5);
    padding: var(--px-10);
    white-space: nowrap
}

.tooltip .multi {
    white-space: normal;
    line-height: 1.4;
    padding: var(--px-7) var(--px-10)
}

.checkbox,.radiobox {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple
}

.checkbox .item,.radiobox .item {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: var(--px-1) solid var(--border-color);
    color: var(--input-color);
    font-size: var(--px-13);
    border-radius: var(--px-5);
    padding-left: var(--px-10);
    padding-right: var(--px-10);
    height: var(--px-24);
    user-select: none;
    -webkit-user-select: none
}

.checkbox .item input,.radiobox .item input {
    position: absolute;
    left: -9999px
}

.checkbox .item::before,.radiobox .item::before {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: var(--px-4);
    color: var(--input-color)
}

.checkbox .item.active,.radiobox .item.active {
    background-color: var(--bg-checkbox-active);
    color: var(--color-checkbox-active)
}

.checkbox .item.active::before,.radiobox .item.active::before {
    color: var(--color-checkbox-active)
}

.checkbox .item::before {
    content: '\e704'
}

.checkbox .item.active::before {
    content: '\e705'
}

.checkbox.one .item {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: var(--text-color);
    font-size: var(--xp-14)
}

.checkbox.one .item::before {
    content: '\e704';
    transform: scale(1);
    margin-right: 0;
    font-size: var(--xp-14)
}

.checkbox.one .item.active::before {
    content: '\e705'
}

.radiobox .item::before {
    content: '\e70e'
}

.radiobox .item.active::before {
    content: '\e70f'
}

.checkbox.noicon .item::before,.radiobox.noicon .item::before {
    display: none
}

.checkbox.checklist .item,.radiobox.radiolist .item {
    justify-content: left;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-top: var(--px-1) solid var(--border-color);
    height: auto;
    padding-right: var(--px-34)
}

.checkbox.checklist .item:first-child,.radiobox.radiolist .item:first-child {
    border: 0
}

.checkbox.checklist .item::before,.radiobox.radiolist .item::before {
    position: absolute;
    right: 0;
    margin-right: var(--px-10)
}

.checkbox.checklist .item::before {
    content: '\e704';
    font-size: var(--px-12);
    transform: scale(1)
}

.checkbox.checklist .item.active::before {
    content: '\e705'
}

.radiobox.radiolist .item::before {
    content: '\e70e'
}

.radiobox.radiolist .item.active::before {
    content: '\e70f'
}

.text-fields {
    position: relative;
    display: block;
    height: var(--px-40)
}

.text-fields input,.text-fields textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-left: var(--px-10);
    padding-right: var(--px-10);
    border: var(--px-1) solid var(--border-color);
    border-radius: var(--px-5);
    color: var(--input-color);
    font-size: var(--px-14);
    background-color: var(--input-bg)
}

.text-fields .label-text {
    white-space: nowrap;
    position: absolute;
    z-index: 2;
    left: var(--px-15);
    top: var(--npx-6);
    background: var(--bg-base);
    color: var(--input-placeholder-color);
    font-size: var(--px-12);
    padding-left: var(--px-2);
    padding-right: var(--px-2)
}

.text-fields textarea {
    height: auto;
    padding-top: var(--px-8);
    padding-bottom: var(--px-8);
    line-height: 1.4;
    resize: none
}

.switch-container {
    position: relative;
    display: inline-block;
    width: var(--px-40);
    height: var(--px-20)
}

.switch-checkbox {
    display: none
}

.switch-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #bbb;
    border-radius: var(--px-10);
    cursor: pointer;
    transition: background-color .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.switch-checkbox:checked+.switch-label {
    background-color: var(--color-base)
}

.switch-label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: var(--px-3);
    transform: translateY(-50%);
    width: var(--px-14);
    height: var(--px-14);
    background-color: #fff;
    border-radius: 50%;
    transition: left .3s ease
}

.switch-checkbox:checked+.switch-label::before {
    left: calc(100% - var(--px-17))
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    border-radius: var(--px-5);
    background: linear-gradient(to right,var(--color-base) 0,var(--color-base) var(--slider-value),#d3d3d3 var(--slider-value),#d3d3d3 100%);
    outline: 0;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 0
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--px-20);
    height: var(--px-20);
    border-radius: 50%;
    background: var(--color-base);
    cursor: pointer
}

.slider::-moz-range-thumb {
    width: var(--px-20);
    height: var(--px-20);
    border-radius: 50%;
    background: var(--color-base);
    cursor: pointer;
    border: none!important;
    outline: 0!important;
    box-shadow: none!important
}

.slider::-moz-range-thumb::before,.slider::-webkit-slider-thumb::before {
    content: attr(value);
    position: absolute;
    top: var(--npx-30);
    left: 50%;
    transform: translateX(-50%);
    background-color: #4caf50;
    color: #fff;
    padding: var(--px-5);
    border-radius: var(--px-5);
    font-size: var(--px-12);
    pointer-events: none
}

.slider::-moz-range-progress {
    background-color: #4caf50
}

.tabs {
    width: 100%;
    font-size: 0
}

.tabs .tabs-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: var(--px-1) solid var(--border-color);
    font-size: var(--px-14);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple
}

.tabs.round .tabs-item {
    display: inline-block;
    width: auto;
    border-radius: 999px;
    border: var(--px-1) solid var(--border-color)
}

.tabs.round .tabs-item li {
    border-radius: 999px;
    float: left
}

.tabs .tabs-item li {
    padding: var(--px-10) var(--px-15);
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.tabs .tabs-item li:active,.tabs .tabs-item li:hover {
    background: var(--hover-bg-base)
}

.tabs .tabs-item li.active {
    color: var(--color-base);
    border-bottom-color: var(--color-base)
}

.tabs .tabs-item li.active:hover,.tabs.round .tabs-item li.active {
    background: var(--active-bg-base)
}

.tabs.short .tabs-item li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--px-1);
    background: var(--border-color)
}

.tabs .tabs-item li.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--px-2);
    background: var(--color-base)
}

.tabs.short .tabs-item {
    border-bottom: 0
}

.tabs.round .tabs-item li.active::after,.tabs.round .tabs-item li::after {
    display: none
}

.tabs .tabs-content {
    display: none;
    font-size: var(--px-14)
}

.menu {
    width: 100%
}

.menu * {
    -webkit-user-select: none;
    user-select: none
}

.menu li {
    cursor: pointer;
    position: relative
}

.menu ul ul {
    display: none
}

.menu ul ul {
    margin-top: var(--px-1);
    margin-bottom: var(--px-1)
}

.menu ul ul a {
    padding-left: var(--px-30)
}

.menu ul ul ul a {
    padding-left: var(--px-45)
}

.menu .has-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-right: var(--px-16)
}

.menu .has-sub::after {
    width: var(--px-12);
    height: var(--px-12);
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: auto var(--px-12);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: .7;
    position: absolute;
    right: var(--px-16)
}

.menu .has-sub.active::after {
    transform: rotate(180deg)
}

.menu .has-sub.active,.menu .has-sub:active,.menu .has-sub:hover,.menu li a:active,.menu li a:hover {
    background-color: var(--menu-hover-bg);
    border-radius: 999px
}

.menu li a:hover {
    color: var(--menu-hover-color)
}

.menu a.active {
    border-radius: 999px;
    background-color: var(--menu-active-bg);
    color: var(--menu-active-color)
}

.menu a.active:active,.menu a.active:hover {
    color: var(--menu-active-color);
    background-color: var(--menu-active-hover-bg)
}

.menu .has-sub a:active,.menu .has-sub a:hover {
    background-color: none
}

.menu a {
    display: block;
    padding: var(--px-16)
}

.menu .has-sub a {
    display: inline-block
}

.menu .has-sub.active+ul {
    display: block
}

.menu .btn-more-vert::before {
    opacity: .3
}

.menu .has-sub .btn-more-vert {
    position: absolute;
    right: var(--px-32)
}

.menu a .btn-more-vert {
    position: absolute;
    right: var(--px-8);
    top: 50%;
    transform: translateY(-50%)
}

.form-focus .text-fields input:focus,.form-focus .text-fields textarea:focus {
    border-color: var(--input-focus-border)
}

.menu-more .menu-more-select {
    width: auto!important;
    padding-left: 15px!important;
    padding-right: 15px!important
}

.menu-more .menu-more-select::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--px-12);
    height: var(--px-12);
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: auto var(--px-12);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: .8;
    margin-left: var(--px-5)
}

.menu-more.active .menu-more-select::after {
    transform: rotate(180deg)
}

.nav-main {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--bg-base);
    width: var(--px-320);
    box-shadow: 0 var(--px-1) var(--px-2) 0 var(--shadow-nav-color),0 var(--px-2) var(--px-6) var(--px-2) var(--shadow-nav-color2);
    display: none
}

.nav-main.animate__animated {
    display: block
}

.nav-main-title {
    height: 60px;
    border-bottom: var(--px-1) solid var(--border-color)
}

.nav-main-content {
    padding: var(--px-15);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    height: calc(100% - 60px) )
}

.nav-main .logo {
    height: 30px;
    width: auto
}

.search-base {
    width: 100%;
    height: var(--px-40);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--px-4);
    background-color: var(--input-bg);
    border: var(--px-1) solid var(--border-color);
    border-radius: var(--px-7-5)
}

.search-base.multi {
    height: var(--px-80)
}

.search-base .search-input {
    padding-left: var(--px-10);
    padding-right: var(--px-10);
    width: 100%;
    border: 0;
    height: 100%;
    font-size: var(--px-14);
    border-radius: var(--px-5);
    margin-right: var(--px-4);
    background-color: var(--input-bg);
    color: var(--input-color)
}

.search-base .search-input:focus {
    background-color: var(--input-focus-bg)
}

.search-base .btn-search,.search-base .btn-search-multi {
    height: 100%;
    border-radius: var(--px-5)
}

.table-wrap {
    border-top: var(--px-1) solid var(--border-color);
    border-left: var(--px-1) solid var(--border-color);
    border-right: var(--px-1) solid var(--border-color);
    background-color: var(--bg-base);
    border-top-left-radius: var(--px-10);
    border-top-right-radius: var(--px-10);
    position: relative;
    min-height: 13rem
}

.table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.table thead tr:first-child th:first-child {
    border-top-left-radius: var(--px-10)
}

.table thead tr:first-child th:last-child {
    border-top-right-radius: var(--px-10)
}

.table td,.table th {
    padding: var(--px-10) var(--px-15);
    border-bottom: var(--px-1) solid var(--border-color);
    border-left: var(--px-1) solid var(--border-color)
}

.stickl::after,.stickr::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: var(--px-1) solid var(--border-color);
    z-index: -1
}

.table td:first-child,.table th:first-child {
    border-left: 0
}

.table th {
    background-color: var(--bg-color-th);
    white-space: nowrap;
    line-height: 1.4
}

.table td {
    background-color: var(--bg-color-td)
}

.table tbody tr.active td {
    background-color: #f4f7fa
}

.page-go-text::-webkit-inner-spin-button,.page-go-text::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.nav-header,.nav-header>ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-header ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    box-shadow: 0 var(--px-2) var(--px-4) rgba(0,0,0,.2);
    min-width: 100%
}

.nav-header ul li.align-left>ul {
    left: auto;
    right: 0
}

.nav-header ul ul ul {
    display: none;
    min-width: 100%
}

.nav-header ul ul ul {
    top: 0;
    left: 100%;
    z-index: 2
}

.nav-header ul ul li.align-left ul {
    left: auto;
    right: 100%
}

.nav-header ul li:hover>ul {
    display: block
}

.nav-header ul li,.nav-header>ul>li>.has-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.nav-header ul li ul li {
    display: block
}

.nav-header ul li ul li a {
    padding: 15px 20px;
    white-space: nowrap;
    font-size: 14px
}

.nav-header .has-sub a {
    padding-right: 32px
}

.nav-header .has-sub a::after {
    width: var(--px-12);
    height: var(--px-12);
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjNWY2MzY3IiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: auto var(--px-12);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    position: absolute;
    right: var(--px-10);
    pointer-events: none
}

.nav-header .has-sub a.active::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjMTI2M2U4IiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==)
}

.nav-header>ul>li:hover>.has-sub>::after {
    transform: rotate(180deg)
}

.nav-header>ul>li>ul>li>.has-sub>::after {
    transform: rotate(0)
}

.nav-header>ul>li>ul>li:hover>.has-sub>::after {
    transform: rotate(-90deg)
}

.nav-header>ul>li>ul>li.align-left:hover>.has-sub>::after {
    transform: rotate(90deg)
}

.nav-header ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 30px;
    color: var(--headfoot-color);
    font-weight: 700;
    font-size: 16px;
    position: relative;
    background-color: var(--navheader-bg-color)
}

.nav-header ul li a:hover {
    color: var(--navheader-color2);
    background-color: var(--navheader-bg-color2)
}

.nav-header ul li a:active {
    background-color: var(--navheader-bg-color3)
}

.nav-header ul li a.active {
    color: var(--navheader-color3);
    background-color: var(--navheader-bg-color)
}

.nav-header ul li a.active:hover {
    background-color: var(--navheader-bg-color4)
}

.nav-header ul li a.active:active {
    background-color: var(--navheader-bg-color5)
}

.nav-header ul li a.active::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--navheader-bg-color6)
}

.nav-header ul li ul li a.active::before {
    bottom: 0;
    height: 1px
}

.btn-black,.btn-black-border,.btn-blue,.btn-blue-border,.btn-fixed,.btn-gray,.btn-gray-border,.btn-green,.btn-green-border,.btn-more-horiz,.btn-more-vert,.btn-orange,.btn-orange-border,.btn-red,.btn-red-border,.btn-transparent,.btn-white,.btn-white-border,.btn-yellow,.btn-yellow-border {
    user-select: none;
    -webkit-user-select: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: var(--px-5);
    height: var(--px-30);
    font-size: var(--px-14);
    padding-left: var(--px-10);
    padding-right: var(--px-10);
    white-space: nowrap
}

.btn-blue-border.small,.btn-blue.small,.btn-gray-border.small,.btn-gray.small {
    height: var(--px-22);
    font-size: var(--px-12);
    padding-left: var(--px-6);
    padding-right: var(--px-6)
}

.btn-more-horiz,.btn-more-vert {
    background-color: transparent;
    padding: 0;
    border-radius: 999px;
    width: var(--px-30);
    height: var(--px-30)
}

.btn-more-horiz::before,.btn-more-vert::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNTg2Njc2NjY4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDQwNDEgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc3NzUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMC4yMzI4NDEgNTAyLjc4MDYzNUE0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEgMTQ5Ljc3NjQ3IDE1My44NDU1MDEgNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxIDUxMS4xNzM1NzQgNC4zMDE4NzIgNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxIDg3Mi41NzA2NzcgMTUzLjg0NTUwMWE0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEgMTQ3LjA1MTIzNiAzNjEuMzk3MTAzIDQ5OC40Nzg3NjQgNDk4LjQ3ODc2NCAwIDAgMS0xNDkuNTQzNjMgMzYxLjM5NzEwNEE0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEgNDk4LjcxMTYwNSAxMDIzLjY5MDk0M2E0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEtMzQ4LjkzNTEzNS0xNDkuNTQzNjI5QTQ5OC40Nzg3NjQgNDk4LjQ3ODc2NCAwIDAgMSAwLjIzMjg0MSA1MDIuNzgwNjM1ek0xNDc4LjIyMjM3NSA1MDIuNzgwNjM1YTQ5OC40Nzg3NjQgNDk4LjQ3ODc2NCAwIDAgMSAxNDkuNTQzNjI5LTM0OC45MzUxMzRBNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxIDE5OTQuMTQ3ODk1IDQuMzAxODcyYTQ4MS4wMzIwMDcgNDgxLjAzMjAwNyAwIDAgMSAzNTMuOTE5OTIyIDE0OS41NDM2MjlBNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxIDI0OTIuNjI2NjU5IDUxNS4yNDI2MDRhNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxLTE0OS41NDM2MjkgMzYxLjM5NzEwNCA0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEtMzQ4LjkzNTEzNSAxNDcuMDUxMjM1IDQ4MS4wMzIwMDcgNDgxLjAzMjAwNyAwIDAgMS0zNTguOTA0NzEtMTQ5LjU0MzYyOUE0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEgMTQ3OC4yMjIzNzUgNTAyLjc4MDYzNXpNMjk5MS4xMDU0MjIgNTAyLjc4MDYzNWE0NzguNTM5NjEzIDQ3OC41Mzk2MTMgMCAwIDEgMTYyLjAwNTU5OC0zNDguOTM1MTM0IDQ5OC40Nzg3NjQgNDk4LjQ3ODc2NCAwIDAgMSA3MjAuMzAxODE0IDAgNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxIDE0OS41NDM2MjkgMzYxLjM5NzEwMyA0ODMuNTI0NDAxIDQ4My41MjQ0MDEgMCAwIDEtMTUyLjAzNjAyMyAzNjEuMzk3MTA0IDQ5OC40Nzg3NjQgNDk4LjQ3ODc2NCAwIDAgMS0zNjEuMzk3MTA0IDE0Ny4wNTEyMzUgNDk4LjQ3ODc2NCA0OTguNDc4NzY0IDAgMCAxLTM1OC45MDQ3MDktMTQ5LjU0MzYyOUE0OTguNDc4NzY0IDQ5OC40Nzg3NjQgMCAwIDEgMjk5MS4xMDU0MjIgNTAyLjc4MDYzNXoiIHAtaWQ9Ijc3NzYiPjwvcGF0aD48L3N2Zz4=);
    background-size: auto var(--px-12);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%
}

.btn-more-vert::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNTg3Mjc4MTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjgwNDMiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNTA5LjY4MjkzMiAxMDIzLjk5MTc1MmExMjEuODEyMjQgMTIxLjgxMjI0IDAgMCAxLTg4LjgyMTQyNS0zOC43MDA3NjMgMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSAwLTE4My4zNTI3OThBMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSA1MTIuODU1MTI1IDc2MS4zMzQxMTFhMTIzLjA4MTExNyAxMjMuMDgxMTE3IDAgMCAxIDkxLjk5MzYxOSAzOC43MDA3NjMgMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSAzNy40MzE4ODYgOTEuOTkzNjE5IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtMzguMDY2MzI1IDkxLjM1OTE3OSAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxLTk0LjUzMTM3MyA0MC42MDQwOHpNNTA5LjY4MjkzMiA2NDcuNzY5NTc1QTEyMS44MTIyNCAxMjEuODEyMjQgMCAwIDEgNDIwLjg2MTUwNyA2MDkuMDY4ODExYTEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgMC0xODMuMzUyNzk4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgOTEuOTkzNjE4LTM4LjA2NjMyNSAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDkxLjk5MzYxOSAzOC43MDA3NjQgMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSAzNy40MzE4ODYgOTEuOTkzNjE4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtMzguMDY2MzI1IDkxLjM1OTE4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtOTQuNTMxMzczIDM4LjA2NjMyNXpNNTA5LjY4MjkzMiAyNTkuNDkzMDYxYTEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEtODguODIxNDI1LTM4LjA2NjMyNUExMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDM4Mi43OTUxODIgMTI2Ljg5NTM2MyAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDQyMC44NjE1MDcgMzguMDczOTM4IDEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgNTEyLjg1NTEyNSAwLjAwNzYxMyAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxIDYwNC44NDg3NDQgMzguMDczOTM4YTEyNi44ODc3NSAxMjYuODg3NzUgMCAwIDEgMzcuNDMxODg2IDkxLjk5MzYxOSAxMjYuODg3NzUgMTI2Ljg4Nzc1IDAgMCAxLTM4LjA2NjMyNSA5MS45OTM2MThBMTI2Ljg4Nzc1IDEyNi44ODc3NSAwIDAgMSA1MDkuNjgyOTMyIDI1OS40OTMwNjF6IiBwLWlkPSI4MDQ0Ij48L3BhdGg+PC9zdmc+)
}

.btn-transparent {
    color: var(--color-transparet)
}

.btn-fixed {
    background-color: var(--bg-base);
    color: var(--color-transparet);
    border: var(--px-1) solid var(--border-color)
}

.btn-fixed:hover,.btn-more-horiz:hover,.btn-more-vert:hover,.btn-transparent:hover,.menu-more.active .btn-transparent {
    background-color: var(--bg-hover-transparent)
}

.btn-fixed:active,.btn-more-horiz:active,.btn-more-vert:active,.btn-transparent:active {
    background-color: var(--bg-active-transparent)
}

.btn-red {
    background-color: #cc2339;
    color: #fff
}

.btn-red:active,.btn-red:hover {
    background-color: #b71f33
}

.btn-red-border {
    color: #cc2339;
    border: var(--px-1) solid #cc2339
}

.btn-red-border:active,.btn-red-border:hover {
    color: #fff;
    background-color: #cc2339;
    border-color: transparent
}

.btn-yellow {
    background-color: #ffbd01;
    color: #fff
}

.btn-yellow:active,.btn-yellow:hover {
    background-color: #f2b301
}

.btn-yellow-border {
    color: #ffbd01;
    border: var(--px-1) solid #ffbd01
}

.btn-yellow-border:active,.btn-yellow-border:hover {
    color: #fff;
    background-color: #ffbd01;
    border-color: transparent
}

.btn-orange {
    background-color: #ff9433;
    color: #fff
}

.btn-orange:active,.btn-orange:hover {
    background-color: #f28c30
}

.btn-orange-border {
    color: #ff9433;
    border: var(--px-1) solid #ff9433
}

.btn-orange-border:active,.btn-orange-border:hover {
    color: #fff;
    background-color: #ff9433;
    border-color: transparent
}

.btn-green {
    background-color: #00998a;
    color: #fff
}

.btn-green:active,.btn-green:hover {
    background-color: #00897c
}

.btn-green-border {
    color: #00998a;
    border: var(--px-1) solid #00998a
}

.btn-green-border:active,.btn-green-border:hover {
    color: #fff;
    background-color: #00998a;
    border-color: transparent
}

.btn-blue {
    background-color: #4CAF50;
    color: #fff
}

.btn-blue:active,.btn-blue:hover {
    background-color: #43A047
}

.btn-blue-border {
    color: #4CAF50;
    border: var(--px-1) solid #4CAF50
}

.btn-blue-border:active,.btn-blue-border:hover {
    color: #fff;
    background-color: #4CAF50;
    border-color: transparent
}

.btn-black {
    background-color: #000;
    color: #fff
}

.btn-black:active,.btn-black:hover {
    background-color: #333
}

.btn-black-border {
    color: #000;
    border: var(--px-1) solid #000
}

.btn-black-border:active,.btn-black-border:hover {
    color: #fff;
    background-color: #000;
    border-color: transparent
}

.btn-gray {
    background-color: #f0f0f0;
    color: grey
}

.btn-gray:active,.btn-gray:hover {
    background-color: #e4e4e4
}

.btn-gray-border {
    color: var(--color-base);
    border: var(--px-1) solid var(--border-color)
}

.btn-gray-border:hover {
    background-color: var(--bg-hover-transparent)
}

.btn-gray-border:active {
    color: var(--text-color);
    background-color: var(--bg-active-transparent)
}

.btn-white {
    background-color: #fff;
    color: #666
}

.btn-white:active,.btn-white:hover {
    background-color: rgba(255,255,255,.85)
}

.btn-white-border {
    color: #fff;
    border: var(--px-1) solid #fff
}

.btn-white-border:active,.btn-white-border:hover {
    color: #666;
    background-color: #fff;
    border-color: transparent
}

.file {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.file input {
    opacity: 0;
    filter: Alpha(opacity=0);
    font-size: 9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.btn-icon-add::before,.btn-icon-arrow-left::before,.btn-icon-arrow-right::before,.btn-icon-arrow-upward::before,.btn-icon-close::before,.btn-icon-dark::before,.btn-icon-del::before,.btn-icon-download::before,.btn-icon-edit::before,.btn-icon-heart-full::before,.btn-icon-heart::before,.btn-icon-home::before,.btn-icon-intercom::before,.btn-icon-light::before,.btn-icon-menu::before,.btn-icon-save::before,.btn-icon-search::before,.btn-icon-switch::before,.btn-icon-undo::before,.btn-icon-upload::before {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: var(--px-5)
}

.btn-icon-only::before {
    margin-right: 0
}

.btn-icon-menu::before {
    content: '\e729'
}

.btn-icon-home::before {
    content: '\e728'
}

.btn-icon-heart::before {
    content: '\e726'
}

.btn-icon-heart-full::before {
    content: '\e727'
}

.btn-icon-del::before {
    content: '\e725'
}

.btn-icon-close::before {
    content: '\e71f'
}

.btn-icon-add::before {
    content: '\e710'
}

.btn-icon-download::before {
    content: '\e711'
}

.btn-icon-search::before {
    content: '\e714'
}

.btn-icon-edit::before {
    content: '\e713'
}

.btn-icon-switch::before {
    content: '\e715'
}

.btn-icon-undo::before {
    content: '\e716'
}

.btn-icon-save::before {
    content: '\e717'
}

.btn-icon-upload::before {
    content: '\e718'
}

.btn-icon-arrow-left::before {
    content: '\e709'
}

.btn-icon-arrow-right::before {
    content: '\e708'
}

.btn-icon-light::before {
    content: '\e733'
}

.btn-icon-dark::before {
    content: '\e734'
}

.btn-icon-intercom::before {
    content: '\e735'
}

.btn-icon-arrow-upward::before {
    content: '\e736'
}

map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    padding-top: var(--px-10);
    padding-bottom: var(--px-10)
}

map::before {
    font-family: iconfont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: var(--px-5);
    animation: rotateClockwise 1s linear infinite;
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOTAgMjkwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTAgMjkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTE0NSwyNDEuNmMtNTMuMywwLTk2LjYtNDMuMi05Ni42LTk2LjZjMC01My4zLDQzLjItOTYuNiw5Ni42LTk2LjZjNTMuMywwLDk2LjYsNDMuMiw5Ni42LDk2LjYKCWMwLDI2LjctMTAuOCw1MC45LTI4LjMsNjguM2w3LjYsNy42YzE5LjQtMTkuNCwzMS41LTQ2LjMsMzEuNS03NS45YzAtNTkuMy00OC0xMDcuMy0xMDcuMy0xMDcuM1MzNy43LDg1LjcsMzcuNywxNDUKCWMwLDU5LjMsNDgsMTA3LjMsMTA3LjMsMTA3LjNWMjQxLjZ6Ii8+Cjwvc3ZnPgo=);
    background-size: var(--px-25) var(--px-25);
    height: var(--px-25);
    width: var(--px-25);
    background-repeat: no-repeat;
    opacity: .4
}

map::after {
    content: '加载更多……';
    color: rgba(0,0,0,.4)
}

.first-screen {
    height: calc(100vh - 60px);
    position: relative
}

.wrap {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0 var(--px-40)
}

.full {
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.side-right {
    position: absolute;
    z-index: 8;
    right: var(--px-5);
    bottom: 105px;
    width: var(--px-30)
}

#intercom.active::before {
    content: '\e70b'
}

.intercom-content {
    margin-bottom: var(--px-35);
    transform: scale(0);
    opacity: 0;
    transform-origin: bottom right;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.intercom-content.active {
    opacity: 1;
    transform: scale(1)
}

.intercom-content table tr:active,.intercom-content table tr:hover {
    background-color: var(--hover-bg-base)
}

.intercom-content table tr:first-child td {
    border-top: 0
}

.intercom-content table td {
    padding: var(--px-10);
    border-top: var(--px-1) solid var(--border-color)
}

@media screen and (max-width: 1280px) {
    .wrap {
        width:100%
    }
}

@media screen and (max-width: 1080px) {
    .pm {
        display:none!important
    }
}

@media screen and (min-width: 767px) {
    main {
        min-height:calc(100vh - 85px)
    }

    .table-wrap {
        overflow: auto
    }

    .full-pc {
        width: 100%!important;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .ph {
        display: none!important
    }

    .table-stick {
        height: calc(100vh - 225px)
    }

    .search-filter {
        height: calc(100vh - 165px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        -webkit-overscroll-behavior: none;
        overscroll-behavior: none
    }

    .goup .search-filter {
        height: calc(100vh - 80px)
    }

    .goup .table-stick {
        height: calc(100vh - 140px)
    }
}

@media screen and (max-width: 768px) {
    main {
        min-height:calc(100vh - 2rem)
    }

    .table-wrap {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        overflow-x: auto;
        -webkit-overscroll-behavior: auto!important;
        overscroll-behavior: auto!important
    }

    .side-right {
        bottom: var(--px-60);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom)
    }

    .full-sm {
        width: 100%!important;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .first-screen {
        height: calc(100vh - 2rem);
        position: relative
    }

    .nav-main .search-base {
        height: var(--px-34)
    }

    .wrap {
        padding: 0 var(--px-10)
    }

    .pc {
        display: none!important
    }

    .menu-more .menu-more-view {
        top: var(--px-40)
    }

    footer {
        padding: var(--px-15) var(--px-5)
    }

    footer .quicklink {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    header {
        height: var(--px-50)
    }

    header .logo {
        height: var(--px-25)
    }

    header .btn-more-horiz,header .btn-more-vert,header .btn-transparent {
        width: var(--px-30);
        height: var(--px-30);
        font-size: var(--px-14)
    }

    .goup,main {
        padding-top: var(--px-50)
    }

    .nav-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 4;
        background-color: var(--bg-base);
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom)
    }

    .nav-footer .row {
        height: var(--px-50);
        border-top: var(--px-1) solid var(--border-color)
    }

    #footer {
        padding-bottom: var(--px-50)
    }

    .nav-footer a {
        width: 100%;
        height: 100%;
        text-align: center;
        padding-top: var(--px-32);
        font-size: var(--px-12);
        position: relative;
        color: var(--headfoot-color)
    }

    .nav-footer .item a::before {
        position: absolute;
        left: 50%;
        top: 50%;
        font-family: iconfont!important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: var(--px-22);
        transform: translate(-50%,-50%);
        margin-top: var(--npx-7);
        color: var(--headfoot-color)
    }

    .nav-footer .item:nth-child(1) a::before {
        content: '\e72e'
    }

    .nav-footer .item:nth-child(1) a.active::before {
        content: '\e72d'
    }

    .nav-footer .item:nth-child(2) a::before {
        content: '\e728'
    }

    .nav-footer .item:nth-child(2) a.active::before {
        content: '\e730'
    }

    .nav-footer .item:nth-child(3) a::before {
        content: '\e72a'
    }

    .nav-footer .item:nth-child(3) a.active::before {
        content: '\e732'
    }

    .nav-footer .item:nth-child(4) a::before {
        content: '\e731'
    }

    .nav-footer .item:nth-child(4) a.active::before {
        content: '\e72b'
    }

    .nav-main-title {
        height: var(--px-50)
    }

    .nav-main .logo {
        height: var(--px-25)
    }

    .nav-main-content {
        height: calc(100% - var(--px-50))
    }
}

.bg-black10 {
    background: rgba(0,0,0,.1)
}

.bg-black20 {
    background: rgba(0,0,0,.2)
}

.bg-black30 {
    background: rgba(0,0,0,.3)
}

.bg-black40 {
    background: rgba(0,0,0,.4)
}

.bg-black50 {
    background: rgba(0,0,0,.5)
}

.bg-black60 {
    background: rgba(0,0,0,.6)
}

.bg-black70 {
    background: rgba(0,0,0,.7)
}

.bg-black80 {
    background: rgba(0,0,0,.8)
}

.bg-black85 {
    background: rgba(0,0,0,.85)
}

.bg-black90 {
    background: rgba(0,0,0,.9)
}

.bg-white {
    background: #fff
}

.bg-base {
    background: var(--bg-base)
}

.bg-blue {
    background-color: #01a0e9
}

body:before {
    content: ".";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    font-family: BebasKaiRegular;
    src: url(../fonts/BebasKaiRegular.eot);
    src: url(../fonts/BebasKaiRegular.eot) format('embedded-opentype'),url(../fonts/BebasKaiRegular.woff2) format('woff2'),url(../fonts/BebasKaiRegular.woff) format('woff'),url(../fonts/BebasKaiRegular.ttf) format('truetype'),url(../fonts/BebasKaiRegular.svg#BebasKaiRegular) format('svg')
}

@font-face {
    font-family: BebasKaiRegular;
    src: url(../fonts/BebasKaiRegular.eot);
    src: url(../fonts/BebasKaiRegular.eot) format('embedded-opentype'),url(../fonts/BebasKaiRegular.woff2) format('woff2'),url(../fonts/BebasKaiRegular.woff) format('woff'),url(../fonts/BebasKaiRegular.ttf) format('truetype'),url(../fonts/BebasKaiRegular.svg#BebasKaiRegular) format('svg')
}

.font-b {
    font-family: BebasKaiRegular
}

.price {
    font-family: BebasKaiRegular;
    color: #f84141
}

.blue {
    color: #5b6a91
}

.gray-9 {
    color: #999
}

.gray-8 {
    color: grey
}

.gray-6 {
    color: #666
}

.gray-5 {
    color: #555f6c
}

.gray-3 {
    color: #333
}

.gray {
    color: #b2b2b2
}

.white {
    color: #fff
}

.red {
    color: #f84141
}

.yellow {
    color: #ff9433
}

.black10 {
    color: rgba(0,0,0,.1)
}

.black20 {
    color: rgba(0,0,0,.2)
}

.black30 {
    color: rgba(0,0,0,.3)
}

.black40 {
    color: rgba(0,0,0,.4)
}

.black50 {
    color: rgba(0,0,0,.5)
}

.black60 {
    color: rgba(0,0,0,.6)
}

.black70 {
    color: rgba(0,0,0,.7)
}

.black80 {
    color: rgba(0,0,0,.8)
}

.black90 {
    color: rgba(0,0,0,.9)
}

.p1 {
    padding: var(--px-1)
}

.pl1 {
    padding-left: var(--px-1)
}

.pr1 {
    padding-right: var(--px-1)
}

.pt1 {
    padding-top: var(--px-1)
}

.pb1 {
    padding-bottom: var(--px-1)
}

.plr1 {
    padding-left: var(--px-1);
    padding-right: var(--px-1)
}

.ptb1 {
    padding-top: var(--px-1);
    padding-bottom: var(--px-1)
}

.p2 {
    padding: var(--px-2)
}

.pl2 {
    padding-left: var(--px-2)
}

.pr2 {
    padding-right: var(--px-2)
}

.pt2 {
    padding-top: var(--px-2)
}

.pb2 {
    padding-bottom: var(--px-2)
}

.plr2 {
    padding-left: var(--px-2);
    padding-right: var(--px-2)
}

.ptb2 {
    padding-top: var(--px-2);
    padding-bottom: var(--px-2)
}

.p2-5 {
    padding: var(--px-2-5)
}

.pl2-5 {
    padding-left: var(--px-2-5)
}

.pr2-5 {
    padding-right: var(--px-2-5)
}

.pt2-5 {
    padding-top: var(--px-2-5)
}

.pb2-5 {
    padding-bottom: var(--px-2-5)
}

.plr2-5 {
    padding-left: var(--px-2-5);
    padding-right: var(--px-2-5)
}

.ptb2-5 {
    padding-top: var(--px-2-5);
    padding-bottom: var(--px-2-5)
}

.p3 {
    padding: var(--px-3)
}

.pl3 {
    padding-left: var(--px-3)
}

.pr3 {
    padding-right: var(--px-3)
}

.pt3 {
    padding-top: var(--px-3)
}

.pb3 {
    padding-bottom: var(--px-3)
}

.plr3 {
    padding-left: var(--px-3);
    padding-right: var(--px-3)
}

.ptb3 {
    padding-top: var(--px-3);
    padding-bottom: var(--px-3)
}

.p4 {
    padding: var(--px-4)
}

.pl4 {
    padding-left: var(--px-4)
}

.pr4 {
    padding-right: var(--px-4)
}

.pt4 {
    padding-top: var(--px-4)
}

.pb4 {
    padding-bottom: var(--px-4)
}

.plr4 {
    padding-left: var(--px-4);
    padding-right: var(--px-4)
}

.ptb4 {
    padding-top: var(--px-4);
    padding-bottom: var(--px-4)
}

.p5 {
    padding: var(--px-5)
}

.pl5 {
    padding-left: var(--px-5)
}

.pr5 {
    padding-right: var(--px-5)
}

.pt5 {
    padding-top: var(--px-5)
}

.pb5 {
    padding-bottom: var(--px-5)
}

.plr5 {
    padding-left: var(--px-5);
    padding-right: var(--px-5)
}

.ptb5 {
    padding-top: var(--px-5);
    padding-bottom: var(--px-5)
}

.p7-5 {
    padding: var(--px-7-5)
}

.pl7-5 {
    padding-left: var(--px-7-5)
}

.pr7-5 {
    padding-right: var(--px-7-5)
}

.pt7-5 {
    padding-top: var(--px-7-5)
}

.pb7-5 {
    padding-bottom: var(--px-7-5)
}

.plr7-5 {
    padding-left: var(--px-7-5);
    padding-right: var(--px-7-5)
}

.ptb7-5 {
    padding-top: var(--px-7-5);
    padding-bottom: var(--px-7-5)
}

.p10 {
    padding: var(--px-10)
}

.pl10 {
    padding-left: var(--px-10)
}

.pr10 {
    padding-right: var(--px-10)
}

.pt10 {
    padding-top: var(--px-10)
}

.pb10 {
    padding-bottom: var(--px-10)
}

.plr10 {
    padding-left: var(--px-10);
    padding-right: var(--px-10)
}

.ptb10 {
    padding-top: var(--px-10);
    padding-bottom: var(--px-10)
}

.p15 {
    padding: var(--px-15)
}

.pl15 {
    padding-left: var(--px-15)
}

.pr15 {
    padding-right: var(--px-15)
}

.pt15 {
    padding-top: var(--px-15)
}

.pb15 {
    padding-bottom: var(--px-15)
}

.plr15 {
    padding-left: var(--px-15);
    padding-right: var(--px-15)
}

.ptb15 {
    padding-top: var(--px-15);
    padding-bottom: var(--px-15)
}

.p20 {
    padding: var(--px-20)
}

.pl20 {
    padding-left: var(--px-20)
}

.pr20 {
    padding-right: var(--px-20)
}

.pt20 {
    padding-top: var(--px-20)
}

.pb20 {
    padding-bottom: var(--px-20)
}

.plr20 {
    padding-left: var(--px-20);
    padding-right: var(--px-20)
}

.ptb20 {
    padding-top: var(--px-20);
    padding-bottom: var(--px-20)
}

.p25 {
    padding: var(--px-25)
}

.pl25 {
    padding-left: var(--px-25)
}

.pr25 {
    padding-right: var(--px-25)
}

.pt25 {
    padding-top: var(--px-25)
}

.pb25 {
    padding-bottom: var(--px-25)
}

.plr25 {
    padding-left: var(--px-25);
    padding-right: var(--px-25)
}

.ptb25 {
    padding-top: var(--px-25);
    padding-bottom: var(--px-25)
}

.p30 {
    padding: var(--px-30)
}

.pl30 {
    padding-left: var(--px-30)
}

.pr30 {
    padding-right: var(--px-30)
}

.pt30 {
    padding-top: var(--px-30)
}

.pb30 {
    padding-bottom: var(--px-30)
}

.plr30 {
    padding-left: var(--px-30);
    padding-right: var(--px-30)
}

.ptb30 {
    padding-top: var(--px-30);
    padding-bottom: var(--px-30)
}

.p40 {
    padding: var(--px-40)
}

.plr40 {
    padding-left: var(--px-40);
    padding-right: var(--px-40)
}

.ptb40 {
    padding-top: var(--px-40);
    padding-bottom: var(--px-40)
}

.pt40 {
    padding-top: var(--px-40)
}

.pb40 {
    padding-bottom: var(--px-40)
}

.pl40 {
    padding-left: var(--px-40)
}

.pr40 {
    padding-right: var(--px-40)
}

.p50 {
    padding: var(--px-50)
}

.plr50 {
    padding-left: var(--px-50);
    padding-right: var(--px-50)
}

.ptb50 {
    padding-top: var(--px-50);
    padding-bottom: var(--px-50)
}

.pt50 {
    padding-top: var(--px-50)
}

.pb50 {
    padding-bottom: var(--px-50)
}

.pl50 {
    padding-left: var(--px-50)
}

.pr50 {
    padding-right: var(--px-50)
}

.p60 {
    padding: var(--px-60)
}

.plr60 {
    padding-left: var(--px-60);
    padding-right: var(--px-60)
}

.ptb60 {
    padding-top: var(--px-60);
    padding-bottom: var(--px-60)
}

.pt60 {
    padding-top: var(--px-60)
}

.pb60 {
    padding-bottom: var(--px-60)
}

.pl60 {
    padding-left: var(--px-60)
}

.pr60 {
    padding-right: var(--px-60)
}

.m1 {
    margin: var(--px-1)
}

.ml1 {
    margin-left: var(--px-1)
}

.mr1 {
    margin-right: var(--px-1)
}

.mt1 {
    margin-top: var(--px-1)
}

.mb1 {
    margin-bottom: var(--px-1)
}

.mlr1 {
    margin-left: var(--px-1);
    margin-right: var(--px-1)
}

.mtb1 {
    margin-top: var(--px-1);
    margin-bottom: var(--px-1)
}

.m2 {
    margin: var(--px-2)
}

.ml2 {
    margin-left: var(--px-2)
}

.mr2 {
    margin-right: var(--px-2)
}

.mt2 {
    margin-top: var(--px-2)
}

.mb2 {
    margin-bottom: var(--px-2)
}

.mlr2 {
    margin-left: var(--px-2);
    margin-right: var(--px-2)
}

.mtb2 {
    margin-top: var(--px-2);
    margin-bottom: var(--px-2)
}

.m2-5 {
    margin: var(--px-2-5)
}

.ml2-5 {
    margin-left: var(--px-2-5)
}

.mr2-5 {
    margin-right: var(--px-2-5)
}

.mt2-5 {
    margin-top: var(--px-2-5)
}

.mb2-5 {
    margin-bottom: var(--px-2-5)
}

.mlr2-5 {
    margin-left: var(--px-2-5);
    margin-right: var(--px-2-5)
}

.mtb2-5 {
    margin-top: var(--px-2-5);
    margin-bottom: var(--px-2-5)
}

.m3 {
    margin: var(--px-3)
}

.ml3 {
    margin-left: var(--px-3)
}

.mr3 {
    margin-right: var(--px-3)
}

.mt3 {
    margin-top: var(--px-3)
}

.mb3 {
    margin-bottom: var(--px-3)
}

.mlr3 {
    margin-left: var(--px-3);
    margin-right: var(--px-3)
}

.mtb3 {
    margin-top: var(--px-3);
    margin-bottom: var(--px-3)
}

.m4 {
    margin: var(--px-4)
}

.ml4 {
    margin-left: var(--px-4)
}

.mr4 {
    margin-right: var(--px-4)
}

.mt4 {
    margin-top: var(--px-4)
}

.mb4 {
    margin-bottom: var(--px-4)
}

.mlr4 {
    margin-left: var(--px-4);
    margin-right: var(--px-4)
}

.mtb4 {
    margin-top: var(--px-4);
    margin-bottom: var(--px-4)
}

.m5 {
    margin: var(--px-5)
}

.ml5 {
    margin-left: var(--px-5)
}

.mr5 {
    margin-right: var(--px-5)
}

.mt5 {
    margin-top: var(--px-5)
}

.mb5 {
    margin-bottom: var(--px-5)
}

.mlr5 {
    margin-left: var(--px-5);
    margin-right: var(--px-5)
}

.mtb5 {
    margin-top: var(--px-5);
    margin-bottom: var(--px-5)
}

.m7-5 {
    margin: var(--px-7-5)
}

.ml7-5 {
    margin-left: var(--px-7-5)
}

.mr7-5 {
    margin-right: var(--px-7-5)
}

.mt7-5 {
    margin-top: var(--px-7-5)
}

.mb7-5 {
    margin-bottom: var(--px-7-5)
}

.mlr7-5 {
    margin-left: var(--px-7-5);
    margin-right: var(--px-7-5)
}

.mtb7-5 {
    margin-top: var(--px-7-5);
    margin-bottom: var(--px-7-5)
}

.m10 {
    margin: var(--px-10)
}

.ml10 {
    margin-left: var(--px-10)
}

.mr10 {
    margin-right: var(--px-10)
}

.mt10 {
    margin-top: var(--px-10)
}

.mb10 {
    margin-bottom: var(--px-10)
}

.mlr10 {
    margin-left: var(--px-10);
    margin-right: var(--px-10)
}

.mtb10 {
    margin-top: var(--px-10);
    margin-bottom: var(--px-10)
}

.m15 {
    margin: var(--px-15)
}

.ml15 {
    margin-left: var(--px-15)
}

.mr15 {
    margin-right: var(--px-15)
}

.mt15 {
    margin-top: var(--px-15)
}

.mb15 {
    margin-bottom: var(--px-15)
}

.mlr15 {
    margin-left: var(--px-15);
    margin-right: var(--px-15)
}

.mtb15 {
    margin-top: var(--px-15);
    margin-bottom: var(--px-15)
}

.m20 {
    margin: var(--px-20)
}

.ml20 {
    margin-left: var(--px-20)
}

.mr20 {
    margin-right: var(--px-20)
}

.mt20 {
    margin-top: var(--px-20)
}

.mb20 {
    margin-bottom: var(--px-20)
}

.mlr20 {
    margin-left: var(--px-20);
    margin-right: var(--px-20)
}

.mtb20 {
    margin-top: var(--px-20);
    margin-bottom: var(--px-20)
}

.m25 {
    margin: var(--px-25)
}

.ml25 {
    margin-left: var(--px-25)
}

.mr25 {
    margin-right: var(--px-25)
}

.mt25 {
    margin-top: var(--px-25)
}

.mb25 {
    margin-bottom: var(--px-25)
}

.mlr25 {
    margin-left: var(--px-25);
    margin-right: var(--px-25)
}

.mtb25 {
    margin-top: var(--px-25);
    margin-bottom: var(--px-25)
}

.m30 {
    margin: var(--px-30)
}

.ml30 {
    margin-left: var(--px-30)
}

.mr30 {
    margin-right: var(--px-30)
}

.mt30 {
    margin-top: var(--px-30)
}

.mb30 {
    margin-bottom: var(--px-30)
}

.mlr30 {
    margin-left: var(--px-30);
    margin-right: var(--px-30)
}

.mtb30 {
    margin-top: var(--px-30);
    margin-bottom: var(--px-30)
}

.m40 {
    margin: var(--px-40)
}

.mlr40 {
    margin-left: var(--px-40);
    margin-right: var(--px-40)
}

.mtb40 {
    margin-top: var(--px-40);
    margin-bottom: var(--px-40)
}

.mt40 {
    margin-top: var(--px-40)
}

.mb40 {
    margin-bottom: var(--px-40)
}

.ml40 {
    margin-left: var(--px-40)
}

.mr40 {
    margin-right: var(--px-40)
}

.m50 {
    margin: var(--px-50)
}

.mlr50 {
    margin-left: var(--px-50);
    margin-right: var(--px-50)
}

.mtb50 {
    margin-top: var(--px-50);
    margin-bottom: var(--px-50)
}

.mt50 {
    margin-top: var(--px-50)
}

.mb50 {
    margin-bottom: var(--px-50)
}

.ml50 {
    margin-left: var(--px-50)
}

.mr50 {
    margin-right: var(--px-50)
}

.m60 {
    margin: var(--px-60)
}

.mlr60 {
    margin-left: var(--px-60);
    margin-right: var(--px-60)
}

.mtb60 {
    margin-top: var(--px-60);
    margin-bottom: var(--px-60)
}

.mt60 {
    margin-top: var(--px-60)
}

.mb60 {
    margin-bottom: var(--px-60)
}

.ml60 {
    margin-left: var(--px-60)
}

.mr60 {
    margin-right: var(--px-60)
}

.m-1 {
    margin: var(--npx-1)
}

.ml-1 {
    margin-left: var(--npx-1)
}

.mr-1 {
    margin-right: var(--npx-1)
}

.mt-1 {
    margin-top: var(--npx-1)
}

.mb-1 {
    margin-bottom: var(--npx-1)
}

.mlr-1 {
    margin-left: var(--npx-1);
    margin-right: var(--npx-1)
}

.mtb-1 {
    margin-top: var(--npx-1);
    margin-bottom: var(--npx-1)
}

.m-2 {
    margin: var(--npx-2)
}

.ml-2 {
    margin-left: var(--fpx-2)
}

.mr-2 {
    margin-right: var(--npx-2)
}

.mt-2 {
    margin-top: var(--npx-2)
}

.mb-2 {
    margin-bottom: var(--npx-2)
}

.mlr-2 {
    margin-left: var(--npx-2);
    margin-right: var(--npx-2)
}

.mtb-2 {
    margin-top: var(--npx-2);
    margin-bottom: var(--npx-2)
}

.m-2-5 {
    margin: var(--npx-2-5)
}

.ml-2-5 {
    margin-left: var(--fpx-2-5)
}

.mr-2-5 {
    margin-right: var(--npx-2-5)
}

.mt-2-5 {
    margin-top: var(--npx-2-5)
}

.mb-2-5 {
    margin-bottom: var(--npx-2-5)
}

.mlr-2-5 {
    margin-left: var(--npx-2-5);
    margin-right: var(--npx-2-5)
}

.mtb-2-5 {
    margin-top: var(--npx-2-5);
    margin-bottom: var(--npx-2-5)
}

.m-3 {
    margin: var(--npx-3)
}

.ml-3 {
    margin-left: var(--npx-3)
}

.mr-3 {
    margin-right: var(--npx-3)
}

.mt-3 {
    margin-top: var(--npx-3)
}

.mb-3 {
    margin-bottom: var(--npx-3)
}

.mlr-3 {
    margin-left: var(--npx-3);
    margin-right: var(--npx-3)
}

.mtb-3 {
    margin-top: var(--npx-3);
    margin-bottom: var(--npx-3)
}

.m-4 {
    margin: var(--npx-4)
}

.ml-4 {
    margin-left: var(--npx-4)
}

.mr-4 {
    margin-right: var(--npx-4)
}

.mt-4 {
    margin-top: var(--npx-4)
}

.mb-4 {
    margin-bottom: var(--npx-4)
}

.mlr-4 {
    margin-left: var(--npx-4);
    margin-right: var(--npx-4)
}

.mtb-4 {
    margin-top: var(--npx-4);
    margin-bottom: var(--npx-4)
}

.m-5 {
    margin: var(--npx-5)
}

.ml-5 {
    margin-left: var(--npx-5)
}

.mr-5 {
    margin-right: var(--npx-5)
}

.mt-5 {
    margin-top: var(--npx-5)
}

.mb-5 {
    margin-bottom: var(--npx-5)
}

.mlr-5 {
    margin-left: var(--npx-5);
    margin-right: var(--npx-5)
}

.mtb-5 {
    margin-top: var(--npx-5);
    margin-bottom: var(--npx-5)
}

.m-7-5 {
    margin: var(--npx-7-5)
}

.ml-7-5 {
    margin-left: var(--fpx-7-5)
}

.mr-7-5 {
    margin-right: var(--npx-7-5)
}

.mt-7-5 {
    margin-top: var(--npx-7-5)
}

.mb-7-5 {
    margin-bottom: var(--npx-7-5)
}

.mlr-7-5 {
    margin-left: var(--npx-7-5);
    margin-right: var(--npx-7-5)
}

.mtb-7-5 {
    margin-top: var(--npx-7-5);
    margin-bottom: var(--npx-7-5)
}

.m-10 {
    margin: var(--npx-10)
}

.ml-10 {
    margin-left: var(--npx-10)
}

.mr-10 {
    margin-right: var(--npx-10)
}

.mt-10 {
    margin-top: var(--npx-10)
}

.mb-10 {
    margin-bottom: var(--npx-10)
}

.mlr-10 {
    margin-left: var(--npx-10);
    margin-right: var(--npx-10)
}

.mtb-10 {
    margin-top: var(--npx-10);
    margin-bottom: var(--npx-10)
}

.m-15 {
    margin: var(--npx-15)
}

.ml-15 {
    margin-left: var(--npx-15)
}

.mr-15 {
    margin-right: var(--npx-15)
}

.mt-15 {
    margin-top: var(--npx-15)
}

.mb-15 {
    margin-bottom: var(--npx-15)
}

.mlr-15 {
    margin-left: var(--npx-15);
    margin-right: var(--npx-15)
}

.mtb-15 {
    margin-top: var(--npx-15);
    margin-bottom: var(--npx-15)
}

.m-25 {
    margin: var(--npx-25)
}

.ml-25 {
    margin-left: var(--npx-25)
}

.mr-25 {
    margin-right: var(--npx-25)
}

.mt-25 {
    margin-top: var(--npx-25)
}

.mb-25 {
    margin-bottom: var(--npx-25)
}

.mlr-25 {
    margin-left: var(--npx-25);
    margin-right: var(--npx-25)
}

.mtb-25 {
    margin-top: var(--npx-25);
    margin-bottom: var(--npx-25)
}

.m-30 {
    margin: var(--npx-30)
}

.ml-30 {
    margin-left: var(--npx-30)
}

.mr-30 {
    margin-right: var(--npx-30)
}

.mt-30 {
    margin-top: var(--npx-30)
}

.mb-30 {
    margin-bottom: var(--npx-30)
}

.mlr-30 {
    margin-left: var(--npx-30);
    margin-right: var(--npx-30)
}

.mtb-30 {
    margin-top: var(--npx-30);
    margin-bottom: var(--npx-30)
}

.mlr-40 {
    margin-left: var(--npx-40);
    margin-right: var(--npx-40)
}

.mlr-50 {
    margin-left: var(--npx-50);
    margin-right: var(--npx-50)
}

.mlr-60 {
    margin-left: var(--npx-60);
    margin-right: var(--npx-60)
}

.bsp2-5 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-2-5) solid transparent
}

.bsp5 {
    background-clip: padding-box;
    border: var(--px-5) solid transparent
}

.bsp7-5 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-7-5) solid transparent
}

.bsp10 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-10) solid transparent
}

.bsp15 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-15) solid transparent
}

.bsp20 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-20) solid transparent
}

.bsp25 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-25) solid transparent
}

.bsp30 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-30) solid transparent
}

.bsp40 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-40) solid transparent
}

.bsp50 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-50) solid transparent
}

.bsp60 {
    box-model: border-box;
    background-clip: padding-box;
    border: var(--px-60) solid transparent
}

.wn {
    white-space: nowrap
}

.wnr {
    white-space: normal
}

.wb {
    word-break: break-all
}

.fls {
    flex-shrink: 0
}

.flm {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.at {
    vertical-align: top
}

.am {
    vertical-align: middle
}

.ab {
    vertical-align: bottom
}

.bf1::before {
    content: "a";
    opacity: 0
}

.bf2::before {
    content: "aa";
    opacity: 0
}

.bf3::before {
    content: "aaa";
    opacity: 0
}

.bf4::before {
    content: "aaaa";
    opacity: 0
}

.bf5::before {
    content: "aaaaa";
    opacity: 0
}

.bf6::before {
    content: "aaaaaa";
    opacity: 0
}

.bf7::before {
    content: "aaaaaaa";
    opacity: 0
}

.bf8::before {
    content: "aaaaaaaa";
    opacity: 0
}

.af1::after {
    content: "a";
    opacity: 0
}

.af2::after {
    content: "aa";
    opacity: 0
}

.af3::after {
    content: "aaa";
    opacity: 0
}

.af4::after {
    content: "aaaa";
    opacity: 0
}

.af5::after {
    content: "aaaaa";
    opacity: 0
}

.af6::after {
    content: "aaaaaa";
    opacity: 0
}

.af7::after {
    content: "aaaaaaa";
    opacity: 0
}

.af8::after {
    content: "aaaaaaaa";
    opacity: 0
}

.vm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: strecth;
    -ms-flex-align: strecth;
    align-items: strecth
}

.vc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.p-c {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.p-cl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%)
}

.p-cr {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%)
}

.p-tl {
    position: absolute;
    top: 0;
    left: 0
}

.p-tr {
    position: absolute;
    top: 0;
    right: 0
}

.p-tc {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0)
}

.p-bl {
    position: absolute;
    bottom: 0;
    left: 0
}

.p-br {
    position: absolute;
    bottom: 0;
    right: 0
}

.p-bc {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0)
}

.stickt {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3
}

.stickr {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 2
}

.stickr::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    box-shadow: -3px 0 3px rgba(85,85,85,.1);
    z-index: -1
}

.stickl.remove-eff,.stickr.remove-eff,.stickt.remove-eff {
    position: static
}

.stickr.remove-eff::before {
    box-shadow: none
}

.stickl {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2
}

.stickl::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    box-shadow: 3px 0 3px rgba(85,85,85,.1);
    z-index: -1
}

.stickl.remove-eff::before {
    box-shadow: none
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.pf {
    position: fixed
}

.ps {
    position: static
}

.vh {
    visibility: hidden
}

.oh {
    overflow: hidden
}

.cp,.go,.go-email,.go-tel,.go2 {
    cursor: pointer
}

.di {
    display: inline-block
}

.db {
    display: block
}

.dn {
    display: none
}

.pn {
    pointer-events: none
}

.b {
    border: var(--px-1) solid var(--border-color)
}

.bl {
    border-left: var(--px-1) solid var(--border-color)
}

.br {
    border-right: var(--px-1) solid var(--border-color)
}

.bt {
    border-top: var(--px-1) solid var(--border-color)
}

.bb {
    border-bottom: var(--px-1) solid var(--border-color)
}

.btb {
    border-top: var(--px-1) solid var(--border-color);
    border-bottom: var(--px-1) solid var(--border-color)
}

.blr {
    border-left: var(--px-1) solid var(--border-color);
    border-right: var(--px-1) solid var(--border-color)
}

.border-width1 {
    border-width: var(--px-1)
}

.border-width2 {
    border-width: var(--px-2)
}

.border-width2-5 {
    border-width: var(--px-2-5)
}

.border-width3 {
    border-width: var(--px-3)
}

.border-width4 {
    border-width: var(--px-4)
}

.border-width5 {
    border-width: var(--px-5)
}

.border-width7-5 {
    border-width: var(--px-7-5)
}

.border-width10 {
    border-width: var(--px-10)
}

.border-width15 {
    border-width: var(--px-15)
}

.border-width20 {
    border-width: var(--px-20)
}

.border-width25 {
    border-width: var(--px-25)
}

.border-width30 {
    border-width: var(--px-30)
}

.br2-5 {
    border-radius: var(--px-2-5)
}

.br5 {
    border-radius: var(--px-5)
}

.br7-5 {
    border-radius: var(--px-7-5)
}

.br10 {
    border-radius: var(--px-10)
}

.br15 {
    border-radius: var(--px-15)
}

.br20 {
    border-radius: var(--px-20)
}

.br25 {
    border-radius: var(--px-25)
}

.br30 {
    border-radius: var(--px-30)
}

.btl2-5 {
    border-top-left-radius: var(--px-2-5)
}

.btr2-5 {
    border-top-right-radius: var(--px-2-5)
}

.bbl2-5 {
    border-bottom-left-radius: var(--px-2-5)
}

.bbr2-5 {
    border-bottom-right-radius: var(--px-2-5)
}

.btl5 {
    border-top-left-radius: var(--px-5)
}

.btr5 {
    border-top-right-radius: var(--px-5)
}

.bbl5 {
    border-bottom-left-radius: var(--px-5)
}

.bbr5 {
    border-bottom-right-radius: var(--px-5)
}

.btl7-5 {
    border-top-left-radius: var(--px-7-5)
}

.btr7-5 {
    border-top-right-radius: var(--px-7-5)
}

.bbl7-5 {
    border-bottom-left-radius: var(--px-7-5)
}

.bbr7-5 {
    border-bottom-right-radius: var(--px-7-5)
}

.btl10 {
    border-top-left-radius: var(--px-10)
}

.btr10 {
    border-top-right-radius: var(--px-10)
}

.bbl10 {
    border-bottom-left-radius: var(--px-10)
}

.bbr10 {
    border-bottom-right-radius: var(--px-10)
}

.btl15 {
    border-top-left-radius: var(--px-15)
}

.btr15 {
    border-top-right-radius: var(--px-15)
}

.bbl15 {
    border-bottom-left-radius: var(--px-15)
}

.bbr15 {
    border-bottom-right-radius: var(--px-15)
}

.btl20 {
    border-top-left-radius: var(--px-20)
}

.btr20 {
    border-top-right-radius: var(--px-20)
}

.bbl20 {
    border-bottom-left-radius: var(--px-20)
}

.bbr20 {
    border-bottom-right-radius: var(--px-20)
}

.btl25 {
    border-top-left-radius: var(--px-25)
}

.btr25 {
    border-top-right-radius: var(--px-25)
}

.bbl25 {
    border-bottom-left-radius: var(--px-25)
}

.bbr25 {
    border-bottom-right-radius: var(--px-25)
}

.btl30 {
    border-top-left-radius: var(--px-30)
}

.btr30 {
    border-top-right-radius: var(--px-30)
}

.bbl30 {
    border-bottom-left-radius: var(--px-30)
}

.bbr30 {
    border-bottom-right-radius: var(--px-30)
}

.brc {
    border-radius: 9999px
}

.brr0 {
    border-radius: 0
}

.btl0 {
    border-top-left-radius: 0
}

.btr0 {
    border-top-right-radius: 0
}

.bbl0 {
    border-bottom-left-radius: 0
}

.bbr0 {
    border-bottom-right-radius: 0
}

.wa {
    width: auto
}

.w5x {
    width: 5%
}

.w10x {
    width: 10%
}

.w15x {
    width: 15%
}

.w20x {
    width: 20%
}

.w25x {
    width: 25%
}

.w30x {
    width: 30%
}

.w35x {
    width: 35%
}

.w33x {
    width: 33.33333333%
}

.w40x {
    width: 40%
}

.w45x {
    width: 45%
}

.w50x {
    width: 50%
}

.w55x {
    width: 55%
}

.w60x {
    width: 60%
}

.w65x {
    width: 65%
}

.w70x {
    width: 70%
}

.w75x {
    width: 75%
}

.w80x {
    width: 80%
}

.w85x {
    width: 85%
}

.w90x {
    width: 90%
}

.w95x {
    width: 95%
}

.w100x {
    width: 100%
}

.ha {
    height: auto
}

.h5x {
    height: 5%
}

.h10x {
    height: 10%
}

.h15x {
    height: 15%
}

.h20x {
    height: 20%
}

.h25x {
    height: 25%
}

.h30x {
    height: 30%
}

.h35x {
    height: 35%
}

.h33x {
    height: 33.33333333%
}

.h40x {
    height: 40%
}

.h45x {
    height: 45%
}

.h50x {
    height: 50%
}

.h55x {
    height: 55%
}

.h60x {
    height: 60%
}

.h65x {
    height: 65%
}

.h70x {
    height: 70%
}

.h75x {
    height: 75%
}

.h80x {
    height: 80%
}

.h85x {
    height: 85%
}

.h90x {
    height: 90%
}

.h95x {
    height: 95%
}

.h100x {
    height: 100%
}

.w1 {
    width: var(--px-1)
}

.w2 {
    width: var(--px-2)
}

.w3 {
    width: var(--px-3)
}

.w4 {
    width: var(--px-4)
}

.w5 {
    width: var(--px-5)
}

.w6 {
    width: var(--px-6)
}

.w7 {
    width: var(--px-7)
}

.w8 {
    width: var(--px-8)
}

.w9 {
    width: var(--px-9)
}

.w10 {
    width: var(--px-10)
}

.w15 {
    width: var(--px-15)
}

.w20 {
    width: var(--px-20)
}

.w25 {
    width: var(--px-25)
}

.w30 {
    width: var(--px-30)
}

.w35 {
    width: var(--px-35)
}

.w36 {
    width: var(--px-36)
}

.w37 {
    width: var(--px-37)
}

.w38 {
    width: var(--px-38)
}

.w39 {
    width: var(--px-39)
}

.w40 {
    width: var(--px-40)
}

.w45 {
    width: var(--px-45)
}

.w50 {
    width: var(--px-50)
}

.w60 {
    width: var(--px-60)
}

.w70 {
    width: var(--px-70)
}

.w80 {
    width: var(--px-80)
}

.w90 {
    width: var(--px-90)
}

.w100 {
    width: var(--px-100)
}

.w110 {
    width: var(--px-110)
}

.w120 {
    width: var(--px-120)
}

.w130 {
    width: var(--px-130)
}

.w140 {
    width: var(--px-140)
}

.w150 {
    width: var(--px-150)
}

.w200 {
    width: var(--px-200)
}

.w250 {
    width: var(--px-250)
}

.w300 {
    width: var(--px-300)
}

.h1 {
    height: var(--px-1)
}

.h2 {
    height: var(--px-2)
}

.h3 {
    height: var(--px-3)
}

.h4 {
    height: var(--px-4)
}

.h5 {
    height: var(--px-5)
}

.h6 {
    height: var(--px-6)
}

.h7 {
    height: var(--px-7)
}

.h8 {
    height: var(--px-8)
}

.h9 {
    height: var(--px-9)
}

.h10 {
    height: var(--px-10)
}

.h15 {
    height: var(--px-15)
}

.h20 {
    height: var(--px-20)
}

.h25 {
    height: var(--px-25)
}

.h30 {
    height: var(--px-30)
}

.h35 {
    height: var(--px-35)
}

.h40 {
    height: var(--px-40)
}

.h45 {
    height: var(--px-45)
}

.h50 {
    height: var(--px-50)
}

.h60 {
    height: var(--px-60)
}

.h70 {
    height: var(--px-70)
}

.h80 {
    height: var(--px-80)
}

.h90 {
    height: var(--px-90)
}

.h100 {
    height: var(--px-100)
}

.h110 {
    height: var(--px-110)
}

.h120 {
    height: var(--px-120)
}

.h130 {
    height: var(--px-130)
}

.h140 {
    height: var(--px-140)
}

.h150 {
    height: var(--px-150)
}

.h200 {
    height: var(--px-200)
}

.h250 {
    height: var(--px-250)
}

.h300 {
    height: var(--px-300)
}

.lh1x1 {
    line-height: 1.1
}

.lh1x2 {
    line-height: 1.2
}

.lh1x3 {
    line-height: 1.3
}

.lh1x4 {
    line-height: 1.4
}

.lh1x5 {
    line-height: 1.5
}

.lh1x6 {
    line-height: 1.6
}

.lh1x7 {
    line-height: 1.7
}

.lh1x8 {
    line-height: 1.8
}

.lh1x9 {
    line-height: 1.9
}

.lh2x {
    line-height: 2
}

.fb {
    font-weight: 700
}

.fn {
    font-weight: 400
}

.f6 {
    font-size: var(--px-6)
}

.f7 {
    font-size: var(--px-7)
}

.f8 {
    font-size: var(--px-8)
}

.f9 {
    font-size: var(--px-9)
}

.f10 {
    font-size: var(--px-10)
}

.f11 {
    font-size: var(--px-11)
}

.f12 {
    font-size: var(--px-12)
}

.f13 {
    font-size: var(--px-13)
}

.f14 {
    font-size: var(--px-14)
}

.f16 {
    font-size: var(--px-16)
}

.f17 {
    font-size: var(--px-17)
}

.f18 {
    font-size: var(--px-18)
}

.f19 {
    font-size: var(--px-19)
}

.f20 {
    font-size: var(--px-20)
}

.f22 {
    font-size: var(--px-22)
}

.f24 {
    font-size: var(--px-24)
}

.f26 {
    font-size: var(--px-26)
}

.f28 {
    font-size: var(--px-28)
}

.f30 {
    font-size: var(--px-30)
}

.f32 {
    font-size: var(--px-32)
}

.f34 {
    font-size: var(--px-34)
}

.f36 {
    font-size: var(--px-36)
}

.f38 {
    font-size: var(--px-38)
}

.f40 {
    font-size: var(--px-40)
}

.f42 {
    font-size: var(--px-42)
}

.f44 {
    font-size: var(--px-44)
}

.f46 {
    font-size: var(--px-46)
}

.f48 {
    font-size: var(--px-48)
}

.f50 {
    font-size: var(--px-50)
}

.f52 {
    font-size: var(--px-52)
}

.f54 {
    font-size: var(--px-54)
}

.f56 {
    font-size: var(--px-56)
}

.f58 {
    font-size: var(--px-58)
}

.f60 {
    font-size: var(--px-60)
}

.f70 {
    font-size: var(--px-70)
}

.f72 {
    font-size: var(--px-72)
}

.f80 {
    font-size: var(--px-80)
}

.f90 {
    font-size: var(--px-90)
}

.f100 {
    font-size: var(--px-100)
}

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

.of {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.ofx {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.ofy {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.ofb {
    -webkit-overscroll-behavior: none;
    overscroll-behavior: none
}

.col-table-left {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: 320px;
    position: relative;
    z-index: 2
}

.col-table-right {
    -ms-flex: 0 0 calc(100% - 320px);
    flex: 0 0 calc(100% - 320px);
    max-width: calc(100% - 320px);
    position: relative;
    z-index: 1;
    padding-bottom: var(--px-60)
}

.search-filter {
    background-color: var(--bg-base)
}

.col-detail-left {
    -ms-flex: 0 0 calc(100% - 320px);
    flex: 0 0 calc(100% - 320px);
    max-width: calc(100% - 320px);
    position: relative;
    z-index: 1;
    padding-bottom: var(--px-60)
}

.col-detail-right {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: 320px;
    position: relative;
    z-index: 2
}

.col-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--px-60);
    border: var(--px-1) solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-base);
    z-index: 2;
    border-bottom-left-radius: var(--px-10);
    border-bottom-right-radius: var(--px-10)
}

.op1 {
    opacity: .1
}

.op2 {
    opacity: .2
}

.op3 {
    opacity: .3
}

.op4 {
    opacity: .4
}

.op5 {
    opacity: .5
}

.op6 {
    opacity: .6
}

.op7 {
    opacity: .7
}

.op8 {
    opacity: .8
}

.op9 {
    opacity: .9
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

.z5 {
    z-index: 5
}

.z6 {
    z-index: 6
}

.z7 {
    z-index: 7
}

.z8 {
    z-index: 8
}

.z9 {
    z-index: 9
}

.z10 {
    z-index: 10
}

.z11 {
    z-index: 11
}

.z12 {
    z-index: 12
}

.z13 {
    z-index: 13
}

.z14 {
    z-index: 14
}

.z15 {
    z-index: 15
}

@media screen and (max-width: 768px) {
    .col-detail-right,.col-table-left {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%
    }

    .col-detail-left,.col-table-right {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .col-bar {
        position: static;
        height: auto;
        padding: var(--px-10);
        border-top: 0
    }

    .col-table-right {
        padding-bottom: 0
    }

    .border-width1-sm {
        border-width: var(--px-1)
    }

    .border-width2-sm {
        border-width: var(--px-2)
    }

    .border-width2-5-sm {
        border-width: var(--px-2-5)
    }

    .border-width3-sm {
        border-width: var(--px-3)
    }

    .border-width4-sm {
        border-width: var(--px-4)
    }

    .border-width5-sm {
        border-width: var(--px-5)
    }

    .border-width7-5-sm {
        border-width: var(--px-7-5)
    }

    .border-width10-sm {
        border-width: var(--px-10)
    }

    .border-width15-sm {
        border-width: var(--px-15)
    }

    .border-width20-sm {
        border-width: var(--px-20)
    }

    .border-width25-sm {
        border-width: var(--px-25)
    }

    .border-width30-sm {
        border-width: var(--px-30)
    }

    .br2-5-sm {
        border-radius: var(--px-2-5)
    }

    .br5-sm {
        border-radius: var(--px-5)
    }

    .br7-5-sm {
        border-radius: var(--px-7-5)
    }

    .br10-sm {
        border-radius: var(--px-10)
    }

    .br15-sm {
        border-radius: var(--px-15)
    }

    .br20-sm {
        border-radius: var(--px-20)
    }

    .br25-sm {
        border-radius: var(--px-25)
    }

    .br30-sm {
        border-radius: var(--px-30)
    }

    .btl2-5-sm {
        border-top-left-radius: var(--px-2-5)
    }

    .btr2-5-sm {
        border-top-right-radius: var(--px-2-5)
    }

    .bbl2-5-sm {
        border-bottom-left-radius: var(--px-2-5)
    }

    .bbr2-5-sm {
        border-bottom-right-radius: var(--px-2-5)
    }

    .btl5-sm {
        border-top-left-radius: var(--px-5)
    }

    .btr5-sm {
        border-top-right-radius: var(--px-5)
    }

    .bbl5-sm {
        border-bottom-left-radius: var(--px-5)
    }

    .bbr5-sm {
        border-bottom-right-radius: var(--px-5)
    }

    .btl7-5-sm {
        border-top-left-radius: var(--px-7-5)
    }

    .btr7-5-sm {
        border-top-right-radius: var(--px-7-5)
    }

    .bbl7-5-sm {
        border-bottom-left-radius: var(--px-7-5)
    }

    .bbr7-5-sm {
        border-bottom-right-radius: var(--px-7-5)
    }

    .btl10-sm {
        border-top-left-radius: var(--px-10)
    }

    .btr10-sm {
        border-top-right-radius: var(--px-10)
    }

    .bbl10-sm {
        border-bottom-left-radius: var(--px-10)
    }

    .bbr10-sm {
        border-bottom-right-radius: var(--px-10)
    }

    .btl15-sm {
        border-top-left-radius: var(--px-15)
    }

    .btr15-sm {
        border-top-right-radius: var(--px-15)
    }

    .bbl15-sm {
        border-bottom-left-radius: var(--px-15)
    }

    .bbr15-sm {
        border-bottom-right-radius: var(--px-15)
    }

    .btl20-sm {
        border-top-left-radius: var(--px-20)
    }

    .btr20-sm {
        border-top-right-radius: var(--px-20)
    }

    .bbl20-sm {
        border-bottom-left-radius: var(--px-20)
    }

    .bbr20-sm {
        border-bottom-right-radius: var(--px-20)
    }

    .btl25-sm {
        border-top-left-radius: var(--px-25)
    }

    .btr25-sm {
        border-top-right-radius: var(--px-25)
    }

    .bbl25-sm {
        border-bottom-left-radius: var(--px-25)
    }

    .bbr25-sm {
        border-bottom-right-radius: var(--px-25)
    }

    .btl30-sm {
        border-top-left-radius: var(--px-30)
    }

    .btr30-sm {
        border-top-right-radius: var(--px-30)
    }

    .bbl30-sm {
        border-bottom-left-radius: var(--px-30)
    }

    .bbr30-sm {
        border-bottom-right-radius: var(--px-30)
    }

    .brc-sm {
        border-radius: 9999px
    }

    .brr0-sm {
        border-radius: 0
    }

    .btl0-sm {
        border-top-left-radius: 0
    }

    .btr0-sm {
        border-top-right-radius: 0
    }

    .bbl0-sm {
        border-bottom-left-radius: 0
    }

    .bbr0-sm {
        border-bottom-right-radius: 0
    }

    .ps-sm {
        position: static
    }

    .wn-sm {
        white-space: nowrap
    }

    .wnr-sm {
        white-space: normal
    }

    .wb-sm {
        word-break: break-all
    }

    .fls-sm {
        flex-shrink: 0
    }

    .flm-sm {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -webkit-box-lines: multiple
    }

    .tc-sm {
        text-align: center
    }

    .tl-sm {
        text-align: left
    }

    .tr-sm {
        text-align: right
    }

    .vm-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .vt-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .vb-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .vs-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: strecth;
        -ms-flex-align: strecth;
        align-items: strecth
    }

    .vc-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .vl-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .vr-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .p-c-sm {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .p-cl-sm {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%)
    }

    .p-cr-sm {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0,-50%)
    }

    .p-tl-sm {
        position: absolute;
        top: 0;
        left: 0
    }

    .p-tr-sm {
        position: absolute;
        top: 0;
        right: 0
    }

    .p-tc-sm {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0)
    }

    .p-bl-sm {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .p-br-sm {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .p-bc-sm {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,0)
    }

    .wa-sm {
        width: auto
    }

    .w5x-sm {
        width: 5%
    }

    .w10x-sm {
        width: 10%
    }

    .w15x-sm {
        width: 15%
    }

    .w20x-sm {
        width: 20%
    }

    .w25x-sm {
        width: 25%
    }

    .w30x-sm {
        width: 30%
    }

    .w35x-sm {
        width: 35%
    }

    .w33x-sm {
        width: 33.33333333%
    }

    .w40x-sm {
        width: 40%
    }

    .w45x-sm {
        width: 45%
    }

    .w50x-sm {
        width: 50%
    }

    .w55x-sm {
        width: 55%
    }

    .w60x-sm {
        width: 60%
    }

    .w65x-sm {
        width: 65%
    }

    .w70x-sm {
        width: 70%
    }

    .w75x-sm {
        width: 75%
    }

    .w80x-sm {
        width: 80%
    }

    .w85x-sm {
        width: 85%
    }

    .w90x-sm {
        width: 90%
    }

    .w95x-sm {
        width: 95%
    }

    .w100x-sm {
        width: 100%
    }

    .w1-sm {
        width: var(--px-1)
    }

    .w2-sm {
        width: var(--px-2)
    }

    .w3-sm {
        width: var(--px-3)
    }

    .w4-sm {
        width: var(--px-4)
    }

    .w5-sm {
        width: var(--px-5)
    }

    .w6-sm {
        width: var(--px-6)
    }

    .w7-sm {
        width: var(--px-7)
    }

    .w8-sm {
        width: var(--px-8)
    }

    .w9-sm {
        width: var(--px-9)
    }

    .w10-sm {
        width: var(--px-10)
    }

    .w15-sm {
        width: var(--px-15)
    }

    .w20-sm {
        width: var(--px-20)
    }

    .w25-sm {
        width: var(--px-25)
    }

    .w30-sm {
        width: var(--px-30)
    }

    .w35-sm {
        width: var(--px-35)
    }

    .w36-sm {
        width: var(--px-36)
    }

    .w37-sm {
        width: var(--px-37)
    }

    .w38-sm {
        width: var(--px-38)
    }

    .w39-sm {
        width: var(--px-39)
    }

    .w40-sm {
        width: var(--px-40)
    }

    .w45-sm {
        width: var(--px-45)
    }

    .w50-sm {
        width: var(--px-50)
    }

    .w60-sm {
        width: var(--px-60)
    }

    .w70-sm {
        width: var(--px-70)
    }

    .w80-sm {
        width: var(--px-80)
    }

    .w90-sm {
        width: var(--px-90)
    }

    .w100-sm {
        width: var(--px-100)
    }

    .w110-sm {
        width: var(--px-110)
    }

    .w120-sm {
        width: var(--px-120)
    }

    .w130-sm {
        width: var(--px-130)
    }

    .w140-sm {
        width: var(--px-140)
    }

    .w150-sm {
        width: var(--px-150)
    }

    .w200-sm {
        width: var(--px-200)
    }

    .w250-sm {
        width: var(--px-250)
    }

    .w300-sm {
        width: var(--px-300)
    }

    .h1-sm {
        height: var(--px-1)
    }

    .h2-sm {
        height: var(--px-2)
    }

    .h3-sm {
        height: var(--px-3)
    }

    .h4-sm {
        height: var(--px-4)
    }

    .h5-sm {
        height: var(--px-5)
    }

    .h6-sm {
        height: var(--px-6)
    }

    .h7-sm {
        height: var(--px-7)
    }

    .h8-sm {
        height: var(--px-8)
    }

    .h9-sm {
        height: var(--px-9)
    }

    .h10-sm {
        height: var(--px-10)
    }

    .h15-sm {
        height: var(--px-15)
    }

    .h20-sm {
        height: var(--px-20)
    }

    .h25-sm {
        height: var(--px-25)
    }

    .h30-sm {
        height: var(--px-30)
    }

    .h35-sm {
        height: var(--px-35)
    }

    .h40-sm {
        height: var(--px-40)
    }

    .h45-sm {
        height: var(--px-45)
    }

    .h50-sm {
        height: var(--px-50)
    }

    .h60-sm {
        height: var(--px-60)
    }

    .h70-sm {
        height: var(--px-70)
    }

    .h80-sm {
        height: var(--px-80)
    }

    .h90-sm {
        height: var(--px-90)
    }

    .h100-sm {
        height: var(--px-100)
    }

    .h110-sm {
        height: var(--px-110)
    }

    .h120-sm {
        height: var(--px-120)
    }

    .h130-sm {
        height: var(--px-130)
    }

    .h140-sm {
        height: var(--px-140)
    }

    .h150-sm {
        height: var(--px-150)
    }

    .h200-sm {
        height: var(--px-200)
    }

    .h250-sm {
        height: var(--px-250)
    }

    .h300-sm {
        height: var(--px-300)
    }

    .m1-sm {
        margin: var(--px-1)
    }

    .ml1-sm {
        margin-left: var(--px-1)
    }

    .mr1-sm {
        margin-right: var(--px-1)
    }

    .mt1-sm {
        margin-top: var(--px-1)
    }

    .mb1-sm {
        margin-bottom: var(--px-1)
    }

    .mlr1-sm {
        margin-left: var(--px-1);
        margin-right: var(--px-1)
    }

    .mtb1-sm {
        margin-top: var(--px-1);
        margin-bottom: var(--px-1)
    }

    .m2-sm {
        margin: var(--px-2)
    }

    .ml2-sm {
        margin-left: var(--px-2)
    }

    .mr2-sm {
        margin-right: var(--px-2)
    }

    .mt2-sm {
        margin-top: var(--px-2)
    }

    .mb2-sm {
        margin-bottom: var(--px-2)
    }

    .mlr2-sm {
        margin-left: var(--px-2);
        margin-right: var(--px-2)
    }

    .mtb2-sm {
        margin-top: var(--px-2);
        margin-bottom: var(--px-2)
    }

    .m2-5-sm {
        margin: var(--px-2-5)
    }

    .mlr2-5-sm {
        margin-left: var(--px-2-5);
        margin-right: var(--px-2-5)
    }

    .mtb2-5-sm {
        margin-top: var(--px-2-5);
        margin-bottom: var(--px-2-5)
    }

    .mt2-5-sm {
        margin-top: var(--px-2-5)
    }

    .mb2-5-sm {
        margin-bottom: var(--px-2-5)
    }

    .ml2-5-sm {
        margin-left: var(--px-2-5)
    }

    .mr2-5-sm {
        margin-right: var(--px-2-5)
    }

    .m5-sm {
        margin: var(--px-5)
    }

    .mlr5-sm {
        margin-left: var(--px-5);
        margin-right: var(--px-5)
    }

    .mtb5-sm {
        margin-top: var(--px-5);
        margin-bottom: var(--px-5)
    }

    .mt5-sm {
        margin-top: var(--px-5)
    }

    .mb5-sm {
        margin-bottom: var(--px-5)
    }

    .ml5-sm {
        margin-left: var(--px-5)
    }

    .mr5-sm {
        margin-right: var(--px-5)
    }

    .m7-5-sm {
        margin: var(--px-7-5)
    }

    .mlr7-5-sm {
        margin-left: var(--px-7-5);
        margin-right: var(--px-7-5)
    }

    .mtb7-5-sm {
        margin-top: var(--px-7-5);
        margin-bottom: var(--px-7-5)
    }

    .mt7-5-sm {
        margin-top: var(--px-7-5)
    }

    .mb7-5-sm {
        margin-bottom: var(--px-7-5)
    }

    .ml7-5-sm {
        margin-left: var(--px-7-5)
    }

    .mr7-5-sm {
        margin-right: var(--px-7-5)
    }

    .m10-sm {
        margin: var(--px-10)
    }

    .mlr10-sm {
        margin-left: var(--px-10);
        margin-right: var(--px-10)
    }

    .mtb10-sm {
        margin-top: var(--px-10);
        margin-bottom: var(--px-10)
    }

    .mt10-sm {
        margin-top: var(--px-10)
    }

    .mb10-sm {
        margin-bottom: var(--px-10)
    }

    .ml10-sm {
        margin-left: var(--px-10)
    }

    .mr10-sm {
        margin-right: var(--px-10)
    }

    .m15-sm {
        margin: var(--px-15)
    }

    .mlr15-sm {
        margin-left: var(--px-15);
        margin-right: var(--px-15)
    }

    .mtb15-sm {
        margin-top: var(--px-15);
        margin-bottom: var(--px-15)
    }

    .mt15-sm {
        margin-top: var(--px-15)
    }

    .mb15-sm {
        margin-bottom: var(--px-15)
    }

    .ml15-sm {
        margin-left: var(--px-15)
    }

    .mr15-sm {
        margin-right: var(--px-15)
    }

    .m20-sm {
        margin: var(--px-20)
    }

    .mlr20-sm {
        margin-left: var(--px-20);
        margin-right: var(--px-20)
    }

    .mtb20-sm {
        margin-top: var(--px-20);
        margin-bottom: var(--px-20)
    }

    .mt20-sm {
        margin-top: var(--px-20)
    }

    .mb20-sm {
        margin-bottom: var(--px-20)
    }

    .ml20-sm {
        margin-left: var(--px-20)
    }

    .mr20-sm {
        margin-right: var(--px-20)
    }

    .m25-sm {
        margin: var(--px-25)
    }

    .mlr25-sm {
        margin-left: var(--px-25);
        margin-right: var(--px-25)
    }

    .mtb25-sm {
        margin-top: var(--px-25);
        margin-bottom: var(--px-25)
    }

    .mt25-sm {
        margin-top: var(--px-25)
    }

    .mb25-sm {
        margin-bottom: var(--px-25)
    }

    .ml25-sm {
        margin-left: var(--px-25)
    }

    .mr25-sm {
        margin-right: var(--px-25)
    }

    .m30-sm {
        margin: var(--px-30)
    }

    .mlr30-sm {
        margin-left: var(--px-30);
        margin-right: var(--px-30)
    }

    .mtb30-sm {
        margin-top: var(--px-30);
        margin-bottom: var(--px-30)
    }

    .mt30-sm {
        margin-top: var(--px-30)
    }

    .mb30-sm {
        margin-bottom: var(--px-30)
    }

    .ml30-sm {
        margin-left: var(--px-30)
    }

    .mr30-sm {
        margin-right: var(--px-30)
    }

    .m40-sm {
        margin: var(--px-40)
    }

    .mlr40-sm {
        margin-left: var(--px-40);
        margin-right: var(--px-40)
    }

    .mtb40-sm {
        margin-top: var(--px-40);
        margin-bottom: var(--px-40)
    }

    .mt40-sm {
        margin-top: var(--px-40)
    }

    .mb40-sm {
        margin-bottom: var(--px-40)
    }

    .ml40-sm {
        margin-left: var(--px-40)
    }

    .mr40-sm {
        margin-right: var(--px-40)
    }

    .m50-sm {
        margin: var(--px-50)
    }

    .mlr50-sm {
        margin-left: var(--px-50);
        margin-right: var(--px-50)
    }

    .mtb50-sm {
        margin-top: var(--px-50);
        margin-bottom: var(--px-50)
    }

    .mt50-sm {
        margin-top: var(--px-50)
    }

    .mb50-sm {
        margin-bottom: var(--px-50)
    }

    .ml50-sm {
        margin-left: var(--px-50)
    }

    .mr50-sm {
        margin-right: var(--px-50)
    }

    .m60-sm {
        margin: var(--px-60)
    }

    .mlr60-sm {
        margin-left: var(--px-60);
        margin-right: var(--px-60)
    }

    .mtb60-sm {
        margin-top: var(--px-60);
        margin-bottom: var(--px-60)
    }

    .mt60-sm {
        margin-top: var(--px-60)
    }

    .mb60-sm {
        margin-bottom: var(--px-60)
    }

    .ml60-sm {
        margin-left: var(--px-60)
    }

    .mr60-sm {
        margin-right: var(--px-60)
    }

    .m0-sm {
        margin: 0
    }

    .ml0-sm {
        margin-left: 0
    }

    .mr0-sm {
        margin-right: 0
    }

    .mt0-sm {
        margin-top: 0
    }

    .mb0-sm {
        margin-bottom: 0
    }

    .mlr0-sm {
        margin-left: 0;
        margin-right: 0
    }

    .mtb0-sm {
        margin-top: 0;
        margin-bottom: 0
    }

    .m-1-sm {
        margin: var(--npx-1)
    }

    .ml-1-sm {
        margin-left: var(--npx-1)
    }

    .mr-1-sm {
        margin-right: var(--npx-1)
    }

    .mt-1-sm {
        margin-top: var(--npx-1)
    }

    .mb-1-sm {
        margin-bottom: var(--npx-1)
    }

    .mlr-1-sm {
        margin-left: var(--npx-1);
        margin-right: var(--npx-1)
    }

    .mtb-1-sm {
        margin-top: var(--npx-1);
        margin-bottom: var(--npx-1)
    }

    .m-2-sm {
        margin: var(--npx-2)
    }

    .ml-2-sm {
        margin-left: var(--fpx-2)
    }

    .mr-2-sm {
        margin-right: var(--npx-2)
    }

    .mt-2-sm {
        margin-top: var(--npx-2)
    }

    .mb-2-sm {
        margin-bottom: var(--npx-2)
    }

    .mlr-2-sm {
        margin-left: var(--npx-2);
        margin-right: var(--npx-2)
    }

    .mtb-2-sm {
        margin-top: var(--npx-2);
        margin-bottom: var(--npx-2)
    }

    .m-2-5-sm {
        margin: var(--npx-2-5)
    }

    .ml-2-5-sm {
        margin-left: var(--fpx-2-5)
    }

    .mr-2-5-sm {
        margin-right: var(--npx-2-5)
    }

    .mt-2-5-sm {
        margin-top: var(--npx-2-5)
    }

    .mb-2-5-sm {
        margin-bottom: var(--npx-2-5)
    }

    .mlr-2-5-sm {
        margin-left: var(--npx-2-5);
        margin-right: var(--npx-2-5)
    }

    .mtb-2-5-sm {
        margin-top: var(--npx-2-5);
        margin-bottom: var(--npx-2-5)
    }

    .m-3-sm {
        margin: var(--npx-3)
    }

    .ml-3-sm {
        margin-left: var(--npx-3)
    }

    .mr-3-sm {
        margin-right: var(--npx-3)
    }

    .mt-3-sm {
        margin-top: var(--npx-3)
    }

    .mb-3-sm {
        margin-bottom: var(--npx-3)
    }

    .mlr-3-sm {
        margin-left: var(--npx-3);
        margin-right: var(--npx-3)
    }

    .mtb-3-sm {
        margin-top: var(--npx-3);
        margin-bottom: var(--npx-3)
    }

    .m-4-sm {
        margin: var(--npx-4)
    }

    .ml-4-sm {
        margin-left: var(--npx-4)
    }

    .mr-4-sm {
        margin-right: var(--npx-4)
    }

    .mt-4-sm {
        margin-top: var(--npx-4)
    }

    .mb-4-sm {
        margin-bottom: var(--npx-4)
    }

    .mlr-4-sm {
        margin-left: var(--npx-4);
        margin-right: var(--npx-4)
    }

    .mtb-4-sm {
        margin-top: var(--npx-4);
        margin-bottom: var(--npx-4)
    }

    .m-5-sm {
        margin: var(--npx-5)
    }

    .ml-5-sm {
        margin-left: var(--npx-5)
    }

    .mr-5-sm {
        margin-right: var(--npx-5)
    }

    .mt-5-sm {
        margin-top: var(--npx-5)
    }

    .mb-5-sm {
        margin-bottom: var(--npx-5)
    }

    .mlr-5-sm {
        margin-left: var(--npx-5);
        margin-right: var(--npx-5)
    }

    .mtb-5-sm {
        margin-top: var(--npx-5);
        margin-bottom: var(--npx-5)
    }

    .m-7-5-sm {
        margin: var(--npx-7-5)
    }

    .ml-7-5-sm {
        margin-left: var(--fpx-7-5)
    }

    .mr-7-5-sm {
        margin-right: var(--npx-7-5)
    }

    .mt-7-5-sm {
        margin-top: var(--npx-7-5)
    }

    .mb-7-5-sm {
        margin-bottom: var(--npx-7-5)
    }

    .mlr-7-5-sm {
        margin-left: var(--npx-7-5);
        margin-right: var(--npx-7-5)
    }

    .mtb-7-5-sm {
        margin-top: var(--npx-7-5);
        margin-bottom: var(--npx-7-5)
    }

    .m-10-sm {
        margin: var(--npx-10)
    }

    .ml-10-sm {
        margin-left: var(--npx-10)
    }

    .mr-10-sm {
        margin-right: var(--npx-10)
    }

    .mt-10-sm {
        margin-top: var(--npx-10)
    }

    .mb-10-sm {
        margin-bottom: var(--npx-10)
    }

    .mlr-10-sm {
        margin-left: var(--npx-10);
        margin-right: var(--npx-10)
    }

    .mtb-10-sm {
        margin-top: var(--npx-10);
        margin-bottom: var(--npx-10)
    }

    .m-15-sm {
        margin: var(--npx-15)
    }

    .ml-15-sm {
        margin-left: var(--npx-15)
    }

    .mr-15-sm {
        margin-right: var(--npx-15)
    }

    .mt-15-sm {
        margin-top: var(--npx-15)
    }

    .mb-15-sm {
        margin-bottom: var(--npx-15)
    }

    .mlr-15-sm {
        margin-left: var(--npx-15);
        margin-right: var(--npx-15)
    }

    .mtb-15-sm {
        margin-top: var(--npx-15);
        margin-bottom: var(--npx-15)
    }

    .m-25-sm {
        margin: var(--npx-25)
    }

    .ml-25-sm {
        margin-left: var(--npx-25)
    }

    .mr-25-sm {
        margin-right: var(--npx-25)
    }

    .mt-25-sm {
        margin-top: var(--npx-25)
    }

    .mb-25-sm {
        margin-bottom: var(--npx-25)
    }

    .mlr-25-sm {
        margin-left: var(--npx-25);
        margin-right: var(--npx-25)
    }

    .mtb-25-sm {
        margin-top: var(--npx-25);
        margin-bottom: var(--npx-25)
    }

    .m-30-sm {
        margin: var(--npx-30)
    }

    .ml-30-sm {
        margin-left: var(--npx-30)
    }

    .mr-30-sm {
        margin-right: var(--npx-30)
    }

    .mt-30-sm {
        margin-top: var(--npx-30)
    }

    .mb-30-sm {
        margin-bottom: var(--npx-30)
    }

    .mlr-30-sm {
        margin-left: var(--npx-30);
        margin-right: var(--npx-30)
    }

    .mtb-30-sm {
        margin-top: var(--npx-30);
        margin-bottom: var(--npx-30)
    }

    .mlr-40-sm {
        margin-left: var(--npx-40);
        margin-right: var(--npx-40)
    }

    .mlr-50-sm {
        margin-left: var(--npx-50);
        margin-right: var(--npx-50)
    }

    .mlr-60-sm {
        margin-left: var(--npx-60);
        margin-right: var(--npx-60)
    }

    .p2-5-sm {
        padding: var(--px-2-5)
    }

    .plr2-5-sm {
        padding-left: var(--px-2-5);
        padding-right: var(--px-2-5)
    }

    .ptb2-5-sm {
        padding-top: var(--px-2-5);
        padding-bottom: var(--px-2-5)
    }

    .pt2-5-sm {
        padding-top: var(--px-2-5)
    }

    .pb2-5-sm {
        padding-bottom: var(--px-2-5)
    }

    .pl2-5-sm {
        padding-left: var(--px-2-5)
    }

    .pr2-5-sm {
        padding-right: var(--px-2-5)
    }

    .p5-sm {
        padding: var(--px-5)
    }

    .plr5-sm {
        padding-left: var(--px-5);
        padding-right: var(--px-5)
    }

    .ptb5-sm {
        padding-top: var(--px-5);
        padding-bottom: var(--px-5)
    }

    .pt5-sm {
        padding-top: var(--px-5)
    }

    .pb5-sm {
        padding-bottom: var(--px-5)
    }

    .pl5-sm {
        padding-left: var(--px-5)
    }

    .pr5-sm {
        padding-right: var(--px-5)
    }

    .p7-5-sm {
        padding: var(--px-7-5)
    }

    .plr7-5-sm {
        padding-left: var(--px-7-5);
        padding-right: var(--px-7-5)
    }

    .ptb7-5-sm {
        padding-top: var(--px-7-5);
        padding-bottom: var(--px-7-5)
    }

    .pt7-5-sm {
        padding-top: var(--px-7-5)
    }

    .pb7-5-sm {
        padding-bottom: var(--px-7-5)
    }

    .pl7-5-sm {
        padding-left: var(--px-7-5)
    }

    .pr7-5-sm {
        padding-right: var(--px-7-5)
    }

    .p10-sm {
        padding: var(--px-10)
    }

    .plr10-sm {
        padding-left: var(--px-10);
        padding-right: var(--px-10)
    }

    .ptb10-sm {
        padding-top: var(--px-10);
        padding-bottom: var(--px-10)
    }

    .pt10-sm {
        padding-top: var(--px-10)
    }

    .pb10-sm {
        padding-bottom: var(--px-10)
    }

    .pl10-sm {
        padding-left: var(--px-10)
    }

    .pr10-sm {
        padding-right: var(--px-10)
    }

    .p15-sm {
        padding: var(--px-15)
    }

    .plr15-sm {
        padding-left: var(--px-15);
        padding-right: var(--px-15)
    }

    .ptb15-sm {
        padding-top: var(--px-15);
        padding-bottom: var(--px-15)
    }

    .pt15-sm {
        padding-top: var(--px-15)
    }

    .pb15-sm {
        padding-bottom: var(--px-15)
    }

    .pl15-sm {
        padding-left: var(--px-15)
    }

    .pr15-sm {
        padding-right: var(--px-15)
    }

    .p20-sm {
        padding: var(--px-20)
    }

    .plr20-sm {
        padding-left: var(--px-20);
        padding-right: var(--px-20)
    }

    .ptb20-sm {
        padding-top: var(--px-20);
        padding-bottom: var(--px-20)
    }

    .pt20-sm {
        padding-top: var(--px-20)
    }

    .pb20-sm {
        padding-bottom: var(--px-20)
    }

    .pl20-sm {
        padding-left: var(--px-20)
    }

    .pr20-sm {
        padding-right: var(--px-20)
    }

    .p25-sm {
        padding: var(--px-25)
    }

    .plr25-sm {
        padding-left: var(--px-25);
        padding-right: var(--px-25)
    }

    .ptb25-sm {
        padding-top: var(--px-25);
        padding-bottom: var(--px-25)
    }

    .pt25-sm {
        padding-top: var(--px-25)
    }

    .pb25-sm {
        padding-bottom: var(--px-25)
    }

    .pl25-sm {
        padding-left: var(--px-25)
    }

    .pr25-sm {
        padding-right: var(--px-25)
    }

    .p30-sm {
        padding: var(--px-30)
    }

    .plr30-sm {
        padding-left: var(--px-30);
        padding-right: var(--px-30)
    }

    .ptb30-sm {
        padding-top: var(--px-30);
        padding-bottom: var(--px-30)
    }

    .pt30-sm {
        padding-top: var(--px-30)
    }

    .pb30-sm {
        padding-bottom: var(--px-30)
    }

    .pl30-sm {
        padding-left: var(--px-30)
    }

    .pr30-sm {
        padding-right: var(--px-30)
    }

    .p40-sm {
        padding: var(--px-40)
    }

    .plr40-sm {
        padding-left: var(--px-40);
        padding-right: var(--px-40)
    }

    .ptb40-sm {
        padding-top: var(--px-40);
        padding-bottom: var(--px-40)
    }

    .pt40-sm {
        padding-top: var(--px-40)
    }

    .pb40-sm {
        padding-bottom: var(--px-40)
    }

    .pl40-sm {
        padding-left: var(--px-40)
    }

    .pr40-sm {
        padding-right: var(--px-40)
    }

    .p50-sm {
        padding: var(--px-50)
    }

    .plr50-sm {
        padding-left: var(--px-50);
        padding-right: var(--px-50)
    }

    .ptb50-sm {
        padding-top: var(--px-50);
        padding-bottom: var(--px-50)
    }

    .pt50-sm {
        padding-top: var(--px-50)
    }

    .pb50-sm {
        padding-bottom: var(--px-50)
    }

    .pl50-sm {
        padding-left: var(--px-50)
    }

    .pr50-sm {
        padding-right: var(--px-50)
    }

    .p60-sm {
        padding: var(--px-60)
    }

    .plr60-sm {
        padding-left: var(--px-60);
        padding-right: var(--px-60)
    }

    .ptb60-sm {
        padding-top: var(--px-60);
        padding-bottom: var(--px-60)
    }

    .pt60-sm {
        padding-top: var(--px-60)
    }

    .pb60-sm {
        padding-bottom: var(--px-60)
    }

    .pl60-sm {
        padding-left: var(--px-60)
    }

    .pr60-sm {
        padding-right: var(--px-60)
    }

    .bsp2-5-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-2-5) solid transparent
    }

    .bsp5-sm {
        background-clip: padding-box;
        border: var(--px-5) solid transparent
    }

    .bsp7-5-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-7-5) solid transparent
    }

    .bsp10-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-10) solid transparent
    }

    .bsp15-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-15) solid transparent
    }

    .bsp20-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-20) solid transparent
    }

    .bsp25-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-25) solid transparent
    }

    .bsp30-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-30) solid transparent
    }

    .bsp40-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-40) solid transparent
    }

    .bsp50-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-50) solid transparent
    }

    .bsp60-sm {
        box-model: border-box;
        background-clip: padding-box;
        border: var(--px-60) solid transparent
    }

    .f6-sm {
        font-size: var(--px-6)
    }

    .f7-sm {
        font-size: var(--px-7)
    }

    .f8-sm {
        font-size: var(--px-8)
    }

    .f9-sm {
        font-size: var(--px-9)
    }

    .f10-sm {
        font-size: var(--px-10)
    }

    .f11-sm {
        font-size: var(--px-11)
    }

    .f12-sm {
        font-size: var(--px-12)
    }

    .f13-sm {
        font-size: var(--px-13)
    }

    .f14-sm {
        font-size: var(--px-14)
    }

    .f16-sm {
        font-size: var(--px-16)
    }

    .f17-sm {
        font-size: var(--px-17)
    }

    .f18-sm {
        font-size: var(--px-18)
    }

    .f19-sm {
        font-size: var(--px-19)
    }

    .f20-sm {
        font-size: var(--px-20)
    }

    .f22-sm {
        font-size: var(--px-22)
    }

    .f24-sm {
        font-size: var(--px-24)
    }

    .f26-sm {
        font-size: var(--px-26)
    }

    .f28-sm {
        font-size: var(--px-28)
    }

    .f30-sm {
        font-size: var(--px-30)
    }

    .f32-sm {
        font-size: var(--px-32)
    }

    .f34-sm {
        font-size: var(--px-34)
    }

    .f36-sm {
        font-size: var(--px-36)
    }

    .f38-sm {
        font-size: var(--px-38)
    }

    .f40-sm {
        font-size: var(--px-40)
    }

    .f42-sm {
        font-size: var(--px-42)
    }

    .f44-sm {
        font-size: var(--px-44)
    }

    .f46-sm {
        font-size: var(--px-46)
    }

    .f48-sm {
        font-size: var(--px-48)
    }

    .f50-sm {
        font-size: var(--px-50)
    }

    .f52-sm {
        font-size: var(--px-52)
    }

    .f54-sm {
        font-size: var(--px-54)
    }

    .f56-sm {
        font-size: var(--px-56)
    }

    .f58-sm {
        font-size: var(--px-58)
    }

    .f60-sm {
        font-size: var(--px-60)
    }

    .f70-sm {
        font-size: var(--px-70)
    }

    .f72-sm {
        font-size: var(--px-72)
    }

    .f80-sm {
        font-size: var(--px-80)
    }

    .f90-sm {
        font-size: var(--px-90)
    }

    .f100-sm {
        font-size: var(--px-100)
    }

    .op1-sm {
        opacity: .1
    }

    .op2-sm {
        opacity: .2
    }

    .op3-sm {
        opacity: .3
    }

    .op4-sm {
        opacity: .4
    }

    .op5-sm {
        opacity: .5
    }

    .op6-sm {
        opacity: .6
    }

    .op7-sm {
        opacity: .7
    }

    .op8-sm {
        opacity: .8
    }

    .op9-sm {
        opacity: .9
    }

    .z0-sm {
        z-index: 0
    }

    .z1-sm {
        z-index: 1
    }

    .z2-sm {
        z-index: 2
    }

    .z3-sm {
        z-index: 3
    }

    .z4-sm {
        z-index: 4
    }

    .z5-sm {
        z-index: 5
    }

    .z6-sm {
        z-index: 6
    }

    .z7-sm {
        z-index: 7
    }

    .z8-sm {
        z-index: 8
    }

    .z9-sm {
        z-index: 9
    }

    .z10-sm {
        z-index: 10
    }

    .z11-sm {
        z-index: 11
    }

    .z12-sm {
        z-index: 12
    }

    .z13-sm {
        z-index: 13
    }

    .z14-sm {
        z-index: 14
    }

    .z15-sm {
        z-index: 15
    }
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated.dn {
    display: block
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__delay-0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-delay: calc(var(--animate-delay)/2);
    animation-delay: calc(var(--animate-delay)/2)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*1.5);
    animation-delay: calc(var(--animate-delay)*1.5)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-2-5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*2.5);
    animation-delay: calc(var(--animate-delay)*2.5)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-3-5s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*3.5);
    animation-delay: calc(var(--animate-delay)*3.5)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-4-5s {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    -webkit-animation-delay: calc(var(--animate-delay)*4.5);
    animation-delay: calc(var(--animate-delay)*4.5)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes mFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@keyframes mFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.animate__mFadeInUp {
    -webkit-animation-name: mFadeInUp;
    animation-name: mFadeInUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes rotateClockwise {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes rotateClockwise {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes firstScreenMore {
    0% {
        opacity: 1;
        transform: translate3d(-50%,0,0) rotate(0)
    }

    50% {
        opacity: .5;
        transform: translate3d(-50%,-40%,0) rotate(0)
    }

    100% {
        opacity: 1;
        transform: translate3d(-50%,0,0) rotate(0)
    }
}

.first-screen-more {
    animation-name: firstScreenMore
}

.linear {
    animation-timing-function: linear;
    transition-timing-function: linear
}

.easeIn {
    animation-timing-function: ease-in;
    transition-timing-function: ease-in
}

.easeOut {
    animation-timing-function: ease-out;
    transition-timing-function: ease-out
}

.easeInOut {
    animation-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.easeInCubic {
    animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.easeOutCubic {
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.easeInOutCubic {
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}

.easeInCirc {
    animation-timing-function: cubic-bezier(.6,.04,.98,.335);
    transition-timing-function: cubic-bezier(.6,.04,.98,.335)
}

.easeOutCirc {
    animation-timing-function: cubic-bezier(.075,.82,.165,1);
    transition-timing-function: cubic-bezier(.075,.82,.165,1)
}

.easeInOutCirc {
    animation-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)
}

.easeInExpo {
    animation-timing-function: cubic-bezier(.95,.05,.795,.035);
    transition-timing-function: cubic-bezier(.95,.05,.795,.035)
}

.easeOutExpo {
    animation-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.easeInOutExpo {
    animation-timing-function: cubic-bezier(1,0,0,1);
    transition-timing-function: cubic-bezier(1,0,0,1)
}

.easeInQuad {
    animation-timing-function: cubic-bezier(.55,.085,.68,.53);
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

.easeOutQuad {
    animation-timing-function: cubic-bezier(.25,.46,.45,.94);
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

.easeInOutQuad {
    animation-timing-function: cubic-bezier(.455,.03,.515,.955);
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

.easeInQuart {
    animation-timing-function: cubic-bezier(.895,.03,.685,.22);
    transition-timing-function: cubic-bezier(.895,.03,.685,.22)
}

.easeOutQuart {
    animation-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1)
}

.easeInOutQuart {
    animation-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1)
}

.easeInQuint {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    transition-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.easeOutQuint {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    transition-timing-function: cubic-bezier(.23,1,.32,1)
}

.easeInOutQuint {
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    transition-timing-function: cubic-bezier(.86,0,.07,1)
}

.easeInSine {
    animation-timing-function: cubic-bezier(.47,0,.745,.715);
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

.easeOutSine {
    animation-timing-function: cubic-bezier(.39,.575,.565,1);
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

.easeInOutSine {
    animation-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

.easeInBack {
    animation-timing-function: cubic-bezier(.6,-.28,.735,.045);
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

.easeOutBack {
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

.easeInOutBack {
    animation-timing-function: cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

.detail-info {
    font-size: var(--px-16);
    line-height: 1.6
}

.detail-info :last-child {
    margin-bottom: 0
}

.detail-info h1 {
    font-size: var(--px-31)
}

.detail-info h2 {
    font-size: var(--px-28)
}

.detail-info h3 {
    font-size: var(--px-25)
}

.detail-info h4 {
    font-size: var(--px-22)
}

.detail-info h5 {
    font-size: var(--px-19)
}

.detail-info h6 {
    font-size: var(--px-16)
}

.detail-info ul li {
    list-style-type: disc;
    margin-left: var(--px-16);
    margin-bottom: var(--px-15)
}

.detail-info ul li:last-child {
    margin-bottom: 0
}

.detail-info ol,.detail-info p,.detail-info ul {
    margin-bottom: var(--px-20)
}

.detail-info h1,.detail-info h2 {
    margin-bottom: var(--px-5)
}

.detail-info h3,.detail-info h4 {
    margin-bottom: var(--px-10)
}

.detail-info h5,.detail-info h6 {
    margin-bottom: var(--px-20)
}