.text-red {
    color: #f01414;
}
.text-lightblue {
    color:#0099ee;    
}
.bg-red {
    background: #ff2815;
}
.bg-red:hover {
    background: #cc3225;
}
.bold {
        font-weight: 700!important;
}
.container {
        background: none;
}
@media screen and (min-width: 992px) {
        .container {
                padding-right: 0;
                padding-left: 0;
        }
}
.hidden {
    display: none;
}
.bg-lightblue {
    background: #0099ee;
}

body {
        background: #f5f7fa
}

a,
a:hover {
        color: #343f44;
}

.login,
.login a {
        color: #fff
}

ul,
li {
        list-style-type: none;
}

div.message ul,
div.message li {
        list-style-type: inherit;
}
.blockat {

  background-color: #e2e4e7;

}
.blockreport {
  font-size: 0.8rem;
  background-color: #e2e4e7;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 8%;
  padding: 0.5rem 1rem !important;  
}
.blockbrief {
  font-size: 0.8rem;
  background-color: #e2e4e7;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0.5rem 1rem !important;  
}
.user_status_display,
#toggle_user {
        background: #373a3c !important;
        position: absolute;
        z-index: 200;
        top: 45px;
        right: 0;
        opacity: 0.95;
        min-width: 120px;
        display: none;
        padding-bottom: 10px;
}
.user_status_display a,
#toggle_user a {
    color: #fff;
}

.banner {
        position: relative;
}

.banner .swiper-pagination {
        text-align: right;
}

.banner img {
        width: 100%;
        position: relative;
        bottom: -1px;
        border-radius: 0 8px 8px 0;
}

.red {
        color: rgba(193, 184, 57, 1);
}

.pointer {
        cursor: pointer
}





#section_list .fa-minus-square-o:hover,#section_list .fa-plus-square-o:hover{
        color:#31b0d5;
}


/*phone*/

#mobile_nav {
        background: rgb(9, 66, 110);
        position: fixed;
        top: 0px;
        z-index: 1000;
        width: 100%;
        height: 3.6rem;
}

.phone_table {
        margin-bottom: 0;
        height: 3.6rem;
        overflow-y: hidden;
}

.phone_table td {
        width: 30%;
        padding: 0px;
        border: 0px;
        height: 3.6rem;
        vertical-align: middle;
}

.phone_table ul li a {
        color: rgba(255, 255, 255, 1);
}

#nav_top_toggle_menu li {
        height: 3rem;
        line-height: 3rem;
        font-size: 1rem;
}

.avatar_dropdown a {
        color: #6294b5;
}

@keyframes play {
        0% {
                transform: rotate(0deg);
        }
        100% {
                transform: rotate(360deg);
        }
}

.avatar-xs {
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 1.3rem;
}

#active_status .active {
        color: #aba;
}

.optiontab_logo {
        text-align: center;
        width: 60px;
        height: 60px;
        margin-top: 1rem;
        animation: play 5s linear infinite;
        animation-play-state: paused;
}



#myTab .nav-item {
        width: 100%;
        height: 12.5%;
        font-size: 0.8rem;
        cursor: pointer;
        padding: 0 24px;
}

#myTab .nav-item .nav-link i {
        font-size: 12px;
        font-weight: normal;
        float: right;
        margin-top: 24px;
}

.myTabContent a:hover {
        text-decoration: underline;
}

.active .myTabContent,
.active .myTabContent .tab-pane {
        display: block
}

.title {
        font-size: 1.2rem;
        margin: 8px auto;
        color: #000;
        font-weight: 700;
}

.myTabContent dl {
        width: 97%;
        display: block;

        padding: 0.4rem 0;
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
}

.myTabContent dl dd {
        text-indent: 0;
}

.myTabContent dl dd li {
        display: inline-block;
        margin-right: 25px;
}

.myTabContent dl dd ul {
        padding: 0;
        margin: 0
}

.index_cate_list {
        margin-bottom: 0.3rem;
        display: none;
}

.index_cate_list .cate_name {
        margin: 0.1rem 0.1rem;
}

.index_cate_list .cate_name a {

        display: block;
        padding: 5% 0;
        color: rgb(110, 110, 110);
        text-align: center
}

.nice_book_list .nice_book {
        /* width: 20%; */
        padding: 0.5rem;
}

