.pr{position: relative;}
.clearfix{clear: both;}
a:hover{text-decoration: none;}
.super-library *{box-sizing: border-box;}
.super-library{background:#151f6c url(../images/bg-cloud.jpg) no-repeat top center;padding-top: 15px;overflow: hidden;padding-bottom: 48px;background-size: cover;}
.library_wrap{display: flex;justify-content: space-between;padding-top: 15px;align-items: flex-start;}
.library_wrap_left{width: 202px;padding: 26px 8px;border-radius: 4px;background: #0D1B57;border:1px solid rgba(37, 117, 249, 0.5);}
.library_wrap_left .item{height: 40px;line-height: 40px;margin-bottom: 8px;padding-left: 20px;font-size: 14px;color: #fff;cursor: pointer;position: relative;}
.library_wrap_left .item:last-child{margin-bottom: 0;}
.library_wrap_left .item.active,.library_wrap_left .item:hover{color: #00DDFF;font-weight: 700;background: url(../images/course-img02.png) no-repeat 0 0;}
.library_wrap_left .item.active::before,.library_wrap_left .item:hover::before{content: '';display: block;width: 4px;height: 40px;background: linear-gradient(180deg, rgba(102,204,255,1) 0%, rgba(77,167,255,1) 100%);position: absolute;left: 0;top: 0;}  
.library_wrap_right{width: 980px;padding: 28px 0 10px 20px;background: #000C40;border: 1px solid #2575F9;border-radius: 5px;}
.library_wrap_right .wrap_tit{display: flex;align-items: center;line-height: 40px;font-weight: 700;color: #fff;font-size: 20px;margin-bottom: 6px;}
.library_wrap_right .wrap_tit img{margin-right: 8px;}
.library_wrap_right .book_list{display: flex;flex-wrap: wrap;margin-left: -9px;}
.library_wrap_right .book_list li{width: 240px;height: 282px;padding: 10px;margin-left: -1px;margin-bottom: 10px;}
.library_wrap_right .book_list li:nth-child(4n){margin-right: 0;}
.library_wrap_right .book_list li a{display: block;width: 220px;height: 262px;padding: 24px 41px 0 40px;position: relative;background: url(../images/book_bg1.png) no-repeat center;}
.library_wrap_right .book_list li a:hover{background-image: url(../images/book_bg1_hover.png);}
.library_wrap_right .book_list li img.book_cover{width: 138px;height: 186px;}
.library_wrap_right .book_list li .book_info{width: 138px;height: 78px;background: linear-gradient(180deg, rgba(213,219,240,1) 0%, rgba(172,213,236,1) 100%);box-shadow: 0 7px 15px 0 rgba(44,45,115,0.7);font-size: 14px;font-weight: 700;color: #333;position: absolute;bottom:52px;left: 40px;padding: 6px 10px;display: flex;align-items: center;flex-wrap: wrap;}
.library_wrap_right .book_list li h3,.library_wrap_right .book_list li p{font-size: 14px;}
.library_wrap_right .book_list li h3{overflow: hidden;line-height: 19px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
    .library_wrap_right .book_list li p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 19px;}
/* 解题训练 */
.jtxl_book_list{display: flex;flex-wrap: wrap;margin-left: -8px;}
.library_wrap_right .jtxl_book_list li{width: 176px;height: 240px;padding: 8px;margin-bottom: 10px;margin-right: 19px;}
.library_wrap_right .jtxl_book_list li:nth-child(5n){margin-right: 0;}
.library_wrap_right .jtxl_book_list li a{background: url(../images/jtxl_bg1.png) no-repeat center;width: 160px;height: 224px;padding: 16px 20px 0;display: block;}
.library_wrap_right .jtxl_book_list li a:hover{background-image: url(../images/jtxl_bg1_hover.png);}
.library_wrap_right .jtxl_book_list li img.book_cover{width: 120px;height: 120px;}
.library_wrap_right .jtxl_book_list li .book_info h3.name{font-size: 14px;font-weight: 500;color: #fff;line-height: 20px;padding-top: 10px;height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}