.recommend,.recommend .top{margin-bottom:20px}.recommend .top{align-items:flex-end;display:flex;height:420px;justify-content:space-between}.recommend .top .cate{height:100%;width:310px}.recommend .top .cate>ul{background-color:#fff;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.recommend .top .cate>ul>li{align-items:center;display:flex;flex:1;padding:0 10px}.recommend .top .cate>ul>li>a{-webkit-line-clamp:1;-webkit-box-orient:vertical;align-items:center;color:#333;display:-webkit-box;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;word-break:break-all}.recommend .top .cate>ul>li>a .iconfont{margin-right:6px}.recommend .top .cate>ul>li:hover{background-color:#f4f4f4}.recommend .top .cate>ul>li:hover .items{display:flex}.recommend .top .cate>ul>li:hover a{color:#4066b8}.recommend .top .cate>ul>li .items{background-color:#fff;box-shadow:1px 0 6px #00000029;display:none;flex-direction:column;height:420px;left:310px;padding:20px 0 20px 20px;position:absolute;top:0;width:990px;z-index:100}.recommend .top .cate>ul>li .items .title{align-items:center;display:flex;margin-bottom:20px}.recommend .top .cate>ul>li .items .title a{color:#4066b8;font-size:14px}.recommend .top .cate>ul>li .items .title a:hover{text-decoration:underline}.recommend .top .cate>ul>li .items .title .iconfont{font-size:10px;margin-left:10px}.recommend .top .cate>ul>li .items .cot{flex:1;overflow-y:auto}.recommend .top .cate>ul>li .items .cot::-webkit-scrollbar{width:8px}.recommend .top .cate>ul>li .items .cot::-webkit-scrollbar-thumb{background-color:#4066b8;border-radius:8px}.recommend .top .cate>ul>li .items .cot ul{display:flex;flex-wrap:wrap;overflow-y:auto}.recommend .top .cate>ul>li .items .cot ul li{margin-bottom:15px;padding:0 5px;width:50%}.recommend .top .cate>ul>li .items .cot ul li a{color:#333}.recommend .top .cate>ul>li .items .cot ul li a:hover{color:#4066b8;text-decoration:underline}.recommend .top .banner{border-radius:6px;height:410px;overflow:hidden;width:740px}.recommend .top .banner .swiper-button-prev{border-radius:0 8px 8px 0;left:0}.recommend .top .banner .swiper-button-next{border-radius:8px 0 0 8px;right:0}.recommend .top .banner .swiper-button-next,.recommend .top .banner .swiper-button-prev{background-color:#0006;color:#f4f4f4}.recommend .top .banner .swiper-button-next:after,.recommend .top .banner .swiper-button-prev:after{font-size:14px}.recommend .top .banner .swiper-pagination-bullet{border-radius:10px;bottom:5px;height:5px;width:20px}.recommend .top .banner .swiper-pagination-bullet-active{background-color:#4066b8}.recommend .top .banner .swiper-slide{align-items:center;display:flex;font-size:18px;justify-content:center;text-align:center;transform:scale(1);transition:.3s}.recommend .top .banner .swiper-slide img{border-radius:4px}.recommend .top .banner .swiper-slide-active,.recommend .top .banner .swiper-slide-duplicate-active{transform:scale(3);z-index:100}.recommend .top .banner .swiper-slide-active a img,.recommend .top .banner .swiper-slide-duplicate-active a img{box-shadow:0 1px 2px -1px #666}.recommend .top .toolBox{display:flex;flex-direction:column;height:410px;justify-content:space-between;width:230px}.recommend .top .toolBox li{background:#fff;border-radius:6px;box-shadow:0 0 15px -7px #ccc;height:96px;transition:all .3s;width:230px}.recommend .top .toolBox li a{align-items:center;color:#333;display:flex;height:100%;justify-content:space-between;padding:16px;width:100%}.recommend .top .toolBox li a div{display:flex;flex-direction:column;height:100%;justify-content:space-around}.recommend .top .toolBox li a div b{font-size:16px}.recommend .top .toolBox li a div p{color:#4066b8;font-size:16px;font-style:oblique}.recommend .top .toolBox li a div p .iconfont{font-size:12px}.recommend .top .toolBox li a img{height:55px;width:53px}.recommend .top .toolBox li:hover{box-shadow:0 0 10px #ccc}@media screen and (max-width:1024px){.recommend{display:none;width:100%}.recommend .top{height:unset;width:100%}.recommend .top .cate{display:none}.recommend .top .banner{border-radius:10px;overflow:hidden}.recommend .top .banner,.recommend .top .banner img{height:174px;width:355px}.recommend .top .toolBox{display:none}}