.nice_book_list .nice_book_content h3 {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-indent: 15px;
        line-height: 48px;
        background: linear-gradient(270deg, rgba(0, 200, 200, .7), #00c8c8);
        margin-bottom: 0.3rem;
}




/*pm */

.pmmessage_number,
.pm_numbers_ {
        padding: 0px 6px;
        color: #fff;
        background: #f57e42;
        border-radius: 10px;
}

@media (max-width: 620px) {
        .pm_list_user_touser {
                display: none
        }
}

.nice_book_content .book_title a {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 10px;

        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        color: #545c63;
        line-height: 20px;
        height: 40px;
        
}
/* 手机端 */
@media (max-width: 576px){
    .nice_book_content .book_title,.nice_book_content .book_count,.nice_book_content .book_brief,.nice_book_content .book_price_views {
        font-size: 12px !important;
    }
    .nice_book_content .book_title {
        padding-bottom: 0rem !important;
    }
}
.nice_book_content .book_title a {
        color: #344048;
}

.nice_book_content .book_info {
        color: #939393;
        font-size: 0.85rem;
        margin: auto 3px;
        overflow: hidden;
        white-space:nowrap;
        text-overflow: ellipsis;
        
}

.nice_book_content .book_count {
        text-indent: 3px;
        font-size: 0.85rem;
        color: #939393!important;
        margin-bottom: 5px;
}

.article_list .list-group-item {
        border: none;
}

.article_list .index_table {
        padding-bottom: 0.6rem;
        padding-top: 0.6rem;

}
.article_list .index_table:hover {
        background: rgba(255, 255, 255, .5);
        border-radius: 10px;
}
.article_list img {
        border-radius: 0.4rem;
        box-shadow: 0px 0px 0px;
        transition: box-shadow 0.3s;
        -webkit-transition: box-shadow 0.3s;
        /* Safari */
}

.article_list img:hover {
        box-shadow: 0px 0px 10px;
}

.rankuserlist .list-group-item a img {
        border-radius: 50%;
        width: 12%
}

.home_page_books_contents>div>div {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;

}

.home_page_books_contents>div>div:nth-child(1) a {
        border-bottom: 3px solid #fff;
        box-sizing: border-box;
        border-left: 6px solid #fff;
}

.home_page_books_contents>div>div:nth-child(2) a {
        border-top: 3px solid #fff;
        box-sizing: border-box;
        border-left: 6px solid #fff;
}

.home_page_books_contents>div>div>div {
        width: 14.28571%;
        display: inline-block;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
}

.home_page_books_contents div img {
        width: 100%;
        border: 5px solid #fff;
        border-top: 8px solid #fff;
        border-bottom: 8px solid #fff;
}

.home_page_books_contents div a {
        width: 100%;
        height: auto;
}

.home_page_books_contents a img {
        opacity: 0.6;
}

.home_page_books_contents a {
        background: #000;
        display: block;
}

.home_page_books_contents>div>div>div:hover img {
        opacity: 1;
}

.home_page_books ul li div.home_page_books_content {
        padding-left: 6px;
}

.home_page_books ul li div.home_page_books_content>div>div {
        height: 50%;
        box-sizing: border-box;
}

.home_page_books ul li div.home_page_books_content>div>div:nth-child(1) {
        padding-bottom: 6px;
        box-sizing: border-box;
}












/*安全服务*/

.home_page_security_service div.home_page_security_service_content {
        border-left: 3px solid #fff;
        border-right: 3px solid #fff;
        padding: 0px;
}

.home_page_security_service div.home_page_security_service_content>div {
        background: #BEBEBE;
        box-sizing: border-box;
}

.home_page_security_service div.home_page_security_service_content>div:nth-child(1) {
        /*height: 80%;*/
        padding-top: 5%;
}












/*1*/

.home_page_security_service div.home_page_security_service_content>div:nth-child(2) {
        /*height: 20%;*/
        border-bottom: none;
        padding-top: 1rem;
        padding-bottom: 1.5%;
        padding-left: 5%;
        padding-right: 5%;
}

.home_page_security_service div.home_page_security_service_content ul {
        margin: 0;
        padding: 0
}

.penetration_test {
        font-size: 13px;
        color: #00471b;
        padding: 0 5%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
}

.bd,
.hd {
        line-height: 30px;
        display: inline-block
}

.bd a {
        color: #333
}

.bd a.on {
        background: #2b333b;
        color: #fff;
        border-radius: 2px;
}

.my_book_list .book_pic img {
    height: 120px;
    border-radius: 8px;
}

.my_book_list .book_author_li {
        box-sizing: content-box;
        height: 135px;
}

.my_book_list .book_pic {
        padding-right: 0.7rem;
}

.my_book_list .book_info h5 {
        font-size: 1.3rem;
}

.my_book_list .book_info .book_brief {
        font-size: 80%;
}



/* 内容页左侧  */

.left_container {
        z-index: 10;
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        top: 0;
        
        width: 320px;
        height: 100vh;
        padding-top: 68px;

        display: block;
        
}
.left_container a {
    text-decoration: none;
}
@media (min-width: 991px) {
    .left_container {
        left: 0 !important;
    }
    .right_container {
        display: block !important;
    }
}
.left_container ul,
.left_container dl {
        padding-left: 1.3rem;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0.3rem;
}
.left_container dl.item_list .page{
    margin-bottom: .3rem;
    white-space: nowrap;
}
.left_container ul li i {
        padding-right: 0.4rem;
}

.sortable-chosen {
        background: #0074d9;
        color: #fff;
}

.right_container {
        padding-top: 68px !important;
        min-height: 100%;
        width: auto;
        position: relative;
        background-color: #f0f5f8;
        /* min-height: 700px; */
        box-sizing: border-box;

        margin-left: 320px;
}


span.sectionname input {
        width: 55%;
        height: 20px;
        outline: none;
}

.no_section {
        display: none
}

span.sectionname button {
        margin-bottom: 0.2rem;
}

.left_container ul li{
        cursor: pointer;
        padding-bottom: 0;
        margin-bottom: 0
}

.left_container ul li .hover {
        cursor: pointer;
}
.left_container dl dd .hover {
        background: #c7c0c0;
        cursor: pointer;
}

.fa-folder-open,.fa-folder {
    color:#dec759;
}
.btn-lightblue {
        color: #fff;
        background-color: #0099ee;
        border-color:#0099ee ;
      }
      
.btn-lightblue:hover {
color: #fff;
background-color: #0099ee;
border-color: #0099ee;
}
.right_container .page_content {
        width: 100%;
}

.right_container .getsource {}

.right_container .btn-get_content {
        color: #fff;
        background-color: #ccc;
}

.right_container ..btn-lightblue {
  color: #fff;
  background-color: #0099ee;
  border-color:#0099ee ;
}

.btn-lightblue:hover {
  color: #fff;
  background-color: #0099ee;
  border-color: #0099ee;
}tn-get_content:hover {
        background-color: #a0a0a0;
}

.left_container ul li .wholerow,
.left_container dl dd .wholerow {
        width: 100%;
        position: absolute;
        left: -3px;
        user-select: none;
        
        z-index: -1;

}
.left_container dl dd .wholerow {
        height: 1.5rem;
}
.left_container ul li > .wholerow {
        height: 2rem;
}

.left_container ul li.active>.wholerow {
        background: #008b8b;
}

.left_container .page:hover .wholerow:not(.active) {
       
        background: #ebf2f4!important;
        cursor: default!important;
}
.left_container .page:hover .selected_bg_color{
 
    background: #a4a8ab!important;
}

.left_container dl.dragitem_list {
        padding-bottom: 0.5rem;
}

.left_container ul.dragsection_list {
        padding-bottom: 0.5rem;
}

.left_container ul.section .section .section {
        display: block;
}

.left_container .sidebar_book_info {
        margin-bottom: 0.5rem;
        border-bottom: 1px solid #ccc;
}

.left_container .sidebar_book_img {
        border-radius: 50%;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #CCC;
        width: 50px;
        height: 50px
}

.left_container .sidebar_book_img img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
}

