/* 变量 */
:root {
    --px-0: 0px;
    --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-11: -11px;
    --npx-12: -12px;
    --npx-13: -13px;
    --npx-14: -14px;
    --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: #5f6367;
    --navheader-color2: #202124;
    --navheader-color3:#1263e8;
    --navheader-bg-color: #f9f9f9;
    --navheader-bg-color2: #f6f6f6;
    --navheader-bg-color3: #d0d9e5;
    --navheader-bg-color4: #f6f9fd;
    --navheader-bg-color5: #d0e1fa;
    --navheader-bg-color6: #1263e8;
    
    --bg-base: #f9f9f9;
    --bg-select:#eaebef;
    --bg-select-hover:#f9f9f9;
    --bg-select-active:#f6f9fd;
    --color-select: #0f73fc;
    --bg-color: #eaebef;
    --bg-color-light: #f9f9f9;
    --text-color: #3c4043;
    --border-color:#e5e5e5;
    --a-color: #666;
    --a-hover-color:#1263e8;
    --input-bg:#f9f9f9;
    --input-focus-bg:#f7f8f8;
    --input-focus-border:#1263e8;
    --input-color:#1f2d3d;
    --input-placeholder-color:#757575;
    --color-transparent:#3c4043;
    --bg-hover-transparent:#f2f2f2;
    --bg-active-transparent:#d5d7d7;
    --bg-color-th:#f6f6f6;
    --bg-color-td:#f9f9f9;
    --bg-checkbox-active:#f6f9fd;
    --color-checkbox-active:#0f73fc;
    --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:#0f73fc;
    --color-base:#1263e8;
    --hover-bg-base:#f6f6f6;
    --active-bg-base:#f6f9fe;
    --loadmore-bg:#1263e8;
    --loadmore-text:#808080;
}
.light-theme{
    --headfoot-color: #5f6367;
    --navheader-color2: #202124;
    --navheader-color3:#1263e8;
    --navheader-bg-color: #f9f9f9;
    --navheader-bg-color2: #f6f6f6;
    --navheader-bg-color3: #d0d9e5;
    --navheader-bg-color4: #f6f9fd;
    --navheader-bg-color5: #d0e1fa;
    --navheader-bg-color6: #1263e8;
    
    --bg-base: #f9f9f9;
    --bg-select:#eaebef;
    --bg-select-hover:#f9f9f9;
    --bg-select-active:#f6f9fd;
    --color-select: #0f73fc;
    --bg-color: #eaebef;
    --bg-color-light: #f9f9f9;
    --text-color: #3c4043;
    --border-color:#e5e5e5;
    --a-color: #666;
    --a-hover-color:#1263e8;
    --input-bg:#f9f9f9;
    --input-focus-bg:#f7f8f8;
    --input-focus-border:#1263e8;
    --input-color:#1f2d3d;
    --input-placeholder-color:#757575;
    --color-transparent:#3c4043;
    --bg-hover-transparent:#f2f2f2;
    --bg-active-transparent:#d5d7d7;
    --bg-color-th:#f6f6f6;
    --bg-color-td:#f9f9f9;
    --bg-checkbox-active:#f6f9fd;
    --color-checkbox-active:#0f73fc;
    --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:#0f73fc;
    --color-base:#1263e8;
    --hover-bg-base:#f6f6f6;
    --active-bg-base:#f6f9fe;
    --loadmore-bg:#1263e8;
    --loadmore-text:#808080;
}
.dark-theme{
    --headfoot-color: #f2f3f4;
    --navheader-color2: #fff;
    --navheader-color3:#8ab4f7;
    --navheader-bg-color: #2d2e30;
    --navheader-bg-color2: #46474a;
    --navheader-bg-color3: #5a5b5e;
    --navheader-bg-color4: #46474a;
    --navheader-bg-color5: #5a5b5e;
    --navheader-bg-color6: #8ab4f7;
    
    --bg-base: #28292c;
    --bg-select:#2d2e30;
    --bg-select-hover:#5a5b5e;
    --bg-select-active:#46474a;
    --color-select: #8ab4f7;
    --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:#8ab4f7;
    --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:#8ab4f7;
    --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:#8ab4f7;
    --menu-active-hover-bg:#7b9ed4;
    --menu-hover-color:#dadce0;
    --menu-active-color:#fff;
    --color-base:#8ab4f7;
    --hover-bg-base:#46474a;
    --active-bg-base:#46474a;
    --loadmore-bg:#8ab4f7;
    --loadmore-text:#808080;
}
.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-more .menu-more-select::after,
.dark-theme .select .select-selected::after,
.dark-theme .menu .has-sub::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(data:image/svg+xml;base64,PHN2ZyB0PSIxNjkyNzA5Njg4Njg4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDIwNTggMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE4ODUiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjOGFiNGY3IiBkPSJNMTAyNCAxMDI0TDAgMGgyMDQ4eiIgcC1pZD0iMTg4NiI+PC9wYXRoPjwvc3ZnPg==);
}
.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, 0.4);
}
.dark-theme .table tbody tr.active td{
    background-color:#2a2c35;
}
.light-theme input:-webkit-autofill,
.light-theme textarea:-webkit-autofill,
.light-theme select:-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-11: -0.44rem;
        --npx-12: -0.48rem;
        --npx-13: -0.52rem;
        --npx-14: -0.56rem;
        --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;
    }
}

