@charset "UTF-8";
.bigTitle h1, .bigTitle2 h1, .row-learningDetail .courseDetail .detail .operate .btn-study, .row-learningDetail .courseDetail .detail .head h2, .tab_news .hui-tab-header > span, .topic_course .unit .right h2, .recommend_courses .slide .text .title, .courseList_detail .unit .right h2 { font-family: 'yahei'; }

.row_LearningResources:before, .pageArticle:before, .row_LearningResources:after, .pageArticle:after, .clearfix:before, .clearfix:after { content: ""; display: table; }

.row_LearningResources:after, .pageArticle:after, .clearfix:after { clear: both; }

.swiper-course-recommend .swiper .swiper-slide h3, .course_ranking .text h2, .course_ranking .text2 h2, .course_media_list .text .title, .course_media_list .text .bottom .source, .indexNews .text h2, .recommend_courses .slide .text .title, .ellips { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

a { text-decoration: none; color: inherit; cursor: pointer; outline: none; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1); color: #333; }

a:hover, a:focus { color: #2973e3; text-decoration: none; }

a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

img { border: none; vertical-align: middle; max-width: 100%; max-height: 100%; }

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; }

body { color: #333; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif; min-width: 320px; margin: auto; font-size: .22rem; }

ol, ul, li { list-style: none outside none; }

table { border-collapse: collapse; width: 100%; }

tr, td, th { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 { line-height: 1.3; }

i, em, b, strong { font-style: normal; font-weight: normal; }

input, button, textarea, select { padding: 0; font-family: inherit; outline: none; resize: none; background: none; border: none; font-size: inherit; color: inherit; }

input::-moz-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }

textarea::-moz-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }

select::-moz-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }

::-webkit-input-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }

::-ms-input-placeholder { color: inherit; opacity: 0.5; font-size: inherit; }

audio, canvas, img, video { max-width: 100%; vertical-align: middle; }

* { box-sizing: border-box; }

table { border-spacing: 0; border-collapse: collapse; }