.left_container .sidebar_book_name {
        display: table-cell;
        vertical-align: middle;
}

.left_container .sidebar_book_name span {
        display: block;
        padding-right: 10px;
        padding-left: 5px;
        vertical-align: middle;
        -moz-hyphens: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: 100px;
        max-width: calc(100% - 15px);
}

#cateTabContent .book_pic img {
        width: 4.46rem;
        height: 6.3rem
}

#cateTabContent .book_pic {
        float: left;
        padding-right: 0.5rem;
}

#cateTabContent .col-lg-4 {
        padding: 0 0.5rem;
}

#cateTabContent .card {
        border: none;
        margin-bottom: 0.6rem;
}

#cateTabContent .card-header {
        border-top: none;
        border-right: none;
        border-left: none;
        background: #fff
}

#cateTabContent .card-header h2 {
        font-size: 1.2rem;
        font-weight: 700;
}

#cateTabContent .card-body {
        padding: 0.5rem;
}

#cateTabContent .book {
        background: #efefef;
        padding: 0.8rem;
        margin: 0.4rem 0.1rem;
}

#cateTabContent .book:hover {
        background-color: #ddd;
}

#cateTabContent .book a {
        color: #333;
        text-decoration: none;
}

#cateTabContent .book .book_brief {
        height: 4.2rem;
        overflow-y: hidden;
        font-size: 80%;
        line-height: 1.4rem;
}

