@charset "UTF-8";.custom-tooltip{position:relative}.custom-tooltip .tooltip-content{background-color:var(--tooltip-background-color);border:var(--tooltip-border-width) solid var(--tooltip-border-color);border-radius:var(--tooltip-border-radius);color:var(--tooltip-text-color);font-size:var(--tooltip-font-size);padding:8px 12px;position:relative;white-space:nowrap}.custom-tooltip .tooltip-content:before{border-style:solid;border-width:8px;content:"";height:0;position:absolute;width:0}.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;left:50%;top:-16px;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%)}.dialog-open{transform:scale(1)!important}.body-overflow{overflow:hidden!important}.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{background-image:var(--topnav-bg);display:flex;justify-content:center;position:relative;z-index:1000}#top-nav>.container{display:flex;height:50px;justify-content:space-between;padding:0 8px;transition:all .2s linear;width:100%}#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{align-content:center;display:grid}#top-nav>.container>.top-nav-left .brand>a,#top-nav>.container>.top-nav-left>h1>a{height:40px;position:relative;width:120px}#top-nav>.container>.top-nav-left .brand>a>img,#top-nav>.container>.top-nav-left>h1>a>img{height:40px;left:0;position:absolute;top:0;width:120px}#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{align-items:center;color:var(--text-white-white);display:flex;height:50px;justify-content:center;line-height:50px;text-align:center;transition:all .2s linear;width:80px}#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{display:block;font-size:12px;height:20px;line-height:20px;margin-left:0;position:relative;top:1px;transition:all .2s linear;width:20px}#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{margin-left:5px;width:70px}#top-nav>.container>.top-nav-right{align-items:center;display:flex;justify-content:flex-end}#top-nav>.container>.top-nav-right>form{height:50px;position:relative}#top-nav>.container>.top-nav-right>form.active{background-image:var(--layout-search-active-bg);left:0;position:absolute;top:0;width:100%}#top-nav>.container>.top-nav-right>form>.search-box{display:none;height:50px}#top-nav>.container>.top-nav-right>form>.search-box>input{background-color:var(--layout-search-input-bg);border-radius:32px;font-size:15px;height:32px;line-height:32px;margin-left:15px;margin-top:9px;padding:0 32px 0 15px;transition:all .15s linear;width:calc(100% - 77px)}#top-nav>.container>.top-nav-right>form>.search-box>input:focus{background-color:var(--layout-search-input-focus);width:calc(100% - 77px)}#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{background-color:var(--bg-cyan-black3);border-radius:32px;color:var(--text-green-silver);cursor:pointer;font-size:24px;height:32px;line-height:32px;position:absolute;right:0;text-align:center;top:9px;width:32px}#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{background-color:var(--bg-cyan-black3);border-radius:32px;color:var(--text-green-silver);cursor:pointer;display:block;font-weight:700;height:32px;line-height:32px;text-align:center;transition:all .2s linear;width:32px}#top-nav>.container>.top-nav-right>.theme>i:hover{background-color:var(--layout-search-icon-hover)}#top-nav>.container>.top-nav-right>.user>.login>span{background-color:var(--layout-login-button-bg);border-radius:14px;color:var(--text-white-silver);cursor:pointer;display:block;font-size:14px;height:28px;line-height:28px;text-align:center;transition:all .2s linear;width:50px}#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{border:2px solid transparent;border-radius:32px;box-sizing:content-box;height:32px;width: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{background-color:#fff;border:var(--layout-user-border-size) solid var(--layout-user-border);border-bottom-left-radius:12px;border-top-left-radius:12px;bottom:0;box-shadow:var(--layout-user-box-shadow);position:fixed;right:0;top:0;transition:all .2s linear;width:200px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header{align-items:center;background-image:linear-gradient(90deg,#32b17a,#00a1ba,#3ba38d,#36c486);border-top-left-radius:12px;display:flex;justify-content:space-between;padding:3px 20px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div{align-items:center;display:flex}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div>img{height:40px;width:40px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>div>span{color:#fff;margin-left:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:120px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-header>i{color:#fff;cursor:pointer;font-size:20px;left:-12px;position:relative;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{background:var(--layout-user-content-bg);background-repeat:no-repeat;background-size:100% 100%;border-bottom-left-radius:12px;height:calc(100% - 50px);padding:20px}#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{background-color:var(--layout-user-a-bg);border:1px solid var(--layout-user-a-border);border-radius:3px;box-shadow:0 1px 10px #0000001a;color:var(--layout-user-a-text);cursor:pointer;display:block;height:40px;line-height:40px;margin-top:20px;text-align:center;transition:all .2s linear}#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{background-color:var(--layout-user-a-bg-hover);color:var(--layout-user-a-text-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{background:var(--layout-user-notice-bg);border-radius:6px;font-size:14px;margin-top:50px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-title{background:var(--layout-user-h3-bg);border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;height:40px;line-height:40px;text-align:center}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content{border:1px solid var(--layout-user-notice-border);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;padding:0 8px 30px;text-align:center}#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{color:#fff;display:inline-block;font-size:14px;height:26px;line-height:26px;position:relative;width:80px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a>span{position:relative;z-index:3}#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{border-radius:30px;content:"";height:26px;left:0;position:absolute;top:0;width:80px}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:before{background-image:linear-gradient(90deg,#529de0,#68bfb5);transition:all .2s linear;z-index:2}#top-nav>.container>.top-nav-right>.user>.user-card>.user-info>.user-info-content>.user-notice>.notice-content>a:after{background-image:linear-gradient(90deg,#4a8ec9,#57a198);z-index:1}#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{position:relative;z-index:999}#mobile-nav>.mobile-nav-header{background-color:var(--topnav-navigation-bg);border-bottom:1px solid var(--mbnav-border-bottom);border-top:1px solid var(--mbnav-border-top);display:flex;height:40px;justify-content:center;left:0;position:fixed;right:0}#mobile-nav>.mobile-nav-header>button{color:var(--text-white-white);height:40px;line-height:40px;margin:0 10px;text-align:center;width:60px}#mobile-nav>.mobile-nav-header>button.active,#mobile-nav>.mobile-nav-header>button:hover{border-bottom:2px solid #3ed3da;color:#3ed3da}#mobile-nav>.mobile-nav-content{background-color:var(--topnav-navigation-bg);bottom:0;left:0;overflow:auto;position:fixed;right:0}#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{padding-bottom:50px;width:80%}#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{background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;display:inline-block;font-size:20px;font-weight:700;height:40px;line-height:40px;-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{color:#d3dce6;font-size:15px;height:36px;line-height:36px;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>.tools-nav{display:flex;justify-content:center}#mobile-nav>.mobile-nav-content>.tools-nav>.container{padding-bottom:40px;width:80%}#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{background-color:#343741;border-radius:18px;caret-color:#29a4ab;color:var(--text-silver-silver);display:block;height:36px;line-height:36px;padding:0 20px;width:80%}#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{background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;display:inline-block;font-size:20px;font-weight:700;height:40px;line-height:40px;-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{color:#d3dce6;font-size:15px;height:36px;line-height:36px;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;justify-content:center;padding:50px 0}#mobile-nav>.mobile-nav-content>.courses-nav>ul{display:block;width:80%}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li{display:grid;flex:1;margin-bottom:50px;place-items:center}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a{display:block;position:relative;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{display:inline-block;position:relative;transition:all .2s linear;width:90px}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div:before{background:linear-gradient(45deg,#ffc552,#ffdd9a);border-bottom-left-radius:8px;border-top-right-radius:5px;color:#4e2d03;content:"精品课";font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;height:20px;line-height:20px;position:absolute;right:0;text-align:center;top:0;transform:scale(.8);transform-origin:top right;width:42px;z-index:10}#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{border-radius:5px;opacity:var(--img-opacity);transition:all .2s linear;width:100%}#mobile-nav>.mobile-nav-content>.courses-nav>ul>li>a>div>i{border-top-right-radius:5px;bottom:4px;color:#fff;font-size:12px;height:20px;left:0;line-height:20px;position:absolute;width:50px}#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{color:#d3dce6;font-family:PingFang SC,Heiti SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;font-size:14px;margin-top:8px;transition:all .15s linear}#mobile-nav>.mobile-nav-content>.more-nav>ul{align-items:center;display:flex;flex-direction:column;margin-top:50px}#mobile-nav>.mobile-nav-content>.more-nav>ul>li>a{background-image:linear-gradient(90deg,#529de0,#68bfb5);border-radius:5px;color:var(--text-white-white);display:block;height:40px;line-height:40px;text-align:center;transition:all .2s linear;width:120px}#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{color:var(--text-white-white);cursor:pointer;font-size:28px;position:absolute;right:30px;top:20px;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{border-radius:32px;color:var(--text-green-silver);cursor:pointer;display:block;font-size:24px;height:32px;line-height:32px;position:absolute;right:0;text-align:center;top:9px;transition:all .2s linear;width:32px}#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}#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{padding:0;width:95%}#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{background-color:var(--topnav-more-bg);border:1px solid #4a5062;border-radius:6px;left:0;padding:15px 0;position:absolute;top:53px}#top-nav>.container>.top-nav-left>.more-nav>ul>li>a{color:var(--text-white-white);display:block;font-size:15px;height:32px;line-height:32px;text-align:center;transition:all .2s linear;width:120px}#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;position:relative;width:100%;z-index:999}#dropdown-nav>div{background-color:var(--topnav-navigation-bg);left:0;position:absolute;right:0;top:0;transition:all .2s linear}#dropdown-nav>div>.container{position:relative}#dropdown-nav>div>.container>i{color:var(--text-white-white);cursor:pointer;font-size:28px;position:absolute;right:0;top:45px;transition:all .2s linear}#dropdown-nav>div>.container>i:hover{transform:rotate(90deg)}#dropdown-nav>.references-nav,#dropdown-nav>.tutorials-nav{border-bottom:1px solid var(--border-transparent-black2);display:flex;justify-content:center}#dropdown-nav>.references-nav>.container,#dropdown-nav>.tutorials-nav>.container{padding-bottom:50px;width:calc(95% - 200px)}#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{background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;display:inline-block;font-size:20px;font-weight:700;height:40px;line-height:40px;-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{align-items:center;display:flex}#dropdown-nav>.references-nav>.container>.column>ul>li>a,#dropdown-nav>.tutorials-nav>.container>.column>ul>li>a{color:#d3dce6;font-size:15px;height:36px;line-height:36px;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{background-image:url(../imgs/sites/icons/new1.svg);background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:24px;left:5px;position:relative;top:-2px;vertical-align:middle;width:24px}#dropdown-nav>.tools-nav{bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0}#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{align-content:center;display:flex}#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{background-color:#333742;border:1px solid #6ac3aa;border-radius:10px;display:grid;height:40px;place-content:center;width:40px}#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{color:var(--text-white-white);font-size:12px;margin-top:3px;text-align:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions{background:transparent;border-radius:5px;cursor:pointer;height:20px;position:absolute;right:-3px;top:-5px;transition:background .15s linear;width:20px}#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{color:var(--text-silver-white);display:block;font-size:14px;height:20px;line-height:20px;opacity:0;text-align:center;width:20px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul{border:1px solid var(--border-transparent-black3);border-radius:5px;font-size:14px;left:0;position:absolute;top:20px;z-index:1000}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>ul>li>.actions>ul>li{background-color:var(--dropdown-tools-actions-bg);border-radius:5px;height:32px;line-height:32px;transition:all .2s linear;width:100px}#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{cursor:pointer;margin-top:30px;width:80px}#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{background-color:#333742;border:1px solid #6ac3aa;border-radius:10px;display:grid;height:40px;place-content:center;width:40px}#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{color:var(--text-white-white);font-size:12px;margin-top:3px;text-align:center}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-content>.tooltip{align-items:center;display:flex}#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{background-color:#343741;border:2px solid var(--dropdown-tools-search-border);border-radius:20px;caret-color:#29a4ab;color:var(--text-silver-silver);height:40px;line-height:40px;padding:0 15px;width:250px}#dropdown-nav>.tools-nav>.container>.user-tools>.language-search>input:focus{border-color:#57bca6}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog{background-color:transparent;padding:100px 100px 400px;position:fixed;transform:scale(0);transition:all .2s ease-in-out;z-index:1000}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container{background-color:var(--bg-white-black2);border-radius:6px;line-height:28px;padding:40px 30px 60px;position:relative;width:360px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.leaf{background-color:var(--bg-white-black2);border-radius:30px;left:150px;position:absolute;top:-30px}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.leaf>.icon-leaf1{-webkit-background-clip:text;background-image:linear-gradient(90deg,#48aae7,#34d07d);display:block;font-size:30px;height:60px;line-height:60px;text-align:center;width:60px;-webkit-text-fill-color:transparent}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.icon-close{color:var(--text-white-white);cursor:pointer;font-size:30px;height:30px;position:absolute;right:-50px;top:0;transition:all .2s linear;width:30px}#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{border-radius:3px;color:#fff;font-size:15px;height:35px;line-height:35px;position:relative;text-align:center;width:65px}#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{border-radius:3px;content:"";inset:0;position:absolute}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:before{background-image:linear-gradient(90deg,#48aae7,#28c06f);transition:all .2s linear;z-index:2}#dropdown-nav>.tools-nav>.container>.user-tools>.tools-dialog>.container>.add-button>button:after{background-image:linear-gradient(90deg,#239ce8,#0ba352);z-index:1}#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{position:relative;z-index:3}#dropdown-nav>.tools-nav>.container>.row{-moz-column-gap:25px;column-gap:25px;padding-bottom:30px;width:100%}#dropdown-nav>.tools-nav>.container>.row>.column{background-color:#333742;border:1px solid var(--border-transparent-black2);border-radius:5px;margin-top:25px;padding:10px 10px 15px 20px}#dropdown-nav>.tools-nav>.container>.row>.column>.group-title{background:linear-gradient(90deg,#65c0f9,#88d7d5);-webkit-background-clip:text;display:inline-block;font-size:20px;font-weight:700;height:40px;line-height:40px;-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{align-items:center;display:flex;position:relative}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a{display:block;height:34px;line-height:34px;padding-left:1px;width:180px}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a>i{position:absolute;right:10px;top:0;transition:all .2s linear}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a{color:#d3dce6;font-size:15px;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{background-image:url(../imgs/sites/icons/new1.svg);background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;height:24px;left:5px;position:relative;top:-2px;vertical-align:middle;width:24px}#dropdown-nav>.tools-nav>.container>.row>.column>ul>li>a:hover>i{right:5px}#dropdown-nav>.tools-nav>.container>i{color:var(--text-white-white);cursor:pointer;font-size:28px;position:absolute;right:-50px;top:30px;transition:all .2s linear}#dropdown-nav>.tools-nav>.container>i:hover{transform:rotate(90deg)}#dropdown-nav>.courses-nav{border-bottom:1px solid var(--border-transparent-black2);display:flex;justify-content:center}#dropdown-nav>.courses-nav>.container{display:flex;justify-content:center;width:80%}#dropdown-nav>.courses-nav>.container>ul{display:flex}#dropdown-nav>.courses-nav>.container>ul>li{display:grid;padding:80px 0;place-items:center;width:240px}#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{display:inline-block;position:relative;transition:all .2s linear;width:90px}#dropdown-nav>.courses-nav>.container>ul>li>a>div:before{background:linear-gradient(45deg,#ffc552,#ffdd9a);border-bottom-left-radius:8px;border-top-right-radius:5px;color:#4e2d03;content:"精品课";font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;height:20px;line-height:20px;position:absolute;right:0;text-align:center;top:0;transform:scale(.9);transform-origin:top right;width:42px;z-index:10}#dropdown-nav>.courses-nav>.container>ul>li>a>div:hover{transform:scale(1.05)}#dropdown-nav>.courses-nav>.container>ul>li>a>div>img{border-radius:5px;opacity:var(--img-opacity);transition:all .2s linear;width:100%}#dropdown-nav>.courses-nav>.container>ul>li>a>div>i{border-top-right-radius:5px;bottom:4px;color:#fff;font-size:12px;height:20px;left:0;line-height:20px;position:absolute;width:50px}#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{color:#d3dce6;font-family:PingFang SC,Heiti SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;font-size:15px;margin-top:10px;transition:all .15s linear}#dropdown-nav>.courses-nav>.container>i{right:0;top:45px}#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{right:0;top:45px}}@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}}