.kpi-question-view{display:flex;flex-wrap:wrap;justify-content:center}.kpi-question-view .view-item{position:relative;display:flex;flex-direction:column;align-items:center;width:10.34rem;border-radius:.3871rem;padding:0 .75rem 1.56rem;flex-shrink:0}.kpi-question-view .view-item:nth-child(2n){margin-left:.75rem}.kpi-question-view .view-item .view-item-img{margin-bottom:.66rem;width:2.45rem}.kpi-question-view .view-item .view-item-title{font-size:.75rem;font-weight:400}.kpi-question-view .view-item .view-item-desc{font-size:.56rem;color:rgba(26,31,38,.6);margin-top:.5rem;text-align:center;line-height:.81rem}.kpi-question-view .view-item:nth-child(3),.kpi-question-view .view-item:nth-child(4){padding-bottom:0}.kpi-lib-view{display:flex;flex-direction:column}.kpi-lib-view .view-items{display:flex;align-items:center;justify-content:center;overflow-x:auto}.kpi-lib-view .view-items .view-item{text-align:center;width:6.69rem;flex-shrink:0}.kpi-lib-view .view-items .view-item-num{font-weight:600;font-size:.9rem;color:#0271ef}.kpi-lib-view .view-items .view-item-title{font-weight:600;font-size:.55rem}.kpi-lib-view .view-demos{display:flex;flex-wrap:wrap;justify-content:center;margin-right:-.75rem;margin-bottom:-.75rem;margin-top:1.54839rem}.kpi-lib-view .view-demos .view-demo{position:relative;width:9.41rem;margin-right:.75rem;margin-bottom:.75rem}.kpi-lib-view .view-demos .view-demo .view-demo-main{width:100%;transform:rotateY(0deg);text-align:center;background:#fff;border-radius:.45161rem;transition:transform .6s ease;padding:.31rem .31rem .63rem;backface-visibility:hidden}.kpi-lib-view .view-demos .view-demo:hover .view-demo-main{transform:rotateY(180deg)}.kpi-lib-view .view-demos .view-demo:hover .view-demo-hover{transform:rotateY(0deg)}.kpi-lib-view .view-demos .view-demo-hover{transform:rotateY(-180deg);position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;box-shadow:0 0 .64516rem 0 rgba(94,150,204,.2);border-radius:.45161rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .6s ease;z-index:1;backface-visibility:hidden}.kpi-lib-view .view-demos .view-demo-hover .text{font-family:SourceHanSansCN;font-weight:400;font-size:.3871rem;color:rgba(26,31,38,.6)}.kpi-lib-view .view-demos .view-demo-hover .img{width:3.09677rem;margin-top:.25806rem}.kpi-lib-view .view-demos .view-demo-head{height:4.06452rem;background:rgba(2,113,239,.07);border-radius:.19355rem;padding:.77419rem .77419rem 0 .77419rem;backface-visibility:hidden}.kpi-lib-view .view-demos .view-demo-bars{padding-top:.64516rem}.kpi-lib-view .view-demos .view-demo-bars .bar{height:.45161rem;background:rgba(2,113,239,.15);border-radius:1px;opacity:.74}.kpi-lib-view .view-demos .view-demo-bars .bars{display:flex;margin-top:.45161rem}.kpi-lib-view .view-demos .view-demo-bars .bars .bar{height:.25806rem;border-radius:1px;flex:1;overflow:hidden;background:rgba(2,113,239,.15)}.kpi-lib-view .view-demos .view-demo-bars .bars .bar+.bar{margin-left:.96774rem;opacity:.4}.kpi-lib-view .view-demos .view-demo-title{font-weight:400;font-size:.56rem;color:#0271ef;opacity:.6}.kpi-lib-view .view-demos .view-demo-desc{font-weight:400;font-size:.5rem;margin-top:.78rem;backface-visibility:hidden}.kpi-lib-view .view-demos .view-demo--green .view-demo-head{background:rgba(8,183,91,.07)}.kpi-lib-view .view-demos .view-demo--green .view-demo-title{color:#08b75b}.kpi-lib-view .view-demos .view-demo--green .view-demo-bars .bar{background:rgba(8,183,91,.15)}.kpi-lib-view .view-demos .view-demo--purple .view-demo-head{background:rgba(2,80,239,.07)}.kpi-lib-view .view-demos .view-demo--purple .view-demo-title{color:#0250ef}.kpi-lib-view .view-demos .view-demo--purple .view-demo-bars .bar{background:rgba(2,80,239,.15)}.kpi-lib-view .view-demos .view-demo--orange .view-demo-head{background:rgba(239,106,2,.07)}.kpi-lib-view .view-demos .view-demo--orange .view-demo-title{color:#ef6a02}.kpi-lib-view .view-demos .view-demo--orange .view-demo-bars .bar{background:rgba(239,106,2,.15)}.kpi-lib-view .view-demos .view-demo--more .view-demo-head{padding-top:.93548rem}.kpi-lib-view .view-demos .view-demo--more .view-demo-head .iconfont{font-size:1.80645rem;color:#ddebfe}.kpi-lib-view .view-demos .view-demo--more .view-demo-desc{color:#0271ef}.kpi-lib-view .order-btns{display:flex;align-items:center;justify-content:center}.kpi-lib-view .order-btns .el-button{width:8.25rem;text-align:center}.kpi-use-val-view{display:flex;align-items:center;justify-content:center;flex-direction:column}.kpi-use-val-view .view-top-img{margin-bottom:1.5rem;width:12.44rem}.kpi-use-val-view .view-bottom{display:flex;flex-wrap:wrap;justify-content:center;margin-top:-.75rem;margin-left:-.75rem}.kpi-use-val-view .view-bottom .item{margin-top:.75rem;margin-left:.75rem;width:10.34rem;height:3.75rem;background:linear-gradient(270deg,hsla(0,0%,100%,.89),rgba(233,242,255,.9));border-radius:.38rem;padding:1rem 1.31rem 1rem 1.03rem;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.kpi-use-val-view .view-bottom .item:hover{background:linear-gradient(270deg,#05aaf8,#0271ef);color:#fff}.kpi-use-val-view .view-bottom .item:hover .item-desc{color:#fff}.kpi-use-val-view .view-bottom .item-title-box{display:flex;align-items:center}.kpi-use-val-view .view-bottom .item-title{font-weight:600;font-size:.69rem}.kpi-use-val-view .view-bottom .item-sec-title{position:relative;font-weight:400;font-size:.56rem;padding-left:.18rem}.kpi-use-val-view .view-bottom .item-sec-title .arrow{position:absolute;right:-.84rem;top:.12rem;width:.51rem}.kpi-use-val-view .view-bottom .item-desc{margin-top:.56rem;font-weight:400;font-size:.5rem;color:rgba(26,31,38,.6);white-space:nowrap;transition:all .3s ease}.kpi-value-view{display:flex;flex-direction:column;justify-content:center}.kpi-value-view .view-item{position:relative}.kpi-value-view .view-item .view-item-img{width:100%}.kpi-value-view .view-item+.view-item{margin-top:1.5rem}