#cateTabContent .bookinfo .book_title {
        font-size: 1.1rem;
        font-weight: 600;
        padding-bottom: 0.3rem;
}

.phone_cate_list {
        display: none;
}

.mobile_cate_list {
        display: none;
}

.mobile_cate_list_ul .nav-header {
        font-size: 1rem;
        letter-spacing: 3px;
        padding: 0.5rem 0;
        background: #343f44;
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #475358;
}

.cate_list,
.mobile_cate_list_ul {
        background: #343f44;
        border-radius: 8px;
}

.cate_list li {
        width: 100%;
}

.cate_list .nav-header {
        font-size: 1rem;
        letter-spacing: 3px;
        padding: 0.5rem 0;
        background: #343f44;
        color: #fff;
        font-weight: bold;
        border-bottom: 1px solid #475358;
}

.cate_list .nav-item {
        border: none;
}

.cate_list .nav-item a {
        text-decoration: none;
}

.mobile_cate_list_ul .nav-item a,
.cate_list .nav-item a {
        color: #9ea7ad;
        display: block;
        padding: .8rem 1rem;
        font-size: 1rem;
}

.mobile_cate_list .mobile_cate_list_ul .nav-item a.active {
        color: #ff7200;
}

.dropdown-item:hover {
        text-decoration: none;
        background-color: #fff;
        color: #000;
}

.cate_list .nav-item a.active {
        color: #ff7200;
        font-weight: 600;
        background: #536067;
}

.cate_list .nav-item:hover a {
        background: #536067;
}

.page_header h1 {
        font-size: 1.4rem
}

.page_message {
        padding-top: 1rem;
}

.page_contens,
.book_contens {
        border: none;
        padding: 0px 40px 20px;
}

.page_contens .favorator {
        cursor: pointer;
}

.favorator .article_info a.article_title {
        display: block;
        font-size: 1.1rem;
        font-weight: 600;
        color: #2f4f4f;
}

.favorator .article_info {
        background-color: #f0f2f3;
        padding: 10px;
        margin: 0 0 10px;
}

.favorator .article_info p {
        margin-bottom: 0.2rem;
}

.article_list .list-group .list-group-item {
        border-bottom: 1px solid #eee;
        margin-bottom: 0
}

.book_contens .book_pic {
        float: left;
        margin-right: 1rem;
}

.book_contens .book_pic img {
    border-radius: 8px;
}

.book_contens .book_header {
        display: block
}

.book_contens .book_header h2 {
        font-size: 1.4rem;
        padding-bottom: 1rem;
}

.book_contens .book_header .book_author img {
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        margin-right: 0.5rem;
}

.book_contens .book_header .book_author {
        font-size: 1rem
}

.book_contens .book_header .book_base_info {
        margin-top: 1rem;
}



/* ------------------------------------------- */

.footer {

        background: #3b4348;
        width: 100%;
        height: 11rem;
}




.phone_list {
        display: none
}

