@charset "UTF-8";#notice-bar{z-index:1000;position:relative;display:flex;justify-content:center;padding:0 10px;height:40px;line-height:40px}#notice-bar.theme-purple{--notice-highlight:linear-gradient(to right bottom,#dc4bdc,#2ab5fb);--notice-btn-hover:linear-gradient(90deg,#02c4de 1.82%,#01da8b);background-image:linear-gradient(to right bottom,#0d0d0dc2,#0d0d0dc2),linear-gradient(90deg,#f926e1 .22%,#2ab5fb 99.76%)}#notice-bar.theme-cyan{--notice-highlight:linear-gradient(to right bottom,#74ee3f,#15dfc7);--notice-btn-hover:linear-gradient(90deg,#15dfc7,#74ee3f);background-image:linear-gradient(to right bottom,#0d0d0dc2,#0d0d0dc2),linear-gradient(90deg,#7bd5ff,#63ffed)}#notice-bar>.container{display:flex;align-items:center;font-size:14px;color:#fff}#notice-bar>.container>.notice-header>i{margin-right:10px}#notice-bar>.container>.notice-header>span{display:none}#notice-bar>.container>.notice-content strong{margin:0 3px;font-weight:700;background-image:var(--notice-highlight);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#notice-bar>.container>.notice-content a{position:relative;display:inline-block;width:80px;height:24px;line-height:24px;text-align:center;margin-left:5px;color:#212529}#notice-bar>.container>.notice-content a:after,#notice-bar>.container>.notice-content a:before{content:"";position:absolute;top:0;left:0;width:80px;height:24px;border-radius:30px}#notice-bar>.container>.notice-content a:before{z-index:-1;background-image:var(--notice-highlight);transition:all .2s linear}#notice-bar>.container>.notice-content a:after{z-index:-2;background-image:var(--notice-btn-hover)}#notice-bar>.container>.notice-content a:hover:before{opacity:0}#notice-bar>.container>i{width:24px;height:24px;margin-left:5px;line-height:24px;text-align:center;font-size:20px;cursor:pointer;transition:all .2s linear}#notice-bar>.container>i:hover{transform:rotate(90deg)}@media screen and (min-width:380px){#notice-bar>.container>.notice-header>i{margin-right:0}#notice-bar>.container>.notice-header>span{display:inline;margin-left:3px}#notice-bar>.container>i{margin-left:10px}}@media screen and (min-width:576px){#notice-bar>.container>i{margin-left:30px}}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}#top-nav{z-index:1000;position:relative;display:flex;justify-content:center;background-image:var(--topnav-bg)}#top-nav>.container{width:100%;display:flex;justify-content:space-between;height:50px;padding:0 8px;transition:all .2s linear}#top-nav>.container>.top-nav-left{display:flex;justify-content:flex-start}#top-nav>.container>.top-nav-left .brand,#top-nav>.container>.top-nav-left>h1{display:grid;align-content:center}#top-nav>.container>.top-nav-left .brand>a,#top-nav>.container>.top-nav-left>h1>a{position:relative;width:120px;height:40px}#top-nav>.container>.top-nav-left .brand>a>img,#top-nav>.container>.top-nav-left>h1>a>img{position:absolute;top:0;left:0;width:120px;height:40px}#top-nav>.container>.top-nav-left>.navigation{display:none}#top-nav>.container>.top-nav-left>.menu-btn>button,#top-nav>.container>.top-nav-left>.more-nav>button,#top-nav>.container>.top-nav-left>.navigation>button{display:flex;justify-content:center;align-items:center;width:80px;height:50px;line-height:50px;text-align:center;transition:all .2s linear;color:var(--text-white-white)}#top-nav>.container>.top-nav-left>.menu-btn>button.active,#top-nav>.container>.top-nav-left>.menu-btn>button:hover,#top-nav>.container>.top-nav-left>.more-nav>button.active,#top-nav>.container>.top-nav-left>.more-nav>button:hover,#top-nav>.container>.top-nav-left>.navigation>button.active,#top-nav>.container>.top-nav-left>.navigation>button:hover{background-color:var(--topnav-navigation-bg)}#top-nav>.container>.top-nav-left>.menu-btn>button>i,#top-nav>.container>.top-nav-left>.more-nav>button>i,#top-nav>.container>.top-nav-left>.navigation>button>i{position:relative;top:1px;display:block;width:20px;height:20px;line-height:20px;margin-left:0;font-size:12px;transition:all .2s linear}#top-nav>.container>.top-nav-left>.menu-btn>button>i.active,#top-nav>.container>.top-nav-left>.more-nav>button>i.active,#top-nav>.container>.top-nav-left>.navigation>button>i.active{transform:rotate(180deg)}#top-nav>.container>.top-nav-left>.more-nav{display:none}#top-nav>.container>.top-nav-left>.menu-btn{width:70px;margin-left:5px}#top-nav>.container>.top-nav-right{display:flex;justify-content:flex-end;align-items:center}#top-nav>.container>.top-nav-right>form{position:relative;height:50px}#top-nav>.container>.top-nav-right>form.active{position:absolute;top:0;left:0;width:100%;background-image:var(--layout-search-active-bg)}#top-nav>.container>.top-nav-right>form>.search-box{display:none;height:50px}#top-nav>.container>.top-nav-right>form>.search-box>input{width:calc(100% - 77px);height:32px;padding:0 32px 0 15px;margin-top:9px;margin-left:15px;line-height:32px;border-radius:32px;font-size:15px;background-color:var(--layout-search-input-bg);transition:all .15s linear}#top-nav>.container>.top-nav-right>form>.search-box>input:focus{width:calc(100% - 77px);background-color:var(--layout-search-input-focus)}#top-nav>.container>.top-nav-right>form>.search-box>.icon-search{display:none}#top-nav>.container>.top-nav-right>form>.btn-box .icon-close,#top-nav>.container>.top-nav-right>form>.btn-box>.icon-search{position:absolute;top:9px;right:0;width:32px;height:32px;line-height:32px;text-align:center;font-size:24px;border-radius:32px;color:var(--text-green-silver);background-color:var(--bg-cyan-black3);cursor:pointer}#top-nav>.container>.top-nav-right>form>.btn-box .icon-close:hover,#top-nav>.container>.top-nav-right>form>.btn-box>.icon-search:hover{background-color:var(--layout-search-icon-hover)}#top-nav>.container>.top-nav-right>form>.btn-box>.icon-close{margin-right:15px}#top-nav>.container>.top-nav-right>.theme,#top-nav>.container>.top-nav-right>.user{margin-left:8px}#top-nav>.container>.top-nav-right>.theme>i{display:block;width:32px;height:32px;line-height:32px;border-radius:32px;text-align:center;font-weight:700;color:var(--text-green-silver);background-color:var(--bg-cyan-black3);transition:all .1s linear;cursor:pointer}#top-nav>.container>.top-nav-right>.theme>i:hover{background-color:var(--layout-search-icon-hover)}#top-nav>.container>.top-nav-right>.theme>i.icon-moon:hover{transform:rotate(-15deg)}#top-nav>.container>.top-nav-right>.theme>i.icon-sun:hover{transform:rotate(45deg)}#top-nav>.container>.top-nav-right>.user>.login>span{display:block;width:50px;height:28px;line-height:28px;text-align:center;font-size:14px;color:var(--text-white-silver);background-color:var(--layout-login-button-bg);border-radius:14px;transition:all .2s linear;cursor:pointer}#top-nav>.container>.top-nav-right>.user>.login>span:hover{background-color:var(--layout-login-button-bg-hover)}#top-nav>.container>.top-nav-right>.user>.user-card .user-info>.user-info-header>div>img,#top-nav>.container>.top-nav-right>.user>.user-card>.user-avatar>img{box-sizing:content-box;width:32px;height:32px;border:2px solid transparent;border-radius:32px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-avatar>img{cursor:pointer;transition:all .2s linear}#top-nav>.container>.top-nav-right>.user>.user-card>.user-avatar>img.is-lvye:hover{animation:avatar-bounce .5s ease-in-out infinite}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info{position:fixed;top:0;right:0;bottom:0;width:200px;border-top-left-radius:12px;border-bottom-left-radius:12px;background-color:#fff;box-shadow:var(--layout-user-box-shadow);transition:all .2s linear;border:var(--layout-user-border-size) solid var(--layout-user-border)}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header{display:flex;justify-content:space-between;align-items:center;padding:3px 20px;border-top-left-radius:12px;background-image:linear-gradient(90deg,#32b17a,#00a1ba,#3ba38d,#36c486)}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div{display:flex;align-items:center}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div>img{width:40px;height:40px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div>span{margin-left:3px;color:#fff;width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>i{position:relative;left:-12px;font-size:20px;color:#fff;cursor:pointer;transition:all .2s linear}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>i:hover{transform:rotate(90deg)}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content{height:calc(100% - 50px);padding:20px;background:var(--layout-user-content-bg);background-size:100% 100%;background-repeat:no-repeat;border-bottom-left-radius:12px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile{padding-top:10px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>a,#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>span{display:block;height:40px;line-height:40px;text-align:center;margin-top:20px;border:1px solid var(--layout-user-a-border);background-color:var(--layout-user-a-bg);color:var(--layout-user-a-text);border-radius:3px;transition:all .2s linear;box-shadow:0 1px 10px #0000001a;cursor:pointer}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>a:hover,#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>span:hover{color:var(--layout-user-a-text-hover);background-color:var(--layout-user-a-bg-hover)}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>a>i,#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>span>i{font-size:18px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>a>span,#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>span>span{margin-left:10px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>a:first-child{margin-top:0}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice{margin-top:50px;font-size:14px;background:var(--layout-user-notice-bg);border-radius:6px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-title{height:40px;line-height:40px;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;background:var(--layout-user-h3-bg)}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content{padding:0 8px 30px;text-align:center;border:1px solid var(--layout-user-notice-border);border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>span{display:block;padding:30px 0}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a{position:relative;display:inline-block;width:80px;height:26px;line-height:26px;font-size:14px;color:#fff}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a>span{z-index:3;position:relative}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:after,#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:before{content:"";position:absolute;top:0;left:0;width:80px;height:26px;border-radius:30px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:before{z-index:2;background-image:linear-gradient(90deg,#529de0,#68bfb5);transition:all .2s linear}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:after{z-index:1;background-image:linear-gradient(90deg,#4a8ec9,#57a198)}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:hover:before{opacity:0}#mobile-nav{z-index:999;position:relative}#mobile-nav>.mobile-nav-header{position:fixed;left:0;right:0;display:flex;justify-content:center;height:40px;background-color:var(--topnav-navigation-bg);border-top:1px solid var(--mbnav-border-top);border-bottom:1px solid var(--mbnav-border-bottom)}#mobile-nav>.mobile-nav-header>button{width:60px;margin:0 10px;height:40px;line-height:40px;text-align:center;color:var(--text-white-white)}#mobile-nav>.mobile-nav-header>button.active,#mobile-nav>.mobile-nav-header>button:hover{color:#3ed3da;border-bottom:2px solid #3ed3da}#mobile-nav>.mobile-nav-content{overflow:auto;position:fixed;left:0;right:0;bottom:0;background-color:var(--topnav-navigation-bg)}#mobile-nav>.mobile-nav-content>.references-nav,#mobile-nav>.mobile-nav-content>.tutorials-nav{display:flex;justify-content:center}#mobile-nav>.mobile-nav-content>.references-nav>.container,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container{width:80%;padding-bottom:50px}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column{margin-top:40px;text-align:center}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column>.group-title,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column>.group-title{display:inline-block;height:40px;line-height:40px;font-size:20px;font-weight:700;background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column>ul,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column>ul{margin-top:10px}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column>ul>li>a,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column>ul>li>a{height:36px;line-height:36px;font-size:15px;color:#d3dce6;transition:all .15s linear}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column>ul>li>a:hover,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column>ul>li>a:hover{color:#3ed3da}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column>ul>li>a.new:after,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column>ul>li>a.new:after{content:"";display:inline-block;position:relative;top:-2px;left:5px;vertical-align:middle;width:24px;height:24px;background-image:url(../imgs/sites/icons/new1.svg);background-size:cover;background-repeat:no-repeat}#mobile-nav>.mobile-nav-content>.tools-nav{display:flex;justify-content:center}#mobile-nav>.mobile-nav-content>.tools-nav>.container{width:80%;padding-bottom:40px}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.language-search{display:flex;justify-content:center;margin-top:40px}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.language-search>input{display:block;width:80%;height:36px;line-height:36px;padding:0 20px;border-radius:18px;color:var(--text-silver-silver);background-color:#343741;caret-color:#29a4ab}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.language-search>input:focus{outline:2px solid #57bca6}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.row>.column{margin-top:40px;text-align:center}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.row>.column>.group-title{display:inline-block;height:40px;line-height:40px;font-size:20px;font-weight:700;background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.row>.column>ul{margin-top:10px}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.row>.column>ul>li>a{height:36px;line-height:36px;font-size:15px;color:#d3dce6;transition:all .15s linear}#mobile-nav>.mobile-nav-content>.tools-nav>.container>.row>.column>ul>li>a:hover{color:#3ed3da}#mobile-nav>.mobile-nav-content>.courses-nav{display:flex;flex-direction:column;align-items:center;padding:60px 0 50px}#mobile-nav>.mobile-nav-content>.courses-nav>.slogan{width:80%;margin-bottom:25px;text-align:center;font-size:15px;color:var(--dropdown-slogan-text)}#mobile-nav>.mobile-nav-content>.courses-nav>.slogan>span{font-size:18px;font-weight:700;color:#0db7c0}#mobile-nav>.mobile-nav-content>.courses-nav>ul{width:80%;display:block;margin-top:20px}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li{flex:1;display:grid;place-items:center;margin-bottom:50px}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a{position:relative;display:block;text-align:center}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a:hover>p{color:#3ed3da}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div{position:relative;display:inline-block;width:90px;transition:all .2s linear}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div:before{content:"精品课";z-index:10;position:absolute;top:0;right:0;width:42px;height:20px;line-height:20px;text-align:center;font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;transform:scale(.8);transform-origin:top right;color:#4e2d03;background:linear-gradient(45deg,#ffc552,#ffdd9a);border-top-right-radius:5px;border-bottom-left-radius:8px}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div:hover{transform:scale(1.05)}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div>img{width:100%;border-radius:5px;opacity:var(--img-opacity);transition:all .2s linear}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div>i{position:absolute;left:0;bottom:4px;width:50px;height:20px;line-height:20px;font-size:12px;border-top-right-radius:5px;color:#fff}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div>i.status-draft{background-color:#fba209}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div>i.status-online{background-color:#17bb9f}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div>i.status-offline{background-color:#ff8484}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>p{margin-top:8px;font-family:PingFang SC,Heiti SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;font-size:14px;color:#d3dce6;transition:all .15s linear}#mobile-nav>.mobile-nav-content>.more-nav>ul{display:flex;flex-direction:column;align-items:center;margin-top:50px}#mobile-nav>.mobile-nav-content>.more-nav>ul>li>a{display:block;width:120px;height:40px;line-height:40px;text-align:center;color:var(--text-white-white);background-image:linear-gradient(90deg,#529de0,#68bfb5);border-radius:5px;transition:all .2s linear}#mobile-nav>.mobile-nav-content>.more-nav>ul>li>a:hover{background-image:linear-gradient(90deg,#4d93d1,#5eada4)}#mobile-nav>.mobile-nav-content>.more-nav>ul>li>a>i{margin-right:5px}#mobile-nav>.mobile-nav-content>.more-nav>ul>li+li{margin-top:20px}#mobile-nav>.mobile-nav-content>i{position:absolute;top:16px;right:24px;color:var(--text-white-white);font-size:28px;cursor:pointer;transition:all .2s linear}#mobile-nav>.mobile-nav-content>i:hover{transform:rotate(90deg)}#dropdown-nav{display:none}@media screen and (min-width:380px){#top-nav>.container{padding:0 10px}#top-nav>.container>.top-nav-left>.menu-btn,#top-nav>.container>.top-nav-right>.theme,#top-nav>.container>.top-nav-right>.user{margin-left:10px}}@media screen and (min-width:576px){#top-nav>.container{padding:0 15px}#top-nav>.container>.top-nav-right>form{position:relative}#top-nav>.container>.top-nav-right>form>.search-box{display:block!important}#top-nav>.container>.top-nav-right>form>.search-box>input,#top-nav>.container>.top-nav-right>form>.search-box>input:focus{width:200px}#top-nav>.container>.top-nav-right>form>.search-box>.icon-search{display:block;position:absolute;top:9px;right:0;width:32px;height:32px;line-height:32px;text-align:center;font-size:24px;color:var(--text-green-silver);border-radius:32px;cursor:pointer;transition:all .2s linear}#top-nav>.container>.top-nav-right>form>.search-box>.icon-search:hover{background-color:var(--layout-search-icon-hover)}#top-nav>.container>.top-nav-right>form>.btn-box{display:none}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info{width:230px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header{padding:3px 18px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div>span{width:100px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>i{left:0}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile{padding-top:5px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-profile>a{font-size:15px}#mobile-nav>.mobile-nav-content>.references-nav>.container,#mobile-nav>.mobile-nav-content>.tools-nav>.container,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container{width:60%}#mobile-nav>.mobile-nav-content>.references-nav>.container>.column,#mobile-nav>.mobile-nav-content>.tools-nav>.container>.column,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container>.column{text-align:left}#mobile-nav>.mobile-nav-content>.courses-nav{padding:80px 0}#mobile-nav>.mobile-nav-content>.courses-nav>ul{display:flex;margin-top:30px}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li{margin-bottom:0}}@media screen and (min-width:768px){#mobile-nav>.mobile-nav-content>.references-nav>.container,#mobile-nav>.mobile-nav-content>.tools-nav>.container,#mobile-nav>.mobile-nav-content>.tutorials-nav>.container{width:80%}}@media screen and (min-width:820px){#top-nav>.container{width:95%;padding:0}#top-nav>.container>.top-nav-left>.more-nav>button,#top-nav>.container>.top-nav-left>.navigation>button{width:60px}#top-nav>.container>.top-nav-left>.navigation{display:flex;justify-content:flex-start;margin-left:30px}#top-nav>.container>.top-nav-left>.more-nav{display:block;position:relative}#top-nav>.container>.top-nav-left>.more-nav>button{background-color:transparent}#top-nav>.container>.top-nav-left>.more-nav>ul{position:absolute;top:53px;left:0;padding:15px 0;background-color:var(--topnav-more-bg);border:1px solid #4a5062;border-radius:6px}#top-nav>.container>.top-nav-left>.more-nav>ul>li>a{display:block;width:120px;height:32px;line-height:32px;text-align:center;font-size:15px;color:var(--text-white-white);transition:all .2s linear}#top-nav>.container>.top-nav-left>.more-nav>ul>li>a:hover{color:#3ed3da}#top-nav>.container>.top-nav-left>.more-nav>ul>li>a>i{margin-right:5px}#top-nav>.container>.top-nav-left>.menu-btn{display:none}#top-nav>.container>.top-nav-right>i{margin-left:15px}#dropdown-nav{display:block;z-index:999;position:relative;width:100%}#dropdown-nav>div{position:absolute;top:0;left:0;right:0;background-color:var(--topnav-navigation-bg);transition:all .2s linear}#dropdown-nav>div>.container{position:relative}#dropdown-nav>div>.container>i{position:absolute;top:45px;right:0;color:var(--text-white-white);font-size:28px;cursor:pointer;transition:all .2s linear}#dropdown-nav>div>.container>i:hover{transform:rotate(90deg)}#dropdown-nav>.references-nav,#dropdown-nav>.tutorials-nav{display:flex;justify-content:center;border-bottom:1px solid var(--border-transparent-black2)}#dropdown-nav>.references-nav>.container,#dropdown-nav>.tutorials-nav>.container{width:calc(95% - 200px);padding-bottom:50px}#dropdown-nav>.references-nav>.container>.column,#dropdown-nav>.tutorials-nav>.container>.column{margin-top:40px}#dropdown-nav>.references-nav>.container>.column>.group-title,#dropdown-nav>.tutorials-nav>.container>.column>.group-title{display:inline-block;height:40px;line-height:40px;font-size:20px;font-weight:700;background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#dropdown-nav>.references-nav>.container>.column>ul,#dropdown-nav>.tutorials-nav>.container>.column>ul{margin-top:10px}#dropdown-nav>.references-nav>.container>.column>ul>li,#dropdown-nav>.tutorials-nav>.container>.column>ul>li{display:flex;align-items:center}#dropdown-nav>.references-nav>.container>.column>ul>li>a,#dropdown-nav>.tutorials-nav>.container>.column>ul>li>a{height:36px;line-height:36px;font-size:15px;color:#d3dce6;transition:all .15s linear}#dropdown-nav>.references-nav>.container>.column>ul>li>a:hover,#dropdown-nav>.tutorials-nav>.container>.column>ul>li>a:hover{color:#3ed3da}#dropdown-nav>.references-nav>.container>.column>ul>li>a.new:after,#dropdown-nav>.tutorials-nav>.container>.column>ul>li>a.new:after{content:"";display:inline-block;position:relative;top:-2px;left:5px;vertical-align:middle;width:24px;height:24px;background-image:url(../imgs/sites/icons/new1.svg);background-size:cover;background-repeat:no-repeat}#dropdown-nav>.tools-nav{overflow:auto;position:fixed;right:0;bottom:0;left:0;display:flex;justify-content:center}#dropdown-nav>.tools-nav>.container{width:80%}#dropdown-nav>.tools-nav>.container>.user-tools{display:flex;justify-content:space-between}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content{display:flex;align-content:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul{display:flex;margin-top:30px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li{position:relative;width:80px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li:hover>.actions>i{opacity:1}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>a{cursor:pointer}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>a>div{display:flex;justify-content:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>a>div>div{display:grid;place-content:center;width:40px;height:40px;border-radius:10px;background-color:#333742;border:1px solid #6ac3aa}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>a>div>div>i{color:#3bb693;font-size:28px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>a>div>div>i.icon-plus{font-size:22px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>a>p{margin-top:3px;text-align:center;font-size:12px;color:var(--text-white-white)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions{position:absolute;top:-5px;right:-3px;width:20px;height:20px;border-radius:5px;background:transparent;cursor:pointer;transition:background .15s linear}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions:hover{background:#3f4352}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>i{display:block;width:20px;height:20px;line-height:20px;text-align:center;opacity:0;font-size:14px;color:var(--text-silver-white)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul{position:absolute;z-index:1000;top:20px;left:0;font-size:14px;border-radius:5px;border:1px solid var(--border-transparent-black3)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul>li{width:100px;height:32px;line-height:32px;background-color:var(--dropdown-tools-actions-bg);border-radius:5px;transition:all .2s linear}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul>li:hover{background-color:var(--dropdown-tools-actions-hover-bg);color:var(--dropdown-tools-actions-hover-text)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul>li>i{margin-left:8px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul>li>span{margin-left:6px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.add-tool{width:80px;margin-top:30px;cursor:pointer}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.add-tool>div{display:flex;justify-content:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.add-tool>div>div{display:grid;place-content:center;width:40px;height:40px;border-radius:10px;background-color:#333742;border:1px solid #6ac3aa}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.add-tool>div>div>i{color:#3bb693;font-size:28px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.add-tool>div>div>i.icon-plus{font-size:22px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.add-tool>p{margin-top:3px;text-align:center;font-size:12px;color:var(--text-white-white)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.tooltip{display:flex;align-items:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.tooltip>.custom-tooltip{position:relative;top:5px}#dropdown-nav>.tools-nav>.container>.user-tools>.language-search{margin-top:30px}#dropdown-nav>.tools-nav>.container>.user-tools>.language-search>input{width:250px;height:40px;line-height:40px;padding:0 15px;border-radius:20px;border:2px solid var(--dropdown-tools-search-border);color:var(--text-silver-silver);background-color:#343741;caret-color:#29a4ab}#dropdown-nav>.tools-nav>.container>.user-tools>.language-search>input:focus{border-color:#57bca6}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog{position:fixed;z-index:1000;padding:100px 100px 400px;background-color:transparent;transform:scale(0);transition:all .2s ease-in-out}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container{position:relative;width:360px;padding:40px 30px 60px;line-height:28px;border-radius:6px;background-color:var(--bg-white-black2)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.leaf{position:absolute;top:-30px;left:150px;background-color:var(--bg-white-black2);border-radius:30px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.leaf>.icon-leaf1{display:block;width:60px;height:60px;line-height:60px;text-align:center;font-size:30px;background-image:linear-gradient(90deg,#48aae7,#34d07d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.icon-close{position:absolute;top:0;right:-50px;width:30px;height:30px;color:var(--text-white-white);font-size:30px;cursor:pointer;transition:all .2s linear}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.icon-close:hover{transform:rotate(90deg)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.tools-dialog-title{font-size:18px;font-weight:700;text-align:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.tools-dialog-title>span{background:var(--gradient-text2-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button,#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.tool-select-wrapper{display:flex;justify-content:center;margin-top:30px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button{position:relative;width:65px;height:35px;line-height:35px;text-align:center;font-size:15px;border-radius:3px;color:#fff}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:after,#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:before{content:"";position:absolute;inset:0;border-radius:3px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:before{z-index:2;background-image:linear-gradient(90deg,#48aae7,#28c06f);transition:all .2s linear}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:after{z-index:1;background-image:linear-gradient(90deg,#239ce8,#0ba352)}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:hover:before{opacity:0}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button>span{z-index:3;position:relative}#dropdown-nav>.tools-nav>.container>.row{width:100%;-moz-column-gap:25px;column-gap:25px;padding-bottom:30px}#dropdown-nav>.tools-nav>.container>.row>.column{padding:10px 10px 15px 20px;background-color:#333742;margin-top:25px;border-radius:5px;border:1px solid var(--border-transparent-black2)}#dropdown-nav>.tools-nav>.container>.row>.column>.group-title{display:inline-block;height:40px;line-height:40px;font-size:20px;font-weight:700;background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#dropdown-nav>.tools-nav>.container>.row>.column>ul{margin-top:0}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li{position:relative;display:flex;align-items:center}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a{display:block;width:180px;height:34px;line-height:34px;padding-left:1px}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a>i{position:absolute;top:0;right:10px;transition:all .2s linear}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a{font-size:15px;color:#d3dce6;transition:all .15s linear}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a:hover{color:#3ed3da}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a.new:after{content:"";display:inline-block;position:relative;top:-2px;left:5px;vertical-align:middle;width:24px;height:24px;background-image:url(../imgs/sites/icons/new1.svg);background-size:cover;background-repeat:no-repeat}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a:hover>i{right:5px}#dropdown-nav>.tools-nav>.container>i{position:absolute;top:30px;right:-50px;color:var(--text-white-white);font-size:28px;cursor:pointer;transition:all .2s linear}#dropdown-nav>.tools-nav>.container>i:hover{transform:rotate(90deg)}#dropdown-nav>.courses-nav{display:flex;justify-content:center;border-bottom:1px solid var(--border-transparent-black2);padding-bottom:30px}#dropdown-nav>.courses-nav>.container{display:flex;flex-direction:column;align-items:center;width:80%}#dropdown-nav>.courses-nav>.container>.slogan{margin-top:45px;text-align:center;font-size:16px;color:var(--dropdown-slogan-text)}#dropdown-nav>.courses-nav>.container>.slogan>span{font-size:20px;font-weight:700;color:#0db7c0}#dropdown-nav>.courses-nav>.container>ul{display:flex}#dropdown-nav>.courses-nav>.container>ul>li{display:grid;place-items:center;width:240px;padding:60px 0}#dropdown-nav>.courses-nav>.container>ul>li>a{display:block;text-align:center}#dropdown-nav>.courses-nav>.container>ul>li>a:hover>p{color:#3ed3da}#dropdown-nav>.courses-nav>.container>ul>li>a>div{position:relative;display:inline-block;width:90px;transition:all .2s linear}#dropdown-nav>.courses-nav>.container>ul>li>a>div:before{content:"精品课";z-index:10;position:absolute;top:0;right:0;width:42px;height:20px;line-height:20px;text-align:center;font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;transform:scale(.9);transform-origin:top right;color:#4e2d03;background:linear-gradient(45deg,#ffc552,#ffdd9a);border-top-right-radius:5px;border-bottom-left-radius:8px}#dropdown-nav>.courses-nav>.container>ul>li>a>div:hover{transform:scale(1.05)}#dropdown-nav>.courses-nav>.container>ul>li>a>div>img{width:100%;border-radius:5px;opacity:var(--img-opacity);transition:all .2s linear}#dropdown-nav>.courses-nav>.container>ul>li>a>div>i{position:absolute;left:0;bottom:4px;width:50px;height:20px;line-height:20px;font-size:12px;border-top-right-radius:5px;color:#fff}#dropdown-nav>.courses-nav>.container>ul>li>a>div>i.status-draft{background-color:#fba209}#dropdown-nav>.courses-nav>.container>ul>li>a>div>i.status-online{background-color:#17bb9f}#dropdown-nav>.courses-nav>.container>ul>li>a>div>i.status-offline{background-color:#ff8484}#dropdown-nav>.courses-nav>.container>ul>li>a>p{margin-top:10px;font-family:PingFang SC,Heiti SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;font-size:15px;color:#d3dce6;transition:all .15s linear}#dropdown-nav>.courses-nav>.container>i{top:45px;right:0}#mobile-nav{display:none}}@media screen and (min-width:992px){#top-nav>.container>.top-nav-left>.more-nav>button,#top-nav>.container>.top-nav-left>.navigation>button{width:80px}#top-nav>.container>.top-nav-right>.theme,#top-nav>.container>.top-nav-right>.user{margin-left:15px}#dropdown-nav>.references-nav>.container,#dropdown-nav>.tutorials-nav>.container{width:calc(90% - 300px)}#dropdown-nav>.tools-nav>.container{width:calc(90% - 200px)}}@media screen and (min-width:1200px){#top-nav>.container{width:90%}#top-nav>.container>.top-nav-right>form>.search-box>input{width:240px}#top-nav>.container>.top-nav-right>form>.search-box>input:focus{width:320px}#dropdown-nav>.courses-nav>.container{width:60%}#dropdown-nav>.courses-nav>.container>i{top:45px;right:0}}@media screen and (min-width:1400px){#top-nav>.container{width:80%}#dropdown-nav>.references-nav .container,#dropdown-nav>.tutorials-nav .container{width:calc(80% - 300px)}#dropdown-nav>.tools-nav>.container>.user-tools>.language-search>input{width:300px}}@keyframes guide-bounce-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#sub-nav{position:relative;display:flex;justify-content:center;border-top:1px solid var(--subnav-border);border-bottom:1px solid var(--subnav-border);background-color:var(--subnav-bg)}#sub-nav,#sub-nav>.btn-menu{height:42px;line-height:42px}#sub-nav>.btn-menu{width:45px;text-align:center;color:var(--text-green-white);cursor:pointer;transition:all .2s linear}#sub-nav>.btn-menu>i{font-size:24px}#sub-nav>.btn-menu:hover{color:var(--subnav-menu-text-hover);background-color:var(--subnav-menu-bg-hover)}#sub-nav>.btn-menu .guide-tip{position:absolute;top:48px;left:10px;z-index:1000;display:flex;align-items:center;width:130px;padding:10px 12px;line-height:20px;font-size:13px;font-weight:400;text-align:left;color:#fff;background-color:#ff972f;border-radius:5px;box-shadow:0 4px 12px #ff972f66;cursor:default;animation:guide-bounce-vertical 2s ease-in-out infinite}#sub-nav>.btn-menu .guide-tip:before{position:absolute;top:-5px;left:10px;border-color:transparent transparent #ff972f;border-style:solid;border-width:0 6px 6px;content:""}#sub-nav>.btn-menu .guide-tip>span{margin-right:12px}#sub-nav>.btn-menu .guide-tip>.icon-close{position:absolute;top:50%;right:2px;padding:4px;font-size:12px;color:#fff;cursor:pointer;transition:all .2s linear;transform:translateY(-50%)}#sub-nav>.btn-menu .guide-tip>.icon-close:hover{transform:translateY(-50%) rotate(90deg) scale(1.2)}#sub-nav>.container{width:calc(100% - 45px)}#sub-nav>.container .btn-next,#sub-nav>.container>.btn-prev{display:none}#sub-nav>.container>ul{overflow-x:scroll}#sub-nav>.container>ul::-webkit-scrollbar,#sub-nav>.container>ul::-webkit-scrollbar-thumb{display:none}#sub-nav>.container>ul::-webkit-scrollbar-track{display:none}#sub-nav>.container>ul::-webkit-scrollbar-corner{background-color:transparent}#sub-nav>.container>ul{display:flex;flex:1;justify-content:flex-start}#sub-nav>.container>ul>li{display:flex;align-items:center;margin-right:10px;height:42px}#sub-nav>.container>ul>li a{display:block;height:24px;line-height:24px;border:1px solid transparent;border-radius:12px;padding:0 10px;font-family:Source Sans\ 3,sans-serif;font-size:14px;transition:all .1s linear}#sub-nav>.container>ul>li .active,#sub-nav>.container>ul>li a:hover{border:1px solid var(--subnav-current-border);color:var(--subnav-current-text);background-color:var(--subnav-current-bg)}@media screen and (min-width:820px){#sub-nav>.btn-menu{display:none}#sub-nav>.container{display:flex;width:95%}#sub-nav>.container>.btn-next,#sub-nav>.container>.btn-prev{display:block;position:relative;width:36px;height:40px;line-height:40px;text-align:center;font-weight:700;color:var(--text-green-silver);cursor:pointer;transition:all .2s linear}#sub-nav>.container>.btn-next:hover,#sub-nav>.container>.btn-prev:hover{color:var(--text-white-white)}#sub-nav>.container>.btn-next:before,#sub-nav>.container>.btn-prev:before{content:"";position:absolute;top:0;left:0;width:36px;height:40px;transition:all .3s linear;opacity:0}#sub-nav>.container>.btn-next:hover:before,#sub-nav>.container>.btn-prev:hover:before{opacity:1}#sub-nav>.container>.btn-next>i,#sub-nav>.container>.btn-prev>i{position:relative;z-index:1}#sub-nav>.container>.btn-prev{margin-right:15px}#sub-nav>.container>.btn-prev:before{background-image:linear-gradient(90deg,#48aae7,#34d07d)}#sub-nav>.container>.btn-next{margin-left:15px}#sub-nav>.container>.btn-next:before{background-image:linear-gradient(90deg,#34d07d,#48aae7)}}@media screen and (min-width:992px){#sub-nav>.container{width:90%}}@media screen and (min-width:1200px){#sub-nav>.container{width:85%}}@media screen and (min-width:1400px){#sub-nav>.container{width:65%}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#footer{display:flex;justify-content:center;padding:50px 0;background-color:var(--footer-bg)}#footer .container{width:95%}#footer .container>.footer-top>.website-links>.website{display:grid;justify-content:center}#footer .container>.footer-top>.website-links>.website img{width:150px}#footer .container>.footer-top>.website-links>.website>.slogan{font-size:18px;line-height:20px;background:linear-gradient(90deg,#65c0f9,#71fbb1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#footer .container>.footer-top>.website-links>ul{margin-top:30px}#footer .container>.footer-top>.website-links>ul>li{display:flex;justify-content:center;margin-top:15px}#footer .container>.footer-top>.website-links>ul>li>a{display:block;width:150px;height:40px;line-height:40px;text-align:center;color:var(--text-white-white);background-color:#323644;border-radius:3px;transition:all .15s linear}#footer .container>.footer-top>.website-links>ul>li>a:hover{color:#3ed3da}#footer .container>.footer-top>.footer-nav{margin-top:50px;text-align:center;border-top:1px solid hsla(0,0%,98.4%,.2)}#footer .container>.footer-top>.footer-nav>div>.group-title{height:36px;line-height:36px;margin-top:20px;margin-bottom:5px;color:var(--text-white-white);font-size:20px;font-weight:700}#footer .container>.footer-top>.footer-nav>div a{height:32px;line-height:32px;font-size:15px;color:var(--text-silver-silver);transition:all .15s linear}#footer .container>.footer-top>.footer-nav>div a:hover{color:#3ed3da}#footer .container>hr{margin:40px 0;border:none;height:1px;opacity:.3;background:linear-gradient(104deg,#92f6fe,#f9a194,#92f6fe,#f9a194);background-size:200% 100%;animation:gradientFlow 6s ease infinite;border-radius:2px}#footer .container>.footer-bottom{position:relative;color:var(--text-white-white);text-align:center}#footer .container>.footer-bottom a{color:var(--text-white-white);transition:all .15s linear}#footer .container>.footer-bottom a:hover{color:#3ed3da}#footer .container>.footer-bottom>p{margin-top:15px;font-size:14px}#footer .container>.footer-bottom>.attention{margin-top:0;font-weight:700}#footer .container>.footer-bottom>.beian{display:grid;place-content:center;margin-top:18px;gap:12px}#footer .container>.footer-bottom>.beian>a{height:20px;line-height:20px}#footer .container>.footer-bottom>.beian>a:nth-of-type(2){display:flex;justify-content:center;align-items:center}#footer .container>.footer-bottom>.beian>a:nth-of-type(2)>img{width:18px;height:18px}#footer .container>.footer-bottom>.beian>a:nth-of-type(2)>span{margin-left:5px}@media screen and (min-width:576px){#footer>.container{width:90%}#footer>.container>.footer-top>.website-links{display:grid;justify-content:center}#footer>.container>.footer-top>.website-links>ul{display:flex;justify-content:space-between;width:500px}#footer>.container>.footer-top>.website-links>ul>li>a{width:110px}#footer>.container>.footer-top>.footer-nav{display:flex;justify-content:space-between;padding:0 30px;text-align:left}#footer>.container>.footer-top>.footer-nav>div a{height:40px;line-height:40px}}@media screen and (min-width:820px){#footer>.container>.footer-top>.website-links{display:flex}#footer>.container>.footer-top>.website-links>ul{margin-top:0;margin-left:50px}}@media screen and (min-width:992px){#footer>.container{width:80%}#footer>.container>.footer-top{display:flex;justify-content:space-between}#footer>.container>.footer-top>.website-links{display:block}#footer>.container>.footer-top>.website-links>ul{display:block;width:auto;margin-top:30px;margin-left:0}#footer>.container>.footer-top>.website-links>ul>li{margin-top:10px}#footer>.container>.footer-top>.website-links>ul>li>a{width:150px}#footer>.container>.footer-top>.footer-nav{display:flex;justify-content:space-between;width:calc(100% - 350px);margin-top:0;padding:0;border-top:none}#footer>.container>.footer-top>.footer-nav>div{width:150px}#footer>.container>.footer-top>.footer-nav>div>.group-title{margin-top:0}#footer>.container>.footer-top>.footer-nav>div>ul{margin-top:20px}#footer>.container>.footer-top>.footer-nav>div>ul>li{height:36px;line-height:36px}}@media screen and (min-width:1200px){#footer>.container>.footer-top>.footer-nav{width:calc(100% - 450px)}}@media screen and (min-width:1400px){#footer>.container{width:65%}}#back-to-top{display:none}@media screen and (min-width:1200px){#back-to-top{display:block;overflow:hidden;position:fixed;z-index:9999;bottom:80px;right:36px;width:50px;height:50px;line-height:50px;cursor:pointer;border-radius:5px;box-shadow:0 1px 6px #00000026}#back-to-top:hover .inner,#back-to-top:hover .outer{transform:translateY(-100%)}#back-to-top .inner{transition:all .15s ease}#back-to-top .inner>i{display:block;width:50px;height:50px;line-height:50px;text-align:center;font-size:30px;color:#56c488;background-color:#e4fbee;border:1px solid var(--backtotop-inner-border)}#back-to-top .outer{box-sizing:border-box;width:50px;height:50px;line-height:16px;padding:10px 8px 0 12px;color:#fff;background-color:#51c083;font-size:13px;transition:all .15s ease}}.custom-tooltip{position:relative}.custom-tooltip .tooltip-content{background-color:var(--tooltip-background-color);color:var(--tooltip-text-color);border:var(--tooltip-border-width) solid var(--tooltip-border-color);border-radius:var(--tooltip-border-radius);font-size:var(--tooltip-font-size);padding:8px 12px;position:relative;white-space:nowrap}.custom-tooltip .tooltip-content:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:8px}.custom-tooltip .arrow-top:before{border-color:var(--tooltip-background-color) transparent transparent transparent;bottom:-16px;left:50%;transform:translate(-50%)}.custom-tooltip .arrow-bottom:before{border-color:transparent transparent var(--tooltip-background-color) transparent;top:-16px;left:50%;transform:translate(-50%)}.custom-tooltip .arrow-left:before{border-color:transparent transparent transparent var(--tooltip-background-color);right:-16px;top:50%;transform:translateY(-50%)}.custom-tooltip .arrow-right:before{border-color:transparent var(--tooltip-background-color) transparent transparent;left:-16px;top:50%;transform:translateY(-50%)}
