.index-serach-header_container {padding: 32px 0 20px;overflow: hidden;}
.index-serach-header_container .sub-search_header {width: 1180px;margin: 0 auto;position: relative;}
.index-serach-header_container .sub-search_header .left {position: absolute;left: 0;top: -8px;}
.index-serach-header_container .sub-search_header .left strong {display: block;font-size: 14px;color: #8c939a;}
.index-serach-header_container .sub-search_header .middle {width: 620px;margin: 10px auto 0;border-radius: 4px;border: 1px solid #e5e5e5;position: relative;}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper {position: absolute;top: -24px;left: 2px;}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper li {position: relative;float: left;font-size: 14px;padding: 5px 13px;line-height: 100%;cursor: pointer;}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper li .spearate {position: absolute;left: 0;top: 4px;width: 1px;height: 16px;background: -webkit-linear-gradient(#fff, #ff2129, #fff);background: -o-linear-gradient(#fff, #ff2129, #fff);background: -moz-linear-gradient(#fff, #ff2129, #fff);background: linear-gradient(#fff, #ff2129, #fff);}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper li.active {background-color: #ff2129;color: #fff;border-radius: 4px 4px 0 0;}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper li:first-child .spearate {display: none;}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper li.active .spearate {display: none;}
.index-serach-header_container .sub-search_header .middle .search-type_wrapper li.active + li .spearate {display: none;}
.index-serach-header_container .sub-search_header .middle input {float: left;width: 500px;height: 34px;border: none;outline: none;padding: 0 20px;font-size: 14px;box-sizing: border-box;border-radius: 4px 0 0 4px;}
.index-serach-header_container .sub-search_header .middle .search-btn {float: right;margin: -1px 0;width: 120px;font-size: 14px;color: #fff;text-align: center;line-height: 36px;background-color: #ff2129;border-radius: 0 4px 4px 0;cursor: pointer;display: none;}
.sub-search_header .middle .search-btn.show {display: block;}
.sub-search_header .middle .search-btn span {display: inline-block;cursor: pointer;}
.sub-search_header .middle .search-btn .spearate {position: relative;top: 6px;margin: 0 3px;width: 1px;height: 20px;background: -webkit-linear-gradient(#ea0000, #fff, #ea0000);background: -o-linear-gradient(#ea0000, #fff, #ea0000);background: -moz-linear-gradient(#ea0000, #fff, #ea0000);background: linear-gradient(#ea0000, #fff, #ea0000);}
.index-serach-header_container .sub-search_header .middle .search-suggest_wrapper {position: absolute;left: 0;top: 40px;}
.index-serach-header_container .sub-search_header .right {position: absolute;right: 5px;top: 0;}
.index-serach-header_container .sub-search_header .right .decorate {display: block;line-height: 100%;text-align: center;margin-top: 12px;font-size: 14px;}
.index-serach-header_container .sub-search_header .right .decorate img {position: relative;top: -1px;margin: 0 5px;}
.index-serach-header_container .sub-search_header .right .knowledge-number_wrapper {margin-top: 15px;}
.index-serach-header_container .sub-search_header .right .my-konwledge_btn {display: block;width: 206px;height: 36px;text-align: center;line-height: 36px;color: #fff;border-radius: 18px;background-color: #ff2129;font-size: 14px;}
.index-serach-header_container .sub-search_header .right .other-decorate {margin-top: -8px;}
.index-serach-header_container .sub-search_header .search-hot-words_wrapper {width: 620px;height: 16px;margin: 8px auto 0;line-height: 100%;}
.index-serach-header_container .sub-search_header .search-hot-words_wrapper a {font-size: 13px;padding: 0 5px;color: #7a7c7e;}
.index-serach-header_container .sub-search_header .search-hot-words_wrapper a:hover {color: #ff2129;}
.referee-mp_wrapper .referee-mp_item {padding: 16px 0;border-top: 1px solid #e5e5e5;}
.referee-mp_wrapper .referee-mp_item:first-child {border-top: none;}
.referee-mp_wrapper .referee-mp_item:last-child {padding-bottom: 0;}
.referee-mp_item .head {float: left;width: 40px;height: 40px;border: 1px solid #eee;border-radius: 21px;}
.referee-mp_item ul {float: left;width: 145px;padding: 3px 0;margin-left: 10px;}
.referee-mp_item ul li.name {font-size: 14px;line-height: 100%;}
.referee-mp_item ul li.slogn {margin-top: 10px;font-size: 12px;line-height: 100%;color: #838a91;}
.referee-mp_item .focus-btn {float: right;margin-top: 12px;width: 18px;height: 18px;background: url('../images/focus.png');background-size: 100% 100%;cursor: pointer;}
.referee-mp_item .focused {background-image: url('../images/focused.png');}
.search-number_wrapper {padding: 15px 15px;font-size: 14px;line-height: 100%;background-color: #fff;color: #828a92;}
.search-number_wrapper span {color: #ff2129;}
.search-list_container {background-color: #fff;padding-bottom: 20px;}
.search-nav_wrapper {padding: 20px 15px;background-color: #fff;border-bottom: 1px dashed #e5e5e5;font-size: 14px;}
.search-nav_wrapper a {float: left;margin-right: 30px;line-height: 100%;}
.search-nav_wrapper a.active {color: #ff2129;}
.select-tab_bar {padding: 20px 15px 0;}
.select-tab_bar a {float: left;margin-right: 30px;font-size: 14px;line-height: 100%;}
.select-tab_bar a:after {display: block;margin: 10px auto 0;content: "";width: 18px;height: 2px;background-color: #fff;}
.select-tab_bar a.active:after {background-color: #ff2129;}
.search-list_wrapper {padding: 0 15px;}
.search-list_wrapper .search-list_item {padding: 20px 0;border-bottom: 1px solid #e5e5e5;}
.search-list_wrapper .search-list_item .title {max-height: 44px;line-height: 22px;}
.search-list_wrapper .search-list_item .title .micro-practice {color: #fff;background-color: #ff2129;padding: 2px 5px;border-radius: 6px 6px 6px 0px;position: relative;top: -2px;font-size: 12px;}
.search-list_wrapper .search-list_item .message {margin-top: 20px;}
.search-list_wrapper .search-list_item .message .mp-msg {float: left;width: 240px;}
.search-list_wrapper .search-list_item .message .mp-msg span {float: left;font-size: 13px;line-height: 100%;}
.search-list_wrapper .search-list_item .message .mp-msg span:hover {color: #ff2129;}
.search-list_wrapper .search-list_item .message .mp-msg img {float: left;margin-top: 0;}
.search-list_wrapper .search-list_item .message .tags-wrapper {float: left;width: 240px;}
.search-list_item .message .tags-wrapper img {float: left;margin-top: 1px;margin-right: 10px;}
.search-list_item .message .tags-wrapper a {float: left;margin-right: 20px;font-size: 13px;line-height: 100%;color: #79899b;}
.search-list_item .message .tags-wrapper a:last-child {margin-right: 0;}
.search-list_item .message .pub-time {float: right;font-size: 14px;line-height: 100%;color: #828a92;}
.load-more_btn {display: block;width: 630px;height: 40px;line-height: 40px;margin: 20px auto 0;font-size: 16px;border: none;outline: none;background-color: #eee;color: #999;cursor: pointer;}
.load-more_btn img {margin-top: 9px;}
.load-more_btn[disabled] {cursor: not-allowed;}
.knowledge-number_wrapper {float: right;margin-top: 20px;}
.knowledge-number_wrapper span {padding: 5px 8px;background-color: #f9f9f9;color: #275ecf;border-radius: 3px;border: solid 1px #f3f4f4;}


.course-list_wrapper {width: 1180px;margin: 0 auto 0;padding-bottom: 20px;}
.bread-nav {margin-top: 20px;font-size: 14px;line-height: 100%;color: #828a92;}
.bread-nav a {color: #ff2129;}
.number-tip {margin-top: 20px;line-height: 100%;}
.number-tip span {color: #ff2129;}
.filter-wrapper {padding: 15px 20px;margin-top: 20px;font-size: 14px;line-height: 100%;}
.filter-wrapper a, .filter-wrapper span {float: left;margin-right: 30px;}
.filter-wrapper .active {color: #ff2129;}
.filter-wrapper span input {float: left;margin-right: 10px;}
.course-list_wrapper .course-list {margin: 0 -10px;padding: 10px 0;}
.course-list .course-list_item {position: relative;float: left;margin: 10px;width: 220px;height: 240px;padding-bottom: 5px;background-color: #fff;border-radius: 4px;overflow: hidden;box-sizing: border-box;}
.course-list .course-list_item .course-type {position: absolute;top: 8px;left: 0;background-color: rgba(0, 0, 0, .7);font-size: 12px;color: #fff;line-height: 18px;border-top-right-radius: 9px;border-bottom-right-radius: 9px;padding: 0 10px;}
.course-list .course-list_item .course-cover {display: block;width: 100%;height: 120px;border-bottom: 1px solid #eee;}
.course-list .course-list_item ul {padding: 10px;}
.course-list .course-list_item .course-title {font-size: 14px;height: 40px;line-height: 20px;}
.course-list .course-list_item .course-mp_msg {margin-top: 12px;}
.course-list .course-list_item .course-mp_msg span {float: left;font-size: 14px;line-height: 100%;color: #828a92;}
.course-list .course-list_item .course-mp_msg img {float: left;margin-left: 3px;}
.course-list .course-list_item .price {margin-top: 15px;font-size: 12px;line-height: 100%;color: #ff2129;}
.course-list .course-list_item .price span {font-size: 14px;}
.course-list_wrapper .empty img {display: block;margin: 150px auto;}
.course-list_wrapper .pagination {text-align: right;}
