.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}