.mooc .bk{z-index:-1;height:.9375rem;opacity:.3;filter:blur(.52083rem);width:100%;position:absolute;top:0;transition:all .3s}.mooc .wrap{display:flex;justify-content:center;margin-top:.16667rem;margin-bottom:.15625rem}.mooc .wrap .banner{background-color:#fff;box-shadow:0 .0625rem .125rem 0 rgba(7,17,27,.2);height:2.3125rem;overflow:hidden;position:relative;width:6rem;border-radius:.04167rem}.mooc .wrap .banner .menu-content{position:relative;float:left;width:1.125rem;height:2.3125rem;z-index:20;padding-top:.0625rem;background:#2b333b;border-bottom-left-radius:.02083rem;font-weight:400}.mooc .wrap .banner .menu-content .item{height:.3125rem;font-size:.07292rem;cursor:pointer;margin-left:.0625rem;padding:0 .08333rem 0 .08333rem;color:hsla(0,0%,100%,.6);position:relative;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:.02083rem;border-bottom-left-radius:.02083rem;transition:all .1s}.mooc .wrap .banner .menu-content .item i{font-size:.07292rem}.mooc .wrap .banner .menu-content .item:hover{color:#fff;background-color:hsla(0,0%,100%,.3)}.mooc .wrap .banner .submenu{background:#fff;left:1.125rem;top:0;width:4rem;height:2.3125rem;z-index:100;box-shadow:0 .02083rem .04167rem 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:.0625rem .25rem .16667rem;position:relative;min-height:.78125rem}.mooc .wrap .banner .submenu .sub-wrap .innerBox .banner-line{position:relative;height:.00521rem;margin:.18229rem 0 .11979rem;background-color:rgba(77,85,93,.08)}.mooc .wrap .banner .submenu .sub-wrap .innerBox .banner-line span{position:absolute;top:-.0625rem;left:0;padding-right:.0625rem;font-size:.07292rem;font-weight:700;color:#f20d0d;line-height:.125rem;background-color:#fff}.mooc .wrap .banner .submenu .sub-wrap .innerBox .tag-box a{margin-bottom:.08333rem;font-size:.07292rem;color:#4d555d;line-height:.11458rem;margin-right:.125rem;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:.1875rem 0 0 .25rem;display:flex;width:100%;flex-wrap:wrap}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card{width:1.625rem;height:.3125rem;margin-right:.25rem;margin-bottom:.1875rem;display:flex}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card img{width:.33333rem;height:.21875rem;border-radius:.02083rem;background-color:#ccc}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card{margin-left:.08333rem}.mooc .wrap .banner .submenu .sub-wrap .recomment-box .banner-card .card .name{width:1.20833rem;font-size:.0625rem;color:#07111b;line-height:.10417rem;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:.0625rem;color:#4d555d;line-height:.10417rem;display:inline-block;margin-right:.05208rem}.mooc .wrap .banner .carousel{width:4.88021rem;margin-left:1.11979rem}.mooc .wrap .banner .hot-banner{height:.66667rem;overflow:hidden;box-shadow:0 .02083rem .04167rem 0 rgba(7,17,27,.1);background-color:#fff;text-align:center;padding:0 .09375rem}.mooc .wrap .banner .hot-banner a{float:left;font-size:0;width:.9375rem;height:.66667rem;overflow:hidden;transition:all .3s}.mooc .wrap .banner .hot-banner a:hover{margin-top:-.02083rem}.mooc .wrap .banner .hot-banner img{display:inline-block;width:.1875rem;height:.1875rem;background-size:100%;margin-top:.11458rem}.mooc .wrap .banner .hot-banner .tit{font-size:.07292rem;color:#07111b;letter-spacing:.00521rem;margin-top:.02083rem}.mooc .wrap .banner .hot-banner .desc{font-size:.0625rem;color:#93999f;line-height:.08333rem;margin-top:.01042rem;font-weight:400}