.pro-flex-list[data-v-ab413d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pro-flex-list .pro[data-v-ab413d8a]{position:relative;width:19%;height:330px;margin-bottom:14px;padding:5px;background:#fff;-webkit-transition:all .25s linear;transition:all .25s linear;-webkit-box-sizing:border-box;box-sizing:border-box}.pro-flex-list .pro[data-v-ab413d8a]:nth-last-child(-n+4){margin-bottom:0}.pro-flex-list .pro.row-4[data-v-ab413d8a]{width:24%}.pro-flex-list .pro.not[data-v-ab413d8a]{background:#f5f5f5}.pro-flex-list .pro.active[data-v-ab413d8a]:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:1px 1px 20px #999;box-shadow:1px 1px 20px #999}.pro-flex-list .pro.active:hover .pro-handle-icon[data-v-ab413d8a]{display:block}.pro-flex-list .pro a[data-v-ab413d8a]{display:block;width:100%;height:100%;position:relative}.pro-flex-list .pro a .pro-img[data-v-ab413d8a]{width:220px;height:220px;margin:0 auto 10px}.pro-flex-list .pro a .pro-img img[data-v-ab413d8a]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pro-flex-list .pro a .title[data-v-ab413d8a]{margin:0 10px;font-size:13px;line-height:22px;font-weight:400;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:left;height:40px}.pro-flex-list .pro a .author-wrap[data-v-ab413d8a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:20px 10px 0}.pro-flex-list .pro a .desc[data-v-ab413d8a]{margin:0 10px 10px;height:18px;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#b0b0b0}.pro-flex-list .pro a .price[data-v-ab413d8a]{text-align:center;color:#ff7159;position:absolute;bottom:20px;left:0;width:100%}.pro-handle-icon[data-v-ab413d8a]{display:none;position:absolute;height:24px;top:14px;cursor:pointer;padding:3px 4px}.pro-handle-icon span[data-v-ab413d8a]{font-size:12px;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;color:#e7442f}.pro-handle-icon:hover span[data-v-ab413d8a]{opacity:1;font-weight:550}.pro-handle-icon .icon[data-v-ab413d8a]{font-size:18px;vertical-align:-1px;margin-right:3px;color:#e7442f}.pro-handle-icon.pro-collet-icon[data-v-ab413d8a]{left:10px}.pro-handle-icon.pro-addcart-icon[data-v-ab413d8a]{right:10px}.wrapper[data-v-cb7bfdf6]{-ms-flex-pack:justify;-ms-flex-line-pack:justify;align-content:space-between;height:688px;overflow:hidden}.wrapper .l[data-v-cb7bfdf6],.wrapper[data-v-cb7bfdf6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between}.wrapper .l[data-v-cb7bfdf6]{width:234px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;margin-bottom:14px;margin-right:14px}.wrapper .l li.one[data-v-cb7bfdf6]{height:100%}.wrapper .l li.two[data-v-cb7bfdf6]{height:330px}.wrapper .l li a[data-v-cb7bfdf6]{display:block;width:234px;height:100%;-webkit-transition:all .25s;transition:all .25s}.wrapper .l li a[data-v-cb7bfdf6]:hover{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:1px 1px 20px #999;box-shadow:1px 1px 20px #999}.wrapper .l li a img[data-v-cb7bfdf6]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wrapper .r[data-v-cb7bfdf6]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.nav-wrap[data-v-7fdf19a6]{width:100%;position:relative;height:650px}.nav-wrap .banner-list[data-v-7fdf19a6]{position:absolute;top:0;left:0;right:0;width:100%;height:650px;z-index:10;overflow:hidden}.nav-wrap .banner-list img[data-v-7fdf19a6]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.class-list[data-v-46e0cf08]{background:#fff;width:1226px;margin:20px auto 0;padding:30px;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.class-title[data-v-46e0cf08]{color:#333;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.class-title span[data-v-46e0cf08]{display:inline-block;width:6px;height:38px;background:#ff6d6d;border-radius:4px;margin-right:7px}.class-item-wrap[data-v-46e0cf08],.class-title .title-wrap[data-v-46e0cf08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.class-item-wrap[data-v-46e0cf08]{-ms-flex-wrap:wrap;flex-wrap:wrap}.class-item-wrap .class-item[data-v-46e0cf08]{width:220px;margin-top:20px;margin-bottom:10px;margin-left:16px;padding:10px;cursor:pointer;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.class-item-wrap .class-item[data-v-46e0cf08]:hover{-webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);box-shadow:0 15px 20px rgba(0,0,0,.1)}.class-item-wrap .class-item .vip[data-v-46e0cf08]{position:absolute;right:10px;top:10px;width:50px;height:26px}.class-item-wrap .class-item[data-v-46e0cf08]:first-child,.class-item-wrap .class-item[data-v-46e0cf08]:nth-child(6n){margin-left:0}.class-item-wrap .class-item .videp-cover[data-v-46e0cf08]{width:200px;height:121px;border-radius:10px}.class-item-wrap .class-item .title[data-v-46e0cf08]{height:38px;margin:10px 0;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.class-item-wrap .class-item .bot[data-v-46e0cf08]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}