.header[data-v-45f39a78]{font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#333;border-left:4px solid #1890ff;padding-left:10px;margin-bottom:30px}.title[data-v-45f39a78]{display:flex;align-items:center;margin-bottom:20px}.title .title-name[data-v-45f39a78]{font-size:16px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color:#333;margin-right:10px}.title .title-icon[data-v-45f39a78]{width:20px;height:20px;display:inline-block;vertical-align:top;cursor:pointer}.button[data-v-45f39a78]{margin-bottom:20px}.demo[data-v-45f39a78]{width:1594px;height:811px;background:#fafafa;border:1px solid #d9d9d9;margin:0 auto;display:flex;justify-content:center;align-items:center}.demoA[data-v-45f39a78]{width:1248px;height:702px}.demoA .demoA-header[data-v-45f39a78]{background:url(../img/demoA_headerBg.ceafce8f.png) no-repeat;background-size:100% 100%;text-align:center;height:88px;width:100%;font-size:23px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#83c1ff;line-height:60px;letter-spacing:3px;position:relative}.demoA .demoA-header .demoA-header-button[data-v-45f39a78]{position:absolute;top:36px;left:20px}.demoA .demoA-content[data-v-45f39a78]{width:100%;height:451px;display:flex;padding:0 26px;justify-content:space-between;align-items:center;margin-top:38px}.demoA .demoA-content #demoA-content-left[data-v-45f39a78]{width:184px;height:451px;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;flex-direction:column-reverse;flex-wrap:wrap-reverse;padding:24px;box-sizing:border-box}.demoA .demoA-content #demoA-content-left .demoA-content-left-item[data-v-45f39a78]{text-align:center;cursor:pointer;width:62px;height:70px;margin-bottom:20px}.demoA .demoA-content #demoA-content-left .demoA-content-left-item .demoA-content-left-item-icon[data-v-45f39a78]{width:30px;height:28px;display:inline-block;vertical-align:top}.demoA .demoA-content #demoA-content-left .demoA-content-left-item .demoA-content-left-item-del[data-v-45f39a78]{position:absolute;width:24px;height:24px;right:0;top:0;display:inline-block;vertical-align:top}.demoA .demoA-content #demoA-content-left .demoA-content-left-item .demoA-content-left-item-del[data-v-45f39a78]:hover{transform:scale(1.2)}.demoA .demoA-content #demoA-content-left .demoA-content-left-item .demoA-content-left-item-name[data-v-45f39a78]{font-size:13px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#aeedff}.demoA .demoA-content #demoA-content-center[data-v-45f39a78]{width:730px;height:408px;display:flex;justify-content:space-around;align-items:center}.demoA .demoA-content #demoA-content-center .demoA-content-center-item .demoA-content-center-item-bg[data-v-45f39a78]{background:url(../img/demoA_centerBg.9062aa57.png) no-repeat;width:202px;height:368px;position:relative}.demoA .demoA-content #demoA-content-center .demoA-content-center-item .demoA-content-center-item-bg .demoA-content-center-item-del[data-v-45f39a78]{width:24px;height:24px;display:inline-block;vertical-align:top;position:absolute;top:-8px;right:-8px;cursor:pointer}.demoA .demoA-content #demoA-content-center .demoA-content-center-item .demoA-content-center-item-bg .demoA-content-center-item-del[data-v-45f39a78]:hover{transform:scale(1.2)}.demoA .demoA-content #demoA-content-center .demoA-content-center-item .demoA-content-center-item-bg .demoA-content-center-item-img[data-v-45f39a78]{width:36px;height:36px;display:inline-block;vertical-align:top;position:absolute;top:115px;left:84px}.demoA .demoA-content #demoA-content-center .demoA-content-center-item .demoA-content-center-item-bg .demoA-content-center-item-name[data-v-45f39a78]{width:160px;font-size:16px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#00f6f1;text-shadow:0 1px 3px rgba(0,0,0,.5);margin:0 auto;text-align:center;padding-top:216px}.demoA .demoA-content #demoA-content-right[data-v-45f39a78]{width:184px;height:451px;display:flex;justify-content:center;padding:18px;flex-wrap:wrap;box-sizing:border-box;flex-direction:column}.demoA .demoA-content #demoA-content-right .demoA-content-right-item[data-v-45f39a78]{margin-bottom:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.demoA .demoA-content #demoA-content-right .demoA-content-right-item .demoA-content-right-item-icon[data-v-45f39a78]{width:30px;height:28px;display:inline-block;vertical-align:top}.demoA .demoA-content #demoA-content-right .demoA-content-right-item .demoA-content-right-item-del[data-v-45f39a78]{position:absolute;width:24px;height:24px;right:0;top:0;display:inline-block;vertical-align:top}.demoA .demoA-content #demoA-content-right .demoA-content-right-item .demoA-content-right-item-del[data-v-45f39a78]:hover{transform:scale(1.2)}.demoA .demoA-content #demoA-content-right .demoA-content-right-item .demoA-content-right-item-name[data-v-45f39a78]{font-size:13px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#aeedff}.demoB[data-v-45f39a78]{width:1256px;height:711px}.demoB .demoB-header[data-v-45f39a78]{background:url(../img/demoB_headerBg.67ef2361.png) no-repeat;background-size:100% 100%;text-align:center;height:88px;width:100%;font-size:23px;font-family:ZhenyanGB-Regular,ZhenyanGB;font-weight:400;color:#fff;line-height:60px;letter-spacing:4px;text-shadow:0 1px 4px #0c93a7;position:relative}.demoB .demoB-header .demoB-header-button[data-v-45f39a78]{position:absolute;top:36px;left:20px}.demoB .demoB-content #demoB-content-top[data-v-45f39a78]{width:519px;height:153px;margin:0 auto;margin-bottom:20px;display:flex;justify-content:space-around;align-items:center;text-align:center}.demoB .demoB-content #demoB-content-top .demoB-content-top-item[data-v-45f39a78]{position:relative;background:url(../img/demoB_topBg1.19378507.png) no-repeat;width:108px;height:108px;display:flex;justify-content:center;align-items:center}.demoB .demoB-content #demoB-content-top .demoB-content-top-item .demoB-content-top-item-del[data-v-45f39a78]{position:absolute;width:24px;height:24px;right:0;top:10px;display:inline-block;vertical-align:top;cursor:pointer}.demoB .demoB-content #demoB-content-top .demoB-content-top-item .demoB-content-top-item-del[data-v-45f39a78]:hover{transform:scale(1.1)}.demoB .demoB-content #demoB-content-top .demoB-content-top-item-img[data-v-45f39a78]{width:44px;height:44px;display:inline-block;vertical-align:top}.demoB .demoB-content #demoB-content-top .demoB-content-top-item-name[data-v-45f39a78]{font-size:16px;font-family:REEJI-ZhenyanGB2 0-Regular,REEJI-ZhenyanGB20;font-weight:400;color:#fff;letter-spacing:3px;text-shadow:0 1px 4px #0c93a7}.demoB .demoB-content .demoB-content-bottom[data-v-45f39a78]{display:flex;justify-content:space-between;padding:0;align-items:center;width:100%;height:378px}.demoB .demoB-content .demoB-content-bottom .demoB-content-bottom-icon[data-v-45f39a78]{width:144px;height:424px;display:inline-block;vertical-align:top}.demoB .demoB-content .demoB-content-bottom #demoB-content-bottom-1[data-v-45f39a78],.demoB .demoB-content .demoB-content-bottom #demoB-content-bottom-2[data-v-45f39a78]{width:1008px;height:378px;display:flex;justify-content:space-around;padding:30px;flex-wrap:wrap}.demoB .demoB-content .demoB-content-bottom .demoB-content-bottom-item[data-v-45f39a78]{background:url(../img/demoB_bottomBg.15a1f193.png) no-repeat;width:208px;height:160px;position:relative}.demoB .demoB-content .demoB-content-bottom .demoB-content-bottom-item .demoB-content-bottom-item-img[data-v-45f39a78]{position:absolute;width:52px;height:52px;display:inline-block;vertical-align:top;top:40%;left:50%;transform:translate(-50%,-50%)}.demoB .demoB-content .demoB-content-bottom .demoB-content-bottom-item .demoB-content-bottom-item-name[data-v-45f39a78]{font-size:16px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#fff;letter-spacing:3px;text-shadow:0 1px 4px #0c93a7;text-align:center;width:160px;margin:0 auto;padding-top:120px}.demoB .demoB-tab[data-v-45f39a78]{width:124px;height:5px;margin:0 auto;margin-top:20px;display:flex;cursor:pointer}.demoB .demoB-tab .demoB-tab-item[data-v-45f39a78]{width:62px;height:5px;background:hsla(0,0%,100%,.22)}.demoB .demoB-tab .demoB-tab-item[data-v-45f39a78]:hover{transform:scale(1.1)}.demoB .demoB-tab .demoB-tab-current[data-v-45f39a78]{background:#e5ffff;box-shadow:0 0 3px 0 rgba(15,190,202,.72)}.demoA-content-iconBg[data-v-45f39a78]{background:url(data:image/png;base64,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) no-repeat;width:62px;height:70px;display:flex;align-items:center;justify-content:center;position:relative}.demoB-defalutBg[data-v-45f39a78]{background:url(../img/demoB_bg.4157cf30.png) no-repeat;background-size:100% 100%}.demoA-defalutBg[data-v-45f39a78]{background:url(../img/demoA_bg.f08a9ed8.png) no-repeat;background-size:100% 100%}