@charset "UTF-8";.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}}