@charset "utf-8";
/*public------------------*/

.page{ background-color: #fff;}
.page.hide{ display: none;}

/*button*/
button, .button{ border: none; padding: 0 8px; min-height: 0; height: 30px; line-height: 30px; border-radius: 30px; -webkit-border-radius: 30px; }
.button_primary{ background-color: #385399; color: #fff; padding: 0 22px;}
.button_primary:active{ background-color: #213d83;}
.button_info{ background-color: #e8f5fe; border-color: #cbe2f2; color: #3aadfd;}
.button_info:active{ background-color: #cbe2f2;}

/*text-color*/
.text_info{ color: #88cdfd;}
.text_primary{ color: #c7001a;}
.text_danger{ color: #fa5a5a;}
.text_wordCount{ color: #aaa;}

/*loading*/
.loading{ background-color: #40c8fc;}
.loading .loading_icon{ border-color: rgba(0,0,0,0.5); border-left-color: rgba(0,0,0,0.7);}

/*默认皮肤*/
.skin_default .loading{ background-color: #F2F2F2;}
.skin_default .loading .loading_c{ color: #B3B3B3;}
.swiper-pagination-bullet-active{ background-color: #fa5a5a;}

/*模态框*/
.modal_box{ border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none; -webkit-box-shadow: none;}
.modal_foot{ border-top: 1px solid #eee;}
.modal_box .button_confirm{ display: block; text-align: center; color: #385399;}

/*辅助调整---------------------*/
/*各页面*/
.scan{ text-align: center; display: inline-block; position: relative;}
.scan span.text{ display: block; font-size: 12px; color: #828181; margin-top: -4px;}

.page_content{ padding-top: 0;}
.page_content_ucbound{ padding-top: 40px;}

.page_content_ucbound .logo{ width: 220px; margin: 0 auto; padding-bottom: 60px;}
.form_group_ucbound .input_addon{ padding: 0 10px; text-align: center; color: #adadad;}
.form_group_ucbound .form_block{ border-color: transparent;}
.form_group_ucbound .form_item{ border: 1px solid #e0e0e0; background-color: #fff; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden;}
.form_group_ucbound .button_row{ margin-top: 60px;}

/*调查*/
.card_questions .card_header h4{ border: none; text-align: center; color: #c90015; padding: 0;}
.card_questions .card_header{ border-bottom: 1px solid #c1c0be; padding: 5px 0;}
.card_questions_title{ font-size: 16px;}
.list_block_options .item_title{ font-size: 14px; overflow: visible; white-space:normal; word-break: break-all;}

.card_questions .content_list{ margin: 15px  0; position: relative; overflow-y: auto; overflow-x: hidden; max-height: 370px;}
.card_questions .label_checkbox{ display: block; margin-top: 5px; margin-bottom: 5px;}

/*轮播*/
.swiper-pagination-bullet{ background-color: rgba(0,0,0,1);}
.swiper-pagination-bullet-active{ background-color: #073067;}
.swiper-container .swiper-pagination{ bottom: 0;}
.swiper-title{ position: absolute; left: 0; bottom: 0; height: 22px; line-height: 22px; color: #fff; z-index: 11; padding-left: 10px;}

/*栏目分类*/
.list_block_cate{ background: url(../img/class_fgf.png) no-repeat center center; background-size: 100% auto;}
.list_block_cate .list_item{ width: 50%; padding: 10px;}
.list_block_cate a.list_item{ color: #fff; text-align: center; padding: 30px;}
.list_block_cate .block_button{ border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #1b76c9; width: 90px; height: 90px; text-align: center; padding-top: 18px; display: inline-block;}
.list_block_cate .list_item:last-child .block_button{ padding-top: 24px;}

/*培训资讯列表*/
.list_block_zixun{ padding: 10px;}
.list_block_zixun .item_footer{ position: absolute; left: 144px; bottom: 10px; right: 0;}
.list_block_zixun .item_inner{ padding-left: 10px;}
.list_block_zixun .catename{ color: #c2011a;}
.list_block_zixun .list_item{ padding: 10px 0;}

/*细线*/
.list_block_zixun .list_item:not(:last-child):after, .list_block_search .list_item:after{ content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #bfbfbf; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5);}

/*详情*/
.detail_block{ padding: 10px;}
.detail_header{ padding-bottom: 0;}
.detail_title_row{ text-align: left;}
.detail_title{ font-size: 16px;}
.detail_after{ font-size: 12px; color: #c0c0c0;}

.detail_block .cover a{ display: block; position: relative;}
/*播放按钮*/
.btnPlay{ display: block; content: ""; width: 40px; height: 40px; background-color: rgba(0,0,0,0.5); position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; border-radius: 50%; -webkit-border-radius: 50%;}
.btnPlay:after{ display: block; content: ""; width:0; height:0; border:12px solid transparent; background-color: transparent; background: none;  border-left-color:#fff; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -12px;}

 /*课程库分类*/
.list_block_kechengkuCate{ padding: 10px;}
.list_block_kechengkuCate .list_item{ width: 50%; padding: 10px;}
/*搜索*/
.search_group .search_item{}
.search_item input{ border: 1px solid #e0e0e0; border-radius: 0; -webkit-border-radius: 0;}
.search_item .iconfont{ background-color: #c5c5c5; color: #fff; height: 36px; width: 36px; text-align: center; line-height: 36px; margin-left: 10px;}
.search_item .close{ -webkit-appearance: none; font-size: 18px; font-weight: bold; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; -webkit-border-radius: 50%;  background-color: #c5c5c5; color: #fff; text-align: center; vertical-align: middle;}

.list_block_search{ padding: 10px;}
.list_block_search .list_item{ padding: 10px 0;}

.card_kecheng .card_header{ padding: 10px 0; margin-bottom: 10px;}
.card_kecheng .card_header h4{ padding-left: 0; border: 0; color: #000;}

.detail_block_kecheng .detail_tittle{ text-align: center; font-size: 18px;}

/*在线培训*/
.list_block_zaixianpeixun{ padding: 10px;}
.list_block_zaixianpeixun .list_item{ padding: 10px 0;}

.card_kecheng_detail .card_header{ text-align: center; padding: 10px 0; margin-bottom: 10px;}
.card_kecheng_detail .card_header h4{ border: none; padding: 0; color: #c7001a;}
.list_block_kecheng_detail{ margin: 15px 0; position: relative;}
.list_block_kecheng_detail .list_desc, .list_block_kecheng_detail .item_desc{ margin: 5px 0; color: #828181;}
.list_block_kecheng_detail .list_desc label{ color: #040404;}
.list_block_kecheng_detail .list_after, .list_block_kecheng_detail .item_after{ display: block; text-align: right; color: #d13b4e !important; padding-bottom: 5px;}
.list_block_kecheng_detail .item_desc{ overflow: visible; height: auto; -webkit-line-clamp:initial;}

/*考试须知*/
.info_block_kaoshixuzhi dl{ margin: 15px 0; color: #828181;}
.info_block_kaoshixuzhi dt{ font-size: 16px; color: #000;}
.info_block_kaoshixuzhi dd{ padding-top: 3px;}

/*考试结果*/
.list_block_result{ padding: 0 10%;}
.info_block_result{ border: 1px solid #828181; margin: 10px auto 0 auto; padding: 30px; font-size: 16px; color: #828181; -webkit-border-radius: 8px; border-radius: 8px;}
.info_block_result dl{ width: 70%; margin: 5px auto; word-wrap: break-word; word-break: break-all;}
.info_block_result dt{ color: #000; white-space: nowrap;}

.list_block_zixun .item_media{ width: 134px; height: 85px; overflow: hidden; background-color: #E0E0E0;}
.list_block_kecheng_detail .item_media{ width: 134px; height: 82px; background-color: #E0E0E0;}
.banner{ height: 168px; overflow: hidden;}
.detail_content img{ max-width: 100%;}

/*签到*/
.modal_sign .modal_header{ background-color: #e3e3e3; color: #000; padding-bottom: 20px;}
.modal_sign .modal_content{ position: relative;  background-color: #fff; z-index: 1;}
.modal_sign .modal_box{ overflow: hidden;}
.modal_sign .modal_box:after{ display: block; content: ""; border-radius: 50%; -webkit-border-radius: 50%; width: 200%; height: 200%; position: absolute; left: -50%; top: 40px; background-color: #fff;}
.modal_sign .modal_content h4{ color: #c70019; text-align: center;}
.modal_sign .modal_close{ top: 7px; right: 9px; border-radius: 5px; -webkit-border-radius: 5px; background-color: #c70019; color: #fff;}

/*视频*/
video{ background-color: #000; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; /*加滤镜*/ /*-webkit-filter: grayscale(100%);*/ /*filter:grayscale(100%);*/ }

/*国航*/
.icon_arrow_solid_t, .icon_arrow_solid_r, .icon_arrow_solid_b, .icon_arrow_solid_l{ border-width: 8px; }
.icon_arrow_solid_l{ border-left-color: #c5c5c5;}
.icon_arrow_solid_r{ border-right-color: #c5c5c5;}
.icon_arrow_solid_t{ border-top-color: #c5c5c5;}
.icon_arrow_solid_b{ border-bottom-color: #c5c5c5;}
.block_cate .item_link{ text-align: center; }
.block_cate .img{ background-color: transparent;}
.block_cate{ background-color: #f3f4f6; margin-top: 10px; padding: 10px 20px; position: relative;}
.block_cate .pageDown{ position: absolute; right: 0; top: 50%; margin-top: -8px;}
.block_cate .pageUp{ position: absolute; left: 0; top: 50%; margin-top: -8px;}
.block_cate .swiper-container, .block_cate .swiper-slide{ background-color: transparent;}
.block_cate .img, .block_cate p{ width: 49px; overflow: hidden; margin: 0 auto;}
.block_cate .img{ height: 49px; border-radius: 50%; -webkit-border-radius: 50%; background-color: #e5e5e5;}
.block_cate a{ color: #212121;}
.block_cate p{ width: 70px;}
.block_cate a.active{ color: #05418a;}

.block_filter{ position: relative; padding: 10px;}
.block_filter .filter_hd{ display: inline-block;}
.filter_bd{ border: 1px solid #c5c5c5; position: absolute; top:10px; left: 76px; background-color: #fff; z-index: 1;}
.filter_bd .btnMenus{ position: relative; z-index: 1;}
.filter_bd .btnSelect, .filter_bd ul li{padding: 0 30px 0 10px;}
.filter_bd ul li{ padding-bottom: 5px;}
.filter_bd ul li:first-child{ padding-top: 5px;}
.filter_bd .iconDown{ height: 8px; position: absolute; right: 5px; top: 8px;}

.block_sort{ padding: 0 10px 10px 10px;}
.block_sort a{ color: #212121; padding: 5px 10px 5px 0;}
.block_sort a.active{ color: #05418a;}

.block_top{ padding: 10px 10px 10px 10px;}
.block_top a{ color: #212121; padding: 5px 10px 5px 0;}
.block_top a.active{ color: #05418a;}

.block_list_lesson{ padding: 0 10px;}
.block_list .item_title{ padding-bottom: 10px;}
.block_list a.list_item{ color: #212121; margin-bottom: 15px;}
.block_list .item_people, .block_list .item_desc{ color: #8e8d8d;}
.block_list .item_desc{ height:auto; -webkit-line-clamp: 1; overflow: hidden; width: 100%;}
.block_list .time{ display: block; text-align: right;  color: #c5c5c5;}
.block_list .assist .preview{ color: #e34f4d; text-align: right;}
.block_list_lesson .item_media{ width: 128px;}
.block_list_lesson .item_media .img{ display: block; width: 100%; height: 80px; overflow: hidden;}

.content_hd{ padding: 0 10px;}
.content_title{ height: 40px; line-height: 40px; font-size: 18px; text-align: center;}
.content_assist{ text-align: right;}
.content_assist > div{ display: inline-block;}
.content_assist .icon{ font-size: 14px;}
.content_assist .num{ color: #e0231d;}

.btnCollect .icon{ font-size: 14px;}
.btnCollect.active .icon, .praise.active .icon{ color: #e0231d}
.content_hd .btnCollect{ position: absolute; right: 10px; top: 10px;}

.block_tabBtns{ margin-top: 10px;}
.block_tabBtns .tabBtns_inner{ text-align: center; border-bottom: 1px solid #8e8e8e;}
.block_tabBtns .item_btn{ position: relative; height: 40px; line-height: 40px;}
.block_tabBtns .item_btn.active:after{ content: ""; display: block; border: 1px solid #8e8e8e; width: 12px; height: 12px; background-color: #fff; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: 1; border-right: none; border-bottom: none;}

.content_intro{ padding: 10px; color: #8e8e93;}
.content_intro .item_desc{ height:auto; -webkit-line-clamp: initial;}
.content_intro .item_desc img{ max-width: 100%; height: auto;}

.block_catalog{ padding: 10px;}
.block_catalog .item_link{ border-bottom: 1px solid #efefef; height: 38px; line-height: 38px; color: #8b8b8b;}
.block_catalog .item_link span.icon{ display: block; height: 18px;}
.block_catalog .item_link .text{ margin-left: 10px;}
.block_catalog .item_link.active{ color: #3aadfd;}

/*评论*/
.block_list_comment{ padding: 0 10px;}
.block_list_comment .item_inner{ position: relative;}
.block_list_comment .item_title{ color: #3c3c3c;}
.block_list_comment .item_desc, .block_list_comment .item_time{  color: #c5c5c5;}
.block_list_comment .list_item{ margin: 20px 0;}
.block_list_comment .item_praise{ position: absolute; right: 0; top: 2px; color: #929292;}
.block_list_comment .item_praise .icon{ font-size: 14px;}
.block_list_comment .item_praise.active .icon{ color: #e0231d;}

.discuss_form{ padding: 10px;}
.discuss_form textarea{ background-color: #edeef2; border: none;}
.discuss_form .button_row{ text-align: right; margin-top: 10px;}

.page_content_ucbound{ width: 220px; margin: 0 auto;}
.ucbond_tips{ text-align: center; white-space: nowrap; color: #adadad; padding-top: 10px;}

/*用户中心*/
.page_content_uc{ margin-top: 90px;}
.block_user{ text-align: center; color: #06287f; padding-top: 30px;}
.user_header{ width: 138px; height: 138px; border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; border: 2px solid #e0e0e0; display: inline-block;}
.user_header img{ width: 100%; max-width: none;}
.user_nickname{ font-weight: bold; margin-bottom: 10px;}

.button_group_uc{ margin-top: 50px;}
.button_group_uc .button{ display: block; width: 50%; margin: 0 auto; margin-bottom: 15px; background-color: rgba(56,83,153,0.9)}

.page_content_userInfo{ background-color: rgba(255,255,255,0.5); width: 260px; margin: 90px auto 0 auto; border-radius: 5px; -webkit-border-radius: 5px;}
.block_userInfo{ padding: 30px;}
.button_row_userInfo{ text-align: center; margin-top: 15px;}
.button_row_userInfo .button{ width: 200px; background-color: rgba(6,40,127,0.85)}

.form_group_userInfo{ padding: 10px 30px 30px 30px;}
.form_group_userInfo .form_item{ border: 1px solid #e0e0e0; padding-left: 10px; background-color: #fff;}
.form_group_userInfo input{ border: none; margin-left: 5px;}

.page_content_learnRecord{ background-color: rgba(255,255,255,1); width: 90%; margin: 90px auto 0 auto; border-radius: 5px; -webkit-border-radius: 5px; }
.table_list_record{ width: 100%;}
.table_list_record th{ width: 25%}
.table_list_record th, .table_list_record td{ padding: 5px;}
.table_list_record th:first-child{}
.button_row_listRecord{ padding-top: 15px; text-align: center;}
.button_row_listRecord .button{ margin: 0 10px;}

.page_content_collection .block_list_wrap{ background-color: rgba(255,255,255,1); margin: 10px; border-radius: 5px; -webkit-border-radius: 5px; padding: 15px;}
.page_content_collection .block_list .time{ float: left;}
.page_content_collection .collection_cancel{ float: right;}

.page_uc{ /*background: url(../img/uc.jpg) no-repeat 0 0; background-size: 100% 100%;*/}
.buttonUc{ display: block; width: 100%; height: 38px; line-height: 38px; position: fixed; left: 0; right: 0; bottom: 0; text-align: center; background-color: #385398; border-top: 1px solid #092878; color: #fff; }

.content_media > a{ display: block; position: relative; height: 240px; width: 100%; background-color: #000; color: #fff; overflow: hidden;}
.content_media > a img{width: 100%; max-width: none;}

/*音频*/
.audioWrap{ border: 1px solid #ebebeb; background-color: #fcfcfc; overflow: hidden; padding: 12px 20px 12px 12px; margin-bottom: 20px; position: relative;}
.audioWrap .icon_audio{ width: 18px; height: 25px; vertical-align: middle; display: inline-block; background: url(../img/audio.png) no-repeat 0 0; background-size: 100% auto;}
.audioWrap .icon_audio.stop{ background-position: 0 100%;}
.audioWrap audio{ height:0; width:0; display:none}
.audioWrap_info{ display: inline-block;}
.audioWrap_info .audio_title, .audioWrap_info .audio_source{ display: block;}
.audioWrap_info .audio_title { font-weight: 400; font-size: 17px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; color: #3e3e3e;}
.audioWrap_info .audio_source{ color: #8c8c8c;}
.audioWrap_length{ float: right; font-size: 14px; margin-top: 3px; margin-left: 1em;}
.audioWrap_progress{ position: absolute; width: 100%; left: 0; bottom: 0; color: #0cbb08; height: 2px; background-color: #0cbb08;}

/*考试*/
.item_cover img{ width: 100%;}
.ul_row{ list-style: none;}
.ul_row li{ padding: 10px 10px; border-bottom: 1px solid #ebebeb;}
.ul_row a{ color: #8d8d8d;}

.page_exam{ background: url(../img/uc.jpg) no-repeat 0 0; background-size: 100% 100%;}
.buttonUc{ display: block; width: 100%; height: 38px; line-height: 38px; position: fixed; left: 0; right: 0; bottom: 0; text-align: center; background-color: #385398; border-top: 1px solid #092878; color: #fff; }

.block_exam_intro{ margin-top: -60px; }
.block_exam_intro h2{ font-size: 18px; text-align: center; padding-bottom: 20px; color: #fff;}
.block_exam_intro .item_desc{ border-bottom: 1px solid #eaeaea; padding: 10px 0; height: auto; -webkit-line-clamp: initial;}

.page_content_exam{ background-color: rgba(255,255,255,1); width: 90%; margin: 70px auto 70px auto; border-radius: 5px; -webkit-border-radius: 5px; padding: 15px; position: relative;}
.card_questions .label_checkbox{ color: #898989;}

.block_exam_assist{ position: relative; width: 100%; height: 32px; line-height: 32px; color: #838383;}
.block_exam_assist .row_time_remain{ position: absolute; right: 0; top: 0;}
.row_time_remain .item_num{ display: inline-block; width: 33px; height: 32px; background: url(../img/time_remain.jpg) no-repeat 0 0; text-align: center; line-height: 32px; color: #fff; margin: 0 5px;}

.button_group_exam{ position: absolute; left: 0; bottom: -80px; width: 100%;}

/*查看答案*/
.block_exam_result .item_title{ text-align: center;}
.block_exam_result_c{ background-color: #f0f1f3; padding: 20px; margin-top: 20px;}
.block_exam_result_c .ul_row li{ border: none; padding: 0; color: #8a8b8d; margin: 0 20%; }
.button_group_result{ position: absolute; left: 0; bottom: -50px; width: 100%;}

.block_exam_assist{ height: auto; overflow-y: auto; overflow-x: hidden; max-height: 320px;}
.block_exam_assist .block_row{  line-height: 1.5;}
.block_exam_assist .block_column:last-child{ width: 50px; text-align: right;}
.block_exam_assist .item_title{ color: #2f2f2f; font-size: 14px;}

.block_explain{ color: #1a1a1a;}
.block_explain .item_title{ width: 60px; font-size: 16px; color: #2e49a0; line-height: 21px;}
.block_explain .item_desc{ overflow: visible; height: auto; -webkit-line-clamp: initial;}

/*新增-首页*/
.swiper-pagination-bullet{ background-color: #89cdff; opacity: 0.6;}
.swiper-pagination-bullet-active{ background-color: #89cdff; opacity: 1; width: 16px; border-radius: 5px; -webkit-border-radius: 5px;}

.pages_home .page{ background-color: #eee;}
.block_banner{ position: relative; }
.block_search .search_group{ background: #fff; border-radius: 30px; -webkit-border-radius: 30px;  position: absolute; top: 15px; left: 45px; right: 15px; z-index: 2;}
.block_search .search_group .form_block{ border: none; background-color: transparent;}
.block_search .search_group .btnSearch{ background-color: transparent; color: #89cdff; padding-right: 15px;}

.block_quicknav{ background-color: #fff; padding: 5px; color: #4e4e4e;}
.block_quicknav .item_meida{ width: 40px; height: 40px; display: inline-block; margin-bottom: 5px; border-radius: 50%; -webkit-border-radius: 50%;}
.block_quicknav .flex_cell{ padding: 5px; font-size: 12px;}
/*.block_quicknav .flex_cell:nth-child(1) .item_meida{ background-color: #fede7f;}
.block_quicknav .flex_cell:nth-child(2) .item_meida{ background-color: #89cdff;}
.block_quicknav .flex_cell:nth-child(3) .item_meida{ background-color: #fd8e8e;}
.block_quicknav .flex_cell:nth-child(4) .item_meida{ background-color: #7fe2fe;}
.block_quicknav .flex_cell:nth-child(5) .item_meida{ background-color: #89a8ff;}
.block_quicknav .flex_cell:nth-child(6) .item_meida{ background-color: #feb57f;}*/

.block_news{ background-color: #fff; font-size: 12px; padding: 15px;}
.block_news .block_hd h4{ font-size: 16px;}
.block_hd .flex{ border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.block_hd .assist_r{ line-height: 22px; float: right; color: #999;}
.block_hd .assist_r > div{ float: left; margin-left: 20px;}
.block_hd .assist_r .icon{ margin-left: 5px; font-size: 18px; position: relative; top: 2px;}

.block_news .item_media{ width: 160px; margin-right: 15px;}
.block_news .list_cc { margin-top: 15px;}
.block_news .list_cc .flex_cell{ min-height: 112px;}
.block_news .assist_function{ position: absolute; right: 0; bottom:0; width: 100%;}
.assist_function .item_button{ width: 33%; float: left;}
.assist_function .item_button .icon{ margin-right: 2px; font-size: 18px; position: relative; }

/*底部工具条*/
.toolbar, .list_toolbar{ height: 44px;}
.list_toolbar{ position: fixed; width: 100%; left: 0; bottom: 0; background-color: #fff; text-align: center; box-shadow: -1px 0 5px rgba(0,0,0,0.15); -webkit-box-shadow: -1px 0 5px rgba(0,0,0,0.15); z-index: 2; }
.list_toolbar > a{ font-size: 16px; line-height: 44px; color: #333;}
.toolbar .iconfont{ position: static; float: left; width: 100%; font-size: 18px; height: 18px; line-height: 18px; vertical-align: middle; overflow: hidden; margin-top: 6px; color: #999;}
.toolbar .list_toolbar_item .item_label{ float: left; font-size: 12px; width: 100%; height: auto; line-height: normal;}
.toolbar .list_toolbar_item{ height: 44px; font-size: 12px; position: relative; padding: 0 5px;}

.list_toolbar > a.active, .list_toolbar > a.active .icon{ color: #FF2625; }

/*学习*/
.pages_learn .page{ background-color: #eee;}
.pages_learn .block_tabBtns{ margin-top: 0; margin-bottom: 10px;}
.pages_learn .block_tabBtns .tabBtns_inner{ background-color: #fff; color: #999; border-bottom-color: transparent;}
.pages_learn .block_tabBtns .item_btn.active:after{ position: absolute; left: 0; bottom:0; width: 100%; height:2px; background-color: #89cdff; -webkit-transform: rotate(0deg); transform: rotate(0deg); border: none; }
.pages_learn .block_tabBtns .item_btn.active{ color: #89cdff;}

.pages_learn .tab_content{ background-color: #fff; padding: 15px;}

.pages_learn .list_media+.list_media{ margin-top: 15px;}
.pages_learn .item_media{ width: 120px;  margin-right: 15px;}
.pages_learn .item_title{ font-size: 14px; margin-bottom: 5px;}
.pages_learn .assist_desc{ color: #666; font-size: 12px;}
.pages_learn .assist_progress{ color: #666; font-size: 12px;}
.pages_learn .assist_progress .progress{ width: 100%; position: relative; height: 12px; background-color: #eee; margin-right: 5px;}
.pages_learn .assist_progress .progress .progress_position{ width: 30%; background-color: #89cdff; height: 12px;}