.word-list4 .head{height:280px;background-size:cover;background-repeat:no-repeat;background-position:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:60px;color:#fff;letter-spacing:40px}.word-list4 .content{padding-bottom:120px;padding-top:80px}.word-list4 .content .inner{margin-top:80px}.word-list4 .content .inner:first-child{margin-top:0}.word-list4 .content .item{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.word-list4 .content .item-le,.word-list4 .content .item-ri{position:relative;padding:40px 30px;width:800px;height:240px;background-image:url(../img/develop-bg.3447a32d.png);-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:50%}.word-list4 .content .item-le .mask,.word-list4 .content .item-ri .mask{position:absolute;left:0;top:0;content:"";width:100%;height:100%;background-color:#2355ef;-webkit-transform:translateY(240px);transform:translateY(240px);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition:all .5s cubic-bezier(.2,0,.2,1);transition:all .5s cubic-bezier(.2,0,.2,1)}.word-list4 .content .item-le .mask1,.word-list4 .content .item-ri .mask1{background-color:#9525af}.word-list4 .content .item-le .mask2,.word-list4 .content .item-ri .mask2{background-color:#00aace}.word-list4 .content .item-le .mask3,.word-list4 .content .item-ri .mask3{background-color:#00b68a}.word-list4 .content .item-le .mask4,.word-list4 .content .item-ri .mask4{background-color:#f8b500}.word-list4 .content .item-le .mask5,.word-list4 .content .item-ri .mask5{background-color:#00aace}.word-list4 .content .item-le .title,.word-list4 .content .item-ri .title{position:relative;font-size:24px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.word-list4 .content .item-le .subtitle,.word-list4 .content .item-ri .subtitle{font-family:PingFangSC-Regular,PingFang SC;color:#fff;line-height:24px;opacity:0;-webkit-transform:translateY(1px);transform:translateY(1px);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition:opacity .3s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1);transition:opacity .3s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1);transition:transform .5s cubic-bezier(.2,0,.2,1),opacity .3s cubic-bezier(.2,0,.2,1);transition:transform .5s cubic-bezier(.2,0,.2,1),opacity .3s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1)}.word-list4 .content .item-le:hover .mask{-webkit-transform:translate(0);transform:translate(0)}.word-list4 .content .item-le:hover .subtitle{opacity:1}.word-list4 .content .item-ri{width:400px;height:240px}.word-list4 .content .item-ri:hover .mask{-webkit-transform:translate(0);transform:translate(0)}.word-list4 .content .item-ri:hover .subtitle{opacity:1}.word-list4 .content .item.reserve .item-le{width:400px;height:240px}.word-list4 .content .item.reserve .item-ri{width:800px;height:240px}