/*全局配置*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,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-size: var(--px-14);
    font-family: "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);
}

body,.page,
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:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

input,
textarea,
select {
    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)
}

div,
a,
select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

a:focus,
a:active {}

.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;
}

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

th,td {
    vertical-align: middle;
}

th{
    text-align: left;
}

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: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #FFFFFF !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-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-1-md,
.col-2-md,
.col-3-md,
.col-4-md,
.col-5-md,
.col-6-md,
.col-7-md,
.col-8-md,
.col-9-md,
.col-10-md,
.col-11-md,
.col-12-md,
.col-md,
.col-auto-md
.col-1-sm,
.col-2-sm,
.col-3-sm,
.col-4-sm,
.col-5-sm,
.col-6-sm,
.col-7-sm,
.col-8-sm,
.col-9-sm,
.col-10-sm,
.col-11-sm,
.col-12-sm,
.col-sm,
.col-auto-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 .wrap,header .row{
    height:100%;
}
header .logo{
    height:30px;
    width:auto;
    display: block;
}
header .btn-transparent,header .btn-more-vert,header .btn-more-horiz{
    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: 0px 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:hover,.menu-more .menu-more-view li a:active{
    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;
}

@keyframes jump-scaleY {
    0% {
        transform: translateY(0)scaleY(1)
    }

    7.5% {
        transform: translateY(-120%)scaleY(2)
    }

    15%,35% {
        transform: translateY(-120%)scaleY(.5)
    }

    43.5% {
        transform: translateY(0)scaleY(2)
    }

    52.5%,72.5% {
        transform: translateY(120%)scaleY(.5)
    }

    80%,to {
        transform: translateY(0)scaleY(1)
    }
}
.loadingMore{
    color:var(--loadmore-text);
}
.loading-pulse{
    justify-content: center;
    align-items: center;
    gap:var(--px-4);
    display: inline-flex;
}
.loading-pulse>.loading-line {
    transform-origin: top;
    background-color: var(--loadmore-bg);
    width:var(--px-4);
    height:var(--px-8);
    animation: 1.5s linear infinite jump-scaleY;
}

.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: bold;
	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: bold;
}
.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 .yes,.confirm .no{
	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: 0.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: 0.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: 0px var(--px-2) var(--px-4) rgba(0,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:#0f73fc;
}
.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(0.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 .single,.tooltip .multi{
    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);
    /* border: var(--px-1) solid transparent; */
}
.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';
}

.radiobox sup,.checkbox sup{
    color:#f84141;
    font-size:var(--px-10);
    margin-left: var(--px-3);
    margin-top:var(--npx-5);
}

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

.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 0.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: white;
    border-radius: 50%;
    transition: left 0.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: none;
    -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: none !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: #1263e8;
    color: white;
    padding: var(--px-5);
    border-radius: var(--px-5);
    font-size: var(--px-12);
    pointer-events: none;
}

