.mooc .bk{z-index:-1;height:180px;opacity:.3;filter:blur(100px);width:100%;position:absolute;top:0;transition:all .3s}.mooc .wrap{display:flex;justify-content:center;margin-top:32px;margin-bottom:30px}.mooc .wrap .banner{background-color:#fff;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);height:444px;overflow:hidden;position:relative;width:1152px;border-radius:8px}.mooc .wrap .banner .menu-content{position:relative;float:left;width:216px;height:444px;z-index:20;padding-top:12px;background:#2b333b;border-bottom-left-radius:4px;font-weight:400}.mooc .wrap .banner .menu-content .item{height:60px;font-size:14px;cursor:pointer;margin-left:12px;padding:0 16px 0 16px;color:hsla(0,0%,100%,.6);position:relative;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:4px;border-bottom-left-radius:4px;transition:all .1s}.mooc .wrap .banner .menu-content .item i{font-size:14px}.mooc .wrap .banner .menu-content .item:hover{color:#fff;background-color:hsla(0,0%,100%,.3)}.mooc .wrap .banner .submenu{background:#fff;left:216px;top:0;width:768px;height:444px;z-index:100;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);position:absolute}.mooc .wrap .banner .submenu .sub-wrap{display:flex;flex-direction:column;justify-content:space-between}.mooc .wrap .banner .submenu .sub-wrap .innerBox{background-color:#fff;padding:12px 48px 32px;position:relative;min-height:150px}.mooc .wrap .banner .submenu .sub-wrap .innerBox .banner-line{position:relative;height:1px;margin:35px 0 23px;background-color:rgba(77,85,93,.08)}.mooc .wrap .banner .submenu .sub-wrap .innerBox .banner-line span{position:absolute;top:-12px;left:0;padding-right:12px;font-size:14px;font-weight:700;color:#f20d0d;line-height:24px;background-color:#fff}.mooc .wrap .banner .submenu .sub-wrap .innerBox .tag-box a{margin-bottom:16px;font-size:14px;color:#4d555d;line-height:22px;margin-right:24px;display:inline-block}.mooc .wrap .banner .submenu .sub-wrap .innerBox .tag-box a:hover{color:#f01414}.mooc .wrap .banner .submenu .sub-wrap .recomment-box{position:absolute;bottom:0;background:#f8fafc;padding:36px 0 0 48px;display:flex;width:100%;flex-wrap:wrap}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card{width:312px;height:60px;margin-right:48px;margin-bottom:36px;display:flex}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card img{width:64px;height:42px;border-radius:4px;background-color:#ccc}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card{margin-left:16px}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card .name{width:232px;font-size:12px;color:#07111b;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card .price,.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card .sales{font-size:12px;color:#4d555d;line-height:20px;display:inline-block;margin-right:10px}.mooc .wrap .banner .carousel{width:937px;margin-left:215px}.mooc .wrap .banner .hot-banner{height:128px;overflow:hidden;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);background-color:#fff;text-align:center;padding:0 18px}.mooc .wrap .banner .hot-banner a{float:left;font-size:0;width:180px;height:128px;overflow:hidden;transition:all .3s}.mooc .wrap .banner .hot-banner a:hover{margin-top:-4px}.mooc .wrap .banner .hot-banner img{display:inline-block;width:36px;height:36px;background-size:100%;margin-top:22px}.mooc .wrap .banner .hot-banner .tit{font-size:14px;color:#07111b;letter-spacing:1px;margin-top:4px}.mooc .wrap .banner .hot-banner .desc{font-size:12px;color:#93999f;line-height:16px;margin-top:2px;font-weight:400}.banner-container{display:flex;justify-content:center}.banner-container .banner-wrap{width:1226px;position:relative}.banner-container .banner-wrap .category{display:block;position:absolute;z-index:10;padding:20px 0;width:234px;height:460px;font-size:14px;overflow:hidden;background:rgba(0,0,0,.6)}.banner-container .banner-wrap .category .category-list{height:420px;border:0;color:#fff}.banner-container .banner-wrap .category .category-list .item{display:flex;align-items:center;justify-content:space-between;height:42px;padding-left:30px;padding-right:20px}.banner-container .banner-wrap .category .category-list .item .title{color:#fff}.banner-container .banner-wrap .category .category-list :hover{background:#ff6700!important}.banner-container .banner-wrap .category-children{width:992px;left:234px;top:0;position:absolute;z-index:20;height:460px;border:1px solid #e0e0e0;border-left:0;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.18);overflow:hidden}.banner-container .banner-wrap .category-children .children-wrap{width:992px;display:flex;flex-wrap:wrap;justify-content:flex-start}.banner-container .banner-wrap .category-children .children-wrap .item{display:flex;align-items:center;padding:18px 20px;height:76px;width:248px;color:#333}.banner-container .banner-wrap .category-children .children-wrap .item img{margin-right:12px}.banner-container .banner-wrap .category-children .children-wrap :hover .title{color:#ff6700;transition:color .2s}.banner-container .banner-wrap .carousel img{height:460px;width:100%}.banner-container .banner-wrap .carousel .ivu-carousel-arrow.left{left:248px}.banner-container .banner-wrap .carousel .ivu-carousel-dots-inside{display:block;position:absolute;bottom:3px;left:117px}