a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.clearfix{zoom:1}.clearfix:after{content:".";display:block;visibility:hidden;height:0;clear:both}.head-img{width:100%;height:140px;position:relative}.head-img .el-image{width:100%;height:100%}.head-img .search{width:500px;position:absolute;top:50%;transform:translateY(-30%);right:20px}.head-img .search .el-input{width:100%;height:45px;border-radius:25px}.head-img .search .el-input .el-input__inner{border-radius:25px;background-color:hsla(0,0%,95.7%,.3);border:none;height:100%;caret-color:#fff;color:#fff;padding-left:60px}.head-img .search .el-input .el-input__prefix{left:30px}.head-img .search .el-input .el-input__prefix .el-input__icon{line-height:45px;font-size:18px}.head-img .search .associate{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:18px;padding-left:60px}.head-img .search .associate span{margin-right:25px}@media screen and (max-width:1200px){.head-img{height:auto}.head-img .search{width:450px}.head-img .search .el-input{height:40px}.head-img .search .el-input .el-input__inner{padding-left:50px}.head-img .search .el-input .el-input__prefix{left:20px}.head-img .search .el-input .el-input__prefix .el-input__icon{line-height:40px;font-size:17px}.head-img .search .associate{margin-top:16px;padding-left:50px}.head-img .search .associate span{margin-right:23px}}@media screen and (max-width:1000px){.head-img .search{width:300px}.head-img .search .el-input{height:35px}.head-img .search .el-input .el-input__inner{padding-left:40px}.head-img .search .el-input .el-input__prefix{left:10px}.head-img .search .el-input .el-input__prefix .el-input__icon{line-height:35px;font-size:16px}.head-img .search .associate{margin-top:10px;padding-left:40px}}@media screen and (max-width:800px){.head-img{display:none}}.rich-text img{max-width:100%}.rich-text address,.rich-text blockquote,.rich-text body,.rich-text center,.rich-text dd,.rich-text dir,.rich-text div,.rich-text dl,.rich-text dt,.rich-text fieldset,.rich-text form,.rich-text frame,.rich-text frameset,.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6,.rich-text hr,.rich-text html,.rich-text menu,.rich-text noframes,.rich-text ol,.rich-text p,.rich-text pre,.rich-text ul{display:block}.rich-text li{display:list-item}.rich-text head{display:none}.rich-text table{display:table}.rich-text tr{display:table-row}.rich-text thead{display:table-header-group}.rich-text tbody{display:table-row-group}.rich-text tfoot{display:table-footer-group}.rich-text col{display:table-column}.rich-text colgroup{display:table-column-group}.rich-text td,.rich-text th{display:table-cell}.rich-text caption{display:table-caption}.rich-text th{font-weight:bolder}.rich-text caption,.rich-text th{text-align:center}.rich-text body{margin:8px;line-height:1.12}.rich-text h1{font-size:2em;margin:.67em 0}.rich-text h2{font-size:1.5em;margin:.75em 0}.rich-text h3{font-size:1.17em;margin:.83em 0}.rich-text blockquote,.rich-text dir,.rich-text dl,.rich-text fieldset,.rich-text form,.rich-text h4,.rich-text menu,.rich-text ol,.rich-text p,.rich-text ul{margin:1.12em 0}.rich-text h5{font-size:.83em;margin:1.5em 0}.rich-text h6{font-size:.75em;margin:1.67em 0}.rich-text b,.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6,.rich-text strong{font-weight:bolder}.rich-text blockquote{margin-left:40px;margin-right:40px}.rich-text address,.rich-text cite,.rich-text em,.rich-text i,.rich-text var{font-style:italic}.rich-text code,.rich-text kbd,.rich-text pre,.rich-text samp,.rich-text tt{font-family:monospace}.rich-text pre{white-space:pre}.rich-text button,.rich-text input,.rich-text object,.rich-text select,.rich-text textarea{display:inline-block}.rich-text big{font-size:1.17em}.rich-text small,.rich-text sub,.rich-text sup{font-size:.83em}.rich-text sub{vertical-align:sub}.rich-text sup{vertical-align:super}.rich-text table{border-spacing:2px}.rich-text tbody,.rich-text tfoot,.rich-text thead{vertical-align:middle}.rich-text td,.rich-text th{vertical-align:inherit}.rich-text del,.rich-text s,.rich-text strike{text-decoration:line-through}.rich-text hr{border:1px inset}.rich-text dd,.rich-text dir,.rich-text menu,.rich-text ol,.rich-text ul{margin-left:40px}.rich-text ol{list-style-type:decimal}.rich-text ol ol,.rich-text ol ul,.rich-text ul ol,.rich-text ul ul{margin-top:0;margin-bottom:0}.rich-text ins,.rich-text u{text-decoration:underline}.rich-text br:before{content:"\A"}.rich-text :after,.rich-text :before{white-space:pre-line}.rich-text center{text-align:center}.rich-text abbr,.rich-text acronym{font-variant:small-caps;letter-spacing:.1em}.rich-text :link,.rich-text :visited{text-decoration:underline}.rich-text :focus{outline:thin dotted invert}.rich-text bdo[DIR=ltr]{direction:ltr;unicode-bidi:bidi-override}.rich-text bdo[DIR=rtl]{direction:rtl;unicode-bidi:bidi-override}.rich-text [DIR=ltr]{direction:ltr;unicode-bidi:embed}.rich-text [DIR=rtl]{direction:rtl;unicode-bidi:embed}#course{margin-top:14px;margin-top:10px;padding-top:10px}#course .area-title{display:flex;justify-content:space-between;margin:18px 0;border-bottom:1px solid #eee}#course .area-title p{font-size:14px;color:#999;cursor:pointer}#course .area-title p:first-child{cursor:auto;font-size:20px;color:#1479d7;padding-bottom:6px;border-bottom:4px solid #1479d7}#course .area-title p:first-child span{font-weight:0;font-size:12px;color:#b0b0b0}#course .filtrate{background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between}#course .filtrate .classify{width:100%;display:flex;align-items:center;position:relative}#course .filtrate .classify:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}#course .filtrate .classify span{color:#696969;font-size:16px;margin-right:26px;font-weight:600;white-space:nowrap}#course .filtrate .classify ul{display:flex;align-items:center;white-space:nowrap;overflow:hidden;max-width:calc(100% - 20px);transition:all .3s}#course .filtrate .classify ul li{font-size:15px;margin-right:18px;padding:10px 15px;color:#555666;cursor:pointer;margin-top:10px;transition:all .3s}#course .filtrate .classify ul .active{background:#f5f6f7;color:#1479d7}#course .filtrate .classify .isUnfold{flex-wrap:wrap}#course .filtrate .classify .unfold{position:absolute;right:0;top:20px;color:#1479d7;font-size:15px;cursor:pointer}#course .filtrate .classify .unfold i{font-size:12px}#course .mobile-filtrate{display:none;padding:20px 24px;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}#course .mobile-filtrate .classify{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom:1px dotted #eee}#course .mobile-filtrate .classify:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}#course .mobile-filtrate .classify>span{color:#999;font-size:14px;white-space:nowrap}#course .mobile-filtrate .classify>.column{width:calc(100% - 70px)}#course .container{display:flex;justify-content:space-between;flex-wrap:wrap}#course .container .box{width:69%}#course .container .box>ul{margin-top:30px;background-color:#fff;display:flex;padding:21px 0}#course .container .box>ul li{margin-left:34px;color:#666;font-size:15px;font-weight:400;cursor:pointer}#course .container .box>ul .active{color:#1479d7;position:relative}#course .container .box>ul .active:after{content:"";position:absolute;left:0;bottom:-20px;width:100%;height:3px;background-color:#1479d7}#course .container .box .mobileNav{display:none}#course .container .box article{margin-top:20px;box-sizing:border-box;background-color:#fff}#course .container .box article .content{display:flex;flex-wrap:wrap;justify-content:space-between}#course .container .box article .content section{width:31%;margin-bottom:19px;cursor:pointer;box-sizing:border-box;border:1px solid #f0f0f0}#course .container .box article .content section .cover{width:100%;position:relative}#course .container .box article .content section .cover:hover .el-image{opacity:.7;transform:scale(1.03);box-shadow:0 0 12px 4px rgba(0,0,0,.08)}#course .container .box article .content section .cover:hover .video_play .iconsvg{width:30px;height:30px;opacity:.79;display:block!important}#course .container .box article .content section .cover .el-image{width:100%;height:140px;transition:all .5s}#course .container .box article .content section .cover p{position:absolute;top:7px;left:7px;padding:6px 8px;background:#074ad1;border-radius:5px;font-size:14px;color:#fff}#course .container .box article .content section .cover .timer{position:absolute;right:10px;color:#fff;padding:3px 10px;font-size:12px;bottom:10px;background-color:rgba(0,0,0,.5)}#course .container .box article .content section .cover .timer .iconfont{font-size:12px;margin-right:3px}#course .container .box article .content section .cover .video_play{position:absolute;left:45%;top:43%}#course .container .box article .content section .cover .video_play .iconsvg{width:30px;height:30px;display:none}#course .container .box article .content section .describe{padding:0 9px 9px 9px}#course .container .box article .content section .describe h1{font-size:14px;color:#333;margin-top:16px;margin-bottom:18px;height:30px;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#course .container .box article .content section .describe h1:hover{color:#2291f7}#course .container .box article .content section .describe ul{display:flex;margin-bottom:15px;justify-content:space-between;border-bottom:1px solid hsla(0,0%,50.2%,.452);padding-bottom:7px}#course .container .box article .content section .describe ul li{font-size:12px;color:#888}#course .container .box article .content section .describe ul li:last-child{color:red}#course .container .box article .content section .describe ul li i{font-size:14px;margin-right:5px}#course .container .box article .content section .describe div{display:flex;justify-content:space-between;align-items:center}#course .container .box article .content section .describe div div{color:#b2b2b2}#course .container .box article .content section .describe div div .iconfont{margin-right:7px;color:#b2b2b2}#course .container .box article .content .placeholder{display:inline-block;width:260px}#course .container .box article .mob-content{display:none}#course .container .box article .pagination{display:flex;justify-content:center}#course .container aside{width:29%}#course .container aside .mainActivity .activity_desc{line-height:20px;background:#f5f6f6;font-size:14px;margin-top:-5px;padding:22px;color:#606060}#course .container aside .information article{display:flex;flex-wrap:wrap;justify-content:space-between}#course .container aside .information article .information_li{position:relative;display:flex;justify-content:space-between}#course .container aside .information article .information_li span{width:100%;cursor:pointer;white-space:nowrap;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;box-sizing:border-box;overflow:hidden;color:#3f3b3b;font:16px/32px Microsoft Yahei;color:#606060}#course .container aside .information article .information_li span:hover{color:#327bfa}#course .container aside .rightAdvertising{margin-top:15px;cursor:pointer}#course .container aside .rightAdvertising .el-image{width:100%;margin-bottom:10px;border-radius:4px}@media screen and (max-width:1200px){#course .filtrate{display:none}#course .filtrate .classify{width:100%}#course .filtrate .search{display:none}#course .mobile-filtrate{display:block}#course .container .box{width:100%}#course .container .box article{padding:15px 10px}#course .container aside{display:none}}@media screen and (max-width:900px){#course .container .content{display:none!important}#course .container .mob-content{display:block!important}#course .container .mob-content section{display:flex;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e8e8e8}#course .container .mob-content section .left{width:100%;position:relative}#course .container .mob-content section .left p{position:absolute;top:7px;left:7px;padding:6px 8px;background:#074ad1;border-radius:5px;font-size:14px;color:#fff}#course .container .mob-content section .left .timer{position:absolute;right:10px;color:#fff;padding:3px 10px;font-size:12px;bottom:10px;background-color:rgba(0,0,0,.5)}#course .container .mob-content section .right{width:100%;padding-left:8px;position:relative}#course .container .mob-content section .right h1{font-size:14px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#course .container .mob-content section .right .payment{width:62px;text-align:center;padding:3px 0;border-radius:17px;border:1px solid #f08786;color:#eb5e5c;margin-top:10px}#course .container .mob-content section .right .details{font-size:14px;color:#606060;display:flex;position:absolute;width:95%;justify-content:space-between;bottom:3px}}@media screen and (max-width:800px){#course .container .box>ul{display:none}#course .container .box .mobileNav{display:block}#course .container .box article .content section{width:48%}#course .container .box article .content section .cover .el-image{height:180px}#course .container .box article .content section .content{width:78%}#course .container .box article .content section .content h3 p{display:none}#course .container .box article .content section .content .synopsis{height:auto;margin-top:20px;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}@media screen and (max-width:600px){#course .container .box article .content section{width:100%}#course .container .box article .content section .cover .el-image{height:200px}#course .container .box article .content section .content{width:65%}#course .container .box article .content section .content h3 p{display:none}#course .container .box article .content section .content .synopsis{height:auto;margin-top:20px;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}}