.m-card-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-10px;margin-right:-10px}.m-card-list .item{position:relative;margin:0 10px 20px;font-size:22px}@media screen and (max-width:767px){.m-card-list .item{font-size:16px}}.m-card-list .item a{display:block;text-decoration:none}.m-card-list .thumb img{width:100%;vertical-align:bottom}.m-card-list .title{text-align:center;line-height:1.3}.m-card-list.-band .item{width:380px}@media screen and (max-width:540px){.m-card-list.-band .item{width:100%}}.m-card-list.-band a:hover{opacity:.7}.m-card-list.-band .title{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,129,204,0.8);color:#fff;padding:22px 0}@media screen and (max-width:767px){.m-card-list.-band .title{padding:15px 0}}.m-card-list.-bottom .item{width:226px}@media screen and (max-width:540px){.m-card-list.-bottom .item{width:100%}}.m-card-list.-bottom a:hover .title{background:#2c4f6c;color:#fff}.m-card-list.-bottom a:hover .title>span{padding-left:20px}.m-card-list.-bottom a:hover .title>span::before{opacity:1;left:0}.m-card-list.-bottom .thumb{width:100%;height:140px}.m-card-list.-bottom .thumb img{height:100%}.m-card-list.-bottom .title{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;height:140px;text-align:center;background-color:#f1f1f1;color:#2c4f6c;-webkit-transition:background .3s,color .3s;transition:background .3s,color .3s}.m-card-list.-bottom .title>span{display:inline-block;position:relative;-webkit-transition:padding .15s;transition:padding .15s}.m-card-list.-bottom .title>span::before{content:"";display:block;position:absolute;top:50%;left:-20px;width:18px;height:18px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-8px;margin-left:-8px;opacity:0;-webkit-transition:opacity .15s,left .15s;transition:opacity .15s,left .15s}@media screen and (max-width:767px){.m-card-list.-bottom .title{height:80px}}