@media (max-width: 991px) {
        .article_list .index_table {
            border-bottom: 1px solid #dedede;
        }
        .banner #myTab {
                display: none
        }
        .banner .swiper-button-prev,
        .banner .swiper-button-next {
                display: none;
        }
        
        .banner .swiper-pagination {
                text-align: center;
        }
        .banner img {
                width: 100%!important;
                height: auto!important;
        }
        .hot_book_list,
        .rankuserlist {
                display: none;
        }
        #mobile_nav,
        .phone_cate_list,
        .index_cate_list {
                display: block;
                background: #fff;
        }
        #mobile_nav {
                z-index: 1031;
        }
        /* ----- */
        #pc_nav {
                display: none;
        }
        /* ----- */
        .pc_menu {
                display: none
        }
        .article_list_content {
                padding: 0 .8rem;
        }
        .article_list_content .col-lg-2 {
                display: none
        }
        .left_container {
                width: 100%;
                z-index: 3;
                position: fixed;
                left: -100%;
                bottom: 0;
                padding-top: 68px!important;
                background: #fff;
                display: none;
                height: 100%;

        }
        .right_container {
                margin-left: 0;
                padding: 0
        }
        .phone_list {
                display: inherit;
                position: relative;
                top: 0;
                z-index: 1;
                left: 0rem;
                
        }
        .nice_book_content .book_info {
                height: auto;
                max-height: 3.8rem;
                overflow: hidden;
                text-overflow: ellipsis;
        }
        div.home_page_security_service_content div ul li img {
                width: 70px!important;
        }
        div.home_page_security_service_content div:nth-child(2) {
                display: none!important;
        }
        .penetration_test {
                padding: 5px 5%;
        }

        .page_contens {
                border: none;
                padding: 0px 0px 20px;
        }

}

@media (min-width: 992px) {
        .left_container {
                display: block!important;
        }
}
@media (max-width: 550px) {

    .nice_book_list .nice_book .card_cover img {
        height: auto!important;
    } 
}
.logo_nav_div_box {
        height: 76px;
        background: url("../img/new_homepage/nav_logo_back.png");
        background-repeat: repeat-x;

}
.logo_nav_div {
        height: 76px;
        
}








.card {
    border: 1px solid rgba(188, 198, 201, 0.43) !important;

    box-shadow: 2px 2px 3px rgba(173, 181, 189, 0.25) !important;
}

/* nav */

.book_list_shows {
        background: #fff;
}


nav.classification {

        box-sizing: border-box;
        
}

nav.classification .classification_con_div {
        height: 390px;
        border-radius: 8px;
        overflow: auto;

        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 30%)
}

nav.classification .banner .swiper-container {
        box-sizing: border-box;
        height: 100%;
        
}
.swiper-container-fade .swiper-slide {
        height: 100% !important;
}

.myTabContent {
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 99;
        background: rgba(255, 255, 255, 1);
        width: 350%;
        height: 100%;
        padding-left: 1.5rem;
        display: none;
        
        line-height: 1.5rem;
        overflow: auto;
        
        border-top: 1px solid #c4cbcf;
        box-sizing: border-box;
}

#myTab {
        border-bottom: 0;
        padding-top: 5px;
        background: #0b2836;
        z-index: 99;
        height: 100%;
}

#myTab .nav-item .nav-link {
        box-sizing: border-box;
        padding: 0;
        font-size: 14px;
        display: block;
        color: #fff;
        padding: 0 8px;
        border: 0;
        height: 99%;
        line-height: 3.2rem;
        position: relative;
}

#myTab .nav-item i {
        line-height: 3.5rem;
        color: #9ea7ad;
}

#myTab .nav-item:hover i {
        color: #0099ee;
        font-weight: 600;
}

#myTab .nav-item li>a:hover {
        color: #0099ee;
        text-decoration: none;
}

#myTab .nav-item>a:hover,
#myTab .nav-item>a:focus {
        border-top: none;
        border-left: none;
        border-right: none;
        color: #0099ee;
        font-weight: 600;
}

#myTab .active {
        background: none;
        border-top: none;
        border-left: none;
        border-right: none;
}


.myTabContent .book_list {
        width: 100%;
        display: block;
}

.myTabContent .book_list .list_back {
        font-size: 12px;
        position: absolute;
        left: 0;
        top: -12px;
        line-height: 24px;
}

.myTabContent dl dd.small_title {

        font-weight: 700;
        color: #000000;
        height: 21px;

        
}