.slider::-moz-range-progress {
    background-color: #1263e8;
}
.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:hover,.tabs .tabs-item li:active{
    background: var(--hover-bg-base);
}
.tabs .tabs-item li.active{
    color: var(--color-base);
    border-bottom-color:var(--color-base);
}
.tabs.round .tabs-item li.active,.tabs .tabs-item li.active:hover{
    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::after,.tabs.round .tabs-item li.active::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: 0.7;
    position: absolute;
    right:var(--px-16);
}
.menu .has-sub.active::after{
    transform: rotate(180deg);
}
.menu li a:hover,.menu li a:active,
.menu .has-sub:hover,.menu .has-sub:active,
.menu .has-sub.active{
    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:hover,.menu a.active:active{
    color:var(--menu-active-color);
    background-color:var(--menu-active-hover-bg);
}
.menu .has-sub a:hover,.menu .has-sub a:active{
    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: 0.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: 0.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 th,.table td{
    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 th:first-child,.table td: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-outer-spin-button,
.page-go-text::-webkit-inner-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;
    right:0;
    top:60px;
    box-shadow: 0px var(--px-2) var(--px-4) rgba(0,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;
    right:100%;
    z-index: 2;
}
.nav-header ul ul li.align-left ul{
    right:auto;
    left: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(0deg);
}
.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: bold;
    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:0px;height:1px;
}
/* 按钮 */
.btn-more-vert,.btn-more-horiz,
.btn-transparent,.btn-fixed,
.btn-green,.btn-green-border,
.btn-orange,.btn-orange-border,
.btn-yellow,.btn-yellow-border,
.btn-white,.btn-white-border,
.btn-gray,.btn-gray-border,
.btn-black,.btn-black-border,
.btn-blue,.btn-blue-border,
.btn-red,.btn-red-border {
    user-select: none;
    -webkit-user-select: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.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-gray-border.large,.btn-gray.large,
.btn-blue-border.large,.btn-blue.large,
.btn-yellow-border.large,.btn-yellow.large,
.btn-orange-border.large,.btn-orange.large,
.btn-red-border.large,.btn-red.large{
    height: var(--px-40);
    font-size: var(--px-16);
    padding-left: var(--px-14);
    padding-right: var(--px-14);
}

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

.btn-more-vert,.btn-more-horiz {
    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-transparent:hover,.menu-more.active .btn-transparent,
.btn-more-vert:hover,.btn-more-horiz:hover{
    background-color: var(--bg-hover-transparent);
}
.btn-fixed:active,
.btn-transparent:active,
.btn-more-vert:active,.btn-more-horiz:active{
    background-color: var(--bg-active-transparent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-blue {
    background-color: #1264e8;
    color: #fff;
}

.btn-blue:hover,
.btn-blue:active {
    color: #fff;
    background-color: #0e4eb7;
}

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

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

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

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

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

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

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

.btn-gray:hover,
.btn-gray:active {
    color: #808080;
    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:hover,
.btn-white:active {
    color: #666;
    background-color: rgba(255, 255, 255, 0.85);
}

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

.btn-white-border:hover,
.btn-white-border:active {
    color: #666;
    background-color: #fff;
    border-color: transparent;
}
.file{ position: relative;cursor: pointer; overflow: hidden;}
.file label{
    position: absolute;
    left:0;top:0;right:0;bottom:0;
    z-index: 9999;
    cursor: pointer;
}
.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;
    cursor: pointer;
}

.btn-icon-arrow-upward::before,
.btn-icon-intercom::before,
.btn-icon-light::before,
.btn-icon-dark::before,
.btn-icon-arrow-left::before,
.btn-icon-arrow-right::before,
.btn-icon-home::before,
.btn-icon-menu::before,
.btn-icon-heart::before,
.btn-icon-heart-full::before,
.btn-icon-del::before,
.btn-icon-close::before,
.btn-icon-upload::before,
.btn-icon-save::before,
.btn-icon-undo::before,
.btn-icon-switch::before,
.btn-icon-edit::before,
.btn-icon-search::before,
.btn-icon-download::before,
.btn-icon-add::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: 0.4;
}

map::after {
    content: '加载更多……';
    color: rgba(0, 0, 0, 0.4);
}
.first-screen{
    height:calc(100vh - 60px);
    position: relative;
}
/* 网站最大宽度 */
.wrap {
    /* width: 1280px; */
    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:25px;
    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 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.intercom-content.active{
    opacity: 1;
    transform: scale(1);
}
.intercom-content table tr:hover,
.intercom-content table tr:active{
    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);
}
/* 1200~992 平板横屏*/
@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 - 91px);
    }
    .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 - 140px);
    }
    .search-filter{
        height:calc(100vh - 80px);
        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);
    }
    .col-table-detail .table-stick{
        height:calc(100vh - 140px);
    }
}
/* <768 移动端*/
@media screen and (max-width: 768px) {
    main{
        min-height: calc(100vh - 4rem);
    }
    .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-transparent,header .btn-more-vert,header .btn-more-horiz{
        width:var(--px-30);height:var(--px-30);
        font-size:var(--px-14);
    }
    main,.goup{
        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{
        
    }
    .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:#808080;}
.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,0.1);}
.black20{color:rgba(0,0,0,0.2);}
.black30{color:rgba(0,0,0,0.3);}
.black40{color:rgba(0,0,0,0.4);}
.black50{color:rgba(0,0,0,0.5);}
.black60{color:rgba(0,0,0,0.6);}
.black70{color:rgba(0,0,0,0.7);}
.black80{color:rgba(0,0,0,0.8);}
.black90{color:rgba(0,0,0,0.9);}

