.m-main{overflow:hidden}.m-body{padding-top:130px;margin:0 auto;position:relative}.m-body .u-btn{display:block;margin:0 auto;margin-top:20px;width:150px;height:50px;background-size:100% 100%;background-image:url(https://cdn.jx3box.com/design/treasure/save_btn.png);background-color:transparent;border:none;color:#783b3b;font-size:18px;font-weight:700}.m-body .u-btn:active{background-image:url(https://cdn.jx3box.com/design/treasure/save_btn_act.png)}.m-body .u-bind_role .el-empty__description{color:#fff}.m-body .u-bind_role .u-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-body:after{content:"";display:block;background-image:url(https://cdn.jx3box.com/design/treasure/portrait/page_bg.jpg);background-size:100% 100%;position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1}#capture{margin:25px -20px 0;padding:0 20px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.m-portrait-content{position:relative;background-image:url(https://cdn.jx3box.com/design/treasure/portrait/bg.png);background-size:100% auto;background-position:50%;width:900px}.m-portrait-content img{display:block}.m-portrait-content .m-top{position:absolute;width:940px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.m-portrait-content .m-bottom{position:absolute;z-index:50;width:940px;left:50%;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);bottom:100%}.m-portrait-content .m-bottom.start{-webkit-animation:Start 2s forwards;animation:Start 2s forwards}.m-portrait-content .m-bottom.over{-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}.m-portrait-content .m-bottom.over:after{display:none}.m-portrait-content .m-bottom:after{content:"";width:100%;height:2300px;background-color:#fff;display:block;position:absolute;z-index:4;top:86px}@-webkit-keyframes Start{0%{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);bottom:100%}to{-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}}@keyframes Start{0%{-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);bottom:100%}to{-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0}}.m-portrait-content .m-introduce{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.m-portrait-content .m-introduce .m-producer{padding-left:33px;padding-top:70px;position:relative;z-index:1}.m-portrait-content .m-introduce .m-producer .u-producer{width:263px;margin-left:44px}.m-portrait-content .m-introduce .m-producer .u-title__icon{width:392px;margin-top:-30px}.m-portrait-content .m-introduce .m-info{padding-left:45px;padding-top:89px;position:relative;z-index:1}.m-portrait-content .m-introduce .m-info .u-producer__text{color:#ad9f9a;font-size:1rem}.m-portrait-content .m-introduce .m-info .m-user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:46px}.m-portrait-content .m-introduce .m-info .m-user .u-name{color:#112d24;font-weight:700;font-size:1.5rem}.m-portrait-content .m-introduce .m-info .m-user .u-icon{width:36px;margin-left:3px}.m-portrait-content .m-introduce .m-info .u-progress{margin-top:4px;color:#a30505;font-size:1.125rem;text-align:left}.m-portrait-content .m-introduce .m-info .u-time{color:#112d24;font-size:1.125rem;text-align:left}.m-portrait-content .m-introduce .m-info .m-tip{margin-top:17px;width:288px}.m-portrait-content .m-introduce .u-introduce__bg{position:absolute;width:297px;right:33px;top:109px;z-index:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.m-portrait-content .m-world{position:relative;width:700px;height:700px;margin-top:88px;margin:0 auto}.m-portrait-content .m-world .u-world__bg{position:absolute;left:55px;bottom:36px;width:579px}.m-portrait-content .m-world-count{position:absolute;top:82px;left:-23px}.m-portrait-content .m-world-count .u-count__img{width:184px}.m-portrait-content .m-world-count .m-count-info{position:absolute;top:7px;right:10px;font-size:1.125rem;font-weight:700;color:#995115;text-align:center;opacity:.5;line-height:1}.m-portrait-content .m-world-item,.m-portrait-content .m-world-item .m-item__text{position:absolute}.m-portrait-content .m-world-item .m-item__text .u-item__bg{width:20px}.m-portrait-content .m-world-item .u-item__text{position:absolute;top:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.75rem;color:#fff;line-height:12px}.m-portrait-content .m-world-item.wldg{top:462px;left:293px}.m-portrait-content .m-world-item.wldg .u-item__img{width:108px}.m-portrait-content .m-world-item.wldg .m-item__text{top:27px;left:-5px}.m-portrait-content .m-world-item.sssh{top:1px;left:261px}.m-portrait-content .m-world-item.sssh .u-item__img{width:168px}.m-portrait-content .m-world-item.sssh .m-item__text{top:77px;left:50px}.m-portrait-content .m-world-item.zhg{top:66px;left:325px}.m-portrait-content .m-world-item.zhg .u-item__img{width:314px}.m-portrait-content .m-world-item.zhg .m-item__text{top:114px;left:196px}.m-portrait-content .m-world-item.lnrh{top:63px;left:345px}.m-portrait-content .m-world-item.lnrh .u-item__img{width:149px}.m-portrait-content .m-world-item.lnrh .m-item__text{top:40px;left:55px}.m-portrait-content .m-world-item.yylj{top:56px;left:67px}.m-portrait-content .m-world-item.yylj .u-item__img{width:325px}.m-portrait-content .m-world-item.yylj .m-item__text{top:99px;left:169px}.m-portrait-content .m-world-item.swbj{top:162px;left:71px}.m-portrait-content .m-world-item.swbj .u-item__img{width:276px}.m-portrait-content .m-world-item.swbj .m-item__text{top:85px;left:109px}.m-portrait-content .m-world-item.xxjt{top:126px;left:198px}.m-portrait-content .m-world-item.xxjt .u-item__img{width:314px}.m-portrait-content .m-world-item.xxjt .m-item__text{top:144px;left:84px}.m-portrait-content .m-world-item.qqj{top:231px;left:456px}.m-portrait-content .m-world-item.qqj .u-item__img{width:206px}.m-portrait-content .m-world-item.qqj .m-item__text{top:109px;left:162px}.m-portrait-content .m-world-item.swxf{top:276px;left:27px}.m-portrait-content .m-world-item.swxf .u-item__img{width:321px}.m-portrait-content .m-world-item.swxf .m-item__text{top:126px;left:65px}.m-portrait-content .m-world-item.jcs{top:317px;left:304px}.m-portrait-content .m-world-item.jcs .u-item__img{width:185px}.m-portrait-content .m-world-item.jcs .m-item__text{top:112px;left:72px}.m-portrait-content .m-world-item.zzwg{top:327px;left:467px}.m-portrait-content .m-world-item.zzwg .u-item__img{width:165px}.m-portrait-content .m-world-item.zzwg .m-item__text{top:111px;left:125px}.m-portrait-content .m-world-item.tjh{top:338px;left:124px}.m-portrait-content .m-world-item.tjh .u-item__img{width:176px}.m-portrait-content .m-world-item.tjh .m-item__text{top:155px;left:-16px}.m-portrait-content .m-world-item.scqf{top:355px;left:398px}.m-portrait-content .m-world-item.scqf .u-item__img{width:142px}.m-portrait-content .m-world-item.scqf .m-item__text{top:125px;left:38px}.m-portrait-content .m-world-item.rjg{top:500px;left:198px}.m-portrait-content .m-world-item.rjg .u-item__img{width:436px}.m-portrait-content .m-world-item.rjg .m-item__text{top:103px;left:172px}.m-portrait-content .m-world-item.kwyh{top:295px;left:400px}.m-portrait-content .m-world-item.kwyh .u-item__img{width:144px}.m-portrait-content .m-world-item.kwyh .m-item__text{top:-6px;right:12px}.m-portrait-content .m-world-item.fgzm{top:110px;left:302px}.m-portrait-content .m-world-item.fgzm .u-item__img{width:211px}.m-portrait-content .m-world-item.fgzm .m-item__text{top:48px;left:6px}.m-portrait-content .m-world-item.gsyj{top:319px;left:273px}.m-portrait-content .m-world-item.gsyj .u-item__img{width:180px}.m-portrait-content .m-world-item.gsyj .m-item__text{top:0;left:70px}.m-portrait-content .m-qy-box{padding:0 76px;padding-bottom:78px}.m-portrait-content .m-qy-box .m-qy .m-qy-count{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content}.m-portrait-content .m-qy-box .m-qy .m-qy-count .u-count__img{width:184px}.m-portrait-content .m-qy-box .m-qy .m-qy-count .m-count-info{position:absolute;top:7px;right:10px;font-size:1.125rem;font-weight:700;color:#995115;text-align:center;opacity:.5;line-height:1}.m-portrait-content .m-qy-box .m-qy .m-qy-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:21px}.m-portrait-content .m-qy-box .m-qy .m-qy__item{position:relative;width:47px;margin-left:23px}.m-portrait-content .m-qy-box .m-qy .m-qy__item .u-qy__border{position:absolute;left:0;top:0;right:0;bottom:0}.m-portrait-content .m-qy-box .m-qy .m-qy__item .m-qy__text{position:absolute;right:-11px;top:-5px;width:20px}.m-portrait-content .m-qy-box .m-qy .m-qy__item .m-qy__text .u-qy__text{position:absolute;top:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.75rem;color:#fff;line-height:12px}.m-portrait-content .m-qy-box .m-qy .u-no-qy{width:200px;margin:8px 0}.m-portrait-content .m-qy-box .m-qy.m-ordinary .m-qy-list{margin-bottom:32px}.m-portrait-content .m-qy-box .m-qy.m-ordinary .m-qy-list .m-qy__item:nth-of-type(11n+1){margin-left:0}.m-portrait-content .m-qy-box .m-qy.m-ordinary .m-qy-list .m-qy__item:nth-of-type(n+12),.m-portrait-content .m-qy-box .m-qy.m-pet .m-qy-list{margin-top:19px}.m-portrait-content .m-qy-box .m-qy.m-pet .m-qy-list .m-qy__item{width:42px;margin-left:16px}.m-portrait-content .m-qy-box .m-qy.m-pet .m-qy-list .m-qy__item:nth-of-type(13n+1){margin-left:0}.m-portrait-content .m-qy-box .m-qy.m-pet .m-qy-list .m-qy__item:nth-of-type(n+14){margin-top:11px}.m-related-roles{font-size:12px;position:absolute;left:0;right:0;top:30px;max-width:900px}.m-related-roles .el-select{width:100%}.m-related-roles .el-select:not(:first-child){margin-top:10px}.m-related-roles .u-refresh{margin-top:10px;width:100%}.m-related-roles .u-tip{margin-bottom:10px}.m-related-roles .u-tip i{font-size:16px;margin-right:3px}.m-related-roles .u-tip a{padding:0 2px;-webkit-box-shadow:0 1px 0 #0366d6;box-shadow:0 1px 0 #0366d6}.m-related-roles .el-input__prefix{left:1px;top:1px}.m-related-roles .u-prefix{display:block;height:30px;line-height:30px;background:-webkit-gradient(linear,left top,left bottom,from(#dec699),to(#fff));background:linear-gradient(180deg,#dec699,#fff);border-right:1px solid #81453e;padding:0 10px;white-space:nowrap;border-radius:4px 0 0 4px;color:#81453e;font-size:14px}.m-related-roles .el-input--prefix .el-input__inner{padding-left:85px;border:1px solid #81453e;border-radius:4px;color:#8f7c64;font-size:14px}.m-related-roles .el-input__suffix .el-input__icon{color:#8f7c64}.m-related-roles-options .u-role{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.m-related-roles-options .u-role-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-related-roles-options .u-role-icon{width:20px;height:20px;vertical-align:middle;margin-right:3px;border-radius:50%}.m-related-roles-options .u-role-server{color:#999;font-size:12px}.is-ios .m-world-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-ios .m-world-count .m-count-info{top:unset;right:-5px;font-size:1rem;font-weight:400}.is-ios .m-portrait-content .m-introduce .m-info .m-user{margin-top:20px}.is-ios .m-portrait-content .m-introduce .m-info .m-user .u-name{font-weight:400;font-size:1rem}.is-ios .m-portrait-content .m-introduce .m-info .u-producer__text{position:relative;*zoom:1;right:40px;white-space:nowrap}.is-ios .m-portrait-content .m-introduce .m-info .u-progress,.is-ios .m-portrait-content .m-introduce .m-info .u-time{font-weight:400;font-size:1rem}.is-ios .m-portrait-content .m-qy-box .m-qy .m-qy__item .u-qy__text,.is-ios .m-portrait-content .m-world-item .u-item__text{top:50%;left:50%;-webkit-transform:scale(.5) translate(-100%,-100%);transform:scale(.5) translate(-100%,-100%);line-height:30px}.is-ios .m-portrait-content .m-qy-box .m-qy .m-qy-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.is-ios .m-portrait-content .m-qy-box .m-qy .m-qy-count .m-count-info{top:unset;right:-5px;font-size:1rem;font-weight:400}.none{display:none}.hide{visibility:hidden}.show{visibility:visible}.clip{overflow:hidden;*zoom:1}.fl{float:left}.fl,.fr{*display:inline}.fr{float:right}.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}.fbox{display:table-cell;width:5000px;*display:inline-block;*width:auto}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.iflex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.grid{display:grid}.igrid{display:inline-grid}.ps{position:static}.pr{position:relative;*zoom:1}.pa{position:absolute}.pf{position:fixed}.po{position:static;margin:0}.islocked,.islocked body{width:100%;height:100%;overflow:hidden}.iconfont{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-family:iconfont;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;cursor:pointer}.u-msg-yellow{color:#8a6d3b;background-color:#fcf8e3;border:1px solid #faebcc;padding:8px 14px 8px 14px;text-shadow:0 1px 0 hsla(0,0%,100%,.5);border-radius:4px}.u-quality--0{color:#999}.u-quality--1{color:#3d454d}.u-quality--2{color:#00d24b}.u-quality--3{color:#007eff}.u-quality--4{color:#ff2dff}.u-quality--5{color:orange}.u-quality--6{color:#c00}.u-quality-bg--0 .u-image{border:1px solid #999}.u-quality-bg--1 .u-image{border:1px solid #fff}.u-quality-bg--2 .u-image{border:1px solid #00d24b}.u-quality-bg--3 .u-image{border:1px solid #007eff}.u-quality-bg--4 .u-image{border:1px solid #ff2dff}.u-quality-bg--5 .u-image{border:1px solid orange}.u-quality-bg--6 .u-image{border:1px solid #c00}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track-piece{background-color:hsla(0,0%,87%,.2);border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:6px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}::-webkit-resizer,::-webkit-scrollbar-button,::-webkit-scrollbar-corner{display:none}body{background-color:#fff}.m-main{min-height:100vh;padding:64px 40px 40px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;*zoom:1}.m-main.m-pvg-main{background-color:#f5f5f5}@media screen and (max-width:1133px){.m-main{padding-left:20px;padding-right:20px}.wechat-miniprogram .m-main{padding-top:0}.wechat-miniprogram .m-comments{display:none}.wechat-miniprogram .m-pet-navigation{top:0;margin:0 -20px;width:100%;padding:20px}}.p-common-list{padding-top:40px}.m-archive-pages{margin-top:40px;overflow-x:auto}.c-main{margin-top:0;margin-left:0}.v-miniprogram .c-footer,.v-miniprogram .c-header,.v-miniprogram .m-pvx-aside{display:none}.u-bind_role{text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto}