.card-wrap[data-v-f03a373a]{width:384px;height:150px;margin:15px 1px;background:rgba(0,0,0,.4) no-repeat 50%;background-size:cover;-webkit-box-shadow:0 2px 38px 0 rgba(0,0,0,.09);box-shadow:0 2px 38px 0 rgba(0,0,0,.09);position:relative;word-break:break-all}.card-wrap[data-v-f03a373a]:hover{-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.15);box-shadow:0 2px 20px 0 rgba(0,0,0,.15)}.card-wrap .mask[data-v-f03a373a]{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-wrap .mask[data-v-f03a373a]:hover{cursor:pointer}.card-wrap .mask:hover .des[data-v-f03a373a]{visibility:visible;top:15px}.card-wrap .mask:hover .name[data-v-f03a373a]{top:25px}.card-wrap .mask .name[data-v-f03a373a]{top:57px;font-size:21px;color:#fff}.card-wrap .mask .des[data-v-f03a373a],.card-wrap .mask .name[data-v-f03a373a]{position:relative;font-family:Microsoft Yahei;letter-spacing:0;line-height:24px;-webkit-transition:top .3s;transition:top .3s}.card-wrap .mask .des[data-v-f03a373a]{top:50px;width:100%;visibility:hidden;padding:10px;margin-top:10px;font-size:14px;color:hsla(0,0%,100%,.91)}