.myTabContent dl dd li a {
        font-size: 12px;
        color: #4b575c;
        text-decoration: none;
        line-height: 26px;
}












/* content */
.recommended_courses {
        background-color: #FFFFFF;
}

.kanxue_books {
        min-height: 300px;
        background: #f7fafb url(../img/new_homepage/kanxuebooks_back.jpg) no-repeat center center;
}

.kanxue_lecturer {

        background: #333E41 url(../img/new_homepage/kanxue_lecturer.jpg) no-repeat center center;
}

.kanxue_ranking_list {

        background: #f7fbfc;
}

.kanxue_service {
        height: 378px;
        background: #16251B url(../img/new_homepage/service_back.jpg) no-repeat center center;
}
.kanxue_partner {
        background: #f7fbfc;
}

.classification .card-headers,
.recommended_courses .card-headers,
.latest_articles .card-headers,
.kanxue_books .card-headers,
.kanxue_lecturer .card-headers,
.kanxue_ranking_list .card-headers,
.kanxue_service .card-headers,
.kanxue_partner .card-headers{

        border-radius: 0;
        border: 0;
}

.book_list_shows .card_cover,
.recommended_courses .card_cover {
        position: relative;
        border-radius: 8px 8px 0 0;
        
}

.book_list_shows .card_cover .label,
.recommended_courses .card_cover .label {
        margin: 5px;
        position: absolute;
        bottom: 0;
        left: 0;
}

.book_list_shows .card_cover img,
.nice_book_list .nice_book_content a img {
        width: 100%;
        border-radius: 8px 8px 0 0;
}


.nice_book_list .nice_book_content:hover a {
        text-decoration: none;
}

.nice_book_list .nice_book_content {
        padding-bottom: 14px;
        box-sizing: border-box;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 6px 10px 0 rgb(95, 101, 105, 15%);
}

.latest_articles .brief_introduction {
        color: #8b979c;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 0.9rem;
}

.kanxue_ranking_list .getmore,
.kanxue_lecturer .getmore,
.latest_articles .getmore {
        width: 200px;
        border-radius: 4rem;
        background: #224C5D;
        border: 1px solid #1A313A;
        box-sizing: border-box;
        color: #8AADB5!important;
}

.kanxue_ranking_list .getmore:hover,
.kanxue_lecturer .getmore:hover,
.latest_articles .getmore:hover {
        background: #1A313A;
        color: #FFFFFF!important;
}

.kanxue_books .book_list .flex_book_div {
        text-align: center;
}

.kanxue_books .book_list .flex_book_div img {
        box-shadow: 5px 5px 7px;
        transition: box-shadow .5s linear;
        -webkit-transition: box-shadow .5s linear;

}

.kanxue_books .book_list .flex_book_div img:hover {
        box-shadow: 5px 5px 18px;
}

.kanxue_books .book_list .flex_book_div .edition {
        font-size: 0.3rem;
        color: #818a91;
}

.kanxue_lecturer .lecturer_list>div {
        padding: 0 5px;
}

.kanxue_lecturer .lecturer_list h4.text-center {
        font-size: 16px;
        font-weight: 600;
}

.kanxue_lecturer .lecturer:hover .img-responsive {
        top: 1.7rem;
}














.kanxue_lecturer .lecturer_list .img-responsive {
        box-sizing: border-box;
        border-radius: 6.4rem;
        box-shadow: 0px 3px 13px;
        position: relative;
        top: 2rem;
        z-index: 5;
        transition: top .5s;
}

.kanxue_lecturer .lecturer_list .lecturer_list_post {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
}

.kanxue_lecturer .lecturer_list .card-text {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
}

.kanxue_ranking_list .ranking_list .ranking_title {
        background: url(../img/new_homepage/ranking_title_back.png) repeat-x center center;
}

.kanxue_ranking_list .ranking_list .ranking_title span {
        display: inline-block;
        background: #f7fbfc;
        /* padding: 0 12px; */
        font-weight: 600;
        color: #fe8227;
}

.kanxue_ranking_list .ranking_list .ranking_title span::before {
        content: "●";
        color: #90999e;
}

.kanxue_ranking_list .ranking_list .ranking_title span::after {
        content: "●";
        color: #90999e;
}

