.comp-templates-banner .el-carousel{border-radius:4px}.comp-templates-banner .el-carousel .el-carousel__indicators .el-carousel__button{width:15px;height:6px;border-radius:4px;background:#f37a6f;opacity:.3}.comp-templates-banner .el-carousel .el-carousel__indicators .is-active button{width:44px;background:#fff;opacity:1}.comp-templates-banner[data-v-42dcb221]{transition:all 1s ease;width:100%;min-width:1200px;max-width:1600px;padding:0 60px;height:252px;margin:0 auto;display:flex;justify-content:space-between}.carousel-wrapper[data-v-42dcb221]{height:100%;flex:1;border-radius:4px;overflow:hidden}.banner-img[data-v-42dcb221]{display:block;width:100%;height:100%;background-position:50%;background-size:cover;background-repeat:no-repeat}.topics-wrapper[data-v-42dcb221]{width:524px;position:relative;height:100%;margin-left:12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:space-between}.topic-item[data-v-42dcb221]{width:252px;height:120px;margin-right:12px;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s linear}.topic-item[data-v-42dcb221]:hover{box-shadow:0 15px 30px rgba(0,0,0,.1)}.topic-item[data-v-42dcb221]:nth-child(2n){margin-right:0}.topic-item-img[data-v-42dcb221]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}