.frame-page{display:flex;overflow:hidden;height:100%}.frame-page .flex{display:flex;align-items:center}.frame-page .flex-col{display:flex;align-items:center;flex-direction:column}.frame-page .skeleton-txt{background:#f2f2f2;width:56px;height:16px;border-radius:4px}.frame-page .skeleton-icon{width:20px;height:20px;background:#f2f2f2;border-radius:4px;border-radius:50%}.frame-page .skeleton-btn{border-radius:4px;width:88px;height:38px;background:#f2f2f2;margin-right:20px;display:flex;align-items:center;padding:0 9px}.frame-page .skeleton-btn .skeleton-icon{background:#e4e5e6;margin-right:6px}.frame-page .skeleton-btn .skeleton-txt{background:#e4e5e6;width:42px;height:16px}.frame-page .left-side{width:60px;background:#111638;height:100%;text-align:center}.frame-page .left-side .left_avatar{width:42px;height:42px;background:#e4e5e6;border-radius:50%;margin:20px auto 10px auto}.frame-page .left-side .skeleton-txt{background:#e4e5e6;width:32px;height:10px;border-radius:2px}.frame-page .left-side .skeleton-icon{background:#e4e5e6;margin-bottom:10px}.frame-page .left-side .left-side-content{display:flex;justify-content:space-between;flex-direction:column;width:60px;height:100%;padding-bottom:102px}.frame-page .left-side .left-top{margin-top:16px}.frame-page .left-side .left-top .skeleton-icon{width:18px;height:18px;border-radius:4px}.frame-page .left-side .left-bottom{display:flex;align-items:center;justify-content:center;flex-direction:column}.frame-page .left-top-item{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:8px auto;padding:7px;width:54px;height:58px}.frame-page .left-top-item.active{width:54px;height:58px;background:rgba(255,255,255,.7);border-radius:5px}.frame-page .left-side .left-bottom .skeleton-icon{width:24px;height:24px;margin-bottom:28px}.frame-page .content{width:calc(100vw - 60px);background:#f7f7f7}.frame-page .right-top{display:flex;align-items:center;justify-content:space-between;height:60px;background:#fff;padding-left:17px}.frame-page .right-top .right-top-left .skeleton-icon:first-child{margin-right:30px}.frame-page .right-top .right-top-left .skeleton-txt{width:48px;margin-left:5px}.frame-page .right-top-left{display:flex;align-items:center}.frame-page .right-top-right{display:flex;align-items:center}.frame-page .right-top-right .skeleton-txt{width:42px}.frame-page .right-top-right .top-icon{margin-right:20px}.frame-page .right-wrap{padding:25px}.frame-page .right-guide{position:relative;background:#fff;height:180px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.frame-page .guide-item{width:25%;display:flex;align-items:center;flex-direction:column}.frame-page .guide-item-content{display:flex}.frame-page .guide-item:first-child .guide-item-content .skeleton-txt{width:56px}.frame-page .guide-item:nth-child(2) .guide-item-content .skeleton-txt{width:85px}.frame-page .guide-item:nth-child(3) .guide-item-content .skeleton-txt{width:138px}.frame-page .guide-item:nth-child(4) .guide-item-content .skeleton-txt{width:90px}.frame-page .guide-item-pic{width:76px;height:76px;border-radius:6px;background:#f2f2f2;margin-bottom:15px}.frame-page .guide-item-dot{margin-right:4px}.frame-page .right-content{gap:10px;display:flex;justify-content:space-between}.frame-page .right-content-left{width:19.12%;min-width:150px}.frame-page .right-content-right{width:80.88%;min-width:600px;display:flex;flex-direction:column;gap:10px}.frame-page .right-left-box{display:flex;flex-direction:column;background:#fff;border-radius:6px;height:150px;padding:20px 20px 0 20px;margin-bottom:10px}.frame-page .right-left-box .flex .skeleton-txt{width:40px;height:14px;margin-left:12px}.frame-page .right-left-box .box-content .skeleton-txt:last-child{width:28px;margin-left:8px}.frame-page .box-title{background:#f2f2f2;width:64px;height:19px;border-radius:4px}.frame-page .box-content{display:flex;align-items:center;justify-content:center;height:100%}.frame-page .right-todo{height:170px;display:flex;background:#fff;border-radius:6px}.frame-page .todo-left{width:32%;padding:20px;justify-content:center}.frame-page .todo-left .skeleton-icon{width:48px;height:48px;margin-right:40px}.frame-page .todo-left .skeleton-txt{width:72px;height:24px}.frame-page .todo-right{width:68%;display:flex;justify-content:space-around;padding:20px 20px 20px 16px;align-items:center}.frame-page .todo-right .todo-item .skeleton-icon{width:32px;height:32px;margin-bottom:16px;border-radius:6px}.frame-page .todo-right .todo-item .skeleton-txt{width:64px}.frame-page .right-myapp{height:209px;background:#fff;border-radius:6px;padding:20px 20px 0 20px;display:flex;flex-direction:column;justify-content:stretch}.frame-page .right-mychart{height:150px;background:#fff;border-radius:6px;padding:20px 20px 0 20px}.frame-page .right-mychart .skeleton-txt{width:40px;height:14px;margin-left:12px}.frame-page .right-mychart .box-content .skeleton-txt:last-child{width:28px;margin-left:8px}.frame-page .myapp-header{display:flex;align-items:center;justify-content:space-between}.frame-page .myapp-header .skeleton-icon{margin-left:7px}.frame-page .myapp-header .skeleton-btn{width:180px;height:36px;border-radius:36px;margin-right:15px}.frame-page .myapp-header .skeleton-btn .skeleton-txt{width:84px}.frame-page .myapp-header .myapp-btn{width:120px;height:32px;border-radius:32px}.frame-page .myapp-item{width:157px;height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column}.frame-page .myapp-item .skeleton-icon{width:30px;height:30px;border-radius:6px}.frame-page .myapp-item .skeleton-txt{width:76px;margin-top:12px}.frame-page .right-myapp .box-content{justify-content:flex-start;padding:13px 20px 9px 20px}