.pis-item{-webkit-transition:-webkit-box-flex .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-box-flex .3s cubic-bezier(.645,.045,.355,1);transition:flex .3s cubic-bezier(.645,.045,.355,1);transition:flex .3s cubic-bezier(.645,.045,.355,1),-webkit-box-flex .3s cubic-bezier(.645,.045,.355,1),-ms-flex .3s cubic-bezier(.645,.045,.355,1);will-change:flex;-webkit-box-flex:0;background-color:#f5f7fa;border-radius:8px;-ms-flex:0 0 128px;flex:0 0 128px;height:488px;overflow:hidden;position:relative}.pis-item.active{-webkit-box-flex:1;-ms-flex:1;flex:1}.pis-item.active .pis-item__title{background:#4caf4f;color:#fff}.pis-item.active .pis-item__box{opacity:1}.pis-item:not(:last-child){margin-right:20px}.pis-item__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);transition:background-color .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);width:128px;will-change:background-color,color;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:#4caf4f;cursor:pointer;height:100%;justify-content:center}.pis-item__title h1{font-size:24px;margin:0;width:24px;word-wrap:break-word;line-height:1.5;text-align:center}.pis-item__box{height:100%;left:128px;opacity:0;padding:48px;position:absolute;top:0;width:calc(100% - 128px)}.pis-item__summary{margin-bottom:32px}.pis-item__summary h1,.pis-item__summary p{margin:0}.pis-item__summary h1{color:#4caf4f;font-size:24px;line-height:24px;margin-bottom:16px}.pis-item__summary p{display:-webkit-box;height:56px!important;line-height:28px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.pis-item-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-16px}
.pis-card{padding:16px;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.pis-card__link{background:#fff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 24px;-webkit-transition:border-color .3s cubic-bezier(.645,.045,.355,1),background-color .3s cubic-bezier(.645,.045,.355,1),-webkit-box-shadow .3s cubic-bezier(.645,.045,.355,1);transition:border-color .3s cubic-bezier(.645,.045,.355,1),background-color .3s cubic-bezier(.645,.045,.355,1),-webkit-box-shadow .3s cubic-bezier(.645,.045,.355,1);transition:border-color .3s cubic-bezier(.645,.045,.355,1),background-color .3s cubic-bezier(.645,.045,.355,1),box-shadow .3s cubic-bezier(.645,.045,.355,1);transition:border-color .3s cubic-bezier(.645,.045,.355,1),background-color .3s cubic-bezier(.645,.045,.355,1),box-shadow .3s cubic-bezier(.645,.045,.355,1),-webkit-box-shadow .3s cubic-bezier(.645,.045,.355,1);will-change:border-color,background-color,box-shadow;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #fff}.pis-card__link img{height:72px}.pis-card__link h1{color:#2f322d;font-size:18px;line-height:26px;margin:0;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);will-change:color}.pis-card__link p{color:#8b8c8f;font-size:9px;line-height:20px;margin:0}.pis-card__link .iconfont{color:#4caf4f;font-size:24px;opacity:0;position:absolute;right:0;top:0;-webkit-transform:translateX(50px);transform:translateX(50px);-webkit-transition:opacity .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:opacity .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);will-change:transform,opacity}.pis-card__link--active,.pis-card__link:hover{background:#fff;border-color:#4caf4f;-webkit-box-shadow:0 16px 32px 0 hsla(120,6%,70%,.2);box-shadow:0 16px 32px 0 hsla(120,6%,70%,.2)}.pis-card__link--active h1,.pis-card__link:hover h1{color:#4caf4f}.pis-card__link--active .iconfont,.pis-card__link:hover .iconfont{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.pis-card__info{padding-left:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;position:relative}.pis-card-popover{padding:16px;-webkit-box-flex:0;cursor:pointer;-ms-flex:0 0 50%;flex:0 0 50%}.pis-card-popover .pis-card{padding:0}.pis-card-popover__content{border-radius:8px!important;padding:0 16px!important;width:240px}.pis-card-popover__list a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);will-change:color;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#2f322d;padding:16px 0}.pis-card-popover__list a:not(:last-child){border-bottom:1px solid #ddd}.pis-card-popover__list a img{height:36px}.pis-card-popover__list a span{font-weight:700;line-height:24px;padding-left:8px;-webkit-box-flex:1;-ms-flex:1;flex:1}.pis-card-popover__list a .iconfont,.pis-card-popover__list a:hover{color:#4caf4f}