.QX-11226269{width:100%}.QX-11226269 .wrapper{width:calc(100% - 20px);margin:10px;display:flex;flex-wrap:wrap}.QX-11226269 .tile{width:calc(25% - 20px);margin:10px;height:500px;position:relative;transition:transform .65s cubic-bezier(.05,0.2,.1,1),box-shadow .65s cubic-bezier(.05,0.2,.1,1)}.QX-11226269 .imgBox{width:100%;height:100%;overflow:hidden}.QX-11226269 .imgBox .top{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 9s cubic-bezier(0.1,0.2,.7,1)}.QX-11226269 .mask{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,.75) 100%);z-index:1;opacity:0;transition:opacity .65s cubic-bezier(.05,0.2,.1,1) .15s}.QX-11226269 .mask .maskBut{width:100%;height:100%;display:block}.QX-11226269 .titleBox{width:calc(100% - 80px);position:absolute;left:40px;bottom:40px;z-index:2;transition:opacity .65s cubic-bezier(.05,0.2,.1,1),transform .65s cubic-bezier(.05,0.2,.1,1)}.QX-11226269 .titleBox a{color:inherit}.QX-11226269 .bottom{width:50px;height:50px}.QX-11226269 .titleBox .banner-name{max-height:80%;font-size:26px;color:#fff;font-weight:bold;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;word-break:break-word}.QX-11226269 .textBox{width:calc(100% - 80px);max-height:50%;overflow:hidden;position:absolute;bottom:40px;left:40px;z-index:2;opacity:0;transition:opacity .65s cubic-bezier(.05,0.2,.1,1) .15s,transform .65s cubic-bezier(.05,0.2,.1,1) .15s;transform:translateY(20px)}.QX-11226269 .textBox .container{width:100%;height:100%}.QX-11226269 .docsBox{font-size:14px;color:#FFF;line-height:1.4em;height:100%;overflow:hidden}.QX-11226269 .docsBox a{color:inherit}.QX-11226269 .moreBtn{display:none}.QX-11226269 .tile:hover{transform:translateY(-10px);box-shadow:0 25px 55px rgba(0,0,0,0.22)}.QX-11226269 .tile:hover .imgBox .top{transform:scale(1.2);-webkit-transform:scale(1.2)}.QX-11226269 .tile:hover .mask{opacity:.6}.QX-11226269 .tile:hover .textBox{transform:translateY(0);opacity:1}@media screen and (max-width:900px){.QX-11226269 .tile{width:calc(50% - 20px)}}@media screen and (max-width:550px){.QX-11226269 .tile{width:100%;margin:10px 0}.QX-11226269 .titleBox .banner-name{font-size:20px}}