.demo-list[data-v-b71df990]{background-color:#f7f7f7;border:1px solid #ddd;border-radius:6px;display:flex;flex-wrap:wrap;font-size:16px;gap:10%;margin:50px auto;padding:0 20px}.demo-list .item[data-v-b71df990]{padding-left:28px;position:relative;white-space:nowrap}.demo-list .item .icon[data-v-b71df990]{display:block;left:0;margin-top:-10px;position:absolute;top:50%;width:20px}.demo-list .item .text[data-v-b71df990]{cursor:pointer;display:block;line-height:30px;margin:20px auto}.demo-list .item .text[data-v-b71df990]:hover{color:var(--primary-color)}.box-wrap[data-v-b71df990]{display:flex;margin:50px auto;min-height:600px}.left-menu[data-v-b71df990]{background-color:#f7f7f7;border-radius:6px;flex-shrink:0;overflow:hidden;width:195px}.left-menu .item[data-v-b71df990]{line-height:48px;margin:0 auto 8px;position:relative}.left-menu .item.is-expand[data-v-b71df990]:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAVVJREFUaEPt2eFtAjEMBeD3NimblE3KJNBJ2k3KJrCJW0uHdFU5IRL7uXdK/nJH8tmx5FyIjQxuxIEB+W+ZHBkZGUmKQMjWMrM3AB8AzgAOJK9J61382yjIBcDLNEsJJgpy/EGcZuGSY0IgDjAz31q+xW5DigmDVGNCIZWYcEgVJgVSgUmDqDGpECUmHaLCSCAKjAySjZFCMjFyyALmRPK9p2MugSxg9iS9P2saZZAJM2//P0kemhRA7VeU2YHM138muV8r5BXA17T4K8ndWiGOcIyProIvqxEzmyMcsr5iv4PoKnSPgjwjdxBdRX6rKSkkCyHNSCZCBslGSCAKRDpEhUiFKBFpEDUiBVKBCIdUIUIhlYgwiJn9uVboOVu0tPIhLYqZ/broUSOiM+J3I94ANh9XWzJR0jT2LPTRuyFb69Ekit8HRBHlZ+YYGXkmWopnN5ORb/cFwjPF9+msAAAAAElFTkSuQmCC) no-repeat;background-size:100% auto;content:"";display:block;height:20px;position:absolute;right:5px;top:14px;width:20px;z-index:1}.left-menu .item.is-expand .item-title[data-v-b71df990]{background-color:var(--primary-color);color:#fff}.left-menu .item.is-expand .item-title .ico01[data-v-b71df990]{display:none}.left-menu .item.is-expand .item-title .ico02[data-v-b71df990]{display:inline-block}.left-menu .item .item-title[data-v-b71df990]{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-bottom:8px;position:relative}.left-menu .item .item-title[data-v-b71df990]:hover{background-color:var(--primary-color);color:#fff}.left-menu .item .item-title:hover .ico01[data-v-b71df990]{display:none}.left-menu .item .item-title:hover .ico02[data-v-b71df990]{display:inline-block}.left-menu .item .item-title .label[data-v-b71df990]{display:inline-block;min-width:80px}.left-menu .item .item-title .icon[data-v-b71df990]{display:inline-block;height:20px;margin-right:5px;width:20px}.left-menu .item .item-title .ico01[data-v-b71df990]{display:inline-block}.left-menu .item .item-title .ico02[data-v-b71df990]{display:none}.right-content[data-v-b71df990]{flex:1;margin-left:5px}.video-list[data-v-b71df990]{display:flex;flex-wrap:wrap;margin:0 auto}.video-list .item[data-v-b71df990]{margin-bottom:10px;width:25%}.video-list .item .source-box[data-v-b71df990]{border-radius:6px;margin-left:20px;overflow:hidden;position:relative}.video-list .item .source-box:hover .source[data-v-b71df990]{transform:scale(1.2)}.video-list .item .source-box .source[data-v-b71df990]{display:block;transition:transform .3s;width:100%}.video-list .item .source-box .icon-play[data-v-b71df990]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAA5hJREFUaEPdWs1yGjEMloEHIW8Ct07oNcz0lPAkCU9ScuoMuZZMb908SfZBsrjVmmX9I1v+2U2hO5MJwxpZnz5JlmwL+E8eMQqOLz/mrdzZbA5HqT5PRN3+/3lXjTHnMEBQ8cnsHoRcAAD+cQ+CqkDCG7yud9zgmPdlQG5fHkHIBwBQVs97EFQNEp5LQOUB+fqyACm/MwCUK6GS6kGwHOAahNjkuF8aEHSh6RQBUO5TgxQ7mMBbUBGUgbEj5f1JDgVuB02zhV/fOiOwXMcDUSz8diRK8QTHj+eUSQ0ZyjiPf5lDF9WfGppmGSs3DoiKhSdrogqaZhM7EWtSmm3F8uvdlvs9D2S1RxZ0V8r2Y06Z9j1lNGSdARMG4gpNojtKcWqQYgcN2MUPazw/EDcmKjisl9nKpf6QAhOIGRqIEvKuzV3DYX2Tqkvx+AQ9aCB2XAixzMntxUBQgOsZOzisN7ZsF8jt/gEE4Fqhnn8JotPBjFUyXlwgqz26VBdkJPpBLJ0ixE3Njl4mEJuNprkZbJ1IUZway3iKCeQS2dBBmbFrsGIDkeff5bKBlsPn2FSDs2kGvpFJeyA2dYc1v+pTLtBbbdgSBuey07GWiHplA7QlubedukuLSntyXb5WuuhAercqSblubYaqsCVGtLFMzzlXGzSQXLdCbWggnZ7JfYYD0BMnCoi9eo4HROklYZPd1ppxcg54BcSkq6yuCjOiGzgvGdgBf8quFJCyKjceSD47q70Tz9cPxGAksNBEZ5NuYDwj+ZlMZ8QA4gmgZBB81jq5E9+6eue2Y+SUmJRreV6OAKQCIbZFvU0w/SpLjrkglqVc3aIRC2K/WxKxa+Fly42RvDTrm8BTSvmKxvy1pJ8oP5hDPk0EOg7vgQQqy6RYUW3pnOqrk+RQgwMVut2P6Jtxl9Hm6oCiGyu7VMncGS+2fAwbVoVuMuI2+WXlypCImDbc7QLtSrikNxkKiL11S7ThMRt0n7Pf6wOdvUFHrfTY4V3llqnbo+A3nxsv1HlJwM0v81iBOh1jYpXf8qHOSCRss1tVLgHYix6Oj2iNeSCtm5FHb+UbCToo30FrZNaMA0LHDH4bd5IbYiF0GJqwIMcD6bNZ+fE0ylI3JewD1g5ycmJJA9JNo/wYj5RDFwAu+MKA7dNp909CDoZXOIoSSB4jtkrtpZrpAgR0txm43HS6fyIq7tiZE9S9HwYIBQy/u7prTrFmG3HcH21yMFF9fe2+AAAAAElFTkSuQmCC) no-repeat 50%;background-color:#fff;background-size:43px auto;border-radius:50%;content:"";cursor:pointer;display:block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}.video-list .item .title[data-v-b71df990]{font-size:16px;height:50x;line-height:25px;margin:5px auto;padding:0 20px;text-align:center}@media screen and (max-width:820px){.left-menu[data-v-b71df990]{width:150px}.video-list .item[data-v-b71df990]{width:33.33%}}@media screen and (max-width:430px){.left-menu[data-v-b71df990]{position:sticky;top:50px;width:130px}.video-list .item[data-v-b71df990]{width:100%}}