.ql-editor {
  line-height: 1.6;
  font-size:var(--px-16);
  padding: var(--px-12) var(--px-15);
}
/* 内补丁 */
.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);}
.p0 {padding: var(--px-0);}
.pl0 {padding-left: var(--px-0);}
.pr0 {padding-right: var(--px-0);}
.pt0 {padding-top: var(--px-0);}
.pb0 {padding-bottom: var(--px-0);}
.plr0 {padding-left: var(--px-0);padding-right: var(--px-0);}
.ptb0 {padding-top: var(--px-0);padding-bottom: var(--px-0);}
/* 外补丁 */
.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, 0.1);
    z-index: -1;
}
.stickt.remove-eff,.stickl.remove-eff,.stickr.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, 0.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,.go2,.go-tel,.go-email{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;
}

.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 p,
.detail-info ul,
.detail-info ol{
   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);
}

.mce-content-body{
    font-size:var(--px-16);
    line-height: 1.6;
}
.mce-content-body table {
  border-collapse: collapse;
}
.mce-content-body td {
  border: var(--px-1) solid #000;
  padding: var(--px-2) var(--px-5);
}
.mce-content-body ol,.mce-content-body ul {
    padding-left: var(--px-24);
}
.mce-content-body ol,.mce-content-body ul{
  margin-bottom: var(--px-20);
}
.mce-content-body ol,.mce-content-body ol li{
	list-style:decimal;
}
.mce-content-body ul,.mce-content-body ul li{
	list-style:disc;
}
.mce-content-body h1 {
  margin-bottom:var(--px-10);font-size:var(--px-31);
  color:var(--text-color);
}
.mce-content-body h2 {
  margin-bottom:var(--px-12);font-size:var(--px-28);
  color:var(--text-color);
}
.mce-content-body h3 {
  margin-bottom:var(--px-16);font-size:var(--px-25);
  color:var(--text-color);
}
.mce-content-body h4 {
  margin-bottom:var(--px-17);font-size:var(--px-22);
  color:var(--text-color);
}
.mce-content-body h5 {
  margin-bottom:var(--px-18);font-size:var(--px-19);
  color:var(--text-color);
}
.mce-content-body h6 {
  margin-bottom:var(--px-20);font-size:var(--px-16);
  color:var(--text-color);
}
.mce-content-body h1,.mce-content-body h2,.mce-content-body h3,.mce-content-body h4,.mce-content-body h5{
    position: relative;
    padding-left:var(--px-10);
}
.mce-content-body h1::before,.mce-content-body h2::before,.mce-content-body h3::before,.mce-content-body h4::before,.mce-content-body h5::before{
    content: '';
    position:absolute;
    left:0;top:50%;
    width:var(--px-2);
    background-color:var(--text-color);
}
.mce-content-body h1::before{
    margin-top:var(--npx-15);
    height:var(--px-30);
}
.mce-content-body h2::before{
    margin-top:var(--npx-14);
    height:var(--px-28);
}
.mce-content-body h3::before{
    margin-top:var(--npx-12);
    height:var(--px-24);
}
.mce-content-body h4::before{
    margin-top:var(--npx-11);
    height:var(--px-22);
}
.mce-content-body h5::before{
    margin-top:var(--npx-9);
    height:var(--px-18);
}
.mce-content-body p,.mce-content-body table{
    margin-bottom:var(--px-20);
}
.mce-content-body iframe{
    margin-bottom:var(--px-20);
}
.mce-content-body :last-child,
.mce-content-body table p{
    margin-bottom:0;
}
.mce-content-body a {
  color:#4285f4;
}
.mce-content-body a:hover {
  color:#4285f4;
  text-decoration:underline;
}
.mce-content-body blockquote {
  border-left: var(--px-4) solid #ccc;
  margin-bottom: var(--px-20);
  margin-top: 0;
  padding-left: var(--px-16);
}
.mce-content-body code{
  background-color: #f0f0f0;
  border-radius: var(--px-3);
}
.mce-content-body code {
  padding: var(--px-2) var(--px-4);
}
.mce-content-body img{
    max-width: 100%;
}
.mce-content-body sub,.mce-content-body sup{
    font-size:var(--px-10);
}

