#learning .h-banner-box .h-banner-layer{left:20%;top:0;width:60%;max-width:1167px;margin-top:30px;padding:10px 50px;height:calc(100% - 30px);z-index:2;background-image:url(/static/pages/static/images/chinese-campus-learning/bannerText.png);background-size:100% auto;background-repeat:no-repeat;margin-bottom:5px}#learning .specialBox li{float:left;height:320px}#learning .specialBox li >div >div{transition:500ms}#learning .specialBox li >div >div:nth-of-type(2){opacity:0;transform:translateY(-50%) translateX(50px)}#learning .specialBox li >div:hover div:nth-of-type(1){transform:translateX(-50px);opacity:0}#learning .specialBox li >div:hover div:nth-of-type(2){transform:translateY(-50%) translateX(0);opacity:1}#learning .specialBox li:nth-of-type(1){width:calc(20% - 6px)}#learning .specialBox li:nth-of-type(1) >div{width:100%;height:100%;background:#ff8989}#learning .specialBox li:nth-of-type(2){margin-left:15px;width:calc(40% - 12px)}#learning .specialBox li:nth-of-type(2) >div{width:100%;height:calc(50% - 7px)}#learning .specialBox li:nth-of-type(2) >div:nth-of-type(1){background:#64bed5}#learning .specialBox li:nth-of-type(2) >div:nth-of-type(2){background:#ffc437}#learning .specialBox li:nth-of-type(3){margin-left:15px;width:calc(40% - 12px)}#learning .specialBox li:nth-of-type(3) >div{width:100%;height:calc(50% - 7px)}#learning .specialBox li:nth-of-type(3) >div:nth-of-type(1){background:#ff9ae9}#learning .specialBox li:nth-of-type(3) >div:nth-of-type(2){background:#50c98c}#learning .studentBox >ul>li .thumbnail{padding:0;height:500px;margin-bottom:0}#learning .studentBox >ul>li .thumbnail img{width:100%}#learning .studentBox >ul>li .thumbnail .caption{position:relative;padding:40px 15px}#learning .studentBox >ul>li .thumbnail .caption h4{position:absolute;width:80%;height:45px;top:0;transform:translateY(-50%);left:10%;border:2px solid #fff;background:#28c489;font-size:20px;text-align:center;line-height:40px;margin:0;box-shadow:0 0 3px #bbb;color:#fff}