@charset "UTF-8";.navigation{box-shadow:0 4px 8px rgba(36,46,66,6%),0 8px 16px rgba(36,46,66,5%);background-image:linear-gradient(to bottom,rgba(134,219,162,.9),rgba(0,170,114,.9))}.section-1{padding-top:98px}@media only screen and (max-width:768px){.section-1{padding-top:128px}}.section-1 span{font-size:16px;line-height:1.5;letter-spacing:-.04px;color:#3d3e49;text-shadow:0 2px 6px rgba(0,0,0,.15)}.section-1 span a{color:#3d3e49}.section-1 span a:hover{color:#00aa72}.section-1 span:last-child{opacity:.6}.section-2{margin-top:4px}.section-2 .common-layout{display:flex;align-items:flex-start}.section-2 .common-layout .left{position:relative;box-sizing:border-box;width:781px;padding:20px;background-color:#fff}.section-2 .common-layout .left iframe{width:100%;height:800px}.section-2 .common-layout .left>video{width:100%;margin-bottom:10px;outline:none}.section-2 .common-layout .left .date{display:flex;align-items:center;font-size:14px;line-height:1.43;color:#919aa3}.section-2 .common-layout .left .date .time{display:inline-block;margin-right:4px;width:14px;height:14px;background-image:url(/images/learn/time.svg)}.section-2 .common-layout .left .pdf-div{margin-top:10px}@media only screen and (max-width:768px){.section-2 .common-layout .left{width:100%;padding:10px}.section-2 .common-layout .left iframe{height:600px}}.section-2 .common-layout .right{box-sizing:border-box;width:368px;padding:24px 20px 0;min-height:488px;max-height:600px;margin-left:15px;overflow:auto;background-color:#fff}@media only screen and (max-width:768px){.section-2 .common-layout .right{display:none}}.section-2 .common-layout .right .sections{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.section-2 .common-layout .right .sections .sectionFolder{box-sizing:border-box;width:328px;display:flex;align-items:center;flex-direction:row;padding:9px 16px;background:#f9fbfd;border-radius:4px;position:relative}.section-2 .common-layout .right .sections .sectionFolder:hover{cursor:pointer;background:#eff4f9}.section-2 .common-layout .right .sections .sectionFolder .text{font-weight:500;font-size:16px;line-height:22px;width:264px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-2 .common-layout .right .sections .sectionFolder .icon{display:block;height:10px;width:10px;background-image:url(/images/learn/icon-setion-close.svg);background-repeat:no-repeat;position:absolute;right:17px}.section-2 .common-layout .right .sections .active{background:linear-gradient(180deg,#242E42 0%,#36435C 100%) !important;color:#fff}.section-2 .common-layout .right .sections .active>.icon{background-image:url(/images/learn/icon-setion-open.svg)}.section-2 .common-layout .right .sections ul{transition:1.2s}.section-2 .common-layout .right .sections ul li{width:320px;height:24px;margin:16px 0;list-style:none;display:flex;align-items:center;position:relative;cursor:pointer}.section-2 .common-layout .right .sections ul li .textLink{width:252px;display:flex;align-items:center}.section-2 .common-layout .right .sections ul li .textLink .videoIcon{display:block;width:12px;height:12px;margin-right:8px;background-image:url(/images/learn/lesson-video.svg)}.section-2 .common-layout .right .sections ul li .textLink .text{flex:1;font-family:PingFang SC;font-style:normal;font-weight:400;font-size:14px;line-height:24px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-2 .common-layout .right .sections ul li .actions{width:68px;height:24px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.section-2 .common-layout .right .sections ul li .actions .picture{width:16px;height:12px;background-image:url(/images/learn/actions-picture.svg);background-repeat:no-repeat;position:relative}.section-2 .common-layout .right .sections ul li .actions .picture .tooltip{visibility:hidden;width:80px;padding:8px 12px;background:#242e42;box-shadow:0 4px 8px rgba(36,46,66,.2);border-radius:4px;transform:translateX(-50%);box-sizing:border-box;position:absolute;z-index:1;font-family:PingFang SC;font-style:normal;font-size:12px;line-height:20px;color:#fff;text-align:center}.section-2 .common-layout .right .sections ul li .actions .picture .tooltip::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#242e42 transparent transparent}.section-2 .common-layout .right .sections ul li .actions .picture:hover{background-image:url(/images/learn/actions-picture-active.svg)}.section-2 .common-layout .right .sections ul li .actions .picture:hover .tooltip{visibility:visible;bottom:20px;left:8px}.section-2 .common-layout .right .sections ul li .actions .activePicture{background-image:url(/images/learn/actions-picture-open.svg) !important}.section-2 .common-layout .right .sections ul li .actions .ppt{width:16px;height:16px;background-image:url(/images/learn/actions-ppt.svg);background-repeat:no-repeat;position:relative;margin:0 10px}.section-2 .common-layout .right .sections ul li .actions .ppt .tooltip{visibility:hidden;width:80px;padding:8px 12px;background:#242e42;box-shadow:0 4px 8px rgba(36,46,66,.2);border-radius:4px;transform:translateX(-50%);box-sizing:border-box;position:absolute;z-index:1;font-family:PingFang SC;font-style:normal;font-size:12px;line-height:20px;color:#fff;text-align:center}.section-2 .common-layout .right .sections ul li .actions .ppt .tooltip::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#242e42 transparent transparent}.section-2 .common-layout .right .sections ul li .actions .ppt:hover .tooltip{visibility:visible;bottom:20px;left:8px}.section-2 .common-layout .right .sections ul li .actions .download{width:16px;height:16px;background-image:url(/images/learn/actions-download.svg);background-repeat:no-repeat;position:relative}.section-2 .common-layout .right .sections ul li .actions .download .tooltip{visibility:hidden;width:80px;padding:8px 12px;background:#242e42;box-shadow:0 4px 8px rgba(36,46,66,.2);border-radius:4px;transform:translateX(-50%);box-sizing:border-box;position:absolute;z-index:1;font-family:PingFang SC;font-style:normal;font-size:12px;line-height:20px;color:#fff;text-align:center}.section-2 .common-layout .right .sections ul li .actions .download .tooltip::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#242e42 transparent transparent}.section-2 .common-layout .right .sections ul li .actions .download:hover .tooltip{visibility:visible;bottom:20px;left:8px}.section-2 .common-layout .right .sections ul li:hover .textLink .videoIcon{background-image:url(/images/learn/lesson-video-hover.svg)}.section-2 .common-layout .right .sections ul li:hover .text{color:#4ca986}.section-2 .common-layout .right .sections ul .pptActive .text{color:#4ca986}.section-2 .common-layout .right .sections ul .activeLine .textLink .videoIcon{background-image:url(/images/learn/lesson-video-play.svg) !important}.section-2 .common-layout .right .sections ul .activeLine .textLink .text{color:#4ca986}.section-2 .common-layout .right .sections .hideLesson{display:none}@keyframes playing{0%{height:100%}50%{height:50%}100%{height:100%}}