.mooc .bk{z-index:-1;height:11.25rem;opacity:.3;filter:blur(6.25rem);width:100%;position:absolute;top:0;transition:all .3s}.mooc .wrap{display:flex;justify-content:center;margin-top:2rem;margin-bottom:1.875rem}.mooc .wrap .banner{background-color:#fff;box-shadow:0 .75rem 1.5rem 0 rgba(7,17,27,.2);height:27.75rem;overflow:hidden;position:relative;width:72rem;border-radius:.5rem}.mooc .wrap .banner .menu-content{position:relative;float:left;width:13.5rem;height:27.75rem;z-index:20;padding-top:.75rem;background:#2b333b;border-bottom-left-radius:.25rem;font-weight:400}.mooc .wrap .banner .menu-content .item{height:3.75rem;font-size:.875rem;cursor:pointer;margin-left:.75rem;padding:0 1rem 0 1rem;color:hsla(0,0%,100%,.6);position:relative;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;transition:all .1s}.mooc .wrap .banner .menu-content .item i{font-size:.875rem}.mooc .wrap .banner .menu-content .item:hover{color:#fff;background-color:hsla(0,0%,100%,.3)}.mooc .wrap .banner .submenu{background:#fff;left:13.5rem;top:0;width:48rem;height:27.75rem;z-index:100;box-shadow:0 .25rem .5rem 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:.75rem 3rem 2rem;position:relative;min-height:9.375rem}.mooc .wrap .banner .submenu .sub-wrap .innerBox .banner-line{position:relative;height:.0625rem;margin:2.1875rem 0 1.4375rem;background-color:rgba(77,85,93,.08)}.mooc .wrap .banner .submenu .sub-wrap .innerBox .banner-line span{position:absolute;top:-.75rem;left:0;padding-right:.75rem;font-size:.875rem;font-weight:700;color:#f20d0d;line-height:1.5rem;background-color:#fff}.mooc .wrap .banner .submenu .sub-wrap .innerBox .tag-box a{margin-bottom:1rem;font-size:.875rem;color:#4d555d;line-height:1.375rem;margin-right:1.5rem;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:2.25rem 0 0 3rem;display:flex;width:100%;flex-wrap:wrap}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card{width:19.5rem;height:3.75rem;margin-right:3rem;margin-bottom:2.25rem;display:flex}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card img{width:4rem;height:2.625rem;border-radius:.25rem;background-color:#ccc}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card{margin-left:1rem}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card .name{width:14.5rem;font-size:.75rem;color:#07111b;line-height:1.25rem;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:.75rem;color:#4d555d;line-height:1.25rem;display:inline-block;margin-right:.625rem}.mooc .wrap .banner .carousel{width:58.5625rem;margin-left:13.4375rem}.mooc .wrap .banner .hot-banner{height:8rem;overflow:hidden;box-shadow:0 .25rem .5rem 0 rgba(7,17,27,.1);background-color:#fff;text-align:center;padding:0 1.125rem}.mooc .wrap .banner .hot-banner a{float:left;font-size:0;width:11.25rem;height:8rem;overflow:hidden;transition:all .3s}.mooc .wrap .banner .hot-banner a:hover{margin-top:-.25rem}.mooc .wrap .banner .hot-banner img{display:inline-block;width:2.25rem;height:2.25rem;background-size:100%;margin-top:1.375rem}.mooc .wrap .banner .hot-banner .tit{font-size:.875rem;color:#07111b;letter-spacing:.0625rem;margin-top:.25rem}.mooc .wrap .banner .hot-banner .desc{font-size:.75rem;color:#93999f;line-height:1rem;margin-top:.125rem;font-weight:400}.banner-container{display:flex;justify-content:center}.banner-container .banner-wrap{width:76.625rem;position:relative}.banner-container .banner-wrap .category{display:block;position:absolute;z-index:10;padding:1.25rem 0;width:14.625rem;height:28.75rem;font-size:.875rem;overflow:hidden;background:rgba(0,0,0,.6)}.banner-container .banner-wrap .category .category-list{height:26.25rem;border:0;color:#fff}.banner-container .banner-wrap .category .category-list .item{display:flex;align-items:center;justify-content:space-between;height:2.625rem;padding-left:1.875rem;padding-right:1.25rem}.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:62rem;left:14.625rem;top:0;position:absolute;z-index:20;height:28.75rem;border:.0625rem solid #e0e0e0;border-left:0;background:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.18);overflow:hidden}.banner-container .banner-wrap .category-children .children-wrap{width:62rem;display:flex;flex-wrap:wrap;justify-content:flex-start}.banner-container .banner-wrap .category-children .children-wrap .item{display:flex;align-items:center;padding:1.125rem 1.25rem;height:4.75rem;width:15.5rem;color:#333}.banner-container .banner-wrap .category-children .children-wrap .item img{margin-right:.75rem}.banner-container .banner-wrap .category-children .children-wrap :hover .title{color:#ff6700;transition:color .2s}.banner-container .banner-wrap .carousel img{height:28.75rem;width:100%}.banner-container .banner-wrap .carousel .ivu-carousel-arrow.left{left:15.5rem}.banner-container .banner-wrap .carousel .ivu-carousel-dots-inside{display:block;position:absolute;bottom:.1875rem;left:7.3125rem}