.userinfo-page[data-v-2b80ed12]{min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box}.userinfo-page .content-box[data-v-2b80ed12]{padding-top:30px}.userinfo-box[data-v-2b80ed12]{padding:27px 0 35px 0;width:371px;text-align:center;background-image:url(../../static/img/topbg.31e5630b.png);background-repeat:no-repeat;background-size:100% 100%;border-radius:12px}.userinfo-box .user-avatar[data-v-2b80ed12]{width:104px;height:104px;border-radius:50%;margin-bottom:24px}.userinfo-box .username[data-v-2b80ed12]{margin-bottom:13px;font-weight:500;font-size:18px;color:#fff}.userinfo-box .subinfo[data-v-2b80ed12]{font-size:16px;color:hsla(0,0%,100%,.6)}.userinfo-box .subinfo+.subinfo[data-v-2b80ed12]{margin-top:6px}.userinfo-box .userinfo-btn[data-v-2b80ed12]{margin:39px auto 0 auto;width:158px;height:40px;line-height:40px;font-size:12px;color:#fff;border-radius:17px;-webkit-box-shadow:inset 0 0 12px 0 #9d99f4;box-shadow:inset 0 0 12px 0 #9d99f4;-o-border-image:linear-gradient(130deg,#a9a5ff,#9c89ff,#bfa7f9) 1 1;border-image:linear-gradient(130deg,#a9a5ff,#9c89ff,#bfa7f9) 1 1;cursor:pointer}.right-box[data-v-2b80ed12]{margin-left:18px}.right-box .right-item[data-v-2b80ed12]{padding:23px;background:linear-gradient(181deg,#454083,#2d2458),radial-gradient(21% 49% at 1% 0,#55499e 0,rgba(48,38,88,0) 100%);border-radius:20px}.right-box .right-item+.right-item[data-v-2b80ed12]{margin-top:20px}.right-box .right-item.top[data-v-2b80ed12]{position:relative}.right-box .right-item.top .top-bg[data-v-2b80ed12]{position:absolute;top:0;right:0;width:45%;height:auto}.right-box .right-item.top .top-content[data-v-2b80ed12]{position:relative;z-index:1}.right-box .right-item .item-title[data-v-2b80ed12]{margin-bottom:19px;font-weight:500;font-size:24px;color:#fff}.right-box .right-item .item-title .title-icon[data-v-2b80ed12]{width:30px;height:25px;margin-right:9px}.item-row[data-v-2b80ed12]{padding-left:30px;padding-right:38px;height:104px;background:#2c2652;border-radius:12px;cursor:pointer}.item-row+.item-row[data-v-2b80ed12]{margin-top:19px}.item-row.ml[data-v-2b80ed12]{margin-top:0;margin-left:23px}.item-row .row-pre[data-v-2b80ed12]{margin-right:22px;width:37px;height:37px;-o-object-fit:contain;object-fit:contain}.item-row .row-info .row-title[data-v-2b80ed12]{margin-bottom:8px;font-weight:600;font-size:19px;color:#fff}.item-row .row-info .row-subtitle[data-v-2b80ed12]{font-size:15px;color:hsla(0,0%,100%,.95)}.item-row .row-suffix[data-v-2b80ed12]{width:23px;height:23px}.top .item-row[data-v-2b80ed12]{padding-left:18px}.top .item-row .row-pre[data-v-2b80ed12]{margin-right:18px;width:65px;height:65px}.top .item-row .row-title[data-v-2b80ed12]{margin-bottom:6px;font-weight:600;font-size:26px;color:#fff}.top .item-row .row-subtitle[data-v-2b80ed12]{font-size:18px;color:hsla(0,0%,100%,.95)}.bg_color[data-v-2b80ed12]{background:rgba(44,38,82,.6)}@media(max-width:768px){.userinfo-page[data-v-2b80ed12]{background-size:100% auto,0 0;background-position:top,0 0;background:-webkit-gradient(linear,left top,left bottom,from(#fbedd7),color-stop(55%,#fff),to(#fff));background:linear-gradient(180deg,#fbedd7,#fff 55%,#fff);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);overflow-x:hidden;width:100%}.userinfo-page .content-box[data-v-2b80ed12]{padding:15px 15px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.userinfo-box[data-v-2b80ed12]{width:100%;margin:0 auto 15px;padding:15px;border-radius:10px;background-image:-webkit-gradient(linear,left top,left bottom,from(#fbedd7),color-stop(55%,#fff),to(#fff));background-image:linear-gradient(180deg,#fbedd7,#fff 55%,#fff);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);-webkit-box-sizing:border-box;box-sizing:border-box}.userinfo-box .user-avatar[data-v-2b80ed12]{width:70px;height:70px;margin-bottom:12px}.userinfo-box .username[data-v-2b80ed12]{margin-bottom:6px;font-size:16px;font-weight:500}.userinfo-box .subinfo[data-v-2b80ed12]{font-size:13px;color:#888}.userinfo-box .subinfo+.subinfo[data-v-2b80ed12]{margin-top:2px}.userinfo-box .userinfo-btn[data-v-2b80ed12]{margin-top:15px;width:120px;height:32px;line-height:32px;font-size:12px;border-radius:16px}.right-box[data-v-2b80ed12]{margin-left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.right-box .right-item[data-v-2b80ed12]{padding:15px;border-radius:15px;background-image:-webkit-gradient(linear,left top,right top,from(#fbf5dd),to(#f8c9aa));background-image:linear-gradient(90deg,#fbf5dd,#f8c9aa);-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.07),inset 0 0 15px 2px #ffdea6;box-shadow:0 2px 14px 0 rgba(0,0,0,.07),inset 0 0 15px 2px #ffdea6;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.right-box .right-item+.right-item[data-v-2b80ed12]{margin-top:15px}.right-box .right-item.top[data-v-2b80ed12]{padding-bottom:10px}.right-box .right-item.top .top-bg[data-v-2b80ed12]{width:50%}.right-box .right-item.top .item-title[data-v-2b80ed12]{margin-bottom:12px;font-size:16px}.right-box .right-item.top .item-title .title-icon[data-v-2b80ed12]{width:20px;height:17px;margin-right:6px;vertical-align:middle}.right-box .right-item .item-title[data-v-2b80ed12]{margin-bottom:15px;font-size:18px}.right-box .right-item .item-title .title-icon[data-v-2b80ed12]{width:24px;height:20px;margin-right:6px}.top .flex[data-v-2b80ed12]{position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.top .flex .item-row.ml[data-v-2b80ed12],.top .flex .item-row[data-v-2b80ed12]{width:47%;height:90px;margin:0!important;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);position:relative;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}.top .flex .item-row.ml .row-pre[data-v-2b80ed12],.top .flex .item-row .row-pre[data-v-2b80ed12]{display:block;width:30px;height:30px;margin-right:10px;-ms-flex-negative:0;flex-shrink:0}.top .flex .item-row.ml .row-info[data-v-2b80ed12],.top .flex .item-row .row-info[data-v-2b80ed12]{-webkit-box-flex:1;-ms-flex:1;flex:1}.top .flex .item-row.ml .row-info .row-title[data-v-2b80ed12],.top .flex .item-row .row-info .row-title[data-v-2b80ed12]{margin-bottom:4px;font-size:18px;color:#c37f33;text-align:left}.top .flex .item-row.ml .row-info .row-subtitle[data-v-2b80ed12],.top .flex .item-row .row-info .row-subtitle[data-v-2b80ed12]{font-size:13px;color:#888;text-align:left}.right-item+.right-item[data-v-2b80ed12]{margin-top:15px}.right-item[data-v-2b80ed12]:not(.top){background-image:-webkit-gradient(linear,left top,right top,from(#fbf5dd),to(#f8c9aa));background-image:linear-gradient(90deg,#fbf5dd,#f8c9aa);-webkit-box-shadow:0 2px 14px 0 rgba(0,0,0,.07),inset 0 0 15px 2px #ffdea6;box-shadow:0 2px 14px 0 rgba(0,0,0,.07),inset 0 0 15px 2px #ffdea6;border:1px solid #f8cdaf;padding:15px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:15px;overflow:hidden}.right-item:not(.top) .item-row[data-v-2b80ed12]{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;min-height:70px;padding:15px;background:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdf7f0),to(#fff));background-image:linear-gradient(180deg,#fdf7f0,#fff);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border:1px solid #fff;border-radius:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px}.right-item:not(.top) .item-row[data-v-2b80ed12]:last-child{margin-bottom:0}.right-item:not(.top) .item-row .row-pre[data-v-2b80ed12]{width:24px;height:24px;margin-right:10px;-ms-flex-negative:0;flex-shrink:0}.right-item:not(.top) .item-row .row-info[data-v-2b80ed12]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.right-item:not(.top) .item-row .row-info .row-title[data-v-2b80ed12]{font-size:15px;margin-bottom:3px;font-weight:500}.right-item:not(.top) .item-row .row-info .row-subtitle[data-v-2b80ed12]{font-size:12px;color:#888}.right-item:not(.top) .item-row .row-suffix[data-v-2b80ed12]{width:15px;height:15px;margin-left:5px;-ms-flex-negative:0;flex-shrink:0}.item-row[data-v-2b80ed12]{padding-left:15px;padding-right:15px;height:80px;border-radius:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.item-row+.item-row[data-v-2b80ed12]{margin-top:12px}.item-row.ml[data-v-2b80ed12]{margin-left:0;margin-top:12px}.item-row .row-pre[data-v-2b80ed12]{margin-right:12px;width:30px;height:30px}.item-row .row-info .row-title[data-v-2b80ed12]{margin-bottom:4px;font-size:16px}.item-row .row-info .row-subtitle[data-v-2b80ed12]{font-size:12px}.item-row .row-suffix[data-v-2b80ed12]{width:18px;height:18px}.top .item-row[data-v-2b80ed12]{padding-left:15px;height:70px}.top .item-row .row-pre[data-v-2b80ed12]{margin-right:12px;width:40px;height:40px}.top .item-row .row-title[data-v-2b80ed12]{margin-bottom:4px;font-size:18px}.top .item-row .row-subtitle[data-v-2b80ed12]{font-size:14px}}.top .item-row .row-pre[data-v-2b80ed12]{display:inline-block}