*{margin:0;padding:0;list-style:none;font-style:normal}
body{font-family:"Microsoft YaHei",SimSun;font-size:14px;color:#444}
input,select,textarea{font-family:"Microsoft YaHei",SimSun;outline:0}
:focus{outline:0}
a{text-decoration:none;color:#21242c}
a:hover{text-decoration:underline;color:#21242c}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.main-content{width:1200px;margin:0 auto;position:relative}
.head{background:#0b2149;height:60px;width:100%;top:0;left:0;z-index:100;position:sticky}
.head-white{background:#fff;border-bottom:#dbdcdd solid 1px;box-sizing:border-box}
.head-white .head-content .nav a,.user-dropdown-sub ul li a{color:#1865f2}
.head-white .head-content .allCourse a{color:#1865f2}
.head-white .head-content .allCourse .search .search-input{color:#1865f2;background:#f7f8fa}
.head-white .head-content .allCourse .search .search-input::placeholder{color:#1865f2}
.head-white .head-content .allCourse .search .search-btn{color:#8c8e93}
.head-white .head-content .logo{width:203px}
.head-white .head-content .logo a{background:url(../images/logo.jpg) no-repeat center;background-size:203px 40px;display:block}
.head-white .head-content .logo img{display:none}
.head-content{width:1200px;margin:0 auto;display:flex;height:100%;justify-content:space-between}
.head-content .logo img{height:40px}
.head-content .logo a{height:100%;align-items:center;display:flex}
.head-content .nav{flex-grow:1;width:0;text-align:right;position:relative}
.head-content .nav a,.user-dropdown-sub  ul li a{font-size:16px;font-weight:700;margin-left:28px;color:#fff;line-height:60px;display:inline-block}
.head-content .allCourse{flex-grow:1;width:0;display:flex}
.head-content .allCourse a{color:#fff;font-size:16px;font-weight:700;line-height:60px;display:inline-block}
.head-content .allCourse a i{transform:rotate(0);margin-left:5px;display:inline-block;font-weight:400}
.head-content .allCourse .sub-allCourse{position:absolute;top:60px;left:0;width:100%;z-index:10000;background-color:rgba(247,248,250,.99);border-bottom:1px solid rgba(33,36,44,.16);display:none;height:calc(100vh - 60px);overflow-y:auto}
.head-content .allCourse .sub-allCourse ul{padding:28px 0 16px;display:flex;justify-content:space-between}
.head-content .allCourse .sub-allCourse ul li{margin:4px 0 12px}
.head-content .allCourse .sub-allCourse ul li h4{padding-bottom:15px;font-size:16px;display:flex}
.head-content .allCourse .sub-allCourse ul li h4 a{margin-bottom:0;font-weight:700;color:#21242c}
.head-content .allCourse .sub-allCourse ul li h4 a:hover{color:#1865f2}
.head-content .allCourse .sub-allCourse ul li a em{font-family:arial}
.head-content .allCourse .sub-allCourse ul li a{display:flex;color:#1865f2;margin-bottom:16px;font-size:14px;line-height:20px;clear:both;font-weight:400}
.head-content .allCourse .sub-allCourse ul li a em{font-family:arial;display:inline-block}
.head-content .allCourse .sub-allCourse ul li a span{padding-right:0;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (min-width:1366px){.head-content .allCourse .sub-allCourse{background-image:url(../images/allCourse-left-bg.png),url(../images/allCourse-right-bg.png);background-position:center left,top -62px right 0;background-repeat:no-repeat}
}
.head-content .allCourse .courseLink{padding-right:30px}
.head-content .allCourse .search{margin-left:0;align-items:center;display:flex;width:150px;position:relative}
.head-content .allCourse .search form{position:relative}
.head-content .allCourse .search .search-input{height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;width:150px;border-radius:4px;color:#fff;background:#1f3358;border:none}
.head-content .allCourse .search .search-input::placeholder{color:#fff;font-size:16px;font-weight:700}
.head-content .allCourse .search .search-btn{border:none;background:0 0;color:#fff;position:absolute;right:10px;cursor:pointer;height:40px;top:0}
.head-content .allCourse .search .search-btn i{font-size:18px}
.head-home{position:relative!important}
.sub-allCourse-home{height:auto!important;overflow:hidden!important}
.user-dropdown-sub{display:none;border:#dedfe1 solid 1px;width:180px;background:#fff;right:0;position:absolute;top:59px;text-align:left;padding:10px 0;z-index:99999}
.user-dropdown-sub ul li a{line-height:44px!important;font-weight:400!important;display:block;color:#1865f2 !important;}
.footer{background:url(../images/index/foot-bg.jpg) no-repeat right top #161b22;color:#fff;padding:50px 0 0}
.footer .logo{margin-top:40px}
.footer h2{font-size:30px;padding:40px 0 20px;letter-spacing:2px}
.footer p{font-size:18px}
.footer .btn{padding:20px 0 20px}
.footer .btn a{width:150px;height:40px;line-height:40px;background:linear-gradient(90deg,#fe6e47,#fe5a47);border-radius:20px;margin:10px 0 40px;color:#fff;box-sizing:border-box;font-weight:400;font-size:16px;display:inline-block;text-align:center}
.footer .left{display:flex}
.footer .left .item{margin-right:50px;margin-left:5px}
.footer .left .item h4{font-size:16px;font-weight:400;padding-bottom:20px}
.footer .left .item p{font-size:14px;line-height:32px}
.footer .left .item a{color:rgba(255,255,255,.6)}
.footer .left .item a:hover{color:#fff}
.footer .right{display:flex}
.footer .right .item{margin-left:50px;text-align:center}
.footer .right .item img{border:#fff solid 4px;margin-bottom:5px;width:120px;height:120px}
.footer .copyright{border-top:#2e3239 solid 1px;margin-top:30px;padding:30px 0;display:flex;justify-content:space-between;color:rgba(255,255,255,.6)}
.footer .copyright p{font-size:14px}
@media screen and (max-width:1000px){.index-content{width:1200px;margin:0 auto;display:table;overflow:hidden}
}
.page{padding:30px 0 30px;overflow:hidden;clear:both;text-align:center}
.page span,.page-disabled{display:inline-block;padding:0 4px;min-width:24px;height:32px;line-height:32px;font-size:16px;color:#c8cdd2;text-align:center}
.page li{display:inline-block;margin:0 5px;padding:0 4px;min-width:24px;line-height:32px;font-size:16px;color:#4d555d;text-align:center;border-radius:4px;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}
.page li a{font-size:14px;color:#4d555d;text-align:center}
.page li:hover{background:rgba(0,0,0,.1);color:#4d555d;text-decoration:none}
.page li.active{background:#1865f2;color:#fff}
.page li.active span{color:#fff}
.skin-pop.layui-layer{border-radius:15px}
.skin-pop .layui-layer-title{display:none}
.skin-pop .layui-layer-setwin span{font-size:26px;width:auto;height:auto}
.skin-pop .layui-layer-setwin{right:25px;top:25px}
.skin-pop .layui-layer-content{overflow:hidden!important}
.skin-pop .layui-tab-content{padding:0!important}
.skin-pop .layui-layer-content{height:auto!important}
.popup{text-align:center;padding:0 0 30px}
.popup h4{padding:20px 0 20px;font-size:16px}
.popup .btn{display:block}
.popup .btn a{background:#1865f2;display:inline-block;border-radius:4px;padding:0 25px;height:40px;line-height:40px;font-size:16px;font-weight:700;color:#fff;text-decoration:none}
.popup .btn a:hover{box-shadow:0 0 0 1px #fff,0 0 0 3px #1865f2;text-decoration:none}
.popup .price{padding-bottom:25px}
.popup .price span{font-size:20px;font-family:arial;color:red;padding:0 10px}
.popup .price em{color:#666;text-decoration:line-through}
.search-head{background:url(../images/search.jpg) no-repeat center;background-size:cover;width:100%;min-height:260px;display:flex;align-items:center;justify-content:center}
.search-head form{position:relative}
.search-head .search-input{height:64px;line-height:64px;padding:0 20px;box-sizing:border-box;width:550px;border-radius:4px;color:#21242c;background:#fff;border:none;box-shadow:0 1px 0 0 rgba(33,36,44,.16)}
.search-head .search-input::placeholder{color:#21242c;font-size:16px;font-weight:700}
.search-head .search-btn{border:none;background:0 0;color:#717378;position:absolute;right:20px;cursor:pointer;height:64px;top:0}
.search-head .search-btn i{font-size:24px}
.search-list{padding:50px 0}
.search-list .hd{border-bottom:#dbdcdd solid 1px}
.search-list .hd ul{display:flex}
.search-list .hd ul li{font-size:18px}
.search-list .hd ul li a{display:block;padding:0 50px 20px 0}
.search-list .hd ul li .active{color:#1865f2;font-weight:700}
.search-list .bd{padding-top:30px}
.search-list .bd ul li{font-size:18px;padding:10px 0}
.search-list .bd ul li em{font-family:SimSun;padding-right:8px}
.wap-popup{display:none}
@media screen and (max-width:1000px){body{width:100%;margin:0 auto;display:table}
.wap-popup{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100}
.wap-popup .box{width:100%;background:#0b2149;border-radius:0;text-align:center;padding:5vw 0;position:fixed;left:0;top:0;position:relative}
.wap-popup .box .txt{font-size:4vw;color:#fff}
.wap-popup .box .icon-guanbi{color:#fff;font-size:4vw;position:absolute;right:4vw;top:6vw}
}
.right-box{position:fixed;right:20px;bottom:20px;text-align:center}
.right-box .hd{position:relative;width:48px;height:80px;cursor:pointer;box-sizing:border-box;color:#fff;padding:10px;background:linear-gradient(180deg,#ff5744,#ffa25a);border:2px solid #fff;border-radius:24px;box-shadow:0 3px 6px -4px rgba(94,123,218,.12),0 6px 15px 0 rgba(94,123,218,.16)}
.right-box .hd i{font-size:20px}
.right-box .hd p{font-size:12px;padding-top:3px}
.right-box .bd{width:48px;border-radius:24px;box-shadow:0 6px 15px 0 rgba(94,123,218,.5),0 3px 6px -4px rgba(94,123,218,.16);background:#fff;margin-top:15px;text-align:center;padding:4px 0}
.right-box .bd .item{position:relative;background:linear-gradient(180deg,#165dff,#16a1ff);width:40px;height:40px;border-radius:100%;display:inline-block;line-height:40px;color:#fff;cursor:pointer}
.right-box .bd .item i,.right-box .bd .item1 i{font-size:20px}
.right-box .bd .item1{position:relative;width:40px;height:40px;border-radius:100%;display:inline-block;line-height:40px;color:#000;cursor:pointer}
.right-box .bd .item1 a{display:block}
.right-box .bd .item1 a:hover{text-decoration:none}
.right-box .bd .item1:hover{color:#1865f2;background:#e8f3ff}
.right-box .backTop{width:48px;height:48px;line-height:48px;display:none;cursor:pointer;border-radius:100%;box-shadow:0 6px 15px 0 rgba(94,123,218,.5),0 3px 6px -4px rgba(94,123,218,.16);background:#fff;margin-top:10px;text-align:center}
.right-box .right-popup{display:none;position:absolute;right:50px;top:0;z-index:1000;background:#fff;color:#000;top:-88%;left:-172px;padding:10px;width:154px;height:204px;background:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,.06),0 4px 10px 0 rgba(0,0,0,.08);box-sizing:border-box;border-radius:8px}
.right-box .right-popup::before{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-color:transparent transparent transparent #fff;border-style:solid;border-width:6px 0 6px 6px}
.right-box .popup1{height:190px;top:-75px}
.right-box .popup1 p{padding-top:0!important}
.right-box .popup2{background:#000;height:32px;width:auto;line-height:32px;color:#fff;padding:0;border-radius:4px;top:4px;width:160px}
.right-box .popup2::before{border-color:transparent transparent transparent #000}
.right-box .popup3{width:100px;left:-114px}
.right-box .right-popup img{width:100%}
.right-box .right-popup p{font-size:14px;padding-top:8px;color:#333}
