.cateListBg{ background: #FFFFFF; padding: 8px 20px 20px; box-shadow: 0px 4px 30px 0px rgba(232,233,237,0.5); }
.cateListBox{ width: 100%; font-size: 16px; overflow: hidden; }
.cateListBox dt{float: left;width: 60px;line-height: 32px;margin-top: 12px;}
.cateListBox .cateList{ margin-left: 60px; width: calc(100% - 48px) }
.cateListBox .cateList li{ float: left; padding: 0 12px; height: 32px; line-height: 32px; max-width: 100%; text-align: center; margin-right: 12px; margin-top: 12px; box-sizing: border-box; }
.cateListBox .cateList li a{ display: block; height: 100%; border-radius: 4px; color: #969799; }
.cateListBox .cateList li a:hover{ color: #2080F8; }
.cateListBox .cateList li.curr{ padding: 0; }
.cateListBox .cateList li.curr a{ padding: 0 12px; background: #F11716; color: #ffffff; font-weight: bold; }
.cateListBox .cateList.redBg li a:hover{ color: #2080F8; }
.cateListBox .cateList.redBg li.curr a{ background: #FDF4F4; color: #F11716; }

.cateListBoxTab dt{
    border-bottom: 3px solid #F11716;
    padding: 20px 20px 0 20px;
}
.cateListBoxTab dt li{
    float: left;
}
.cateListBoxTab dt a{
    display: block;
    font-size: 16px;
    color: #333333;
    padding: 12px 16px;
}
.cateListBoxTab dt li.curr a{
    background: #F11716;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}
.cateListBoxTab .cateList{ padding: 20px; }
.cateListBoxTab .cateList li{ float: left; padding: 0 12px; height: 32px; line-height: 32px; max-width: 100%; text-align: center; margin-right: 12px; margin-top: 12px; box-sizing: border-box; }
.cateListBoxTab .cateList li a{ display: block; height: 100%; border-radius: 4px; color: #969799; }
.cateListBoxTab .cateList li a:hover{ color: #2080F8; }
.cateListBoxTab .cateList li.curr{ padding: 0; }
.cateListBoxTab .cateList li.curr a{ padding: 0 12px; background: #FDF4F4; color: #F11716; font-weight: bold; }



.hotNewsList{ margin-top: 8px; }
.hotNewsList li{padding: 0 20px;}
.hotNewsList li:hover{ background: #F8F8FA; }
.hotNewsList li .contBox{ padding: 24px 0; border-bottom: 1px solid rgba(0,0,0,0.06); overflow: hidden; }
.hotNewsList .img_box{float: right; width: 183px; height: 122px; border-radius: 6px; margin-left: 20px;}
.hotNewsList .img_box img{ width: 100%; min-height: 100%; }
.hotNewsList .img_box.left{float: left;width: 252px;height: 152px;border-radius: 5px;margin-top: 0;margin-right: 25px;margin-left: 0;}
.hotNewsList.searchType dl{ margin-top: 12px; }
.hotNewsList dt{height: 24px; font-size: 18px; font-weight: bold; line-height: 24px;}
.hotNewsList dd.cont1{height: 42px; color: #646566; line-height: 21px; margin-top: 20px;}
.hotNewsList dd.cont2{overflow: hidden;line-height: 16px;height: 16px;font-size: 12px;color: #969799;margin-top: 20px;}
.hotNewsList dd.cont2 span{ float: left; margin-left: 24px; }
.hotNewsList dd.cont2 span:first-child{ margin-left: 0; }
.hotNewsList dd.cont2 i{ display: block; margin-right: 5px; float: left; width: 16px; height: 16px; background: url(../images/images/bg1.png) no-repeat; }
.hotNewsList dd.cont2 .view{ background-position: 0 -10px; }
.hotNewsList dd.cont2 .time{ display: block; margin-right: 5px; float: left; width: 13px; height: 13px; background: url(../images/images/time.png);}
.hotNewsList dd.cont2 .download{ display: block; margin-right: 5px; float: left; width: 13px; height: 13px; background: url(../images/images/icon5.png);background-size: cover;}
.hotNewsList dd.cont2 .collect{ background-position: 0 -30px; }
.hotNewsList dd.cont2 span.collectBtn{ cursor: pointer; }
.hotNewsList dd.cont2 span.collectBtn.collected{ color: #FA8919; }
.hotNewsList dd.cont2 span.collectBtn.collected .collect{ background-position: 0 -45px; }
.lineOverflow2 .listspan{border-radius: 6px;color: #ffffff;font-size: 14px;font-weight: 100;padding: 0 10px;height: 25px;background-color: #F11716;display: inline-block;text-align: center;margin-left: 23px;}

.hotNewsBanner{ width: 100%; overflow: hidden; }
.hotNewsBanner .img_box, .hotNewsBanner .img_box img{ width: 100%; }
.lessonRecomRList{ padding: 0 16px; }
.lessonRecomRList li{ padding: 16px 0; border-top: 1px dashed #E6E7EB; overflow: hidden; }
.lessonRecomRList li:first-child{ border-top: 0; }
.lessonRecomRList .img_box{float: left;margin-right: 13px;position: relative;width: 90px;height: 118px;border-radius: 4px;}
.lessonRecomRList .img_box img{ width: 100%; min-height: 100%; }
.lessonRecomRList .img_box i{ display: block; width: 44px; height: 24px; background: url(../images/images/bg1.png) no-repeat -44px 0; position: absolute; top: -1px; left: -1px; }
.lessonRecomRList dt{ height: 48px; font-size: 16px; line-height: 24px; }
.lessonRecomRList dd.cont1{ height: 36px; font-size: 12px; color: #646566; line-height: 18px; margin-top: 8px; }
.lessonRecomRList dd.cont2{ height: 16px; font-size: 12px; color: #969799; line-height: 16px; margin-top: 10px; }
.glZxMore a{ display: block; width: 800px; height: 48px; border-radius: 2px; border: 1px solid #C8CACC; border-radius: 2px; margin-top:24px; line-height: 48px; overflow: hidden; text-align: center; font-size: 15px; color: #969799; text-decoration: none; margin-left:20px;}
.glZxMore a:hover{ border: 1px solid #2080F8; color: #2080F8;}
.glZxMore {padding-bottom: 20px;}
.newProList li{ padding: 0 20px; }
.newProList li:hover{ background: #F8F8FA; }
.newProList .contBox{ padding: 24px 0; border-bottom: 1px solid #E6E7EB; }
.newProList .img_box{ float: left; margin-right: 20px; position: relative; width: 119px; height: 156px; border-radius: 6px; }
.newProList .img_box img{ width: 100%; min-height: 100%; }
.newProList .img_box i{ display: block; width: 58px; height: 32px; background: url(../images/images/bg1.png) no-repeat -170px 0; position: absolute; top: -1px; left: -1px; }
.newProList dt{ height: 26px; font-size: 20px; font-weight: bold; line-height: 26px; padding-top: 2px; }
.newProList dt .lab{ float: left; padding: 0 8px; height: 26px; line-height: 26px; font-size: 16px; font-weight: normal; text-align: center; background: #FD4029; color: #FFFFFF; border-radius: 2px; margin-right: 12px; }
.newProList dd.cont1{ height: 48px; font-size: 16px; color: #646566; line-height: 24px; margin-top: 22px; }
.newProList dd.cont2{ height: 34px; line-height: 34px; margin-top: 22px; color: #969799; }
.newProList dd.cont2 a.btn{ float: right; width: 88px; height: 34px; text-align: center; background: #2080F8; color: #FFFFFF; border-radius: 4px; border: 0; }
.newProList dd.cont2 a.btn:hover{ opacity: 0.8; }
.newProList dd.cont2 span{ float: left; margin-left: 24px; }
.newProList dd.cont2 span:first-child{ margin-left: 0; }
.newProList dd.cont2 i{ display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; width: 16px; height: 16px; background: url(../images/images/bg1.png) no-repeat 0 -30px; }
.newProList dd.cont2 span.collectBtn{ cursor: pointer; }
.newProList dd.cont2 span.collectBtn.collected{ color: #FA8919; }
.newProList dd.cont2 span.collectBtn.collected i{ background-position: 0 -45px; }

.aboutArticleRList{ padding: 0 16px; }
.aboutArticleRList li{ padding-left: 13px; position: relative; overflow: hidden; }
.aboutArticleRList li:before{ content: ''; display: block; width: 4px; height: 4px; background: #303133; position: absolute; left: 0; top: 25px; }
.aboutArticleRList li dl{ padding: 16px 0; }
.aboutArticleRList li:first-child dl{ border-top: 0; }
.aboutArticleRList dl{ border-top: 1px dashed #E6E7EB; }
.aboutArticleRList dt{ height: 42px; line-height: 21px; }
.aboutArticleRList dd{ height: 16px; font-size: 12px; color: #969799; line-height: 16px; margin-top: 8px; overflow: hidden; }
.aboutArticleRList dd span.left{ float: left; }
.aboutArticleRList dd span.right{ float: right; }
.aboutArticleRList2 li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #D9D9D9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 22px;
}
.aboutArticleRList2 li {
    padding-left: 16px;
    position: relative;
    overflow: hidden;
}
.aboutArticleRList2 dt {
    height: 22px;
    line-height: 22px;
}
.selfCenterInfo{ border: 1px solid #E6E7EB; }
.selfCenterInfo .bgImg{ height: 200px; background: url(../images/images/selfcenterbg.png) no-repeat 0 0/100% auto; position: relative; }
.selfCenterInfo .editHomeBtn{ padding: 0 11px; height: 28px; line-height: 28px; text-align: center; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.12); border-radius: 4px; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 12px; position: absolute; top: 20px; right: 28px; }
.selfCenterInfo .editHomeBtn i{ float: left; margin-right: 6px; }
.selfCenterInfo .info{ padding: 0 20px 24px; margin-top: -20px; position: relative; z-index: 1; }
.selfCenterInfo .info .headPortrait{ float: left; width: 120px; height: 120px; border: 4px solid #FFFFFF; margin-right: 20px; box-sizing: border-box; border-radius: 50%; overflow: hidden; }
.selfCenterInfo .info .headPortrait img{ width: 100%; height: 100%; }
.selfCenterInfo .info dl{ padding-top: 44px; }
.selfCenterInfo .info dt{ font-size: 24px; font-weight: bold; line-height: 36px; }
.selfCenterInfo .info dt .lab{ display: inline-block; vertical-align: top; padding: 0 12px; height: 26px; text-align: center; line-height: 26px; border-radius: 4px; border: 1px solid #E6E7EB; font-weight: normal; margin-left: 16px; margin-top: 5px; font-size: 12px; color: #646566; }
.selfCenterInfo .info dd{ margin-top: 12px; color: #646566; }
.selfCenterInfo .info dd span{ margin-right: 24px; }

.selfLessonList{ margin-top: 16px; }
.selfLessonList li{ padding: 0 20px; }
.selfLessonList li:hover{ background: #F8F8FA; }
.selfLessonList .contBox{ padding: 24px 0; border-bottom: 1px solid #E6E7EB; }
.selfLessonList .img_box{ float: left; margin-right: 20px; position: relative;width: 79px; height: 104px; border-radius: 4px; }
.selfLessonList .img_box img{ width: 100%; min-height: 100%; }
.selfLessonList .img_box i{ display: block; width: 58px; height: 32px; background: url(../images/images/bg1.png) no-repeat -170px 0; position: absolute; top: -1px; left: -1px; }
.selfLessonList .collectBtn{ float: right; width: 88px; height: 34px; text-align: center; line-height: 34px; background: #F0F2F5; margin-top: 35px; border-radius: 4px; margin-left: 40px; color: #969799; }
.selfLessonList .collectBtn.collected{ background: #2080F8; color: #FFFFFF; }
.selfLessonList dt{ height: 24px; font-size: 18px; font-weight: bold; line-height: 24px; }
.selfLessonList dd.cont1{ height: 36px; font-size: 12px; color: #646566; line-height: 18px; margin-top: 12px; }
.selfLessonList dd.cont2{ height: 16px; line-height: 16px; font-size: 12px; margin-top: 12px; color: #969799; }
.selfLessonList dd.cont2 i{ display: inline-block; vertical-align: middle; width: 1px; height: 9px; background: #E6E7EB; margin: 0 8px; }

.selfArticleList{ margin-top: 16px; }
.selfArticleList li{ padding: 0 20px; }
.selfArticleList li:hover{ background: #F8F8FA; }
.selfArticleList .contBox{ padding: 24px 0; border-bottom: 1px solid #E6E7EB; }
.selfArticleList .collectBtn{ float: right; width: 88px; height: 34px; text-align: center; line-height: 34px; background: #F0F2F5; margin-top: 11px; border-radius: 4px; margin-left: 40px; color: #969799; }
.selfArticleList .collectBtn.collected{ background: #2080F8; color: #FFFFFF; }
.selfArticleList dt{ height: 24px; font-size: 18px; font-weight: bold; line-height: 24px; }
.selfArticleList dd.cont1{overflow: hidden;line-height: 16px;height: 16px;font-size: 12px;color: #969799;margin-top: 16px;}

.popupBg{width: 100%;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.6);display: none;}
.loginBoxBox{width: 938px;height: 507px;background: #FFFFFF;border-radius: 12px;overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.imgbg{ float: left; width: 507px; }
.imgbg img{ width: 100%; min-height: 100%; }
.loginInfo{float: left;position: relative;width: 431px;height: 100%;}
.loginInfo .closeIcon{ display: block; width: 16px; height: 16px; cursor: pointer; background: url(../images/images/bg1.png) no-repeat -40px -30px; position: absolute; left: 16px; top: 16px; }
.loginInfo .changeLoginType{ width: 64px; height: 64px; background: url(../images/images/bg1.png) no-repeat -230px 0; position: absolute; right: 0; top: 0; }
.loginInfo.encodeLogin .changeLoginType{ background-position: -300px 0; }
.loginInfo .changeLoginType .tip{color: #2080F8;border: 1px solid #2080F8;position: absolute;right: 52px;top: 16px;font-size: 12px;line-height: 20px;padding: 0 10px;white-space: nowrap;}
.loginInfo .changeLoginType .tip:before{content: ''; display: block; border-left: 6px solid #2080F8;border-top: 4px solid transparent;border-bottom: 4px solid transparent;right: -6px;position: absolute;top: 6px;}
.loginInfo .changeLoginType .tip:after{ content: ''; display: block; border-left: 6px solid #FFFFFF;border-top: 4px solid transparent;border-bottom: 4px solid transparent;right: -5px;position: absolute;top: 6px; }
.loginInfo .encodeInfo{ margin-top: 80px; text-align: center; }
.loginInfo .encodeInfo .tit{ height: 26px; font-size: 20px; font-weight: bold; line-height: 26px; }
.loginInfo .encodeInfo .tit i{ display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px; width: 22px; height: 19px; background: url(../images/images/bg1.png) no-repeat -60px -30px; }
.loginInfo .encodeInfo .encodeImg{ width: 204px; height: 204px; border: 1px solid rgba(0,0,0,0.08); padding: 12px; box-sizing: border-box; margin: 32px auto 0; position: relative; }
.loginInfo .encodeInfo .encodeImg img{ width: 100%; min-height: 100%; }
.loginInfo .encodeInfo .refreshBox{ width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.9); }
.loginInfo .encodeInfo .refreshBox p{ height: 19px; font-weight: bold; line-height: 19px; margin-top: 67px; }
.loginInfo .encodeInfo .refreshBox button{ width: 68px; height: 36px; background: #303133; border-radius: 18px; border: 0; color: #FFFFFF; font-weight: bold; margin-top: 16px; cursor: pointer; }
.loginInfo .encodeInfo .tip{height: 21px; font-size: 16px; color: #646566; line-height: 21px; margin-top: 24px;}
.loginInfo .beforeLoginTip{height: 16px;width: 100%;text-align: center;font-size: 12px;color: #646566;line-height: 16px;position: absolute;bottom: 32px;}
.loginInfo .beforeLoginTip .aBlue{ text-decoration: underline; }
.passwordInfo{ margin-top: 61px; padding: 0 32px; }
.logintabs{padding-bottom: 18px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.logintabs::after{content: ''; display: block; clear: both;}
.logintabs li{ float: left; font-size: 18px; line-height: 24px; height: 24px; font-weight: bold; color: #646566; margin-right: 40px; cursor: pointer; }
.logintabs li.curr{ position: relative; color: #2080F8; }
.logintabs li.curr:after{ content: ''; display: block; width: 100%; height: 3px; background: #2080F8; position: absolute; bottom: -18px; left: 0; }
.passwordInfo .form{ padding-top: 20px; }
.passwordInfo .form input{height: 48px;background: #F7F7F7; padding: 0 16px; font-size: 16px; box-sizing: border-box; border-radius: 4px;border: 1px solid rgba(0,0,0,0.08); width: 100%;}
.passwordInfo .form span.error{display: block;width: 100%;height: 16px;font-size: 12px;color: #FD4029;line-height: 16px;padding: 4px;}
.passwordInfo .form .codeBox::after{ content: ''; display: block; clear: both; }
.passwordInfo .form .codeBox input{ display: block; float: left; width: 195px; }
.passwordInfo .form .codeBox .code{ float: right; height: 48px; width: 160px; border-radius: 4px; border: 1px solid rgba(0,0,0,0.08); }
.passwordInfo .form .other{ height: 19px; color: #646566; line-height: 19px; margin-top: 5px; overflow: hidden; }
.passwordInfo .form .forgetPwd{ float: right; }
.passwordInfo .loginBtn.mt25{ margin-top: 25px; }
.passwordInfo .loginBtn button{ width: 100%; height: 48px; border: 0; background: #2080F8; border-radius: 4px; font-size: 16px; color: #FFFFFF; cursor: pointer; }
.passwordInfo+.beforeLoginTip{ bottom: 18px; }
.returnLogin{float: right;font-size: 16px;margin-right: 16px;margin-top: 16px;}

.articleDetailBox{ margin-top: 32px; width: 100%; overflow: hidden; box-sizing: border-box; }
.articleDetailBox .tit h1{ font-size: 32px; font-weight: bold; line-height: 48px; }
.articleDetailBox .tit .info{ margin-top: 20px; color: #969799; }
.articleDetailBox .tit .info span{ margin-right: 24px; line-height: 19px; }
.articleDetailBox .tit .info span i{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(../images/images/bg1.png) no-repeat;margin-right: 2px;margin-top: -4px;}
.articleDetailBox .tit .info span i.view{background-position: 0 -10px;}
.articleDetailBox .tit .info span i.collect{background-position: 0 -30px;}
.articleDetailBox .tit .info span.collecbtn.collected{ color: #FF6701; }
.articleDetailBox .tit .info span.collecbtn.collected i.collect{background-position: 0 -45px;}
.articleDetailBox .cont{ padding-top: 5px; }
.articleDetailBox .cont p{ font-size: 16px; line-height: 24px; margin-top: 25px; }
.articleDetailBox .labsList{ width: calc(100% + 10px); margin-left: -10px; padding-top: 12px; }
.articleDetailBox .labsList:after{ content: ''; display: block; clear: both; }
.articleDetailBox .labsList a{ display: block; float: left; padding: 0 12px; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #D3D7DC; color: #646566; margin-left: 10px; margin-top: 12px; }
.articleDetailBox .labsList a:hover{ background: #2080F8; color: #FFFFFF; border-color: #2080F8; }
.articleDetailBox .claration{ border-top: 1px solid rgba(0,0,0,0.06); padding-top: 24px; margin-top: 24px; color: #646566; line-height: 28px; }
.articleDetailBox .clarationTit{ float: left; padding: 0 8px; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #FD4029; color: #FD4029; text-align: center; margin-right: 12px; }
.articleDetailBox .claration a{ text-decoration: underline; }
.articleDetailBox .cateBox{ display: table; width: 100%; margin-top: 24px; }
.articleDetailBox .cateItem{ display: table-cell; width: 50%; padding: 20px; border: 1px solid #E6E7EB; }
.articleDetailBox .cateItem:not(:first-child){ border-left: 0; }
.articleDetailBox .cateItem .img_box{ display: block; float: left; width: 114px; height: 76px; border-radius: 4px; margin-right: 16px; }
.articleDetailBox .cateItem .img_box img{ width: 100%; min-height: 100%; }
.articleDetailBox .cateItem dt{height: 20px; line-height: 20px; padding-top: 2px;}
.articleDetailBox .cateItem dt a:hover{ text-decoration: underline; color: #303133; }
.articleDetailBox .cateItem dt i{display: inline-block; vertical-align: middle; width: 7px; height: 12px; background: url(../images/images/bg1.png) no-repeat -20px -20px; margin-left: 4px; margin-top: -2px;}
.articleDetailBox .cateItem dd{ height: 42px; color: #646566; line-height: 21px; margin-top: 10px; }

.newArticleList li{ padding: 0 20px; }
.newArticleList li:hover{ background: #F8F8FA; }
.newArticleList li .contBox{ padding: 24px 0; border-bottom: 1px solid rgba(0,0,0,0.06); overflow: hidden; }
.newArticleList .img_box{float: right; width: 132px; height: 88px; border-radius: 4px; margin-left: 20px;}
.newArticleList .img_box img{ width: 100%; min-height: 100%; }
.newArticleList dd{overflow: hidden;line-height: 16px;height: 16px;font-size: 12px;color: #969799;}
.newArticleList dt{ margin-top: 16px; height: 24px; font-size: 18px; font-weight: bold; line-height: 24px; }
.newArticleList dd.cont2{margin-top: 16px;}
.newArticleList dd.cont2 span{ float: left; margin-left: 24px; }
.newArticleList dd.cont2 span:first-child{ margin-left: 0; }
.newArticleList dd.cont2 i{ display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px; width: 16px; height: 16px; background: url(../images/images/bg1.png) no-repeat 0 -30px; }
.newArticleList dd.cont2 .view{ background-position: 0 -10px; }
.newArticleList dd.cont2 span.collectBtn{ cursor: pointer; }
.newArticleList dd.cont2 span.collectBtn.collected{ color: #FA8919; }
.newArticleList dd.cont2 span.collectBtn.collected i{ background-position: 0 -45px; }
.newArticleList .img_box_atavar{float: left; width: 132px; height: 88px; width: 88px; border-radius: 100px; margin-right: 20px;overflow: hidden;}
.newArticleList .img_box_atavar img{ width: 100%; min-height: 100%; }

.sizeguanyutitle a{width: 100px;height: 25px; margin-bottom: 20px;cursor:pointer;}
.sizeguanyutitle .curr{border-right: 3px solid #2080F8;color: #2080F8;}
.sizeguanyutitle a{display: block;}
.sizeguanyutitle{font-size: 18px; font-weight: bold;margin-top: 50px;}
.sizeguanyuboder{width: 1px; height: 1000px;border-left: 1px solid rgba(0,0,0,0.06);float: left;margin-top: 40px;}
.sizeguanyutitleright{font-size: 18px; font-weight: bold;margin-top: 50px;width: 500px;}
.sizeguanyutitleright span{display: block;margin-left: 129px;}
.descriptionguanyu{width: 900px;font-size: 16px;font-weight: normal;color:#969799;line-height: 24px;}
.descriptionguanyu p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
}

.videoDetailBox{ margin-top: 30px; }
.videoDetailBox iframe{ width: 100%; height: 494px; }
.videoDetailBox .cateBox{display: flex; justify-content: space-between; margin-top: 24px;}
.videoDetailBox .cateItem{ width: calc(50% - 16px); height: 43px; padding: 0 20px; line-height: 43px; border: 1px solid #E6E7EB; background: #FFFFFF; color: #646566; box-sizing: border-box; }
.courseCatalog .titBox{ height: 70px; line-height: 70px; overflow: hidden; padding: 0 20px; }
.courseCatalog .titBox .tit{ float: left; max-width: calc(100% - 170px); font-weight: bold; font-size: 20px; }
.courseCatalog .titBox .tip{ float: left; max-width: 120px; color: #969799; margin-left: 16px; line-height: 75px; }
.courseCatalog .titBox i.toggleIcon{ display: block; float: right; width: 12px; height: 7px; background: url(../images/images/bg1.png) no-repeat -40px -50px; margin: 31px 0 0 16px; cursor: pointer; }
.courseCatalog .open .titBox i.toggleIcon{ background-position: -60px -50px; }
.curseList{ display: none; }
.courseCatalog .open .curseList{ display: block; }
.curseList dl{padding: 16px 84px 16px 20px; position: relative;}
.curseList dl:after{ content: ''; display: block; width: calc(100% - 40px); height: 1px; background: #F1F3F7; position: absolute; bottom:0; left: 20px; }
.curseList dl.curr{ background: #EBF3FF; }
.curseList dt{ height: 20px; font-size: 16px; line-height: 20px; position: relative; padding-left: 30px; }
.curseList dt .index{ height: 20px; line-height: 20px; position: absolute; left: 0; top: 0; }
.curseList dl.curr dt a{ color: #2080F8; }
.curseList dd.cont{ padding-left: 30px; color: #969799; margin-top: 8px; }
.curseList dd.status{ display: none; color: #2080F8; height: 18px; line-height: 18px; position: absolute; right: 20px; top: 32px; }
.curseList dd.status i{ display: block; float: left; width: 15px; height: 12px; margin-top: 3px; margin-right: 5px; background: url(../images/images/bg1.png) no-repeat -90px -40px; }
.curseList dl.curr dd.status{ display: block; }
.curseList dd.tryStudy{position: absolute;right: 20px;top: 25px;}
.curseList dd.tryStudy a{ display: block; color: #2080F8; padding: 0 10px; height: 26px; line-height: 26px; border-radius: 2px; border: 1px solid #2080F8;}
.curseList dd.lock{position: absolute;right: 35px;top: 25px;}
.curseList dd.lock i{ display: block; width: 20px; height: 22px; background: url(../images/images/bg1.png) no-repeat -110px -40px; }

.videoCateInfoBox{ background: #FFFFFF; padding: 20px; margin-top: 24px; }
.videoCateInfoBox .briefBox{ margin-top: 20px; }
.videoCateInfoBox .briefBox .img_box{ float: left; position: relative; width: 148px; height: 194px; box-shadow: 0px 4px 30px 0px rgba(0,13,56,0.12); border-radius: 6px; margin-right: 32px; }
.videoCateInfoBox .briefBox .img_box i{ display: block; width: 72px; height: 40px; background: url(../images/images/bg1.png) no-repeat 0 -70px; position: absolute; left: 0; top: 0; }
.videoCateInfoBox .briefBox .img_box img{ width: 100%; min-height: 100%; }
.videoCateInfoBox .briefBox dl{ margin-left: 180px; }
.videoCateInfoBox .briefBox dt .tit{ font-size: 20px; font-weight: bold; line-height: 26px; }
.videoCateInfoBox .briefBox dt .tit .lab{ display: block; float: left; height: 26px; line-height: 26px; background: #FD4029; color: #FFFFFF; font-weight: bold; border-radius: 2px; padding: 0 8px; font-size: 16px; margin-right: 12px; }
.videoCateInfoBox .briefBox dt .other{ float: right; }
.videoCateInfoBox .briefBox dt .intoGroup{ display: block; float: left; height: 34px; line-height: 34px; text-align: center; background: #EBF3FF; border-radius: 4px; padding: 0 10px; color: #2080F8; }
.videoCateInfoBox .briefBox dt .intoGroup i{ display: block; float: left; width: 24px; height: 14px; background: url(../images/images/bg1.png) no-repeat -110px -70px; margin-right: 4px; margin-top: 10px; }
.videoCateInfoBox .briefBox dd.cont1{ color: #969799; line-height: 19px; margin-top: 20px; }
.videoCateInfoBox .briefBox dd.cont1 span{ display: inline-block; margin-right: 24px; }
.videoCateInfoBox .briefBox dd.cont1 span b{ display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #E6E7EB; margin: -2px 8px 0; }
.videoCateInfoBox .briefBox dd.cont1 .collectBtn{ cursor: pointer; }
.videoCateInfoBox .briefBox dd.cont1 .collectBtn i{ display: block; float: left; width: 17px; height: 17px; margin-right: 4px; background: url(../images/images/bg1.png) no-repeat -140px -40px; }
.videoCateInfoBox .briefBox dd.cont1 .collectBtn.collected{ color: #FA8919; }
.videoCateInfoBox .briefBox dd.cont1 .collectBtn.collected i{ background-position: -160px -40px; }
.videoCateInfoBox .briefBox dd.cont2{ font-size: 16px; color: #646566; line-height: 24px; margin-top: 20px; }
.videoCateInfoBox .briefBox dd.cont3{ overflow: hidden; width: calc(100% + 10px); padding-top: 8px; margin-left: -10px; }
.videoCateInfoBox .briefBox dd.cont3 a{ display: block; float: left; padding: 0 12px; height: 28px; line-height: 28px; border-radius: 4px; border: 1px solid #D3D7DC; color: #646566; margin-left: 10px; margin-top: 12px; }
.videoCateInfoBox .briefBox dd.cont3 a:hover{ background: #2080F8; color: #FFFFFF; border-color: #2080F8; }
.videoCateInfoBox.priceBox{ background: #FFFFFF; box-shadow: 0px 4px 30px 0px rgba(232,233,237,0.5); }
.videoCateInfoBox.priceBox strong{ float: left; font-size: 36px; font-weight: bold; color: #FF7A38; line-height: 47px; }
.videoCateInfoBox.priceBox strong em{font-size: 20px;font-weight: normal;text-decoration: line-through;color: #999999;line-height: 26px;margin-left: 10px;}
.videoCateInfoBox.priceBox .discount{float: left;margin-left: 30px;position: relative;height: 30px;line-height: 30px;color: #FF7A38;margin-top: 10px;padding: 0 24px;background: linear-gradient(90deg, #FFF9F2 0%, rgba(255,249,242,0) 100%);border: 1px solid;border-image: linear-gradient(90deg, rgba(255, 208, 162, 1), rgba(250, 137, 25, 0)) 1 1;border-right: 0;}
.videoCateInfoBox.priceBox .discount i{display: block;width: 29px;height: 34px;background: url(../images/images/bg1.png) no-repeat -80px -70px;margin-right: 4px;position: absolute;left: -10px;top: -2px;}
.videoCateInfoBox.priceBox .right{ float: right; }
.videoCateInfoBox.priceBox .right .freeTry{float: left;text-align: center;font-size: 12px;color: #646566;line-height: 16px;margin-top: 5px;}
.videoCateInfoBox.priceBox .right .freeTry i{ display: block; width: 24px; height: 21px; background: url(../images/images/bg1.png) no-repeat -180px -40px; margin: 0 auto 3px; }
.videoCateInfoBox.priceBox .right .freeTry:hover{ text-decoration: underline; }
.videoCateInfoBox.priceBox .right .buyBtn{ display: block; float: left; width: 160px; height: 48px; line-height: 48px; text-align: center; background: #FF7A38; color: #FFFFFF; border-radius: 4px; margin-left: 32px;font-size: 18px; font-weight: bold;}

.classDetMenu{ height: 60px; border-bottom: 1px solid rgba(0,0,0,0.06); }
.classDetMenu ul{ line-height: 60px; font-size: 20px; }
.classDetMenu li{ float: left; margin-right: 56px; }
.classDetMenu li a{display: inline-block;color: #303133;position: relative;}
.classDetMenu li em{ display: inline-block; vertical-align: middle; padding: 0 10px; height: 24px; line-height: 24px; border-radius: 2px; border: 1px solid #2080F8; font-weight: normal; color: #2080F8; font-size: 14px; margin-left: 13px; margin-top: -2px; }
.classDetMenu li.curr{ font-weight: bold; }
.classDetMenu li.curr a:after{ content: ''; display: block; width: 40px; height: 3px; background: #303133; position: absolute; left: 50%; bottom: 0; margin-left: -20px; }

.classDetCont{ padding: 5px 20px 20px; }
.classDetCont p{ font-size: 16px; line-height: 24px; margin-top: 25px; }

.topimage{background-image: url(../images/images/tagtopbg.png);width: 1200px;height: 180px;margin-top: 25px;}
.topimage .title{font-weight: bolder;font-size: 45px;color: #ffffff;text-align: center;}
.topimage .clear{height: 43px;}
.topimage .content{font-weight: 100;font-size: 20px;color: #ffffff;margin-top: 15px;text-align: center;}

.downloadinfobox{width: 800px;height: 140px;background-color: #F3F3F3;margin-top: 20px;margin-bottom: 20px;}
.downloadinfobox table{width: 631px;height:90px;font-size: 14px;margin-left: 20px;}
.downloadinfobox .clear{height: 15px;width: 1px;}
.downloadinfobox table a{color: #2080F8;margin-right: 5px;}
.downloadinfobox table span{padding: 0 10px; height: 25px;border-radius: 5px;background-color: #EBF3FF;color: #2080F8;margin-right: 5px;display: inline-block;text-align: center;line-height: 25px;}
.downloadanniu{border-radius: 5px;font-size: 16px;color: #ffffff;width: 180px;height: 47px;display: inline-block;text-align: center;line-height: 47px;margin-right: 26px;}
.downloadanniu i{background-image: url(../images/images/download.png);width: 16px;height: 16px;display:inline-block;margin-right: 5px;margin-top: 5px;line-height: 47px;}
.downloadanniu:hover{color: #ffffff;}

.downloadDetail{ margin: 0 16px; font-size: 16px; line-height: 34px;}
.downloadDetail p{ margin-top: 28px; }
.downloadDetailImgSwiperBox{ position: relative; padding-bottom: 28px; margin: 24px 20px 0; }
.downloadDetailImgSwiper{ height: 284px; }
.downloadDetailImgSwiper .swiper-slide{ width: auto !important; }
.downloadDetailImgSwiper img{ height: 284px; }
.downloadDetailImgSwiperScrollbar{ width: 100% !important; left: 0 !important; height: 6px !important; }
.downloadList{ margin: 0 16px; overflow: hidden; }
.downloadList li{ float: left; width: 48%; margin-left: 4%; height: 18px; line-height: 18px; margin-top: 26px; }
.downloadList li:nth-child(odd){ margin-left: 0; }
.downloadList li:before{content: '';display: block;float: left;width: 8px;height: 8px;background: #EBEBEB;box-shadow: 0px 0px 3px 0px #DCD9D9;border-radius: 2px;margin-right: 20px;margin-top: 6px;}

.searchRes{ margin: 0 16px; font-size: 16px; color: #666666; line-height: 25px; }
.searchRes span{ color: #F11717; font-weight: bold; }

.categoryBlock{
    border-radius: 0px 5px 0px 0px;
    overflow: hidden;
}
.categoryBlock ul{
    margin-right: -5px;
}
.categoryBlock li{
    float: left;
    padding: 15px;
    width: 210px;
    height: 100px;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    background: #FFFFFF;
    transition: .3s all ease-in;
}
.categoryBlock li:hover{
    background: #EBF3FF;
    transition: .3s all ease-in;
}
.categoryBlock a{
    color: #666;
}
.categoryBlock a:hover{
    color: #2080F8;
}
.categoryBlock dt{
    margin-bottom: 22px;
}
.categoryBlock dt img{
    display: inline-block;
    width: 22px;
    height: 23px;
    vertical-align: middle;
}
.categoryBlock dt a{
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.categoryBlock dd{
    display: inline-block;
    margin-left:8px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}
.categoryBlock dd a{
    font-size: 14px;
}

.topBlock>.pullLeft{
    width: 600px;
    overflow: hidden;
}
.topBlock>.pullRight{
    width: 570px;
    overflow: hidden;
}
.bannerBlock{
    width: 600px;
    height: 320px;
    overflow: hidden;
}
.bannerBlock .swiper{
    width: 100%;
    height: 100%;
}
.bannerBlock .swiper img{
    width: 100%;
    height: 100%;
}

.commonBlock .listItem {
    background: #fff;
    border-radius: 5px;
    padding: 10px 14px;
    width: 250px;
    height: 64px;
    margin-bottom: 0;
    float: none;
    transition: .3s all ease-in;
}
.commonBlock .listItem:hover {
    box-shadow: none;
}
.commonBlock .listItemContent {
    float: right;
    width: 170px;
}
.commonBlock .listItemContent .describe{
    line-height: 18px;
}
.commonBlock .listItemImg img {
    width: 64px;
    height: 64px;
    border-radius: 15px;
}
.commonBlock .listItemContent .title{
    margin-bottom: 12px;
}
.commonHotBlock{
    height: 390px;
    overflow: hidden;
}
.commonHotBlock>.pullLeft{
    width: 280px;
    height: 100%;
    overflow: hidden;
}
.commonHotBlock>.pullRight{
    width: 300px;
    height: 100%;
    overflow: hidden;
}
.commonHotBlock .hotNewsBanner2{
    padding: 6px 14px;
}


.aboutArticleRList3 {
    padding: 20px 20px 0;
    border-bottom: 1px solid #eee;
}
.aboutArticleRList3 li {
    padding-left: 16px;
    margin-bottom: 19px;
    position: relative;
}
.aboutArticleRList3 li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    border: 2px solid #D9D9D9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}
.aboutArticleRList3 .articleListContent{
    display: flex;
    align-items: center;
}
.aboutArticleRList3 .articleRListCategory{
    width: 80px;
}
.aboutArticleRList3 .articleRListCategory span{
    width: 60px;
    height: 20px;
    line-height: 20px;
    display: inline-flex;
    overflow: hidden;
}
.aboutArticleRList3 .articleRListTitle{
    width: 328px;
    padding: 0 10px;
}
.aboutArticleRList3 .articleRListTitle a{
    font-size: 16px;
}
.articleListContent .cont2{
    margin-top: 0;
}
.toolBlock .listItem{
    width: 250px;
}
.toolBlock .listItemContent .title {
    margin-bottom: 10px;
}
.toolBlock .listItemContent {
    width: 165px;
}
.toolBlock .listItemContent .cont2 span{
    margin-left: 0;
}


.jsBlock .listTheme li{
    width: 190px;
    height: 280px;
    margin-right: 18px;
    margin-bottom: 16px;
    border: none;
}
.jsBlock .listContent{
    padding: 15px 0;
}
.jsBlock .pullRight .listItem{
    padding: 0;
    width: 290px;
    background: none;
    margin-bottom: 14px;
}
.jsBlock .pullRight .listItem:hover{
  background: none;
  box-shadow: none;
}
.jsBlock .pullRight .listNum {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    background: #D7D7D7;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    margin-right: 10px;
}
.jsBlock .pullRight .listItem:nth-child(1) .listNum,
.jsBlock .pullRight .listItem:nth-child(2) .listNum,
.jsBlock .pullRight .listItem:nth-child(3) .listNum {
    width: 26px;
    height: 40px;
    line-height: 48px;
    background: url(../images/images/icon14.png) 0 0 no-repeat;
    background-size: contain;
    color: #F11717;
}
.jsBlock .pullRight .listItemImg img {
    width: 45px;
    height: 45px;
    border-radius: 10px;
}
.jsBlock .pullRight .listItemContent {
    width: 250px;
}
.jsBlock .pullRight .listItem:nth-child(1) .listItemContent,
.jsBlock .pullRight .listItem:nth-child(2) .listItemContent,
.jsBlock .pullRight .listItem:nth-child(3) .listItemContent {
    width: 200px;
}
.jsBlock .pullRight .listItemContent .title{
    margin-bottom: 8px;
}

.jsBlock .pullRight .listItemContent .describe{
    line-height: 12px;
}

.downloadimage{
    width: 382px;
    height: 255px;
}

.downloadinfodiv{
    width: 760px;
    float: right;
}

.downloaddescription{
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    color: #999999;
    font-size: 14px;
    margin: 18px;
    margin-left: 0px;
}

.downloadinfotable{
    border-radius: 5px;
    background-color: #f3f3f3;
    width: 762px;
    height: 90px;
    color: #646566;
}
.downloadinfotable a{
    color: #F11717;
}
.downloadinfotable table{
    width: 720px;
      height: 73px;
      margin-left: 20px;
}

.downloadanniu{
    background-color: #F11717;
      width: 230px;
      height: 55px;
      line-height: 55px;
      margin-top: 18px;
}

.downloadanniu i{
    background-image: url(../images/images/download2.png);
      width: 25px;
      height: 25px;
      margin-top: -2px;
      margin-right: 15px;
      /* float: left; */
      display: inline-block;
      vertical-align: middle;
      position: relative;
}

.piclook{
    background-color: #2080F8;
      width: 230px;
      height: 55px;
      border-radius: 5px;
}

.piclook i{
    background-image: url(../images/images/piclook.png);
    width: 22px;
      height: 24px;
}

.downloadtitlei{
    background-image: url(../images/images/icon1.png);
    width: 8px;
    height: 21px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 2px;
    float: left;
}
.downloadtitle{
    font-size: 18px;
    font-weight: bolder;
    position: relative;
}

.downloadcontent{
    font-size: 14px;
    color: #646566;
    margin-top: 26px;
    line-height:28px;
}

.tebieshengming{
    background-color: #fdf4f4;
    border-radius: 5px;
    width: 800px;
    height: 158px;
    margin-top: 30px;
    margin-bottom: 20px;
}


.br12{
    border-radius: 12px;
}

.categoryDescribe{
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 12px;
    margin-bottom: 25px;
}
.categoryDescribe img{
    width:66px;
    height:72px;
    margin-right: 16px;
}
.categoryDescribe div{
    flex: 1;
    min-width: 0;
}
.categoryDescribe h3{
    margin-top: 6px;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}
.categoryDescribe p{
    font-size: 14px;
    color: #B7B7B7;
}
.titleTheme h2 .titleIcon{
    display: inline-block;
    width: 14px;
    height: 20px;
    background: url(../images/images/icon15.png) 0 0 no-repeat;
    background-size: contain;
    margin-right: 10px;
    vertical-align: sub;
}
.curricularTaxonomy ul{
    margin-right: -25px;
}
.curricularTaxonomy li{
    text-align: center;
    float: left;    
    box-sizing: border-box;
    width: 160px;
    height: 45px;
    line-height: 45px;
    background: #F9F9F9;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    margin-right: 25px;
    margin-bottom: 17px;
    overflow: hidden;
}
.curricularTaxonomy li a{
    padding-left: 6px;
    display: block;
    font-size: 14px;
    color: #333333;
    position: relative;
}
.curricularTaxonomy li ::before{
    content: '.';
    color: transparent;
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #E4E4E4;
}
.curricularTaxonomy li:hover{
    border: 1px solid #1684FC;
    background: #FFFFFF;
}
.curricularTaxonomy li:hover a{
    color: #1684FC;
}
.curricularTaxonomy li:hover ::before{
    background: #1684FC;
}
.articleTab{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    box-sizing: border-box;
    background: #F7F8FA;
    border-radius: 5px;
    margin-bottom: 20px;
}
.articleTab li{
    float: left;
    margin-right: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
}
.articleTab li.curr{
    color: #1684FC;
}
.articleTab li.curr div {
    position: relative;
}
.articleTab li.curr div:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #1684FC;
}

.articleListItem{
    margin-bottom: 14px;
}

.articleListItem:hover .title a{
    color: #1684FC;
}

.articleListItemImg{
  float: left;
}

.articleListItemImg img{
  width: 95px;
  height: 65px;
  border-radius: 5px;
}

.articleListItemContent{
  float: right;
  width: 380px;
}

.articleListItemContent .title{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.articleListItemContent .title a{
  font-size: 14px;
  color: #333333;
}

.articleListItemContent .describe{
  font-size: 12px;
  color: #666;
}
.loginBlock{
    padding: 15px;
}
.userBox{
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
}
.userHead{
    margin-bottom: 15px;
}
.userHead div {
    margin-bottom: 10px;
}
.userHead p {
    font-size: 14px;
    color: #333333;
}
.loginBtnBox a{
    display: block;
    float: left;
    width: 70px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: #F9F9F9;
    color: #333333;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    padding: 0 10px;
    margin-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.loginBtnBox a.active {
    background: #1684FC;
    color: #FFFFFF;
    border: 1px solid #1684FC;
}

.userListBox{
    padding-top: 15px;
}
.userListBox li{
    margin-bottom: 10px;
}
.userListBox .userListContent{
    display: flex;
    align-items: center;
}
.userListContent .userListCategory{
    width: 80px;
}
.userListContent .userListCategory a{
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.userListContent .userListCategory span {
    width: 30px;
    height: 20px;
    line-height: 20px;
    display: inline-flex;
    overflow: hidden;
}
.userListContent .userListTitle{
    width: 270px;
    padding: 0 10px;
}
.userListContent .userListTitle a{
    font-size: 14px;
    color: #999;
}
.communityName{
    margin-bottom: 18px;
}
.communityNameBox{
    margin-left: 14px;
    flex: 1;
    min-width: 0;
}
.communityName h3{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
}
.communityName p{
    font-size: 12px;
    color: #999999;
}
.communityName p span{
    margin-right: 10px;
}
.communityDescribe{
    margin-bottom: 15px;
}
.communityDescribe p{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}

.communityEntryBtn {
    background-color: #fc3930;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.communityEntryBtn:hover {
    color: #fff;
    cursor: pointer;
}
.communityEntryBtn i {
    background-image: url(../images/images/icon17.png);
    background-size: cover;
    width: 25px;
    height: 18px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: sub;
}
.communityQW{
    margin-top: 15px;
}
.communityQQ>p,.communityWX>p{
    margin-top: 13px;
    font-size: 14px;
    color: #333333;
}
.communityWX{
    position: relative;
}
.wxTips{
    display: none;
    position: absolute;
    left: -60px;
    top: -210px;
    width: 170px;
    height: 210px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px #E5E4E4;
    border-radius: 12px;
}
.communityWX:hover .wxTips{
    display: block;
}
.wxTips img{
    width: 120px;
    height: 120px;
    margin: 13px auto;
    display: block;
}
.wxTips p{
    text-align: center;
    font-size: 12px;
    color: #333333;
}

.titleTheme2 h3{
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    margin-right: 24px;
}
.titleTheme2>div:nth-child(1) .btnTheme{
    margin-right: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.btnTheme{
    padding: 10px 20px;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    border-radius: 54px;
    color: #999999;
    cursor: pointer;
    background: #EDEDED;
}

.btnTheme.active{
    background: #1684FC;
    color: #fff;
}

.manualListBox {
    margin-right: -60px;
}
.manualListBox .manualListItem{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 285px;
    height: 140px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px #E5E4E4;
    border-radius: 12px;
    padding: 30px 20px;
}
.manualListBox .manualListItemImg{
    width: 78px;
    height: 78px;
    margin-right: 15px;
}
.manualListBox .manualListItemImg img{
    width: 100%;
    height: 100%;
}

.manualListBox .manualListItemContent{
    min-width: 0;
    flex: 1;
}
.manualListBox .manualListItemContent h3{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 16px;
}
.manualListBox .manualListItemContent p{
    font-size: 14px;
    color: #999999;
    line-height: 22px;
}

.discountSwiper .swiper-slide{
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px #E5E4E4;
    border-radius: 12px;
    box-sizing: border-box;
    overflow: hidden;
}
.discountSwiper .discountSwiperImg{
    position: relative;
    height: 124px;
}
.discountSwiper .discountSwiperImg img{
    width: 100%;
    height: 100%;
}
.discountSwiperContent{
    padding: 16px;
    box-sizing: border-box;
}
.discountSwiperImg .imgTag{
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    background: #FD4029;
    border-radius: 0px 12px 0px 12px;
    color: #fff;
}
.discountSwiperContent .title,.discountSwiperContent .title a{
    height: 44px;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.discountSwiperContent .titleTag{
    width: 34px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    color: #298AFD;
    background: #E1E8FD;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
}
.discountSwiperContent .middleTag{
    color: #FD4029;
    background: #FEE7E2;
}
.discountSwiperContent .highTag{
    color: #FB6401;
    background: #FCF4E0;
}
.discountSwiperContent .study{
    margin-top: 12px;
}
.discountSwiperContent .study span{
    font-size: 12px;
    color: #93999F;
}

.discountSwiperContent .discount{
    margin-top: 12px;
}
.discountSwiperContent .discount span{
    font-size: 12px;
    color: #FD4029;
    display: inline-flex;
    padding: 0 8px;
    height: 18px;
    border: 1px solid #FD4029;
    border-radius: 3px;
}
.discountSwiperContent .price{
    margin-top: 10px;
}
.discountSwiperContent .price .presentPrice{
    font-size: 16px;
    color: #FD4029;
}
.discountSwiperContent .price .originalPrice{
    font-size: 12px;
    color: #93999F;
    text-decoration-line: line-through;
}
.discountSwiperContent .price .vipPrice{
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.discountSwiperContent .price .vipPrice span{
    padding: 0 5px;
}
.discountSwiperContent .price .vipPrice span:nth-child(1){
    height: 20px;
    line-height: 20px;
    background: #585858;
    border-radius: 3px 0px 0px 3px;
    color: #FCEAC0;
    font-size: 12px;
}
.discountSwiperContent .price .vipPrice span:nth-child(2){
    line-height: 20px;
    height: 20px;
    background: #FCEAC0;
    border-radius: 3px;
    font-size: 12px;
    color: #633B00;
}

.discountSwiperContent .price .vipFree span{
    padding: 0 5px;
    font-size: 12px;
    color: #633B00;
    background: #FCEAC0;
    border-radius: 3px;
}
.discountSwiperBox{
    position: relative;
}
.discountSwiperBox .swiper-button-prev,.discountSwiperBox  .swiper-rtl .swiper-button-next{
    left: -40px;
}
.discountSwiperBox .swiper-button-next,.discountSwiperBox  .swiper-rtl .swiper-button-prev{
    right: -40px;
}
.discountSwiperBox .swiper-button-prev:after{
    width: 33px;
    height: 87px;
    background: url(../images/images/icon_left.png) 0 0 no-repeat;
    background-size: contain;
    content: '.';
    color: transparent;
}
.discountSwiperBox .swiper-button-prev:hover:after{
    background: url(../images/images/icon_left1.png) 0 0 no-repeat;
    background-size: contain;
}
.discountSwiperBox .swiper-button-next:after{
    width: 33px;
    height: 87px;
    background: url(../images/images/icon_right.png) 0 0 no-repeat;
    background-size: contain;
    content: '.';
    color: transparent;
}
.discountSwiperBox .swiper-button-next:hover:after{
    background: url(../images/images/icon_right1.png) 0 0 no-repeat;
    background-size: contain;
}



.listTheme .listThemeItem{
    background: #FFFFFF;
    box-shadow: 0px 0px 30px 0px #E5E4E4;
    border-radius: 12px;
    box-sizing: border-box;
    overflow: hidden;
}
.listTheme .listThemeImg{
    position: relative;
    height: 124px;
}
.listTheme .listThemeImg img{
    width: 100%;
    height: 100%;
}
.listThemeContent{
    padding: 16px;
    box-sizing: border-box;
}
.listThemeImg .imgTag{
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
    background: #FD4029;
    border-radius: 0px 12px 0px 12px;
    color: #fff;
}
.listThemeContent .title,.listThemeContent .title a{
    height: 44px;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.listThemeContent .titleTag{
    width: 34px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    color: #298AFD;
    background: #E1E8FD;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
}
.listThemeContent .middleTag{
    color: #FD4029;
    background: #FEE7E2;
}
.listThemeContent .highTag{
    color: #FB6401;
    background: #FCF4E0;
}
.listThemeContent .study{
    margin-top: 12px;
}
.listThemeContent .study span{
    font-size: 12px;
    color: #93999F;
}

.listThemeContent .discount{
    margin-top: 12px;
}
.listThemeContent .discount span{
    font-size: 12px;
    color: #FD4029;
    display: inline-flex;
    padding: 0 8px;
    height: 18px;
    border: 1px solid #FD4029;
    border-radius: 3px;
}
.listThemeContent .price{
    margin-top: 10px;
}
.listThemeContent .price .presentPrice{
    font-size: 16px;
    color: #FD4029;
}
.listThemeContent .price .originalPrice{
    font-size: 12px;
    color: #93999F;
    text-decoration-line: line-through;
}
.listThemeContent .price .vipPrice{
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.listThemeContent .price .vipPrice span{
    padding: 0 5px;
}
.listThemeContent .price .vipPrice span:nth-child(1){
    height: 20px;
    line-height: 20px;
    background: #585858;
    border-radius: 3px 0px 0px 3px;
    color: #FCEAC0;
    font-size: 12px;
}
.listThemeContent .price .vipPrice span:nth-child(2){
    line-height: 20px;
    height: 20px;
    background: #FCEAC0;
    border-radius: 3px;
    font-size: 12px;
    color: #633B00;
}

.listThemeContent .price .vipFree span{
    padding: 0 5px;
    font-size: 12px;
    color: #633B00;
    background: #FCEAC0;
    border-radius: 3px;
}


.lessonListBox .listTheme{
    margin-right: -80px;

}
.lessonListBox .listTheme li{
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 224px;
    height: 230px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 12px;
}
.technologyBlock .pullLeft .articleList{
    padding: 0 15px;
}
.technologyBlock .pullLeft .articleListItem{
    margin-bottom: 30px;
}
.technologyBlock .pullLeft .articleListItemContent {
    width: 630px;
}
.technologyBlock .pullLeft .articleListItemImg img {
    width: 220px;
    height: 140px;
    background: #ECECEC;
    border-radius: 12px;
}
.technologyBlock .pullLeft .articleListItemContent .title a{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.technologyBlock .pullLeft .articleListItemContent .describe {
    font-size: 14px;
    color: #666;
}
.technologyBlock .pullLeft .articleListItemContent .describe p{
    line-height: 26px;
}

.technologyBlock .pullRight .articleList{
    width: 270px;
    height: 505px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 15px;
    box-sizing: border-box;
}
.technologyBlock .pullRight .articleListItemContent {
    width: 135px;
}

.technologyBlock .pullRight .articleListItemContent .title{
    margin-top: 10px;
}

.qsListBox ul{
    margin-right: -40px;
}
.qsListBox li{
    width: 386px;
    height: 105px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px 0px rgba(205,216,228,0.3);
    border-radius: 12px;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
}

.qsListBox .listThemeContent a{
    flex: 1;
    min-width: 0;
    height: 16px;
    line-height: 16px;
}
.qsListBox .listThemeContent .topTag{
    display: inline-flex;
    padding: 0 4px;
    border: 1px solid #F11717;
    border-radius: 3px;
    font-size: 12px;
    color: #F11717;
}
.friendLinkBlock .friendLink ul{
    padding: 20px 20px 0 20px;
}
.friendLinkBlock .friendLink li{
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.friendLinkBlock .friendLink li a{
    font-size: 14px;
    color: #999999;
}

.articleCateBox{padding: 1px 15px 27px;overflow: hidden;}
.articleCateBox dl{overflow: hidden;width: calc(100% + 15px);}
.articleCateBox dt{font-size: 16px;color: #333333;margin-top: 22px;height: 35px;line-height: 35px;float: left;width: 50px;margin-right: 15px;}
.articleCateBox dd a{margin-top: 22px;display: block;float: left;width: 70px;height: 33px;line-height: 33px;text-align: center;background: #F9F9F9;color:#333333;border: 1px solid #EEEEEE;border-radius: 5px;padding: 0 10px;margin-right: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.articleCateBox dd a.active{background: #fc3930; color: #FFFFFF; border: 1px solid #fc3930;}

.articleLangList{ border-top: 1px solid #EEEEEE; }
.articleLangList li{ padding: 25px 15px; border-bottom: 1px solid #EEEEEE; }
.articleLangList li:hover{ background: #F9F9F9; }
.articleLangList .img_box{width: 220px; height: 140px; border-radius: 12px; overflow: hidden; float: left;}
.articleLangList .img_box img{ width: 100%; min-height: 100%; }
.articleLangList dl{ margin-left: 245px; }
.articleLangList dt{ font-size: 18px; font-weight: bold; color: #1684FC; line-height: 22px; height: 22px; }
.articleLangList dd.cont1{ color: #666666; line-height: 26px; margin-top: 18px; }
.articleLangList dd.cont3{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 30px; }
.articleLangList dd.cont3 span{ display: inline-block; margin-left: 50px; }
.articleLangList dd.cont3 span:first-child{ margin-left: 0; }
.articleLangList dd.cont3 i{display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;background: url(../images/bg1.png) no-repeat;}
.articleLangList dd.cont3 i.lab{ width: 13px; height: 13px;background-position: 0 -345px; }
.articleLangList dd.cont3 i.eye{ width: 16px; height: 12px; background-position: -200px -140px; }
.articleLangList dd.cont3 i.time{ width: 12px; height: 12px; background-position: -320px -100px; }