.cate_div {
        min-height: 650px;
        background: #E5EDEF url('../img/new_homepage/nav_back_img.jpg') no-repeat center top;
}

.phone_top_div {
        background-color: #373a3c !important;
}

.phone_top_div a {
        color: #fff;
}

.phone_top_list li:hover {
        background-color: #536067;
}

.phone_top_list {
        list-style-type: none;
}


.phone_left_container_but {
        display: none;
}

.content_background {
        background: #fff;
}










/* 首页返回顶部 */


.swiper-button-prev {
        background-image: url(/view/img/left.png)!important;
        height: 25px!important;
        opacity: 0.6;
}

.swiper-button-next {
        background-image: url(/view/img/right.png)!important;
        height: 25px!important;
        opacity: 0.6;
}

.swiper-pagination-bullet-active {
        opacity: 0.7;
        background: #fff!important;
}

@media (max-width: 991px) {
        .kanxue_service .service_list {
            text-align: center;
        }
        .kanxue_service .success_list div:nth-child(1) {
            margin: 0 auto;
        }
        .kanxue_service .success_list {
                padding-top: 1.5rem !important;
        }
        .mobile_cate_list {
                display: block;
        }
        .cate_list li {
                width: auto!important;
                display: inline-block;
        }
        .cate_list .nav-header {
                display: none;
        }
        .cate_list .nav-item a.active {
                font-weight: initial;
                background: none;
        }
        .book-edit-div {
                padding-top: 49px;
        }

        @keyframes phone_left_container_animation
        {
            from {opacity: 0.1;}
            to {opacity: 0.3;}
        }
        @-webkit-keyframes phone_left_container_animation
        {
            from {opacity: 0.1;}
            to {opacity: 0.3;}
        }
        @-moz-keyframes phone_left_container_animation
        {
            from {opacity: 0.1;}
            to {opacity: 0.3;}
        }
        .phone_left_container_but {
                width: 30px;
                height: 100px;
                background: rgba(208, 208, 208, 0.41);
                display: inherit;
                position: fixed;
                top: 36%;
                z-index: 2;
                left: 0rem;
                border-radius: 0 20px 20px 0;
                cursor: pointer;
                animation: phone_left_container_animation 3s linear 0s infinite alternate;
        }

        .book_container_fluid {
                padding-top: 0px!important;
                /* height: 100%; */
        }
        nav.classification {
                height: auto;
                padding-top: 1rem;
                padding-bottom: 1rem;
        }
        nav.classification .banner .swiper-container {
                height: auto!important;
                border-radius: 8px;
        }
        nav.classification .classification_con_div {
                height: auto;
        }

        .latest_articles .article_list_content img {
                display: none;
        }
        .lecturer_phone {
                display: none;
        }

        .kanxue_books {
                background-size: cover;
        }
        .member_rank .rank_number_placeholder,
        .member_new .rank_number_placeholder {
                display: none;
        }
        .member_rank .tab_rank,
        .member_new .tab_rank {
                padding-left: 0px!important;
        }
        .member_rank .tab_rank a,
        .member_new .tab_rank a {
                letter-spacing: 0rem!important;
        }
}

@media (max-width: 325px) {
        .member_rank .img-circle,
        .member_new .img-circle {
                display: none;
        }
}












/* bootstrap扩展 */

.col-lg-2_5 {
        position: relative;
        min-height: 1px;
}

.col-lg-1_8 {
        position: relative;
        min-height: 1px;
}

@media (min-width: 992px) {

        .col-lg-2_5 {
                float: left;
                width: 20%;
        }
        .col-lg-1_8 {
                float: left;
                width: 12.5%;
        }


        .col-md-2_4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20.000000%;
            flex: 0 0 20.000000%;
            max-width: 20.000000%;
        }
}

@media (max-width: 992px) {
        .col-md-2_4 {
                -webkit-box-flex: 0;
            -ms-flex: 0 0 50.000000%;
            flex: 0 0 50.000000%;
            max-width: 50.000000%;
        }
        .recommended_courses,
        .kanxue_books {
                height: auto;
        }

        .lecturer_list .card {
                height: 240px!important;
        }
        .lecturer_list .lecturer {
            height: 344px;
        }
}

.label-default {
        background: rgba(7, 17, 27, .4);
}

.label {
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        line-height: 1;
        color: #fff;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 4.25rem;
}

