﻿.container main .container-course .course-content .inner:before,.container main .container-course .course-content .inner:after{content:"";display:table}.container main .container-course .course-content .inner:after{clear:both}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}body{margin:0;font-size:14px;line-height:1.5;color:#333;background-color:#fff}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none;color:#08c}a:active,a:hover{outline:0}a:hover{color:#069}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto;resize:vertical}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{margin:0}ul,ol,li,dl,dd{margin:0;padding:0}ul,ol{list-style:none outside none}h1,h2,h3{font-weight:normal}h1{font-size:21px}h2{font-size:18.2px}h3{font-size:16.38px}h4{font-size:14px}h5,h6{font-size:11.9px;text-transform:uppercase}input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}*{-webkit-font-smoothing:antialiased;font-family:"PingFang SC", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}::-webkit-scrollbar{width:6px;height:6px;background:#f1f1f1}::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0}[v-cloak]{display:none !important}.section-advert{cursor:pointer}.right-advert{cursor:pointer}.stop-scroll{overflow:hidden !important}.unset-z-index{z-index:unset !important}.visible-hidden{visibility:hidden}.el-scrollbar__wrap{overflow-x:auto}.el-dialog__wrapper{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.el-message{justify-content:center;top:50% !important;margin-top:-20px}.el-dialog{border-radius:4px;margin:0 !important;max-height:calc(100% - 30px);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;flex-direction:column}.el-dialog__header{padding:0;height:50px;border-bottom:1px solid #ebebeb;padding-left:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;box-sizing:border-box}.el-form-item{margin-bottom:32px}.el-dialog__headerbtn{top:13px;right:18px}.el-dialog__headerbtn .el-dialog__close{color:#666;font-weight:600;font-size:16px}.el-dialog__body{padding:0 25px 20px;overflow:hidden;box-sizing:border-box}.el-dialog__title{font-size:16px;color:#303133}.el-input__inner,.el-textarea__inner{border-color:#ebebeb;border-radius:2px}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:#909399;opacity:1}.el-input__inner:focus,.el-textarea__inner:focus{border-color:#74B3F4;box-shadow:0 0 3px #74B3F4}.el-input__inner{height:40px;line-height:40px}.el-button{font-weight:normal}.el-input__icon{line-height:40px}.el-message-box__title{color:#303133;font-size:16px}.el-message-box__headerbtn{top:13px}.koleditor-confirm.el-message-box,.koleditor-prompt.el-message-box{width:520px;padding-bottom:20px;box-sizing:border-box}.koleditor-confirm.el-message-box .el-message-box__close,.koleditor-prompt.el-message-box .el-message-box__close{color:#666;font-weight:600;font-size:16px}.koleditor-confirm.el-message-box .el-message-box__btns,.koleditor-prompt.el-message-box .el-message-box__btns{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;box-sizing:border-box}.koleditor-confirm.el-message-box .el-message-box__btns .el-button--default,.koleditor-prompt.el-message-box .el-message-box__btns .el-button--default{width:136px !important;height:40px;text-align:center;color:#909399;border-radius:2px;outline:none;border:none;margin-right:20px;background:#F1F5F8;font-size:14px}.koleditor-confirm.el-message-box .el-message-box__btns .el-button--default.el-button--primary,.koleditor-prompt.el-message-box .el-message-box__btns .el-button--default.el-button--primary{color:#fff;background:#88C3FD;margin-left:0;margin-right:10px}.koleditor-confirm.el-message-box .el-message-box__header{padding:0;height:50px;border-bottom:1px solid #ebebeb;padding-left:20px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;box-sizing:border-box}.koleditor-confirm.el-message-box .el-message-box__header .el-message-box__status{display:none}.koleditor-confirm.el-message-box .el-message-box__content{min-height:90px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.koleditor-confirm.el-message-box .el-message-box__content .confirm-content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;padding:24px 0}.koleditor-confirm.el-message-box .el-message-box__content .confirm-content .el-icon-delete{font-size:46px;margin-bottom:12px;color:#87939f}.dialog-footer{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.dialog-footer button{width:136px;height:40px;color:#fff;border-radius:2px;outline:none;border:none;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.dialog-footer .dialog-cancel{background:#F1F5F8;margin-right:20px;color:#909399;font-family:"PingFang SC" !important}.dialog-footer .dialog-submit{background:#88C3FD;color:#fff;font-family:"PingFang SC" !important}html{width:100%;min-width:1200px}body{background:#fff;padding-right:0 !important;color:#303133;width:100%;min-width:1200px}.container main .container-banner{min-width:1200px;height:400px}.container main .container-banner .el-carousel{width:100%}.container main .container-banner .el-carousel__container{height:400px}.container main .container-banner .banner-item{width:100%;height:400px;display:block;background-repeat:no-repeat;background-size:cover;background-position:center}.container main .container-course{width:1200px;margin:0 auto;padding-bottom:60px}.container main .container-course .filter-title{width:50px;color:#606266;line-height:32px}.container main .container-course .course-filter{margin-top:24px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}.container main .container-course .course-filter .filter-class{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-top:5px}.container main .container-course .course-filter .filter-class .class-inner{width:875px}.container main .container-course .course-filter .filter-class .class-inner span{height:32px;padding:0 20px;display:inline-block;line-height:32px;text-align:center;transition:all .2s;font-family:PingFangSC-Medium;color:#36485c;cursor:pointer;transition:all .2s;margin-bottom:14px}.container main .container-course .course-filter .filter-class .class-inner span.active{background:#7EC1FB;color:#fff !important}.container main .container-course .course-filter .filter-class .class-inner span:hover{color:#3f9eff}.container main .container-course .course-filter .filter-search{position:relative}.container main .container-course .course-filter .filter-search input{width:250px;height:40px;border:1px solid #DDDDDD;outline:none;box-sizing:border-box;padding:0 50px 0 20px}.container main .container-course .course-filter .filter-search input::placeholder{opacity:1;color:#909399}.container main .container-course .course-filter .filter-search .iconfont{position:absolute;right:0;top:0;color:#999999;font-size:22px;line-height:40px;text-align:center;width:40px;border-left:1px solid #DDDDDD;cursor:pointer}.container main .container-course .course-sort{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:8px 0 22px 0}.container main .container-course .course-sort .s-item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.container main .container-course .course-sort .s-item span{width:108px;height:34px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;border:1px solid #DDDDDD;cursor:pointer;color:#36485c;transition:all .2s}.container main .container-course .course-sort .s-item span:first-child{border-right:none}.container main .container-course .course-sort .s-item span.active{background:#EFEFEF;color:#3f9eff}.container main .container-course .course-sort .s-item span:hover{color:#3f9eff}.container main .container-course .course-content{padding:32px 2px 0;border-top:1px solid #DDDDDD;min-height:300px}.container main .container-course .course-content .inner{min-height:292px}.container main .container-course .course-content .inner .c-item{width:calc((100% - 72px) / 4);height:268px;background:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;position:relative;float:left;margin-right:24px;margin-bottom:24px;transition:all .2s;cursor:pointer;overflow:hidden;border:1px solid #EBEBEB;box-sizing:border-box}.container main .container-course .course-content .inner .c-item:nth-of-type(4n+0){margin-right:0}.container main .container-course .course-content .inner .c-item .c-cover{width:100%;height:160px;position:relative;overflow:hidden}.container main .container-course .course-content .inner .c-item .c-cover img{width:100%;height:100%;transition:all .5s}.container main .container-course .course-content .inner .c-item .c-cover span{position:absolute;left:7px;bottom:7px;background:rgba(2,38,82,0.4);border-radius:3px;color:#fff;padding:1px 8px}.container main .container-course .course-content .inner .c-item .c-title{width:100%;height:44px;margin-top:14px;color:rgba(54,72,92,0.8);padding:0 14px;box-sizing:border-box;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;transition:all .2s}.container main .container-course .course-content .inner .c-item .c-price{width:100%;height:48px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;padding:0 14px;box-sizing:border-box}.container main .container-course .course-content .inner .c-item .c-price .price-origin{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;color:rgba(153,153,153,0.6);margin-right:14px}.container main .container-course .course-content .inner .c-item .c-price .price-origin span{margin-right:-4px}.container main .container-course .course-content .inner .c-item .c-price .price-origin i{font-size:12px;color:rgba(153,153,153,0.6);margin-right:-5px}.container main .container-course .course-content .inner .c-item .c-price .price-origin em{font-style:normal;position:relative;padding:0 4px}.container main .container-course .course-content .inner .c-item .c-price .price-origin em:before{content:'';position:absolute;width:100%;height:1px;background:rgba(153,153,153,0.6);left:2px;top:10px}.container main .container-course .course-content .inner .c-item .c-price .price-actual{color:#FF5E45}.container main .container-course .course-content .inner .c-item .c-price .price-actual *{font-family:PingFangSC-Medium}.container main .container-course .course-content .inner .c-item .c-price .price-actual i{font-size:14px;margin-right:-6px}.container main .container-course .course-content .inner .c-item .c-price .price-actual span{font-size:24px}.container main .container-course .course-content .inner .c-item .c-label{position:absolute;left:24px;top:-7px;width:42px;height:42px}.container main .container-course .course-content .inner .c-item .c-label.label-new{background:url(../../../images/course/new.png) no-repeat;background-size:cover}.container main .container-course .course-content .inner .c-item .c-label.label-hot{background:url(../../../images/course/hot.png) no-repeat;background-size:cover}.container main .container-course .course-content .inner .c-item:hover{border:1px solid #fff;box-shadow:0 1px 8px 4px #EAF5FF}.container main .container-course .course-content .inner .c-item:hover .c-title{color:#6CB6FD}.container main .container-course .course-content .inner .c-item:hover img{transform:scale(1.1)}.container main .container-course .course-content .nodata{height:300px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.container main .container-course .course-content .nodata img{width:200px}.container main .container-course .course-content .nodata span{margin-top:10px}.container main .container-course .el-pagination{margin-top:40px;text-align:center}.container main .container-course .el-pagination .el-pager li{width:40px;height:40px;line-height:40px}.container main .container-course .el-pagination .el-pager li.active{background:#7EC1FB !important}.container main .container-course .el-pagination .btn-prev,.container main .container-course .el-pagination .btn-next{height:40px !important;padding:0 14px}.container main .container-course .el-pagination .btn-prev span,.container main .container-course .el-pagination .btn-next span{height:40px !important;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}
