.user-example .heade[data-v-f1b5ce30]{height:280px;position:relative;width:100%}.user-example .heade .banner[data-v-f1b5ce30]{position:absolute;top:0;left:0;display:flex;justify-content:center;height:100%;margin:0 auto}.user-example .heade .banner img[data-v-f1b5ce30]{width:100%;height:100%}.user-example .heade .content[data-v-f1b5ce30]{position:absolute;width:1200px;margin:0 auto;top:90px;left:0;bottom:0;right:0;z-index:6}.user-example .heade .content p[data-v-f1b5ce30]{color:#fff;text-align:center}.user-example .heade .nav[data-v-f1b5ce30]{position:absolute;z-index:9;bottom:-50px;left:50%;width:1200px;height:100px;transform:translateX(-50%);background:#fff;display:flex;align-items:center;border-radius:5px;overflow:hidden;box-shadow:0 3px 10px 0 #e8ecf0}.user-example .heade .nav .item-nav[data-v-f1b5ce30]{flex:1;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.user-example .heade .nav .item-nav span[data-v-f1b5ce30]{padding:40px 0 20px 0;cursor:pointer;color:#495f75}.user-example .heade .nav .item-nav .line[data-v-f1b5ce30]{width:30px;background:#fff;height:2px;transition:all .25s ease}.user-example .heade .nav .item-nav:hover .line[data-v-f1b5ce30]{background:#3c80f1}.user-example .heade .nav .item-nav:hover span[data-v-f1b5ce30]{color:#3c80f1}.user-example .content[data-v-f1b5ce30]{padding:34px 0;margin-bottom:110px}.user-example .content .item[data-v-f1b5ce30]{width:1200px;margin:0 auto;margin-top:120px}.user-example .content .item .item-title[data-v-f1b5ce30]{text-align:center;font-size:28px;font-weight:400;color:#495f75}.user-example .content .item .title-desc[data-v-f1b5ce30]{text-align:center;font-size:16px;line-height:24px;font-weight:400;max-width:725px;color:#495f75;margin:0 auto;margin-top:50px;margin-bottom:60px}.user-example .content .item .item-list-log[data-v-f1b5ce30]{display:flex;width:100%}.user-example .content .item .item-list-log img[data-v-f1b5ce30]{margin-right:20px}