.content{width: 1200px; margin: 12px auto 48px auto;}
body{background: #F5F5F5;}
.head{display: flex;position: relative;}
.head .head-left{width: 224px; height: 364px;background: #fff;}
.head-left ul{width: 224px; height: 364px; position: fixed; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;background: #fff;}
.head-left ul li{font-size: 17px; color: #1D1D1F; padding: 14px 40px 15px 40px; display: flex; align-items: center; cursor:pointer;}
.head-left ul .head-left-name-a{font-size: 17px; color: #1D1D1F; display: flex; align-items: center; cursor:pointer;justify-content: space-between;width: 100%;}
.head-left ul .head-left-name:hover{background-color: #121212; color: #fff;}
.head-left ul .head-left-name-a:hover{color: #fff;}
.head-left ul .head-left-name img{width: 17px;height: 16px;}
.head-left ul li:hover .submenu-1{display: block;}
.head-left ul li:hover .submenu-2{display: block;}
.head-left ul li:hover .submenu-3{display: block;}
.head-left ul li:hover .submenu-4{display: block;}
.head-left ul li:hover .submenu-5{display: block;}
.head-left ul li:hover .submenu-6{display: block;}
.head-left ul li .submenu-1{position: absolute;top: 0;left: 224px;min-width: 741px;height: 364px;background-color: #fff;z-index: 888;animation-duration: 0.5s;display: none;}
.head-left ul li .submenu-2{position: absolute;top: -53px;right: -976px;width: 976px;height: 320px;background-color: #fff;z-index: 888;animation-duration: 0.5s;display: none;}
.head-left ul li .submenu-3{position: absolute;top: -107px;right: -976px;width: 976px;height: 320px;background-color: #fff;z-index: 888;animation-duration: 0.5s;display: none;}
.head-left ul li .submenu-4{position: absolute;top: -160px;right: -976px;width: 976px;height: 320px;background-color: #fff;z-index: 888;animation-duration: 0.5s;display: none;}
.head-left ul li .submenu-5{position: absolute;top: -213px;right: -976px;width: 976px;height: 320px;background-color: #fff;z-index: 888;animation-duration: 0.5s;display: none;}
.head-left ul li .submenu-6{position: absolute;top: -266px;right: -976px;width: 976px;height: 320px;background-color: #fff;z-index: 888;animation-duration: 0.5s;display: none;}
.submenu-content-whole{display: flex;padding: 17px 30px 16px 30px;}
.submenu-content .submenu-content-title{color: #000000;height: 18px;line-height: 1;font-size: 17px;min-width: 84px;white-space: nowrap;}
.submenu-content .submenu-content-title:hover{color:#088167}
.submenu-content .submenu-content-text{display: flex;flex-wrap: wrap;margin: 0 0 0 40px;background-color: #fff;}
.submenu-content .submenu-content-text li{padding: 0 ;font-size: 14px;margin: 0 40px 0 0;line-height: 1;}
.submenu-content .submenu-content-text li:last-child{margin-right: 0;}
.submenu-content .submenu-content-text li a{color: #4C4C4C;font-size: 14px;font-weight: normal;cursor: pointer;}
.submenu-content .submenu-content-text li a:hover{color: #088167;}
.head-left ul li .submenu-content{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;width: 741px;height: 364px;overflow-y: auto;overflow-x: hidden;}
.head-left ul li span{display: inline-block; flex: 1 1 0;}
.head .head-right{width: 965px;}
.head .head-right .head-right-breadcrumb{font-weight: 400; font-size: 15px; color: #333333; margin: 0 0 0 15px;}
.head .head-right .head-right-breadcrumb a{color:#666666}
.head .head-right .head-right-breadcrumb a:last-child{color: #088167;}
.head .head-right .head-right-breadcrumb a:hover{color: #088167;}
.carousel{height: 320px;}
.carousel-inner img{width: 100%; height: 320px !important;}
.list{margin: 18px 0 0 0;}
.list .title{display: flex; align-items:baseline; margin: 0 0 18px 0;}
.list .title .title-left{font-weight: 600; font-size: 32px; color: #1D1D1F;}
.list .title .title-right{display: flex;font-weight: 400; font-size: 20px; flex: 1 1 0;}
.title-right-more a{font-weight: 400; font-size: 16px; color: #1D1D1F; cursor:pointer;}
.list .title .title-right .title-right-item a{color: #1D1D1F; margin: 0 0 0 36px;}
.list-book{width: 1200; display: flex; flex-wrap: wrap; align-items: center;}
.list-book .list-book-item{width: 224px; background: #fff; margin: 0 0 15px 15px; cursor: pointer;padding-bottom: 20px;}
.list-book .list-book-item .image{padding: 16px 39px;}
.list-book-item .image img{ width: 149px;height: 177px; }
.list-book .list-book-item .book-item-title{padding: 0 16px; height:44px; font-size: 16px; color: #1D1D1F; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.list-book .list-book-item .book-item-price{margin: 10px 0 0 0; padding: 0 16px; display: flex;flex-direction: column;}
.list-book .list-book-item .book-item-price .book-item-price-name{font-weight: 400; font-size: 14px; color: #666666; flex: 1 1 0;}
.list-book .list-book-item .book-item-price .book-item-price-money{font-weight: 400;font-size: 16px;color: #F76B15;line-height: 20px;margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.list-book .list-book-item .book-item-price .book-item-price-text{display: flex;align-items: center;font-size: 14px;}
.list-book .list-book-item .book-item-price .book-item-price-text img{width: 14px;height: 14px;margin-right: 6px;}
.list-book-item:hover{z-index: 2;-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.head-left ul .head-left-name:hover .head-left-name-a{color: #fff;}