*:before, *:after { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

*:focus { -webkit-tap-highlight-color: transparent; }

.grid { margin: 0; padding: 0; }

.grid > li { margin: 0; list-style: none; }

/*transition*/
.tran200 { transition: all 0.2s linear; }

.tran300 { transition: all 0.3s linear; }

.tran400 { transition: all 0.4s linear; }

.tran500 { transition: all 0.5s linear; }

.tran1000 { transition: all 1s linear; }

.scaleimg:hover .pic em, .scaleimg:hover .pic img { transform: scale(1.1); }

.rotateY:hover { transform: rotateY(180deg); }

.translateX:hover { transform: translateX(-6px); }

.row-white { padding: .3rem 0; background: #fff; }

.row-white.p20 { padding: 20px 0; }

.row-white.p30 { padding: 30px 0; }

.row-grey { padding: .3rem 0; background: #f3f2f6; }

.row-grey.p20 { padding: 20px 0; }

.row-grey.p30 { padding: 30px 0; }

.row-wrap { padding: .5rem 0; }

.row-index-course { padding: .5rem 0; background: url(images/course_bg.jpg) no-repeat; background-size: 100%; }

.row-branch-center { padding: .7rem 0; background: url(images/course_bg.jpg) no-repeat; background-size: 100% 100%; }

.row-branch-center .bigTitle { margin-bottom: .7rem; }

.row-branch-center .branch-center-num { display: flex; justify-content: space-between; position: relative; align-items: center; padding-bottom: .2rem; margin-bottom: .7rem; }

.row-branch-center .branch-center-num:after { content: ''; position: absolute; bottom: -10px; width: 100%; height: 5px; background: linear-gradient(to right, rgba(5, 129, 255, 0), #0581ff, rgba(5, 129, 255, 0)); }

.row-branch-center .branch-center-num .left { display: flex; }

.row-branch-center .branch-center-num .left .num { background: linear-gradient(to right, #0581ff, rgba(5, 129, 255, 0)); padding: .1rem .5rem; font-size: .24rem; color: #FFF; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7); border-radius: .5rem; margin-right: .3rem; }

.row-branch-center .branch-center-num .left .num font { font-size: .5rem; margin: 0 5px; }

.row-branch-center .branch-center-num a.more { color: #031552; font-size: .21rem; }

.row-branch-center .branch-center-pic { display: flex; justify-content: center; }

.row-login { background: url(images/login_bg.jpg) no-repeat; background-size: cover; height: 100vh; display: flex; flex-direction: column; justify-content: space-between; }

.row-login .page-header { background: none; }

.row-login .footer { background: none; }

.swiper-friendLink { position: relative; }

.swiper-friendLink .swiper { overflow: hidden; }

.swiper-friendLink .swiper .swiper-slide { position: relative; overflow: hidden; }

.swiper-friendLink .swiper .swiper-slide a { border-radius: 5px; display: flex; justify-content: center; align-items: center; text-align: center; background: url(images/link_name_bg.jpg) #fff bottom right no-repeat; color: #002e79; font-size: 0.22rem; height: .8rem; padding: 0 .2rem; }

.swiper-friendLink .swiper-button-next, .swiper-friendLink .swiper-button-prev { height: .7rem; display: flex; align-items: center; margin-top: -.35rem; background-image: none; }

.swiper-friendLink .swiper-button-next .iconfont, .swiper-friendLink .swiper-button-prev .iconfont { font-size: .4rem; color: #fff; }

.swiper-friendLink .swiper-button-next { right: -.3rem; }

.swiper-friendLink .swiper-button-prev { left: -.5rem; }

.row-friendLink { padding: .7rem 0; background: url(images/link_bg.jpg) no-repeat; background-size: 100%; }

.row-friendLink .bigTitle h1 { color: #fff; }

.row-friendLink .bigTitle .e { color: #fff; }

.row-friendLink .bigTitle .e:after { background: linear-gradient(to bottom, rgba(27, 55, 106, 0), rgba(27, 55, 106, 0.7), #1b376a); }

.row-news { padding: .5rem 0; }

.row-news .container-fluid { width: 100%; }

.row-news .bigTitle .e::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), #fff); }

.mgt20 { margin-top: .2rem; }

.mgt30 { margin-top: .28rem; }

body:not(.index) { background: #f5f7ff; }

#menu { font-size: 14px; }

#menu .side_searchBox { background: #fff; border-radius: 5px; display: flex; padding: 5px 20px; }

#menu .side_searchBox::after { display: none; }

#menu .side_searchBox select { font-size: 13px; }

#menu .side_searchBox input { font-size: 13px; }

#menu .side_searchBox a.btn { background: #e5e5e7; color: #000; font-size: 14px; padding: 3px 5px; border-radius: 3px; text-align: center; }

.m-show { display: none; }

.searchPanel .wrap { background: linear-gradient(to right, #1052ca, #25baca); padding: 5px; border-radius: .4rem; }

.searchPanel ul { background: #fff; border-radius: .4rem; padding: 0.05rem; display: flex; justify-content: space-between; align-items: center; }

.searchPanel ul li.select-bar { width: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.4); height: .3rem; position: relative; z-index: 9; }

.searchPanel ul li.select-bar span { display: block; width: 100%; line-height: .3rem; position: relative; font-size: .16rem; color: #2467b2; margin-right: .07rem; z-index: 10; position: relative; padding-left: .2rem; }

.searchPanel ul li.select-bar span i.icn-search-cate { display: block; position: absolute; top: .07rem; right: 10px; width: .2rem; height: .2rem; background: url(images/icon-search-cate.png) no-repeat; background-size: contain; }

.searchPanel ul li.select-bar p { width: 100%; overflow: hidden; height: 0; border-radius: 8px; position: absolute; top: 0; }

.searchPanel ul li.select-bar p a { display: block; background: rgba(0, 0, 0, 0.35); width: 100%; margin: 0 auto; color: #fff; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; position: relative; font-size: 16px; }

.searchPanel ul li.select-bar p a:hover { background: #ddd; color: #333; }

.searchPanel ul li.select-bar p a:nth-child(1) { border-top: 1px dashed #ddd; margin-top: 35px; }

.searchPanel ul li.select-bar:hover p { height: auto; }

.searchPanel ul li.input-bar { flex-grow: 1; height: .3rem; padding-left: .1rem; }

.searchPanel ul li.input-bar input { height: 100%; width: 100%; line-height: .2rem; font-size: .16rem; border: none 0; }

.searchPanel ul li.input-bar input::placeholder { opacity: 0.7; }

.searchPanel ul li.btn-bar a { background: #1958c6; color: #fff; border-radius: .4rem; height: 100%; padding: .07rem 15px; font-size: .18rem; }

.searchPanel ul li.btn-bar a:hover { background: #2973e3; }

.banner { width: 100%; position: relative; overflow: hidden; }

.banner .swiper-slide { display: block; transition: all 2s linear; height: 7rem; }

.banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

/* 图片404最终保底:深色SVG充满显示,与首页导航色调一致,保证白字导航可读 */
.banner .swiper-slide img.banner-fallback-final { object-fit: cover; background: #0a2470; }

@media (max-width: 768px) { .banner .swiper-slide { height: 2.5rem; } }

.banner .swiper-pagination-bullets { bottom: 30px !important; height: 10px; line-height: 10px; font-size: 0; }

.banner .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; border-radius: 5px; opacity: .5; margin: 0 3px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; cursor: pointer; }

.banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 25px; opacity: 1; }

.page-header { background: url(images/top_bg.jpg) top center repeat-x; background-size: cover; position: relative; }

/* 首页 .page-header 深色兜底背景:banner图片丢失时,保证导航白字可读
   banner正常时此背景被.banner子元素覆盖,不可见;banner丢失时显现 */
.index .page-header { background: linear-gradient(to bottom, #031349 0%, #0a2470 40%, transparent 100%); }

.index .page-header .container-fluid { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.page-header .container-fluid { position: relative; z-index: 10; }

.page-header::before { content: ''; height: .6rem; width: 100%; position: absolute; z-index: 9; background: linear-gradient(to bottom, rgba(3, 19, 73, 0.6), rgba(3, 19, 73, 0)); }

/* 首页导航遮罩加强:覆盖整个导航+搜索区域,保证白字可读(原 .6rem 不够覆盖导航) */
.index .page-header::before { height: 1.2rem; background: linear-gradient(to bottom, rgba(3, 19, 73, 0.9), rgba(3, 19, 73, 0.4) 60%, transparent 100%); }

.page-header .row { display: flex; flex-direction: column; align-items: center; padding-bottom: .5rem; }

.page-header .searchPanel { width: 50%; margin-top: .2rem; }

.page-header .header { display: flex; justify-content: space-between; align-items: center; padding: .35rem 0; position: relative; width: 100%; z-index: 20; }

.page-header .logo { width: 5.5rem; }

.page-header .nav { display: flex; row-gap: .1rem; gap: .1rem; }

.page-header .nav .nLi { position: relative; }

.page-header .nav .nLi:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0e85e3; transform: scaleX(0); opacity: 0; visibility: hidden; border-radius: .5rem; }

.page-header .nav .nLi.on:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0e85e3; }

.page-header .nav .nLi h3 a { display: flex; align-items: center; position: relative; z-index: 2; font-size: .2rem; height: .4rem; padding: 0 .2rem; color: #fff; font-weight: 400; }

.page-header .nav .nLi.on a, .page-header .nav .nLi:hover a { color: #fff; }

.page-header .nav .nLi.on:before, .page-header .nav .nLi:hover:before { transform: scaleX(1); opacity: 1; visibility: visible; }

.page-header .denglu { font-size: .16rem; color: #fff; background: #fc7736; padding: 8px 10px; border-radius: .3rem; }

.page-header .denglu a { color: #fff; }

.page-header .denglu a:hover { opacity: .8; }

.page-header .sf-menu { float: right; }

.page-header .sf-menu li { position: relative; z-index: 998; }

.page-header .sf-menu li:hover > ul { display: block; }

.page-header .sf-menu .name { font-size: 14px; display: block; color: #fff; }

.page-header .sf-menu .name .icon-down { margin-left: 5px; }

.page-header .sf-menu ul { margin: 0; padding: 0 10px; position: absolute; border-top: 3px solid #2973e3 !important; border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); display: none; top: 100%; right: -20%; background: rgba(0, 0, 0, 0.6); width: 100px; z-index: 999; }

.page-header .sf-menu ul li { margin: 0; padding: 0; list-style: none; border-bottom: #fff dashed 1px; }

.page-header .sf-menu ul > li:last-child { border-bottom: 0; }

.page-header .sf-menu ul li > a { color: #fff; display: block; text-align: center; font-size: 13px; line-height: 18px; padding: 10px 0; transition: all .4s ease-in-out; }

.page-header .sf-menu ul li > a:hover { padding-left: 6px; }

.page-header .mobile { color: #fff; }

.bigTitle { margin-bottom: .2rem; display: flex; align-items: center; flex-direction: column; }

.bigTitle.white h1 { color: #fff; }

.bigTitle.white h1:after { background: #fff; }

.bigTitle .e { position: relative; font-size: .45rem; color: #3399ff; font-weight: bold; letter-spacing: 5px; }

.bigTitle .e:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to bottom, rgba(245, 247, 255, 0), rgba(245, 247, 255, 0.7), #f5f7ff); }

.bigTitle h1 { color: #000; letter-spacing: 5px; font-size: .33rem; font-weight: normal; text-align: center; position: relative; top: -.25rem; }

.bigTitle2 { margin-bottom: .5rem; display: flex; justify-content: center; }

.bigTitle2.white h1 { color: #fff; }

.bigTitle2.white h1:after { background: #fff; }

.bigTitle2 h1 { color: #2973e3; letter-spacing: 5px; font-size: .33rem; font-weight: bold; text-align: center; position: relative; }

.bigTitle2 h1:after { content: ''; position: absolute; bottom: -13px; left: 0; height: 5px; border-radius: 3px; width: 40%; left: 48%; background: #fc7736; transform: translate(-50%, 0); }

.row-course-recommend { padding: .3rem 0; }

.swiper-course-recommend { position: relative; }

.swiper-course-recommend .swiper { overflow: hidden; }

.swiper-course-recommend .swiper .swiper-slide { position: relative; border-radius: 10px; overflow: hidden; }

.swiper-course-recommend .swiper .swiper-slide img { width: 100%; height: 2.2rem; transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; }

.swiper-course-recommend .swiper .swiper-slide h3 { background: rgba(0, 0, 0, 0.45); color: #fff; font-size: .21rem; padding: 5px 5px; text-align: center; font-weight: normal; position: absolute; left: 0; bottom: 0; width: 100%; }

.swiper-course-recommend .swiper-button-next, .swiper-course-recommend .swiper-button-prev { height: .7rem; display: flex; align-items: center; margin-top: -.35rem; background-image: none; }

.swiper-course-recommend .swiper-button-next .iconfont, .swiper-course-recommend .swiper-button-prev .iconfont { font-size: .5rem; color: #2973e3; }

.swiper-course-recommend .swiper-button-next { right: -.3rem; }

.swiper-course-recommend .swiper-button-prev { left: -.5rem; }

.index_more { text-align: center; margin-top: .5rem; }

.index_more > a { background: #fc7736; padding: .1rem .3rem; font-size: .18rem; color: #fff; border-radius: 10px; display: inline-block; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); }

.index_more > a:hover { background: #2973e3; }

.row-course_category { padding: 2% 0; background: #fff; position: relative; z-index: 2; }

.row-course_category .course_category { position: relative; z-index: 6; }

.row-course_category .course_category .category { font-size: .18rem; display: flex; }

.row-course_category .course_category .category .title { color: #333; font-weight: bold; min-width: 60px; flex-shrink: 0; padding: 3px 6px; }

.row-course_category .course_category .category h3 { font-size: .17rem; padding: 5px 10px; }

.row-course_category .course_category .category .cont { flex-grow: 1; }

.row-course_category .course_category .category .cont .sub-item { background: rgba(41, 115, 227, 0.1); border-radius: 10px; padding-top: 10px; }

.row-course_category .course_category .category .grid { flex-grow: 1; font-size: 0; padding: 0; list-style: none; margin: 0 -5px 5px; overflow: hidden; }

.row-course_category .course_category .category .grid li { margin: 0 1% 2%; display: inline-block; font-size: 14px; position: relative; }

.row-course_category .course_category .category .grid li { margin: 0 10px 10px; }

.row-course_category .course_category .category .grid a { padding: 3px 10px; border-radius: 15px; display: block; font-size: .17rem; }

.row-course_category .course_category .category .grid a:hover { color: #fff; background: #2973e3; }

.row-course_category .course_category .category .grid a.active { color: #fff; background: #2973e3; }

.row-course_category .course_category .category .look-more { flex-shrink: 0; padding: 6px 10px; }

.row-course_category .course_category .category .look-more .look-more-box { text-align: right; position: relative; }

.row-course_category .course_category .category .look-more .look-more-box .look-more-tip { font-size: 14px; color: #666; display: inline-block; background-color: #f8f8f8; border: 1px solid #f8f8f8; border-radius: 20px; padding: 5px 15px; cursor: pointer; padding: 5px 20px; border: #ccc solid 1px; }

.row-course_category .course_category .category .look-more .look-more-box .look-more-tip:hover { opacity: .8; text-decoration: none; }

.row-course_category .course_category .category .look-more .look-more-box .look-more-img { width: 12px; height: 7px; position: absolute; top: 8px; right: 5px; background-repeat: no-repeat; }

.row-course_category .course_category .category + .category { border-top: #ccc dashed 1px; padding-top: 15px; margin-top: 5px; }

.mulu_category .head { margin-bottom: .15rem; }

.mulu_category .head h2 { position: relative; letter-spacing: 1px; font-size: .24rem; display: inline-block; padding-left: 15px; margin-bottom: .1rem; }

.mulu_category .head h2:after { background: #2973e3; content: ""; height: .25rem; width: 5px; position: absolute; top: .04rem; left: 0; border-radius: 5px; }

.mulu_category .head small { margin-left: 0.2rem; font-size: .16rem; }

.mulu_category .head small span { color: #2973e3; margin: 0 3px; }

.mulu_category .muluWrap { background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); padding: .1rem; margin-bottom: .3rem; }

.mulu_category .muluWrap .item + .item { border-top: #ccc dashed 1px; }

.mulu_category .muluWrap .item { display: flex; padding: .1rem 0; }

.mulu_category .muluWrap .item p.t { font-size: .18rem; padding: 5px 10px; position: relative; margin: 0; width: 2rem; color: #2973e3; }

.mulu_category .muluWrap .item p.t a { color: #2973e3; }

.mulu_category .muluWrap .item .content { display: flex; flex-wrap: wrap; gap: 10px; }

.mulu_category .muluWrap .item .content .c { font-size: .16rem; padding: 5px 15px; }

.mulu_category .muluWrap .item .content .c:hover { color: #2973e3; }

.mulu_category .muluWrap .item .content .c.active { color: #fc7736; }

.row-courseWrap { padding: 2.5% 0; }

.row_LearningResources { margin: 0 -0.15rem; }

.row_LearningResources > [class^="col-md-"] { padding: 0 0.15rem; float: left; }

.row_LearningResources .col-md-3 { width: 25%; }

.row_LearningResources .col-md-9 { width: 75%; }

.course-left-column { border-radius: 10px; background: #fff; position: relative; overflow: hidden; }

.course-left-column .head { text-align: center; background: url(images/title-courseNavBg.png) #2973e3 no-repeat; background-size: cover; padding: .2rem 0; margin-bottom: 2px; }

.course-left-column .head h2 { font-size: .28rem; color: #fff; font-weight: 500; margin: 0; position: relative; }

.course-left-column .hui-tab { border: #ccc solid 1px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.course-left-column .hui-tab .hui-tab-header { display: flex; column-gap: 3px; }

.course-left-column .hui-tab .hui-tab-header span { flex-grow: 1; background: rgba(41, 115, 227, 0.15); font-size: .18rem; text-align: center; padding: 5px 0; cursor: pointer; }

.course-left-column .hui-tab .hui-tab-header span.current { background: #2973e3; color: #fff; }

.course-left-column .ztree { padding: 0; }

.course-left-column .ztree * { font-size: 14px; }

.course-left-column .ztree > li { padding-left: 10px !important; border-top: #ccc solid 1px; padding-bottom: 10px !important; }

.course-left-column .ztree > li > ul { margin-left: -10px !important; margin-top: 8px; }

.course-left-column .ztree li { padding: 6px 0 8px 0; }

.course-left-column .ztree li a.curSelectedNode { background-color: rgba(41, 115, 227, 0.1); height: 20px; }

.course-left-column .ztree li ul { background: #fff; padding: 0 0 0 30px; margin-bottom: -10px; }

.course-left-column .ztree li span.button.noline_docu { display: none; }

.course-left-column .ztree li span.button.ico_docu { background: url("images/dot2.png") center center no-repeat; }

.course-left-column .ztree li span.button.noline_open { background: url("images/noline_open.png") center center no-repeat; }

.course-left-column .ztree li span.button.noline_close { background: url("images/noline_close.png") center center no-repeat; }

.course-left-column .meiti .title { border-bottom: #EDEDED solid 1px; padding: 10px .15rem; font-size: .17rem; font-weight: bold; }

.course-left-column .meiti dl { display: flex; flex-wrap: wrap; gap: 15px; padding: .15rem; }

.course-left-column .meiti dl dd { font-size: .16rem; }

.course-left-column .meiti dl dd a.active { color: #2973e3; }

.course_ranking { border: #ccc solid 1px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: .15rem; }

.course_ranking li { margin-bottom: .15rem; }

.course_ranking .order { display: flex; align-items: center; justify-content: center; position: absolute; left: -10px; top: 50%; width: 25px; height: 25px; margin-top: -13px; background: #fff; border: #2973e3 solid 1px; color: #2973e3; font-size: 14px; font-style: italic; font-weight: bold; border-radius: 20px; }

.course_ranking .pic { border-radius: 6px; overflow: hidden; width: 1.2rem; flex-shrink: 0; }

.course_ranking .pic img { width: 100%; height: .8rem; }

.course_ranking .text { padding-left: 10px; width: 65%; }

.course_ranking .text h2 { font-size: .18rem; margin: 0; font-weight: normal; }

.course_ranking .text p { font-size: .15rem; color: #999; margin: 5px 0 0; }

.course_ranking .text p span { color: #2973e3; }

.course_ranking .text2 { padding-left: 30px; width: 100%; }

.course_ranking .text2 h2 { font-size: .18rem; margin: 0; font-weight: normal; }

.course_ranking .text2 p { font-size: .15rem; color: #999; margin: 5px 0 0; }

.course_ranking .text2 p span { color: #2973e3; }

.course_ranking .item { display: flex; align-items: center; position: relative; }

.course_ranking .unit { border: rgba(41, 115, 227, 0.2) solid 1px; background: linear-gradient(to right, rgba(41, 115, 227, 0.1), rgba(41, 115, 227, 0)); border-radius: 6px; position: relative; display: block; padding: 8px 5px 8px 10px; }

.course_ranking .unit .text { padding-left: .16rem; }

.course_ranking .ztBox { display: block; position: relative; overflow: hidden; border-radius: 5px; }

.course_ranking .ztBox img { width: 100%; height: 150px; }

.course_ranking .ztBox h2 { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background: rgba(41, 115, 227, 0.6); margin: 0; padding: 6px 0; font-size: 16px; font-weight: normal; text-align: center; }

.course-right-column { position: relative; }

.course-right-column .input-group { position: absolute; right: 0; top: 0; display: flex; }

.course-right-column .input-group .input-control { position: relative; padding-left: .4rem; background: #fff; border: #ccc solid 1px; border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; height: .4rem; }

.course-right-column .input-group .input-control .search-input { font-size: .15rem; height: 100%; }

.course-right-column .input-group .input-control .search-icon { position: absolute; left: 10px; top: 50%; margin-top: -10px; }

.course-right-column .input-group .input-control .search-icon .iconfont { font-size: .18rem; }

.course-right-column .input-group .input-group-btn { background: #2973e3; border-color: #2973e3; border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; color: #fff; padding: 0 .2rem; font-size: .16rem; }

.course-right-column .hui-tab { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.course-right-column .hui-tab .hui-tab-header { display: flex; column-gap: 15px; margin-bottom: .3rem; }

.course-right-column .hui-tab .hui-tab-header span { background: rgba(41, 115, 227, 0.15); font-size: .18rem; text-align: center; padding: 8px .2rem; cursor: pointer; border-radius: 10px; }

.course-right-column .hui-tab .hui-tab-header span.current { background: #2973e3; color: #fff; }

.course_content_tabs { margin-bottom: .5vw; border-bottom: 0; }

.course_content_tabs > li { margin-bottom: 1vw; }

.course_content_tabs > li > a { background: #fff; border-radius: 20px; margin-right: 6px; font-size: 16px; border: 0; padding: 8px 15px; }

.course_content_tabs > li > a:hover, .course_content_tabs > li > a:focus { border: 0; background: #999; color: #fff; }

.course_content_tabs > li.active > a { border: 0; background: #999; color: #fff; }

.course_content_tabs > li.active > a:hover, .course_content_tabs > li.active > a:focus { border: 0; background: #999; color: #fff; }

.course_media_list { display: flex; flex-wrap: wrap; gap: 20px; }

.course_media_list li { width: calc(25% - 15px); }

.course_media_list a.unit { transition: All 0.4s ease-in-out; display: block; }

.course_media_list a.unit:hover { transform: translate(0, -5px); }

.course_media_list a.unit .pic { width: 100%; height: 1.7rem; border-radius: 10px 10px 0 0; overflow: hidden; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.11); position: relative; }

.course_media_list a.unit .pic .tag { background: #fc7736; color: #fff; font-size: 12px; padding: 2px 5px; position: absolute; left: 0; top: 0; border-bottom-right-radius: 10px; }

.course_media_list a.unit .pic img { width: 100%; height: 100%; }

.course_media_list .text { position: relative; background: #fff; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.11); padding: 10px; border-radius: 0 0 10px 10px; }

.course_media_list .text .title { font-size: .19rem; margin: 5px 0; }

.course_media_list .text .bottom { display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-top: 10px; }

.course_media_list .text .bottom > div { background: rgba(41, 115, 227, 0.1); border-radius: 15px; color: #999; padding: 2px 10px; }

.course_media_list .text .bottom > div .iconfont { margin-right: 5px; vertical-align: 0; }

.course_media_list .text .bottom .source { max-width: 70%; }

.course_media_list .text .key { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #999; }

.course_media_list .text .key .object { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex-grow: 1; margin-right: 10px; min-width: 0; }

.course_media_list .text .key .time { white-space: nowrap; flex-shrink: 0; }

.course_media_list .text .school { font-size: 14px; margin-top: 10px; color: #999; }

.course_media_list .text .school + .key { margin-top: 5px; }

.course_media_list .text .info { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 10px 10px 0; margin: 10px -10px 0; border-top: #e8e8e8 solid 1px; color: #999; }

.course_media_list .text .info .iconfont { font-size: 14px; }

.course_media_list .text .intro { font-size: 0.16rem; line-height: 1.8; color: #999; height: .6rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.course_relation_wrap { border: #e8e8e8 solid 1px; padding: .2rem; background: #fff; border-radius: 8px; }

.mt-courseList { margin-top: -15px; }

.mt-courseList > li { border-bottom: dashed 1px #ccc; padding: 15px 0; }

.mt-courseList > li:last-child { border-bottom: 0; }

.mt-courseList > li:hover .unit .name .title { color: #2973e3; }

.mt-courseList .unit { position: relative; display: block; }

.mt-courseList .unit .time { color: #999; font-size: .14rem; position: absolute; right: 0; top: 0; }

.mt-courseList .unit .name .title { line-height: 1.6; font-size: .18rem; color: #333; display: inline-block; }

.mt-courseList .unit .name .label-badge { font-size: 13px; color: #666; padding: 5px 10px; border-radius: 20px; background: rgba(41, 115, 227, 0.1); margin-left: 10px; }

.mt-courseList .unit .cate { margin: 5px 0; }

.mt-courseList .unit .cate > li { margin-right: 40px; font-size: 13px; color: #999; display: inline-block; }

.middle-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; border-bottom: #e8e8e8 solid 1px; }

.middle-title .left { display: inline-block; border-bottom: #2973e3 solid 2px; padding-bottom: 6px; }

.middle-title .left h2 { display: inline-block; font-size: .28rem; color: #2973e3; font-weight: normal; margin: 0; }

.middle-title .left small { font-size: 14px; margin-left: 10px; }

.middle-title .media-sort-tabs { display: flex; gap: 8px; align-items: center; }

.middle-title .media-sort-tabs .sort-tab { font-size: 14px; color: #666; background: #f4f6fa; border: 1px solid #e1e6f0; padding: 6px 16px; border-radius: 20px; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); user-select: none; }

.middle-title .media-sort-tabs .sort-tab:hover { color: #2973e3; border-color: #2973e3; background: rgba(41, 115, 227, 0.05); }

.middle-title .media-sort-tabs .sort-tab.active { color: #fff; background: #2973e3; border-color: #2973e3; box-shadow: 0 4px 10px rgba(41, 115, 227, 0.2); }

.middle-title .media-sort-tabs .sort-tab .arrow { margin-left: 4px; display: inline-block; font-family: monospace; }

.middle-title a.more { color: #999; font-size: .15rem; }

.middle-title a.more:hover { color: #2973e3; }

.middle-title a.back { color: #818C96; font-size: .15rem; }

.middle-title a.back:hover { color: #2973e3; }

.row-learningDetail { padding: 3% 0; }

.row-learningDetail .courseDetail { display: flex; }

.row-learningDetail .courseDetail.meiti .detail .operate { position: relative; right: auto; top: auto; margin-top: 15px; }

.row-learningDetail .courseDetail.meiti .detail .category li { display: block; padding-left: 0; margin-left: 0; }

.row-learningDetail .courseDetail.meiti .detail .category li::before { display: none; }

.row-learningDetail .courseDetail .picBox { background: #fff; padding: 5px; flex-shrink: 0; width: 4.5rem; height: 2.8rem; }

.row-learningDetail .courseDetail .picBox.zt { width: 6rem; }

.row-learningDetail .courseDetail .picBox img { width: 100%; height: 100%; }

.row-learningDetail .courseDetail .detail { padding: 10px 0 0 .3rem; flex-grow: 1; position: relative; }

.row-learningDetail .courseDetail .detail .btn-favorite { position: absolute; right: 0; top: .1rem; font-size: 0.15rem; color: #fff; display: inline-block; background-color: #fc7736; border: 1px solid #fc7736; border-radius: 20px; padding: 5px 15px; cursor: pointer; }

.row-learningDetail .courseDetail .detail .btn-favorite:hover { opacity: .8; text-decoration: none; }

.row-learningDetail .courseDetail .detail .file { padding: .1rem; color: #333; font-size: .16rem; background: rgba(41, 115, 227, 0.15); margin-bottom: .1rem; display: inline-block; }

.row-learningDetail .courseDetail .detail .operate { position: absolute; right: 0; bottom: 0; }

.row-learningDetail .courseDetail .detail .operate .btn-study { background: #fc7736; border-radius: 6px; padding: .1rem .2rem; color: #fff; font-weight: bold; display: inline-block; }

.row-learningDetail .courseDetail .detail .operate .btn-study:hover { opacity: .8; }

.row-learningDetail .courseDetail .detail .head { margin-bottom: .15rem; font-size: .16rem; }

.row-learningDetail .courseDetail .detail .head h2 { font-size: .28rem; margin-bottom: .2rem; }

.row-learningDetail .courseDetail .detail .head .source { color: #666; display: inline-block; margin-right: 20px; }

.row-learningDetail .courseDetail .detail .head .moreInfo { color: #2973e3; }

.row-learningDetail .courseDetail .detail .category { margin: 0 0 15px; color: #999; font-size: .15rem; overflow: hidden; }

.row-learningDetail .courseDetail .detail .category li { margin: 5px 0; display: inline-block; padding-left: .15rem; margin-left: .15rem; position: relative; }

.row-learningDetail .courseDetail .detail .category li:first-child { padding-left: 0; margin-left: -1px; }

.row-learningDetail .courseDetail .detail .category li::before { position: absolute; content: ''; width: 1px; height: .15rem; left: 0; top: .04rem; background: #999; }

.row-learningDetail .courseDetail .detail .info { line-height: 1.7; font-size: .16rem; color: #666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.row-learningDetail .courseDetail .detail .bottom { display: flex; justify-content: space-between; align-items: center; font-size: .15rem; margin-top: .2rem; }

.row-learningDetail .courseDetail .detail .bottom .cs_info span { color: #2973e3; margin-right: .1rem; }

.row-learningDetail .courseDetail .detail .bottom .btn-down { font-size: 0.15rem; color: #fff; display: inline-block; background-color: #2973e3; border: 1px solid #2973e3; border-radius: 20px; padding: 5px 15px; cursor: pointer; }

.row-learningDetail .courseDetail .detail .bottom .btn-down:hover { opacity: .8; text-decoration: none; }

.row-video { display: flex; }

.row-video .leftWrap { position: relative; flex-grow: 1; padding: 0; }

.row-video .leftWrap .head { color: #333; position: relative; }

.row-video .leftWrap .head .title { font-size: .3rem; text-align: center; font-weight: bold; margin-bottom: .2rem; }

.row-video .leftWrap .videoBox { display: flex; justify-content: center; }

.row-video .leftWrap .videoBox video { max-height: 100%; }

.row-video .leftWrap .status { margin-top: .3rem; border-top: #ccc solid 1px; padding: 10px; display: flex; justify-content: flex-end; column-gap: .3rem; font-size: .16rem; color: #999; }

.row-video .videoInfo { width: 4rem; flex-shrink: 0; margin-left: .4rem; }

.row-video .videoInfo .grid { margin-bottom: .2rem; /* 滚动条样式 */ /* 滚动条滑块（里面小方块） */ /* 滚动条轨道 */ /* hover时显色 */ }

.row-video .videoInfo .grid::-webkit-scrollbar { width: 5px; /*  设置纵轴（y轴）轴滚动条 */ height: 0px; /*  设置横轴（x轴）轴滚动条 */ }

.row-video .videoInfo .grid::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #fae7b6; }

.row-video .videoInfo .grid::-webkit-scrollbar-track { border-radius: 0; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.1); }

.row-video .videoInfo .grid:hover::-webkit-scrollbar { width: 5px; height: 5px; }

.row-video .videoInfo .grid > li { margin: .1rem 1px; color: #666; font-size: .15rem; }

.row-video .videoInfo .intro { font-size: .16rem; line-height: 1.8; }

.my-comment { margin-bottom: 20px; }

.my-comment .scoreBox { display: flex; align-items: center; margin-bottom: 10px; font-size: 16px; }

.my-comment .scoreBox .title { white-space: nowrap; }

.my-comment .my-comment-star .iconfont { font-size: 16px; margin-right: 6px; color: #fcc226; }

.my-comment .my-comment-star .text { font-size: 14px; margin-left: 20px; display: inline-block; }

.my-comment .form-control { display: block; width: 100%; padding: 5px 8px; font-size: 13px; line-height: 1.53846154; color: #222; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; }

.my-comment .save { text-align: right; margin-top: 10px; }

.my-comment .save .btn-comment { font-size: 16px; color: #fff; display: inline-block; background-color: #fc7736; border: 1px solid #fc7736; border-radius: 20px; padding: 5px 15px; cursor: pointer; padding: 5px 25px; }

.my-comment .save .btn-comment:hover { opacity: .8; text-decoration: none; }

.commentWrap > h3 { position: relative; letter-spacing: 1px; font-size: .20rem; display: inline-block; padding-left: 15px; margin-bottom: .1rem; }

.commentWrap > h3:after { background: #2973e3; content: ""; height: .18rem; width: 4px; position: absolute; top: .04rem; left: 0; border-radius: 5px; }

.commentWrap .comment { padding: .15rem 0; border-bottom: 1px solid #ddd; font-size: .15rem; }

.commentWrap .comment .text-muted { color: #2973e3; }

.commentWrap .comment:after { clear: both; }

.commentWrap .comment > .avatar { float: left; width: .6rem; height: .6rem; margin-top: 10px; border-radius: .3rem; overflow: hidden; }

.commentWrap .comment > .avatar img { width: 100%; height: 100%; }

.commentWrap .comment > .avatar + .content { padding-left: .8rem; }

.commentWrap .comment > .content > .time { float: right; color: #999; font-size: .14rem; }

.commentWrap .comment > .content > .text { margin: .1rem 0; color: #666; }

.commentWrap .comment > .content > .author { font-size: .16rem; }

.commentWrap .comment > .content > .actions { margin-top: 4px; }

.commentWrap .comment > .content > .actions > a { display: inline-block; color: #999; }

.commentWrap .comment > .content > .actions > a + a { margin-left: 5px; }

.commentWrap .comment:hover > .content > .actions > a { color: #2973e3; }

.commentWrap .comment > .comments-list { padding-top: 10px; padding-bottom: 0; padding-left: 30px; margin-left: 20px; border-left: 1px dashed #ccc; }

.commentWrap .comment > .comments-list > .comment { border: none; border-top: 1px solid #ddd; }

.commentWrap .comment > .comments-list > .comment:last-child { padding-bottom: 0; }

.commentWrap .comment:before, .commentWrap .comment:after { display: table; content: " "; }

.commentWrap .comment > .avatar, .commentWrap .comment > .content { display: block; }

.meiti-dataBox h3 { font-size: .2rem; margin-bottom: .2rem; color: #2973e3; }

.meiti-dataBox .group { border: #e8e8e8 solid 1px; padding: .2rem; background: #fff; border-radius: 8px; font-size: .18rem; }

.meiti-dataBox .group dl { display: flex; border-bottom: #ccc dashed 1px; padding: 15px 5px; }

.meiti-dataBox .group dl dt { font-weight: bold; text-align: right; width: 180px; flex-shrink: 0; color: #999; }

.meiti-dataBox .group dl dd { flex-grow: 1; }

.meiti-dataBox .back { display: flex; justify-content: center; margin: .2rem 0; }

.meiti-dataBox .back a { font-size: 0.15rem; color: #fff; display: inline-block; background-color: #2973e3; border: 1px solid #2973e3; border-radius: 20px; padding: 5px 15px; cursor: pointer; }

.meiti-dataBox .back a:hover { opacity: .8; text-decoration: none; }

.newslist_box li { margin-bottom: .3rem; }

.newslist_box .link { padding: .2rem; display: block; overflow: hidden; background: #fff; }

.newslist_box .aptext { display: flex; align-items: center; }

.newslist_box .date { width: .8rem; flex-shrink: 0; text-align: center; margin-right: 25px; border-radius: 3px; background: #f2f5f9; overflow: hidden; }

.newslist_box .day { display: block; padding: .15rem 0; color: #4c555d; font-size: .14rem; }

.newslist_box .day em { font-size: .3rem; font-style: normal; }

.newslist_box .mh { color: #fff; font-size: .14rem; padding: .1rem 0; background: #2973e3; margin: 0; }

.newslist_box .text { width: calc(100% - 1rem); }

.newslist_box .text h2 { font-size: .24rem; font-weight: 400; margin: 0 0 10px; }

.newslist_box .text .ct { color: #666; font-size: .18rem; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.newslist_box .link:hover { background: #fff; text-decoration: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }

.newslist_box .link:hover .date .day { color: #2973e3; }

.newslist_box .link:hover .text h2 { color: #2973e3; }

.tab_news .hui-tab-header { display: flex; justify-content: center; margin-bottom: .5rem; }

.tab_news .hui-tab-header > span { letter-spacing: 2px; font-size: .33rem; margin: 0 .2rem; text-align: center; position: relative; cursor: pointer; }

.tab_news .hui-tab-header > span:after { content: ''; position: absolute; bottom: -13px; left: 0; height: 5px; border-radius: 3px; width: 40%; left: 48%; background: #fc7736; transform: translate(-50%, 0); opacity: 0; }

.tab_news .hui-tab-header > span.current { font-weight: bold; color: #2973e3; }

.tab_news .hui-tab-header > span.current:after { opacity: 1; }

.pageArticle .articleTitle h3 { font-size: .28rem; text-align: center; font-weight: normal; }

.pageArticle .articleAuthor { font-size: .14rem; margin: .2rem 0 .4rem; text-align: center; color: #999; }

.pageArticle .article { font-size: .18rem; line-height: 2; background: #fff; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.11); padding: .2rem; border-radius: 10px; overflow: hidden; }

.pageArticle p { margin: 10px 0; }

.pageArticle img { max-width: 100%; }

.row_search .result { background: #fff; font-size: .18rem; padding: 5px 10px; color: #666; margin: .2rem 0; }

.row_search em { color: #1769fe; }

.row_search .newslist_box li { margin-bottom: 10px; }

.row_search .newslist_box .link { display: flex; align-items: center; }

.row_search .newslist_box .link .pic { margin-right: .2rem; width: 2.5rem; height: 1.3rem; }

.row_search .newslist_box .link .pic img { width: 100%; height: 100%; }

.row_search .newslist_box .text { width: 100%; }

.row_search .newslist_box .text h2 { font-size: .2rem; }

.row_search .newslist_box .text .ct { font-size: .16rem; }

.row_search .tab_Learning .hui-tab-content { display: block; }

.row_search .tab_Learning .hui-tab-content .unit .pic { width: 2rem; height: 1.2rem; }

.row_search .tab_Learning .hui-tab-content .unit .right { width: calc(100% - 2rem); }

.row_search .tab_Learning .hui-tab-content .unit .right h2 { font-weight: normal; font-size: .2rem; }

.topic_course { display: flex; }

.topic_course .rankingPanel { width: 25%; flex-shrink: 0; margin-left: .3rem; }

.topic_course > .hui-tab { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; flex-grow: 1; }

.topic_course > .hui-tab .hui-tab-header { display: flex; column-gap: 15px; margin-bottom: .3rem; }

.topic_course > .hui-tab .hui-tab-header span { background: rgba(41, 115, 227, 0.15); font-size: .18rem; text-align: center; padding: 8px .2rem; cursor: pointer; border-radius: 10px; }

.topic_course > .hui-tab .hui-tab-header span.current { background: #2973e3; color: #fff; }

.topic_course .unit { padding: .2rem; display: flex; align-items: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; background: #fff; margin-bottom: .3rem; }

.topic_course .unit:hover .pic { opacity: 0.8; }

.topic_course .unit .pic { width: 4.8rem; height: 2.2rem; overflow: hidden; transition: opacity .6s ease-in-out; }

.topic_course .unit .pic img { width: 100%; height: 100%; }

.topic_course .unit .right { width: calc(100% - 4.8rem); padding: .1rem 0 .1rem .25rem; position: relative; height: 2.2rem; display: flex; flex-direction: column; justify-content: space-between; }

.topic_course .unit .right h2 { font-size: .24rem; margin-bottom: .15rem; letter-spacing: 2px; font-weight: normal; }

.topic_course .unit .right .cateBox p { font-size: .18rem; margin: .1rem 0; color: #666; }

.topic_course .unit .right .info { font-size: .15rem; color: #999; }

.indexNews { overflow: hidden; height: 4rem; }

.indexNews .swiper-slide { display: flex; justify-content: center; background: #f3f3f3; padding-left: .8rem; }

.indexNews .swiper-slide-active { padding-left: 0; background: #e8e8e8; }

.indexNews .link { display: flex; align-items: center; color: #707070; padding: .16rem 0; width: 75%; }

.indexNews .link .date { width: 1rem; flex-shrink: 0; text-align: center; margin-right: .2rem; font-size: .21rem; color: #999; }

.indexNews .link .date .day { font-size: .3rem; }

.indexNews .text { width: calc(90% - .2rem); }

.indexNews .text h2 { font-size: .24rem; font-weight: 400; margin: 0 0 10px; margin-bottom: .08rem; color: #333; }

.indexNews .text .ct { color: #666; font-size: .17rem; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.recommend_courses + .recommend_courses { margin-top: .5rem; }

.recommend_courses .head { display: flex; justify-content: space-between; align-items: center; margin-bottom: .3rem; padding-right: 8%; }

.recommend_courses .head .title { display: flex; }

.recommend_courses .head .title > img { width: .7rem; }

.recommend_courses .head .title .name { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(to right, rgba(179, 228, 250, 0), #b3e4fa); padding: 0 .3rem; border-radius: .3rem; width: 3.5rem; }

.recommend_courses .head .title .name .z { display: flex; align-items: center; font-size: .3rem; color: #031552; font-weight: bold; font-family: 'yahei'; }

.recommend_courses .head .title .name .z .iconfont { font-size: .3rem; margin-right: .2rem; margin-top: 5px; }

.recommend_courses .head .title .name .e { font-size: 0.25rem; color: rgba(51, 153, 255, 0.3); font-weight: bold; font-family: 'yahei'; }

.recommend_courses .head a.more { color: #fc7736; font-size: 0.21rem; }

.recommend_courses .head a.more:hover { opacity: .8; }

.recommend_courses .slide + .slide { margin-top: .2rem; }

.recommend_courses .slide { display: flex; flex-wrap: wrap; gap: 15px; }

.recommend_courses .slide.topic a.unit { width: calc(33.33% - 11px); }

.recommend_courses .slide a.unit { display: block; width: calc(25% - 12px); background: #f3f2f6; position: relative; }

.recommend_courses .slide a.unit .ct { padding: .1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; height: 100%; }

.recommend_courses .slide a.unit .ct h2 { font-size: 0.3rem; }

.recommend_courses .slide a.unit .ct p { font-size: .18rem; margin: .05rem 0; }

.recommend_courses .slide a.unit .ct .btn { font-size: 0.18rem; color: #fff; display: inline-block; background-color: transparent; border: 1px solid transparent; border-radius: 20px; padding: 5px 15px; cursor: pointer; border: #fff solid 1px; margin-top: .2rem; }

.recommend_courses .slide a.unit .ct .btn:hover { opacity: .8; text-decoration: none; }

.recommend_courses .slide a.unit.b1 { background: url(images/cs_bg01.jpg) no-repeat; background-size: 100% 100%; }

.recommend_courses .slide a.unit.b2 { background: url(images/cs_bg02.jpg) no-repeat; background-size: 100% 100%; }

.recommend_courses .slide a.unit.b3 { background: url(images/cs_bg03.jpg) no-repeat; background-size: 100% 100%; }

.recommend_courses .slide a.unit.b4 { background: url(images/cs_bg04.jpg) no-repeat; background-size: 100% 100%; }

.recommend_courses .slide a.unit:hover .pic img { transform: scale(1.15); }

.recommend_courses .slide a.unit .pic { width: 100%; height: 2.4rem; overflow: hidden; position: relative; }

.recommend_courses .slide a.unit .pic img { width: 100%; height: 100%; transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1) 0s; }

.recommend_courses .slide .text { position: absolute; left: 0; bottom: 0; width: 100%; padding: .2rem .1rem .1rem; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); }

.recommend_courses .slide .text .title { font-size: .21rem; letter-spacing: 1px; text-align: center; color: #fff; }

.loginWrap { display: flex; align-items: center; overflow: hidden; width: 80%; margin: 0 auto; }

.loginWrap .left { width: 45%; }

.loginWrap .right { flex-grow: 1; display: flex; align-items: center; justify-content: center; }

.loginWrap .login_box { width: 60%; flex-shrink: 0; padding: .3rem .4rem; background: #fff; box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.2); position: relative; border-radius: .15rem; }

.loginWrap .login_box .title { margin-bottom: .3rem; font-size: .32rem; color: #128bf1; letter-spacing: 1px; text-align: center; }

.loginWrap .login_box .input_box { position: relative; z-index: 10; border-bottom: solid 1px #ccc; margin-top: .2rem; padding: .1rem 10px; display: flex; align-items: center; }

.loginWrap .login_box .input_box .iconfont { margin-right: .1rem; color: #b2c0ca; font-size: .21rem; }

.loginWrap .login_box .input_box input.ipt { border: 0; height: 30px; line-height: 30px; width: 85%; font-size: .16rem; }

.loginWrap .login_box input:focus { box-shadow: none !important; border: 0; outline: 0; }

.loginWrap .login_box .status { display: flex; justify-content: space-between; align-items: center; font-size: .13rem; margin: .2rem 0; }

.loginWrap .login_box .status .forget { color: #2973e3; }

.loginWrap .login_box .btn-login { background: #128bf1; border: 0; padding: .07rem; border-radius: 2px; color: #fff; font-size: .2rem; letter-spacing: 1px; display: block; text-align: center; }

.loginWrap .login_box .btn-login:hover { opacity: .8; }

.loginWrap .login_box .otherAction { margin-top: 30px; }

.loginWrap .login_box .otherAction > p { margin-bottom: 20px; }

.loginWrap .login_box .otherAction .list { width: 90%; margin: 0 auto; }

.loginWrap .login_box .otherAction .list img { width: 54px; height: 54px; }

.loginWrap .login_box .yzm_box { position: relative; }

.loginWrap .login_box .yzm_box .input_box input { display: inline-block; width: 200px; }

.loginWrap .login_box .yzm_box .input_box input.ipt { width: 65%; }

.loginWrap .login_box .yzm_box .yzm_pic { position: absolute; right: 2px; top: 3px; z-index: 10; }

.loginWrap .login_box .yzm_box .yzm_pic img { width: 100px; height: 35px; }

.loginWrap .login_box .zc { text-align: center; font-size: .13rem; color: #999; margin-top: .1rem; }

.loginWrap .login_box .zc a { color: #2973e3; }

.row-registration { padding: .5rem 0; }

.registration_box { background: url(images/login_rightPic.png) top right #fff no-repeat; background-size: 20%; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.075); width: 80%; position: relative; padding: .5rem; margin: 0 auto; }

.registration_box .title { margin-bottom: .3rem; }

.registration_box .title .name { font-size: .24rem; letter-spacing: 1px; }

.registration_box .title .zc { float: right; font-size: .14rem; padding-top: 6px; }

.registration_box .title .color-blue { color: #2973e3; }

.registration_box .btn-primary { background-color: #2973e3; border-color: #2973e3; }

.registration_box .list { margin-right: -5px; margin-left: -5px; margin-bottom: .2rem; display: flex; align-items: center; }

.registration_box .list > [class^="col-md-"] { padding-right: 5px; padding-left: 5px; }

.registration_box .list > .col-md-2 { width: 100px; font-size: .16rem; line-height: 30px; color: #666; }

.registration_box .list > .col-md-3 { width: 150px; font-size: .16rem; line-height: 30px; color: #666; }

.registration_box .list > .col-md-4 { width: 40%; }

.registration_box .list > .col-md-6 { color: #999; font-size: 14px; line-height: 30px; }

.registration_box .list > .col-md-6 .icon { line-height: 30px; }

.registration_box .list .form-control { border: 1px solid #ccc; border-radius: 5px; width: 100%; padding: .1rem; font-size: .15rem; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.registration_box .list .ipt { border: solid 1px #999; padding: 5px; width: 100%; border-radius: 5px; }

.registration_box .list .ui-select-button { border: solid 1px #999; border-radius: 0; }

.registration_box .list .ui-select-icon { background: url(Select/icon-select2.png) #f8f8fa no-repeat center center; right: 0; top: 0; border: solid 1px #999; width: 32px; height: 32px; }

.registration_box .list .alert-success { color: #329d38; border-radius: 3px; background-color: #ddf4df; padding: 15px; margin-bottom: 20px; font-size: 0.18rem; }

.registration_box .btn-registration { background: #2973e3; border: 0; padding: .07rem; border-radius: 2px; color: #fff; font-size: .2rem; letter-spacing: 1px; display: block; text-align: center; }

.registration_box .btn-registration:hover { opacity: .8; }

.breadcrumb { padding: 8px 0; margin-bottom: 20px; list-style: none; border-radius: 4px; font-size: 15px; }

.breadcrumb li { display: inline-block; }

.breadcrumb li + li:before { padding: 0 5px; color: #ccc; content: ">\00a0"; }

.breadcrumb .active { color: #808080; }

.courseList_detail li + li { margin-top: .2rem; }

.courseList_detail .unit { padding: .2rem; display: flex; align-items: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); border-radius: 10px; background: #fff; margin-bottom: .3rem; }

.courseList_detail .unit:hover .pic { opacity: 0.8; }

.courseList_detail .unit .pic { width: 3.5rem; height: 2.1rem; overflow: hidden; transition: opacity .6s ease-in-out; }

.courseList_detail .unit .pic img { width: 100%; height: 100%; }

.courseList_detail .unit .right { width: calc(100% - 3.5rem); padding: .1rem 0 .1rem .25rem; position: relative; }

.courseList_detail .unit .right h2 { font-size: .24rem; margin-bottom: .15rem; letter-spacing: 2px; font-weight: normal; }

.courseList_detail .unit .right h2 em { color: #2973e3; }

.courseList_detail .unit .right .info { font-size: 0.16rem; line-height: 1.8; color: #999; height: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.courseList_detail .unit .right .bottom { display: flex; font-size: 0.16rem; color: #999; }

.courseList_detail .unit .right .bottom > div + div { margin-left: .4rem; }

.courseList_detail .unit .right .bottom .iconfont { margin-right: 5px; }

.breadcrumb > .active { color: #808080; }

.about_info { background: url(images/about_info_bg.jpg) bottom right #24186a no-repeat; background-size: cover; padding: .3rem; margin-top: .3rem; }

.about_info .middle-title .left h2 { color: #fff; }

.about_info .text { font-size: .18rem; color: #ffffff; line-height: 1.9; }

.about_info .text .t01 { color: #49e6f0; font-size: .15rem; letter-spacing: 2px; margin-top: .1rem; }

.coursePanel .headBar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.coursePanel .headBar .name { background: #2973e3; padding: 5px 15px; border-radius: 20px; color: #fff; font-size: 16px; }

.coursePanel .headBar .name .iconfont { display: inline-block; float: left; margin-right: 6px; font-size: 20px; margin-top: 2px; }

.coursePanel .headBar .more { color: #999; }

.coursePanel .headBar .more:hover { color: #666; }

.coursePanel .kc-courseList { border: #e8e8e8 solid 1px; padding: .1rem; background: #fff; border-radius: 8px; }

.coursePanel .kc-courseList > li { border-bottom: dashed 1px #ccc; padding: 15px; }

.coursePanel .kc-courseList > li:last-child { border-bottom: 0; }

.coursePanel .kc-courseList > li:hover { background: #f8f8f8; }

.coursePanel .kc-courseList .aptext { display: flex; align-items: center; }

.coursePanel .kc-courseList .aptext .pic { margin-right: 25px; width: 3rem; height: 1.7rem; border-radius: 6px; overflow: hidden; flex-shrink: 0; }

.coursePanel .kc-courseList .aptext .pic img { width: 100%; height: 100%; }

.coursePanel .kc-courseList .aptext .text { flex-grow: 1; position: relative; }

.coursePanel .kc-courseList .aptext .text .head { display: flex; justify-content: space-between; margin-bottom: .1rem; }

.coursePanel .kc-courseList .aptext .text .head .name .title { line-height: 1.6; font-size: .21rem; color: #333; margin-right: .4rem; display: inline-block; }

.coursePanel .kc-courseList .aptext .text .head .name .tag { color: #666; padding: 5px 10px; border-radius: 20px; background: rgba(0, 78, 162, 0.1); margin-left: 10px; font-size: .15rem; }

.coursePanel .kc-courseList .aptext .text .head .time { color: #999; font-size: .15rem; }

.coursePanel .kc-courseList .cate { margin: 5px 0; display: flex; }

.coursePanel .kc-courseList .cate > li { margin-right: 3%; font-size: .15rem; color: #999; }

.coursePanel .kc-courseList .bar { line-height: 20px; }

.coursePanel .kc-courseList .bar > li { margin-right: 30px; font-size: 13px; color: #999; display: inline-block; }

.coursePanel .kc-courseList .bar > li .icon { margin-right: 5px; }

.location { margin-bottom: 20px; font-size: .15rem; }

.location > span { color: #2973e3; }

.row-mypage { display: flex; column-gap: 30px; }

.row-mypage > .col-md-3 { width: 3rem; flex-shrink: 0; }

.row-mypage > .col-md-9 { flex-grow: 1; }

.row-mypage .left_column { box-shadow: 0px -3px 0px 0px #2973e3; border-radius: 8px; border: solid 1px #ccc; background: #fff; position: relative; top: 3px; }

.row-mypage .left_column .head { margin: 20px 0; text-align: center; }

.row-mypage .left_column .head h2 { font-size: 20px; color: #2973e3; font-weight: 500; margin: 0; position: relative; padding-bottom: 10px; }

.row-mypage .left_column .head h2:after { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); height: 3px; width: 50px; background: rgba(41, 115, 227, 0.6); content: ''; }

.row-mypage .left_column .course-tabs { border-bottom: 0; display: flex; justify-content: space-between; }

.row-mypage .left_column .course-tabs > li { flex-grow: 1; }

.row-mypage .left_column .course-tabs > li > a { background: rgba(41, 115, 227, 0.1); border-radius: 0; margin-right: 1px; font-size: 16px; border: 0; padding: 6px 0; text-align: center; }

.row-mypage .left_column .course-tabs > li > a:hover, .row-mypage .left_column .course-tabs > li > a:focus { border: 0; background: #2973e3; color: #fff; }

.row-mypage .left_column .course-tabs > li.active > a { border: 0; background: #2973e3; color: #fff; }

.row-mypage .left_column .course-tabs > li.active > a:hover, .row-mypage .left_column .course-tabs > li.active > a:focus { border: 0; background: #2973e3; color: #fff; }

.row-mypage .left_column .ztree { padding: 0; }

.row-mypage .left_column .ztree * { font-size: 14px; }

.row-mypage .left_column .ztree > li { padding-left: 10px !important; border-top: #ccc solid 1px; padding-bottom: 10px !important; }

.row-mypage .left_column .ztree > li > ul { margin-left: -10px !important; margin-top: 8px; }

.row-mypage .left_column .ztree li { padding: 6px 0 8px 0; }

.row-mypage .left_column .ztree li a.curSelectedNode { background-color: rgba(41, 115, 227, 0.1); border-color: #2973e3; height: 20px; }

.row-mypage .left_column .ztree li ul { background: #fff; padding: 0 0 0 30px; margin-bottom: -10px; }

.row-mypage .left_column .ztree li span.button.noline_docu { display: none; }

.row-mypage .left_column .ztree li span.button.ico_docu { background: url("images/dot2.png") center center no-repeat; }

.row-mypage .left_column .ztree li span.button.noline_open { background: url("images/noline_open.png") center center no-repeat; }

.row-mypage .left_column .ztree li span.button.noline_close { background: url("images/noline_close.png") center center no-repeat; }

.row-mypage .left_column .menu { margin: 0 10%; }

.row-mypage .left_column .menu .btn-news { font-size: 16px; color: #999; display: inline-block; background-color: #ccc; border: 1px solid #ccc; border-radius: 20px; padding: 5px 15px; cursor: pointer; display: block; margin-bottom: 15px; text-align: center; }

.row-mypage .left_column .menu .btn-news:hover { opacity: .8; text-decoration: none; }

.row-mypage .left_column .menu .btn-news:hover { background-color: #2973e3; color: #fff; }

.row-mypage .left_column .menu .btn-news.active { background-color: #2973e3; color: #fff; }

.row-mypage .personal_resource_leftMenu { padding: 20px; }

.row-mypage .personal_resource_leftMenu .user_info { text-align: center; padding-bottom: 10px; }

.row-mypage .personal_resource_leftMenu .user_info .avatar { width: 90px; height: 90px; margin: 0 auto 20px; border-radius: 50%; overflow: hidden; }

.row-mypage .personal_resource_leftMenu .user_info .avatar img { width: 90px; height: 90px; }

.row-mypage .personal_resource_leftMenu .user_info > h2 { font-size: .18rem; letter-spacing: 2px; }

.row-mypage .personal_resource_leftMenu .user_info > p { font-size: 12px; color: #999; letter-spacing: 1px; }

.row-mypage .personal_resource_leftMenu .menu li { margin: 15px 0; }

.row-mypage .personal_resource_leftMenu .menu li a { display: block; font-size: .18rem; color: #333; background: #e8e8e8; border-radius: 20px; padding: 10px 0; text-align: center; }

.row-mypage .personal_resource_leftMenu .menu li:hover a { background: #2973e3; color: #fff; }

.row-mypage .personal_resource_leftMenu .menu li.active a { background: #2973e3; color: #fff; }

.row-mypage .course_content_wrap { border: #ccc solid 1px; padding: 20px; background: #fff; border-radius: 8px; }

.row-mypage .course_content_wrap .input-group { float: right; display: flex; }

.row-mypage .course_content_wrap .input-group .input-control-icon-left { display: flex; align-items: center; justify-content: center; }

.row-mypage .course_content_wrap .input-group .btn-primary { background: #2973e3; }

.row-mypage .personal_resource_list .grid > li:hover { background: #fff; }

.row-mypage .personal_resource_list .content { border-bottom: #ccc dashed 1px; padding: 10px 0; }

.row-mypage .personal_resource_list .content:hover { background: #f8f8f8; }

.row-mypage .personal_resource_list .content .title { font-size: .17rem; margin-bottom: 10px; }

.row-mypage .personal_resource_list .content .title .tag { display: inline-block; float: left; margin-right: 10px; color: #2973e3; }

.row-mypage .personal_resource_list .content .ct { font-size: .15rem; color: #999; padding-left: 75px; line-height: 1.8; }

.row-mypage .personal_resource_list .content .ct .aplist { margin-left: -30px; padding: 0; }

.row-mypage .personal_resource_list .content .ct .aplist > li { margin-left: 30px; font-size: .15rem; list-style: none; }

table { width: 100%; empty-cells: show; background-color: transparent; border-collapse: collapse; border-spacing: 0; font-size: .15rem; /*竖直方向padding缩减一半*/ }

table th { text-align: left; font-weight: 400; }

table.hui-table-condensed th, table.hui-table-condensed td { padding: 4px 5px; }

table.hui-table { /*带水平线*/ /*带横向分割线*/ /*th带背景*/ /*带外边框*/ /*奇数行背景设为浅灰色*/ /*竖直方向padding缩减一半*/ /*鼠标悬停样式*/ /*表格文字对齐方式，默认是居左对齐*/ /*整行居中*/ /*整行居右*/ /*单独列居左*/ /*单独列居中*/ /*单独列居右*/ /*圆角*/ }

table.hui-table a.link { color: #0e64bd; }

table.hui-table th { font-weight: bold; }

table.hui-table td { text-align: left; }

table.hui-table th, table.hui-table td { padding: 8px; line-height: 20px; word-break: break-all; }

table.hui-table tbody tr.success > td { background-color: #dff0d8; }

table.hui-table tbody tr.error > td { background-color: #f2dede; }

table.hui-table tbody tr.warning > td { background-color: #fcf8e3; }

table.hui-table tbody tr.info > td { background-color: #d9edf7; }

table.hui-table tbody + tbody { border-top: 2px solid #ddd; }

table.hui-table .hui-table { background-color: #fff; }

table.hui-table.hui-table-border { border-top: 1px solid #ddd; }

table.hui-table.hui-table-border th, table.hui-table.hui-table-border td { border-bottom: 1px solid #ddd; }

table.hui-table.hui-table-bg thead th { background-color: #F5FAFE; }

table.hui-table.hui-table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; }

table.hui-table.hui-table-bordered th, table.hui-table.hui-table-bordered td { border-left: 1px solid #ddd; }

table.hui-table.hui-table-bordered.hui-table-bordered { border-bottom: 0; }

table.hui-table.hui-table-striped tbody > tr:nth-child(odd) > td, table.hui-table.hui-table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }

table.hui-table.hui-table-condensed th, table.hui-table.hui-table-condensed td { padding: 4px 5px; }

table.hui-table.hui-table-hover tbody tr:hover td, table.hui-table.v-hover tbody tr:hover th { background-color: #f5f5f5; }

table.hui-table tbody tr.selected td { /*鼠标选择整行样式*/ background-color: #F3F3F3; }

table.hui-table tbody tr.active, table.hui-table tbody tr.active > td, table.hui-table tbody tr.active > th, table.hui-table tbody tr .active { /*悬停在行*/ background-color: #F5F5F5 !important; }

table.hui-table tbody tr.success, table.hui-table tbody tr.success > td, table.hui-table tbody tr.success > th, table.hui-table tbody tr .success { /*成功或积极*/ background-color: #DFF0D8 !important; }

table.hui-table tbody tr.warning, table.hui-table tbody tr.warning > td, table.hui-table tbody tr.warning > th, table.hui-table tbody tr .warning { /*警告或出错*/ background-color: #FCF8E3 !important; }

table.hui-table tbody tr.danger, table.hui-table tbody tr.danger > td, table.hui-table tbody tr.danger > th, table.hui-table tbody tr .danger { /*危险*/ background-color: #F2DEDE !important; }

table.hui-table .text-l th, table.hui-table .text-l td { text-align: left; }

table.hui-table .text-c th, table.hui-table .text-c td { text-align: center; }

table.hui-table .text-r th, table.hui-table .text-r td { text-align: right; }

table.hui-table th.text-l, table.hui-table td.text-l { text-align: left !important; }

table.hui-table th.text-c, table.hui-table td.text-c { text-align: center !important; }

table.hui-table th.text-r, table.hui-table td.text-r { text-align: right !important; }

table.hui-table.radius thead th:first-child { border-top-left-radius: 4px; }

table.hui-table.radius thead th:last-child { border-top-right-radius: 4px; }

table.hui-table.radius tr:last-child td:first-child { border-bottom-left-radius: 4px; }

table.hui-table.radius tr:last-child td:last-child { border-bottom-right-radius: 4px; }

.items .item { padding: 10px; border-bottom: 1px solid #e5e5e5; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1); }

.items .item-heading { margin-bottom: .1rem; }

.items .item-heading h4 { font-size: .2rem; margin-bottom: 5px; }

.items .item-heading p { color: #999; font-size: .15rem; }

.items .item-content:after { clear: both; }

.items .item-content .text { font-size: .16rem; line-height: 1.8; }

.items .item-footer { padding-top: 5px; }

.items .item-footer > a { color: #808080; }

.items .item-content:before, .items .item-content:after { display: table; content: " "; }

.items-hover .item:hover { background-color: #f5f5f5; }

.resource_content .red { color: #fc7736; }

.resource_content .form-control { display: block; width: 100%; height: 32px; padding: 5px 8px; font-size: 13px; line-height: 1.53846154; color: #222; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.resource_content .checkbox input[type=checkbox], .resource_content .checkbox-inline input[type=checkbox], .resource_content .radio input[type=radio], .resource_content .radio-inline input[type=radio] { position: absolute; margin-top: 3px; margin-left: -20px; }

.resource_content .checkbox-inline, .resource_content .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; margin-right: 10px; }

.resource_content .form-control[disabled], .resource_content .form-control[readonly], .resource_content fieldset[disabled] .form-control { cursor: not-allowed; background-color: #e5e5e5; }

.resource_content .group01 { display: flex; gap: 10px; }

.resource_content .group01 .btn-add { font-size: 0.16rem; color: #333; display: inline-block; background-color: #f8f8f8; border: 1px solid #f8f8f8; border-radius: 20px; padding: 5px 15px; cursor: pointer; border-color: #bfbfbf; width: .8rem; flex-shrink: 0; }

.resource_content .group01 .btn-add:hover { opacity: .8; text-decoration: none; }

.resource_content .group { border: #e8e8e8 solid 1px; background: rgba(204, 204, 204, 0.02); padding: .2rem; border-radius: 8px; font-size: .16rem; margin-bottom: .2rem; }

.resource_content .group dl { display: flex; border-bottom: #ccc dashed 1px; padding: 15px 5px; }

.resource_content .group dl dt { font-weight: bold; text-align: right; width: 180px; flex-shrink: 0; color: #999; margin-right: 15px; line-height: 1.8; }

.resource_content .group dl dd { width: 60%; }

.resource_content .hui-tab { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.resource_content .hui-tab a.del { font-size: 0.16rem; color: #fff; display: inline-block; background-color: #08c0e7; border: 1px solid #08c0e7; border-radius: 20px; padding: 5px 15px; cursor: pointer; float: right; }

.resource_content .hui-tab a.del:hover { opacity: .8; text-decoration: none; }

.resource_content .hui-tab .hui-tab-header { display: flex; column-gap: 15px; margin-bottom: .3rem; }

.resource_content .hui-tab .hui-tab-header span { background: rgba(41, 115, 227, 0.15); font-size: .18rem; text-align: center; padding: 8px .2rem; cursor: pointer; border-radius: 10px; }

.resource_content .hui-tab .hui-tab-header span.current { background: #2973e3; color: #fff; }

.resource_content .hui-tab .hui-tab-content > h3 { position: relative; letter-spacing: 1px; font-size: .20rem; display: inline-block; padding-left: 15px; margin-bottom: .2rem; }

.resource_content .hui-tab .hui-tab-content > h3:after { background: #2973e3; content: ""; height: .18rem; width: 4px; position: absolute; top: .04rem; left: 0; border-radius: 5px; }

.resource_content .hui-tab .hui-tab-content table { font-size: .16rem; }

.resource_content .hui-tab .operate-btn { float: right; }

.resource_content .hui-tab .operate-btn a { font-size: 0.16rem; color: #fff; display: inline-block; background-color: #08c0e7; border: 1px solid #08c0e7; border-radius: 20px; padding: 5px 15px; cursor: pointer; margin-left: 10px; }

.resource_content .hui-tab .operate-btn a:hover { opacity: .8; text-decoration: none; }

.resource_content .btm { text-align: center; margin: .2rem 0; }

.resource_content .btm a { font-size: 0.21rem; color: #fff; display: inline-block; background-color: #2973e3; border: 1px solid #2973e3; border-radius: 20px; padding: 5px 15px; cursor: pointer; }

.resource_content .btm a:hover { opacity: .8; text-decoration: none; }

.resource_content .btm a + a { margin-left: .2rem; }

.resource_content .btm a.back { font-size: 0.21rem; color: #333; display: inline-block; background-color: #f2f2f2; border: 1px solid #f2f2f2; border-radius: 20px; padding: 5px 15px; cursor: pointer; border-color: #bfbfbf; }

.resource_content .btm a.back:hover { opacity: .8; text-decoration: none; }

.resource_content .operate { margin: .2rem 0; }

.resource_content .operate a { font-size: 0.16rem; color: #fff; display: inline-block; background-color: #08c0e7; border: 1px solid #08c0e7; border-radius: 20px; padding: 5px 15px; cursor: pointer; }

.resource_content .operate a:hover { opacity: .8; text-decoration: none; }

.resource_content .course-tree .ztree li { padding: 3px 0; border-top: 0; }

.resource_content .ztree { padding: 0; }

.resource_content .ztree * { font-size: 14px; }

.resource_content .ztree > li { padding-left: 10px !important; border-top: #ccc solid 1px; }

.resource_content .ztree li { padding: 5px 0; }

.resource_content .ztree li a.curSelectedNode { background-color: rgba(41, 115, 227, 0.1); height: 20px; }

.resource_content .ztree li ul { background: #fff; }

.resource_content .ztree li span.button.noline_docu { display: none; }

.resource_content .ztree li span.button.ico_docu { background: url("images/dot2.png") center center no-repeat; }

.resource_content .ztree li span.button.noline_open { background: url("images/noline_open.png") center center no-repeat; }

.resource_content .ztree li span.button.noline_close { background: url("images/noline_close.png") center center no-repeat; }

.resource_content .row-bookmarks { display: flex; }

.resource_content .row-bookmarks .left { width: 200px; flex-shrink: 0; margin-right: .2rem; }

.resource_content .row-bookmarks .left p { margin: .15rem; }

.resource_content .row-bookmarks .left p a { font-size: 0.16rem; color: #333; display: inline-block; background-color: #eee; border: 1px solid #eee; border-radius: 20px; padding: 5px 15px; cursor: pointer; }

.resource_content .row-bookmarks .left p a:hover { opacity: .8; text-decoration: none; }

.resource_content .row-bookmarks .right { flex-grow: 1; }

.resource_content .search-group { margin-bottom: .2rem; display: flex; }

.resource_content .search-group .input-control { position: relative; padding-left: .4rem; background: #fff; border: #ccc solid 1px; height: .4rem; }

.resource_content .search-group .input-control .search-input { font-size: .15rem; height: 100%; }

.resource_content .search-group .input-control .search-icon { position: absolute; left: 10px; top: 50%; margin-top: -10px; }

.resource_content .search-group .input-control .search-icon .iconfont { font-size: .18rem; }

.resource_content .search-group .btn { font-size: 0.16rem; color: #fff; display: inline-block; background-color: #999; border: 1px solid #999; border-radius: 20px; padding: 5px 15px; cursor: pointer; border-radius: 0; }

.resource_content .search-group .btn:hover { opacity: .8; text-decoration: none; }

.pagination { display: flex; align-items: center; justify-content: center; margin: .3rem 0; }

.pagination.n2 { justify-content: space-between; margin: .2rem 0; }

.pagination .total { font-size: .16rem; }

.pagination .digg { padding: 3px; margin: 3px; text-align: center; font-size: .14rem; display: flex; flex-wrap: wrap; }

.pagination .digg a { padding: .08rem .15rem; border-radius: 4px; margin: 2px 5px; color: #787d82; text-decoration: none; background: #fff; }

.pagination .digg a:hover { color: #fff; background-color: #2973e3; text-decoration: none; }

.pagination .digg a:active { color: #fff; background-color: #2973e3; }

.pagination .digg span.current { padding: .08rem .15rem; border-radius: 4px; font-weight: bold; margin: 2px; color: #fff; background-color: #2973e3; }

.pagination .digg span.disabled { padding: .08rem .15rem; border-radius: 4px; margin: 2px; color: #ddd; }

.footer { padding: 2% 0; background: linear-gradient(to bottom, #0e64bd, #1a3bb3); text-align: center; line-height: 2; font-size: .15rem; color: rgba(255, 255, 255, 0.7); }

.footer a { color: rgba(255, 255, 255, 0.7); }