.promo-grid{padding:0 10px}.promo-grid.mweb{background:#fff;border-radius:8px;margin-left:10px;margin-right:10px;margin-top:20px;padding:0 10px 16px}.promo-grid.web{margin-left:auto;margin-right:auto;width:1160px}.promo-title{color:#212121;margin:0 auto;padding:24px 20px 16px;text-align:center}.promo-title .title{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:24px;font-weight:600;justify-content:center;line-height:1.18;margin-bottom:6px}.promo-title .title span{padding:0 10px}.promo-title .sub-title{font-size:12px;font-weight:400;line-height:1.44}.grid-item{border-radius:8px;height:141px;margin-top:12px;overflow:hidden;position:relative}.grid-item .grid-img{background-position:50%;background-size:cover;height:100%;width:100%}.grid-item .grid-mask{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:rgba(0,0,0,.6);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;left:0;line-height:1.44;position:absolute;top:0;width:100%}@media screen and (min-width:800px){.promo-title{max-width:560px;padding:56px 30px 16px}.promo-title .title{font-size:28px;font-weight:600;line-height:1.18;margin-bottom:6px}.promo-title .sub-title{font-size:16px;font-weight:500;line-height:1.44}.grid-item{cursor:pointer;height:180px;margin:30px auto 0}}