.open-ability-case-wrap[data-v-40bbacf2]{width:1440px;height:496px;position:relative}.open-ability-case-wrap .open-ability-case-card[data-v-40bbacf2]{position:absolute;top:-63px;left:0;width:1440px;height:479px;padding:16px;background:#fff;border:1px solid #fff;-webkit-box-shadow:9px 9px 36px 0 rgba(55,84,170,.12);box-shadow:9px 9px 36px 0 rgba(55,84,170,.12);border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex}.open-ability-case-wrap .open-ability-case-card .open-ability-case-background[data-v-40bbacf2]{width:794px;height:447px;-ms-flex-negative:0;flex-shrink:0;position:absolute;top:16px;left:16px;z-index:1}.open-ability-case-wrap .open-ability-case-card .open-ability-case-background .showCaseImg[data-v-40bbacf2]{z-index:2}.open-ability-case-wrap .open-ability-case-card .thumbnail-case-list[data-v-40bbacf2]{position:absolute;bottom:32px;left:35px;display:grid;grid-template-columns:repeat(6,116px);grid-template-rows:58px;grid-column-gap:12px}.open-ability-case-wrap .open-ability-case-card .thumbnail-case-list .customer-case-item[data-v-40bbacf2]{position:relative;z-index:3}.open-ability-case-wrap .open-ability-case-card .thumbnail-case-list .customer-case-item .play-progress[data-v-40bbacf2]{position:absolute;bottom:0;left:0;height:3.2px;background:#2e70ff}.open-ability-case-wrap .open-ability-case-card .ability-case-info[data-v-40bbacf2]{position:absolute;right:16px;top:16px;width:614px;height:100%;padding:24px 24px 14px 40px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-title[data-v-40bbacf2]{font-family:Microsoft YaHei UI Semibold;font-size:28px;color:#23262d;letter-spacing:.5px;line-height:42px;font-weight:600;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-description[data-v-40bbacf2]{height:66px;margin-bottom:16px;font-family:Microsoft YaHei UI;font-size:14px;color:#575d6c;letter-spacing:.5px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-label-area[data-v-40bbacf2]{margin-bottom:7px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-label-area .ability-case-label-title[data-v-40bbacf2]{margin-bottom:8px;font-family:Microsoft YaHei UI;font-size:14px;color:rgba(0,0,0,.4);letter-spacing:.5px;line-height:14px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-label-area .ability-case-label-tag[data-v-40bbacf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:165px;overflow:hidden}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-label-area .ability-case-label-tag .ability-case-label-tag-item[data-v-40bbacf2]{width:auto;height:24px;margin-right:16px;margin-bottom:9px;padding:0 8px;border:1px solid #ddddd0;border-radius:2px;font-family:Microsoft YaHei UI;font-size:14px;color:rgba(35,38,45,.5);letter-spacing:.5px;line-height:22px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-create-time[data-v-40bbacf2]{height:22px;margin-bottom:16px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-create-time .solution-card-icon-content[data-v-40bbacf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-family:Microsoft YaHei UI;font-size:14px;color:rgba(0,0,0,.6);letter-spacing:.5px;line-height:22px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-entrance[data-v-40bbacf2]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:48px;left:40px}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-entrance .learn-customer-case[data-v-40bbacf2]{width:116px;height:36px;border:1px solid #2e70ff;border-radius:2px;font-size:14px;color:#2e70ff}.open-ability-case-wrap .open-ability-case-card .ability-case-info .ability-case-entrance .learn-customer-case[data-v-40bbacf2]:hover{background:rgba(47,114,255,.06)}.fade-enter-active[data-v-40bbacf2]{-webkit-transition:opacity .2s;transition:opacity .2s}.fade-leave-active[data-v-40bbacf2]{-webkit-transition:opacity 0s;transition:opacity 0s}.fade-enter[data-v-40bbacf2],.fade-leave-to[data-v-40bbacf2]{opacity:0}