.mce-content-body table{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.mce-content-body table th,.mce-content-body table td{
    padding:var(--px-2) var(--px-5);
    border: var(--px-1) solid var(--border-color);
}
.mce-content-body table th:first-child,.mce-content-body table td:first-child{
    border-left:var(--px-1) solid var(--border-color);
}
.mce-content-body table th{
    white-space: nowrap;
    line-height: 1.4;
}

/* 字体大小 */
.fb {font-weight: bold;}
.fn {font-weight: normal;}
.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);
}
.col-table-detail{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
    padding-bottom:var(--px-60);
}
.col-table-top{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width:100%;
}
.col-table-top .search-filter{
    height:auto;
}
.col-table-main .table-wrap,.col-table-main .table-stick{
    min-height: auto;
    height:auto;
    border-radius: var(--px-10);
}
.col-table-main{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0;
}
.col-full{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    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: 0.1;}
.op2{opacity: 0.2;}
.op3{opacity: 0.3;}
.op4{opacity: 0.4;}
.op5{opacity: 0.5;}
.op6{opacity: 0.6;}
.op7{opacity: 0.7;}
.op8{opacity: 0.8;}
.op9{opacity: 0.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;}
/* <768 移动端*/
@media screen and (max-width: 768px) {
    .col-table-left,.col-detail-right{
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        width:100%;
    }
    .col-table-right,.col-detail-left{
        -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);}
    .ha-sm {height: auto;}
    .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: 0.1;}
    .op2-sm{opacity: 0.2;}
    .op3-sm{opacity: 0.3;}
    .op4-sm{opacity: 0.4;}
    .op5-sm{opacity: 0.5;}
    .op6-sm{opacity: 0.6;}
    .op7-sm{opacity: 0.7;}
    .op8-sm{opacity: 0.8;}
    .op9-sm{opacity: 0.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: 0.5s;
    animation-delay: 0.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(0deg);
    }
    
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateClockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes firstScreenMore {
	0% {
		opacity: 1;
		transform: translate3d(-50%, 0%, 0) rotate(0deg);
	}
	50% {
		opacity: 0.5;
		transform: translate3d(-50%, -40%, 0) rotate(0deg);
	}
	100% {
		opacity: 1;
		transform: translate3d(-50%, 0%, 0) rotate(0deg);
	}
}
.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(.550,.055,.675,.190);
	transition-timing-function:cubic-bezier(.550,.055,.675,.190);
}
.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);
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
    #menu-main,.loginout,.slogan,header .logo{
        display: none;
    }
    .nav-header ul li a{
        padding:0 20px;
    }
}
@media screen and (max-width: 768px) {
    .loginout{
        display: none;
    }
}