.label {
        font-weight: 700;
}

.label {
        text-align: center;
}

.button-moema:hover {
        background-color: #3f51b5;
}

@-webkit-keyframes anim-moema-1 {
        60% {
                -webkit-transform: scale3d(0.8, 0.8, 1);
                transform: scale3d(0.8, 0.8, 1);
        }
        85% {
                -webkit-transform: scale3d(1.1, 1.1, 1);
                transform: scale3d(1.1, 1.1, 1);
        }
        100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        }
}

@keyframes anim-moema-1 {
        60% {
                -webkit-transform: scale3d(0.8, 0.8, 1);
                transform: scale3d(0.8, 0.8, 1);
        }
        85% {
                -webkit-transform: scale3d(1.1, 1.1, 1);
                transform: scale3d(1.1, 1.1, 1);
        }
        100% {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        }
}

@-webkit-keyframes anim-moema-2 {
        to {
                opacity: 0;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        }
}

@keyframes anim-moema-2 {
        to {
                opacity: 0;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        }
}

/* 首页 */

.font16_weight {
    font-size: 16px;
    font-weight: 600;
}
.color888 {
    color: #888;
}
.color0099ee {
    color: #0099ee;
}
.bg0099ee {
    background: #0099ee;
}
.border0099ee {
    border:  1px solid #0099ee;
    border-radius: 4px;
}
.right_tool_card a.right_tool_ {
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
}
.articlelist_hot_box a, .zhuanlan_user_list a, .bbs_new_post_content a {
        color: #303030;
}
@media screen and (max-width: 1200px) {
    .right_tool_card, .recommended_bit, .right_content_area {
        display: none;
    }
}

#home_tablist a {
    font-size: 15px;
}

#home_tablist .nav-link {
    box-sizing: border-box;
    color: #757575;
}

#home_tablist .nav-link:hover {
    border-color: #fff;
    border-bottom-color: #0099ee;
    color: #0099ee;
}

#home_tablist .nav-link.active {
        position: relative;
        color: #0099ee;
        box-sizing: border-box;
        border-color: #fff;
}
#home_tablist .nav-link.active::after {
       content: '';
       position: absolute;
       left: 0;
       bottom: -3px;
       width: 100%;
       border-bottom: 3px solid #0099ee;

}
.home_article .article-excerpt, .ad_article .article-excerpt {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    color: #828a92;
    font-size: 14px;
    font-weight: 400;
}

.home_article .article-excerpt, .ad_article .article-excerpt, .column-excerpt, .forum_reply,.home_book_info {
    position:relative;

    height: 2.8em;
    overflow:hidden;
}

.forum_reply::after,.home_book_info::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(/view/img/newhome3/ellipsis_bg.png) repeat-y;
}
.home_book_info {
    position:relative;
    height: 1.4em;
    overflow:hidden;
}
.home_book_info::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(/view/img/newhome3/ellipsis_bg.png) repeat-y;
}
.home_article .article_title,.ad_article .article_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #303030;
    position: relative;
    vertical-align: middle;
    margin-bottom: 5px !important;

}
.home_article .article_author, .ad_article .article_author {
    color: #303030;
}
.read_number_style {
    color: #0099ee;
}
.home_article .article_url, .ad_article .article_url {
    text-decoration: none;
}
.recommend_course {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #303030;
}
.change_course_btn,.change_job_btn {
        cursor: pointer;
}

.job_title {
    font-size: 16px;
    color: #303030;
    font-weight: 500;
}
.job_title:hover {
    color: #0099ee;
}
.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.ad-icon {
    top: 25px;
    right: 10px;

}

.right_tool_ {
        color: #303030;
}
.right_tool_:hover {
    color: #0099ee;
}
.course_new_comment .new_comment_, .active_column .active_column_ {
    font-size: 12px;

}
.course_new_comment .new_comment_title, .active_column .active_column_title {
    font-weight: 600;
    color: #303030;
}
.new_comment_content {

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position:relative;
    
    height: 1.8em;
    overflow:hidden;
}

.loding_more:hover {
    color: #0099ee;
}
@media screen and (max-width: 992px) {
    .article-img {
        display: none;
    }
    .home_article .article_title, .ad_article .article_title {
        font-size: 14px;
    }
}