@charset "utf-8";
/*-------------------
*Description:      By www.yiwuku.com
*Website:          https://app.zblogcn.com/?id=19138
*Author:           尔今 erx@qq.com
*update:           2020-12-20(Last:2024-06-19)
-------------------*/
/* -- erx:Global -- */
@import url(iconfont.css?t=1636210131463);@import url(swiper.min.css);
:root{--mcolor:#0081ff;--bgcolor:#f7f9fa;--radius:20px;}
*{margin:0;padding:0;box-sizing:border-box;}
i, em{font-style:normal;}
ul{list-style:none;}
img{border:0;max-width:100%;}
input, textarea, button{outline:none;vertical-align:middle;}
body{min-height:100vh;background:linear-gradient(145deg,#F2F4FA 0,#FAFBFC 100%);color:#486168;font-size:14px;overflow-x:hidden;}
a{color:#5e6e80;text-decoration:none;transition:all .3s linear;}
a:hover{color:#f60;}
.red{color:#f33;}
.tac{text-align:center;}
.erx-wrap{width:1180px;max-width:96%;margin:0 auto;}
.box{background-color:#fff;border-radius:var(--radius);box-shadow:0 20px 40px rgba(103,118,128,0.03);padding:30px;position:relative;transition:box-shadow .3s ease-in-out;}
.main-body{flex:0 0 83.333333%;max-width:83.333333%;}
.main-box{min-height:71.5vh;}
.all-tips{display:none;position:fixed;top:48%;left:0;width:100%;pointer-events:none;z-index:9990;}
.all-tips p{display:inline-block;line-height:48px;background:#fff;border-radius:30px;padding:0 15px;pointer-events:auto;box-shadow:0 0 30px rgba(255,102,0,.88);}
.all-tips p::before{display:inline-block;margin:-2px 5px 0 0;font-size:20px;vertical-align:middle;}
.all-tips .red::before{content:'\e727';}
.all-tips .yes{color:#693;box-shadow:0 0 12px rgba(95,191,0,.88);}
.all-tips .yes::before{content:'\e709';}
.m-tit, .erx-pages{position:relative;margin-bottom:30px;overflow:hidden;}
.erx-pages{margin-top:10px;}
.m-tit::after, .erx-pages::after{position:absolute;top:50%;right:0;display:block;content:'';height:0;width:90%;border-top:2px #eee dotted;}
.m-tit .c-tit{position:relative;display:inline-block;background:#fff;padding:0 20px 0 0;z-index:3;}
.m-tit .c-tit::before{display:inline-block;width:30px;height:30px;line-height:30px;margin:0 8px 0 0;color:#fff;font-size:20px;text-align:center;vertical-align:middle;background:#ddd;border-radius:50%;}
.m-tit .c-tit h1{display:inline-block;max-width:8em;font-size:25px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;}
.m-tit .c-tit > span{display:inline-block;margin:0 0 -3px 6px;vertical-align:middle;}
.m-tit .c-tit .read-all{font-size:12px;cursor:pointer;border-radius:20px;padding:2px 6px;}
.ico-topic::before{content:'\e6fb';}
.ico-reply::before{content:'\e743';}
.ico-coll::before{content:'\e750';}
.ico-friend::before{content:'\e825';}
.ico-apost::before{content:'\e7e6';}
.ico-uedit::before{content:'\e84a';}
.ico-option::before{content:'\e87b';}
.ico-message::before{content:'\e69b';}
.ico-diary::before{content:'\e71a';}
.ico-face::before{content:'\e62b';}
a.bright-btn, span.bright-btn, button.bright-btn{color:#fff;background-size:200% auto;background-image:linear-gradient(90deg,#0081ff 0%,#3fa0ff 50%,#0045ff 100%);background-position-x:right;cursor:pointer;border:0;transition:all .3s linear;}
a.bright-btn:hover, span.bright-btn:hover, button.bright-btn:hover{background-position-x:left;}
/* -- erx:Head -- */
.top-cover{position:absolute;top:0;left:0;width:100%;height:33vh;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
.all-top{padding-top:25vh;}
.header{display:flex;margin-bottom:30px;}
.m-data{position:relative;display:flex;align-items:start;flex:0 0 50%;padding-right:30px;}
.m-data::before{content:'';background-color:#EBF0F2;position:absolute;top:0;right:0;bottom:0;height:100%;width:1px;}
.m-photo{width:160px;height:160px;background:#fff;border:6px solid #fff;border-radius:40px;box-shadow:0 8px 15px rgba(0,0,0,.05);margin-top:-14%;overflow:hidden;}
.m-photo img{height:100%;width:100%;}
.m-info{margin-left:20px;}
.m-info .name{margin-bottom:5px;font-weight:bold;font-size:20px;}
.m-info .level{font-size:12px;}
.m-info .level span:not(:first-child)::before{content:'';display:inline-block;width:3px;height:3px;margin:0 5px;background:#bbb;vertical-align:middle;}
.m-info .level .my::before{content:'';display:inline-block;width:1px;height:10px;margin:-3px 8px 0;background:#ddd;vertical-align:middle;}
.a-icon{display:flex;align-items:center;margin-top:8px;}
.a-icon li{margin-right:15px;font-size:16px;}
.a-icon li a span{display:none;}
.a-icon .gohome a::before{content:'\e759';}
.a-icon .sendmsg a::before, .ico-mail::before{content:'\e7b7';}
.a-icon .afriend a::before{content:'\e80c';}
.a-icon .copyurl a::before{content:'\e79b';}
.v-ctrl{flex:0 0 50%;padding-left:30px;}
.v-items .wel{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;}
.v-items .avatar{width:30px;height:30px;margin:0 9px 0 0;vertical-align:middle;border-radius:50%;}
.v-items .logout{margin:0 5px;}
.v-items .logout::before{content:'\e6f5';}
.v-items .cap{display:inline-block;margin-top:-2px;font-size:12px;background:#eee;padding:1px 6px;border-radius:15px;opacity:.4;text-shadow:1px 1px 0 #fff;vertical-align:middle;transform:scale(.9);}
.v-items .wel .score em::before{content:'(';}
.v-items .wel .score em::after{content:')';}
.v-items .tools a{display:inline-block;width:28px;height:28px;line-height:28px;font-size:16px;margin:-2px 0 0 12px;background:#ccc;border-radius:20px;vertical-align:middle;}
.v-items .tools a::before{color:#fff;margin-right:-1px;}
.v-items .bighome::before{content:'\e66d';}
.v-items .signin::before{content:'\e629';}
.v-items .tools a:hover{background:rgba(255,127,0,.3);}
.v-items .nav{display:flex;flex-wrap:wrap;margin-top:12px;background:none;}
.v-items .nav a{display:inline-block;line-height:30px;margin:3px 3px 0 0;font-size:14px;padding:0 3%;border:1px #eee solid;border-radius:20px;}
.v-items .nav a::before{margin-right:4px;}
.v-items .nav a.bright-btn{line-height:32px;border:0;}
.v-items .nav .cu{color:#fff;border-color:transparent;}
.v-items .nav .ico-message i{display:inline-block;min-width:15px;height:15px;line-height:15px;margin:-4px 0 0 3px;color:#fff;font-size:12px;background:#f33;border-radius:10px;padding:0 3px;vertical-align:middle;animation:myFlash 2s infinite ease-in-out;}
.erx-row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
/* -- erx:Nav -- */
.side-nav, .main-body, .collect-item{position:relative;width:100%;padding:0 15px;}
.side-nav{flex:0 0 16.666667%;max-width:16.666667%;}
.sidebar{transition:all .3s ease-in-out;}
.sidebar.is_stuck{margin-top:30px;z-index:1;}
.m-nav > li{position:relative;margin-bottom:15px;text-align:center;padding-top:100%;}
.m-nav > li > a{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bgcolor);border-radius:var(--radius);align-items:center;justify-content:center;font-size:14px;transition:.5s ease-in-out;}
.m-nav > li > a:hover{color:var(--mcolor);}
.m-nav > li > a::before{display:block;font-size:32px;}
.m-nav > li > a.bright-btn{color:#fff;}
.m-nav > li .ico-home::before{content:'\e759';}
/* -- erx:Home -- */
.m-intro h1{margin-bottom:35px;position:relative;font-size:25px;font-weight:normal;}
.m-intro h1::before, .m-intro h1::after{content:'';height:4px;position:absolute;bottom:-18px;left:2em;width:1em;border-top:5px var(--mcolor) dotted;}
.m-intro h1::before{left:0;border-top-color:#bbb;}
.m-intro .des{line-height:1.8;}
.m-intro .des p{margin-bottom:15px;}
.home-box{padding-top:30px;}
.home-box h2{margin-bottom:20px;font-size:22px;font-weight:normal;}
.home-box h2 em{display:inline-block;width:22px;height:22px;line-height:22px;margin:-2px 2px 0;color:#fff;font-size:14px;text-align:center;background:#bbb;border-radius:50%;transform:rotate(-15deg);vertical-align:middle;}
.topic-box{margin:30px -30px 0;background:#F8FAFB;padding:30px 30px 15px;}
.home-box .topic-list{margin-bottom:0;}
.swiper-pagination-bullet{background:#EBF0F2;border-radius:1rem;opacity:1;height:.625rem;width:.625rem;transition:width .3s cubic-bezier(0.455,0.03,0.515,0.955);}
.swiper-pagination-bullet-active{background:var(--mcolor);width:1.25rem;}
.swiper-slide{height:auto;}
.nothing-tips{line-height:2;border-top:2px #eee dotted;padding:15px 0 8vh;}
.main-box .nothing-tips:first-child{border-top:0;}
/* -- erx:Topic -- */
.topic-list, .collect-list, .avatar-list{display:flex;flex-wrap:wrap;justify-content:space-around;}
.topic-list{margin-bottom:25px;}
.topic-list::after, .collect-list::after{content:'';width:49%;}
.topic-item, .collect-item{position:relative;width:49%;margin-bottom:2%;padding:25px 15px;}
.topic-item{display:flex;background:#fff;box-shadow: 0px 4px 8px rgba(134,151,168,0.1);}
.topic-item .date{width:60px;min-width:60px;height:60px;margin:0 12px 0 0;color:#bbb;background:#fff;padding-top:5px;border-radius:50%;box-shadow:0 8px 15px rgba(0,0,0,.05);}
.topic-item .date em{display:block;font-size:22px;font-weight:bold;}
.topic-item h3{margin:3px 0 12px;font-size:16px;}
.topic-item.istop h3::after, .topic-item.nopass h3::after, .reply-item.nopass h3::after{content:'\21e7';display:inline-block;margin:-9px 0 0 5px;color:rgba(255,127,0,.8);font-weight:normal;vertical-align:middle;}
.topic-item.nopass h3::after, .reply-item.nopass h3::after{content:'\26a0';}
.topic-item p{font-size:12px;}
.topic-item p > span, .reply-item p > span{margin-right:8px;}
.topic-item p > span:last-child, .reply-item p > span:last-child{margin-right:0;}
.topic-item p > span::before, .reply-item p > span::before{margin-right:2px;}
.topic-item .ico-cate::before{content:'\e73e';}
.topic-item .ico-view::before, .reply-item .ico-view::before{content:'\e8fa';}
.topic-item .ico-coll::before, .collect-item .ico-coll::before{content:'\e750';}
.topic-item .ico-edit::before{content:'\e722';}
.main-box .ico-dele::before{content:'\e6f9';}
.main-box .ico-dele, .topic-item .ico-edit{position:absolute;right:15px;display:none;width:24px;height:24px;line-height:24px;font-size:16px;background:#fff;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.1);}
.topic-item .ico-dele, .collect-item .ico-dele{bottom:15px;}
.topic-item .ico-edit{top:15px;}
.topic-item:hover .ico-dele, .topic-item:hover .ico-edit, .topic-item.nopass .ico-dele, .topic-item.nopass .ico-edit{display:inline-block;}
.erx-pages > span{position:relative;font-size:16px;background:#fff;padding:0 1em;z-index:3;}
.erx-pages > span em{margin:0 3px;}
.erx-pages::after{width:100%;}
.erx-pagebar .more{display:block;height:46px;line-height:46px;margin-top:9px;font-size:16px;background:var(--bgcolor);border-radius:30px;}
.erx-pagebar .more span{text-shadow:#fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;opacity:.5;}
.erx-pagebar .more i{display:inline-block;width:17px;height:17px;line-height:14px;font-size:16px;margin:-2px 0 0 6px;color:#fff;font-weight:bold;background:#ddd;border-radius:50%;vertical-align:middle;transition:all .3s linear;}
.erx-pagebar .more:hover i{background:rgba(255,127,0,.6);transform:rotate(360deg);}
/* -- erx:Reply -- */
.reply-list{overflow:hidden;}
.reply-list .reply-item{margin-bottom:2%;}
.reply-item{position:relative;display:flex;background-color:var(--bgcolor);border-radius:var(--radius);padding:30px;}
.reply-item::after{position:absolute;top:20px;right:20px;line-height:1;content:'\e82b';color:var(--mcolor);font-family:MySpaceIcon;font-size:32px;}
.reply-item .avatar{display:block;width:80px;height:80px;border-radius:50%;}
.reply-item .avatar img, .avatar-item .avatar img{width:100%;background:#fff;border-radius:50%;box-shadow:0 8px 15px rgba(0,0,0,.05);}
.reply-item .avatar img{min-height:100%;max-height:100%;}
.reply-item .text{margin:0 0 0 20px;}
.reply-item h3{font-size:16px;margin-bottom:12px;}
.reply-item p{line-height:1.5;}
.reply-item .do{position:absolute;right:15px;bottom:15px;color:#bbb;font-size:12px;}
.reply-item .ico-dele, .message-list .ico-dele{position:static;display:inline-block;}
/* -- erx:Collect -- */
.collect-item{background:none;border:2px solid #EBF0F2;padding:25px;border-radius:var(--radius);}
.collect-item .thumb span{display:inline-block;max-width:30%;height:60px;margin:0 5px;overflow:hidden;}
.collect-item .thumb span img{height:100%;}
.collect-item h3{margin:6px 0 9px;font-size:16px;}
.collect-item p{line-height:1.8;font-size:12px;}
.collect-item:hover .ico-dele{display:inline-block;}
.collect-item .ico-coll{position:absolute;top:9px;left:9px;color:#fff;background:rgba(255,127,0,.5);font-size:16px;border-radius:20px;padding:2px 8px;}
.collect-item .ico-coll i{display:inline-block;margin:-4px 0 0 1px;font-size:12px;vertical-align:middle;}
/* -- erx:Friend -- */
.avatar-list{margin:0 -1%;}
.home-box .avatar-list{margin:0;padding-bottom:25px;}
.avatar-list.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;}
.avatar-item{position:relative;width:18%;margin:0 1% 2%;padding:2px;background:#eee;border-radius:var(--radius);background:linear-gradient(0deg, var(--bgcolor) 0, #fdfefe 100%);}
.home-box .avatar-item{margin:0;}
.avatar-item .avatar{display:block;height:100%;padding:30px;}
.avatar-item .avatar img{transition:all .3s linear;}
.avatar-item .avatar:hover img{transform:scale(1.1);}
.avatar-item span{display:inline-block;margin-top:9px;font-size:12px;opacity:.8;}
.avatar-item:hover .ico-dele{bottom:15px;display:inline-block;}
/* erx:Diary */
.no-self-tip{margin:-30px 0 30px;color:#aaa;font-size:12px;text-align:right;opacity:.6;}
.common-post{position:relative;margin-bottom:40px;z-index:8;}
.common-post textarea, .diary-reply-form{width:100%;height:120px;line-height:20px;border-radius:var(--radius);background:var(--bgcolor);padding:15px 20px;border:2px transparent solid;resize:none;}
.common-post textarea:focus, .diary-reply-form.erxact{border-color:var(--mcolor);background:#fff;}
.common-post .ctrl{position:relative;display:flex;justify-content:space-between;font-size:12px;padding:9px 0 0;}
.common-post .set{height:28px;line-height:28px;}
.common-post .set > span{display:inline-block;}
.common-post .tit{padding:0 4px;padding:0 8px;background:var(--bgcolor);border-radius:var(--radius);}
.common-post .tit b{color:var(--mcolor);}
.diary-post .type{padding:0 8px;background:var(--bgcolor);border-radius:var(--radius);}
.diary-post .type label{margin:0 4px;}
.diary-post .type input{margin:-3px 2px 0 0;}
.diary-post .face{margin-left:8px;font-size:24px;cursor:pointer;opacity:.8;vertical-align:-4px;}
.face-list{display:none;flex-wrap:wrap;position:absolute;top:100%;left:0;max-width:320px;background:#fff;border:1px #ddd solid;padding:5px 5px 0;border-radius:9px;box-shadow:0 4px 8px rgba(0,0,0,.2);}
.face-list.erxact{display:flex;}
.face-list::after{content:'';position:absolute;top:-4px;left:175px;width:6px;height:6px;border:0 #ddd solid;border-width:1px 0 0 1px;background:#fff;transform:rotate(45deg);}
.face-list li img{width:30px;margin:2px 4px;cursor:pointer;}
.common-post button{height:35px;color:#fff;font-size:14px;font-weight:bold;background-color:var(--mcolor);padding:0 3%;border-radius:30px;}
.diary-list, .message-list{margin-bottom:30px;}
.diary-item{position:relative;margin-left:8px;padding:0 0 30px 20px;}
.diary-item:last-child{padding-bottom:0;}
.diary-item::before{content:'';height:100%;width:0;position:absolute;top:9px;left:0;border-left:1px solid #eee;}
.diary-item:last-child::before{display:none;}
.diary-item .hat{display:flex;align-items:baseline;justify-content:space-between;}
.diary-item .hat::before, .diary-item .hat::after{content:'';background:var(--mcolor);border-radius:50%;position:absolute;top:9px;left:-5px;height:10px;width:10px;}
.diary-item .hat::after{height:16px;width:16px;margin:-3px 0 0 -3px;background:var(--mcolor);opacity:.2;}
.diary-item .hat > div{white-space:nowrap;}
.diary-item .hat .m > *{margin-left:12px;}
.diary-item .hat .m .tip{color:#fff;font-size:12px;background:rgba(255,127,0,.2);padding:2px 6px;border-radius:12px;}
.diary-item .hat .m .time{margin:0;font-family:Arial, Helvetica;opacity:.68;}
.diary-item .con, .diary-reply-wrap{position:relative;line-height:1.8;margin:8px 0 0;font-size:16px;word-wrap:break-word;word-break:break-word;white-space:pre-line;background:var(--bgcolor);padding:20px;border-radius:var(--radius);}
.diary-item .con::after{content:'';width:0;height:0;position:absolute;bottom:100%;left:30px;border:8px transparent solid;border-bottom-color:var(--bgcolor);}
.diary-item .con .tip{margin:0 6px;color:rgba(255,127,0,.6);font-size:14px;background:#fff;padding:3px 8px;border-radius:12px;box-shadow:0 3px 6px rgba(0,0,0,.1);}
.diary-item .con > img{max-width:24px;vertical-align:-6px;}
.diary-item .con .p{margin-top:8px;}
.diary-item .con .p img{max-height:20vh;cursor:pointer;}
.diary-item .con .p img.view{max-height:none;cursor:default;}
.diary-item .ico-dele{position:static;display:inline-block;}
.diary-item .hat .d a{position:relative;margin-left:12px;font-size:12px;opacity:.48;}
.diary-item .hat .d a::before{display:inline-block;margin-right:1px;content:'\e60c';font-size:14px;cursor:pointer;}
.diary-item .hat .d .cai::before{transform:translateY(2px) rotateX(180deg);}
.diary-item .hat .d .reply::before{content:'\e689';transform:translateY(1px);}
.diary-item .hat .d a.erxact::after{content:'+1';position:absolute;bottom:100%;left:50%;margin-left:-10px;color:rgba(255,127,0,.9);font-size:14px;animation:onefly 1.5s 1 ease-in-out;animation-fill-mode:forwards;}
.diary-post textarea.hasimg{padding-right:80px;}
.diary-post textarea.hasimg::-webkit-scrollbar{display:none;}
.upload-img{position:absolute;top:0;right:0;width:70px;height:120px;overflow:hidden;border-radius:0 var(--radius) var(--radius) 0;}
.upload-img::after, .upload-img .p::after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.upload-img input{display:none;}
.upload-img label{width:100%;cursor:pointer;}
.upload-img .up-btn{display:inline-block;color:rgba(0,0,0,.3);font-size:12px;border-left:1px #ddd dashed;padding:5px 0 15px;vertical-align:middle;transition:all .3s linear;}
.upload-img .up-btn:hover{color:var(--mcolor);}
.upload-img .up-btn i{display:block;line-height:1;font-size:30px;}
.upload-img .p{display:block;position:absolute;top:0;left:0;height:100%;}
.upload-img img{max-width:none;min-width:100%;max-height:100%;vertical-align:middle;}
.upload-img .p em{display:none;position:absolute;top:50%;left:0;width:100%;line-height:20px;margin-top:-10px;color:#fff;font-size:12px;background:rgba(255,127,0,.5);}
.diary-reply-wrap{line-height:1.6;font-size:14px;white-space:normal;}
.diary-reply-wrap::after{content:'';position:absolute;left:5%;bottom:100%;height:8px;width:90%;border:0 var(--bgcolor) solid;border-width:0 5px;box-sizing:border-box;}
.diary-reply-wrap .hide-tip{font-size:12px;opacity:.5;}
.diary-reply-form{display:none;position:relative;margin-bottom:20px;padding:9px 0 45px;background:#fff;}
.diary-reply-form.erxshow{display:block;}
.diary-reply-form textarea{width:100%;height:100%;padding:0 1em;border:0;background:none;overflow:hidden;resize:none;}
.diary-reply-form .face-list::after{left:20px;}
.diary-reply-form .face .act::before{font-size:18px;cursor:pointer;}
.diary-reply-form .ctrl{position:absolute;bottom:0;right:0;width:100%;line-height:34px;display:flex;justify-content:space-between;border-top:1px #eee dashed;padding:0 15px;border-radius:0 0 var(--radius) var(--radius);z-index:8;}
.diary-reply-form .ctrl em{display:inline-block;margin-left:6px;font-size:12px;opacity:.3;vertical-align:middle;}
.diary-reply-form .ctrl .by{font-style:italic;font-family:Consolas, monaco, monospace;}
.diary-reply-form .ctrl input{min-width:2em;max-width:8em;height:1.5em;color:var(--mcolor);border:0;margin:0 9px 0 6px;opacity:.7;vertical-align:middle;}
.diary-reply-form button{width:56px;height:24px;border-radius:16px;}
.diary-reply-form .close{position:absolute;top:100%;right:0;width:18px;height:18px;line-height:18px;margin:4px -8px 0 0;color:#fff;font-size:12px;background:#ddd;border-radius:50%;cursor:pointer;}
.diary-reply-list li{display:flex;padding:8px 0;}
.diary-reply-list li:last-child{border-bottom:0;}
.diary-reply-list li .avatar{width:36px;margin:3px 12px 0 0;flex-shrink:0;}
.diary-reply-list li .avatar a{position:relative;display:block;width:100%;padding-top:100%;}
.diary-reply-list li .avatar img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;}
.diary-reply-list li .text img{max-width:20px;vertical-align:-5px;}
.diary-reply-list li .name{color:var(--mcolor);}
.diary-reply-list li .name::after{content:':';margin-right:3px;}
.diary-reply-list li .i{font-size:12px;opacity:.7;padding:3px 0 0;}
.diary-reply-list li .r{margin-left:15px;cursor:pointer;}
.diary-reply-list li.child{font-size:12px;padding:2px 0 8px;}
.diary-reply-pages span{margin:0 8px;color:#bbb;font-size:12px;background:#fff;padding:3px 12px;border-radius:15px;cursor:pointer;transition:all .3s linear;font-family:Consolas, monaco, monospace;}
.diary-reply-pages .nomore{color:#ddd;cursor:not-allowed;}
.diary-reply-pages span:not(.nomore):hover{color:var(--mcolor);}
.diary-reply-loadding{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;background:rgba(255,255,255,.6);backdrop-filter:blur(2px);}
/* erx:Message */
.message-post{display:none;}
.message-list{border:0 rgba(255,127,0,.3) solid;border-width:2px 0 1px;}
.message-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px #ececec solid;}
.message-list li:last-child{border-bottom:0;}
.message-list li:hover{background:rgba(255,127,0,.03);}
.message-list li > div{padding:1em 0;}
.message-list li .type{width:40px;font-size:18px;border-right:1px #eee dashed;}
.message-list li .myspace-icon{opacity:.35;}
.message-list li .con{width:55%;padding:1em;}
.message-list li h5{font-weight:normal;font-size:14px;cursor:pointer;opacity:.6;}
.message-list li h5:hover{color:#f60;}
.message-list li .c{display:none;line-height:1.5;margin-top:.7em;border-top:1px #eee dashed;text-align:justify;word-break:break-all;white-space:pre-line;padding:8px 0 0;}
.message-list li:hover .c{border-top-color:rgba(255,127,0,.3);}
.message-list li .c a{text-decoration:underline;opacity:.9;}
.message-list li .c em{font-size:12px;opacity:.5;}
.message-list li.no-read h5{font-weight:bold;opacity:1;}
.message-list li.no-read .myspace-icon{opacity:1;}
.message-list li .time{display:inline-block;min-width:150px;margin-right:20px;color:#bbb;font-size:12px;text-align:right;}
.message-list li .ctrl{white-space:nowrap;}
.message-list li .more{display:inline-block;line-height:20px;margin:0 8px 0 15px;font-size:12px;background:var(--bgcolor);padding:0 9px;border-radius:12px;}
.message-list li:hover .more{color:#fff;background:var(--mcolor);}
.message-list .system-msg .ico-message{color:#f33;}
.message-list .system-msg .ico-dele{cursor:not-allowed;}
/* -- erx:Option -- */
.option-items li{margin-bottom:25px;}
.option-items li .tit{margin-bottom:8px;font-size:16px;}
.option-items li .tit::before{margin-right:5px;opacity:.3;}
.option-items li .tip{margin-top:5px;font-size:12px;opacity:.5;}
.option-items li input, .option-items li textarea, .option-items li select{width:100%;color:rgba(255,127,0,.98);border:0;background:var(--bgcolor);border:1px transparent solid;border-radius:6px;}
.option-items li input:focus, .option-items li textarea:focus, .option-items li select:focus{border-color:var(--mcolor)}
.option-items li input{line-height:40px;font-weight:bold;padding:0 20px;}
.option-items li textarea{height:120px;line-height:20px;padding:15px 20px;resize:none;}
.option-items li select{padding:12px 20px;}
.option-items li button{width:100%;line-height:40px;color:#fff;font-weight:bold;border:0;border-radius:20px;cursor:pointer;transition:all .3s linear;}
/* -- erx:Foot -- */
.footer{color:#8D99A6;font-size:12px;padding:20px 0;}
.back-to-top{border-top:1px solid #3B4B5E;border-left:1px solid #3B4B5E;cursor:pointer;opacity:.5;position:fixed;right:40px;bottom:30px;height:1.125rem;width:1.125rem;transform:rotate(45deg);transition:opacity .35s ease-out;z-index:9900;}
.back-to-top:hover{opacity:1;}
.svg-defs{position:absolute;height:0;width:0;}
/* -- erx:Other -- */
.tools-wrap p{line-height:1.68;}
.animated{animation-duration:1s;animation-fill-mode:both;}
.bounceIn{animation-name:bounceIn;}
@keyframes myFlash{ 0% {opacity:0}  100% {opacity:1}}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {opacity: 0;transform: scale3d(.3, .3, .3);}
  20% {transform: scale3d(1.1, 1.1, 1.1);}
  40% {transform: scale3d(.9, .9, .9);}
  60% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
  80% {transform: scale3d(.97, .97, .97);}
  to {opacity: 1;transform: scale3d(1, 1, 1);}
}
@keyframes onefly{
    0%{opacity:1;}
    100%{opacity:0;transform:translateY(-30px) scale(1.2);}
}
/* -- erx:Responsive -- */
@media screen and (max-width:1024px) {
	.erx-wrap{max-width:82%;}
	.header{flex-direction:column;margin-bottom:15px;}
	.m-data{align-items:center;flex-direction:column;padding-right:0;padding-bottom:20px;text-align:center;}
	.m-data::before{top:auto;bottom:0;height:1px;width:100%;}
	.m-photo{margin-bottom:15px;}
	.a-icon li{margin:0 7px;}
	.v-ctrl{padding:20px 0 0;}
	.side-nav, .main-body{flex:0 0 100%;max-width:100%;}
	.sidebar{border-bottom:1px solid #EBF0F2;border-radius:var(--radius) var(--radius) 0 0;}
	.m-nav{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.m-nav > li{width:18%;margin-bottom:0;padding-top:6rem;}
	.main-box{border-radius:0 0 var(--radius) var(--radius);}
	.topic-item, .collect-item{width:100%;}
}
@media screen and (max-width:720px) {
	:root{--radius:12px;}
	.erx-wrap{max-width:94%;}
	.all-top{padding-top:20vh;}
	.box{padding:15px;}
	.v-items .nav{justify-content:space-around;}
	.v-items .nav a{width:48%;margin:3px 0;}
	.m-photo{width:120px;height:120px;margin-top:-22%;border-width:4px;border-radius:50%;}
	.m-info{margin-left:0;}
	.a-icon{justify-content:center;}
	.sidebar{position:fixed;top:0;left:0;width:100%;border-bottom:0;border-radius:0;box-shadow:0 20px 40px rgba(103,118,128,0.2);padding:6px 2%;z-index:9990;}
	.m-nav > li{padding-top:3rem;}
	.main-box{border-radius:var(--radius);overflow:hidden;}
	.m-nav > li > a, .m-nav > li > a.bright-btn{background:none;}
	.m-nav > li > a.bright-btn{color:var(--mcolor);}
	.m-nav > li > a::before{font-size:24px;}
	.m-nav > li > a.bright-btn::after{content:'';background-color:#304CFD;height:2px;position:absolute;bottom:-6px;left:0;width:100%;}
	.m-tit .c-tit h1{font-size:22px;}
	.m-tit{margin-bottom:15px;}
	.topic-item h3, .reply-item h3, .collect-item h3{font-size:15px;margin-bottom:8px;}
	.topic-item .date{width:50px;min-width:50px;height:50px;font-size:12px;}
	.topic-item .date em{font-size:18px;}
	.reply-item{flex-direction:column;align-items:center;padding:15px 15px 35px;text-align:center;}
	.reply-item .avatar{margin-bottom:12px;}
	.reply-item .text{margin:0;}
	.diary-post .face img{width:38px;height:38px;margin:-6px 0 0;}
	.diary-post .face-list{max-width:100%;margin-top:6px;}
	.diary-post .face-list li img{width:34px;}
	.diary-item{margin-left:0;padding-left:0;}
	.diary-item::before{border-left:0;}
	.diary-item .hat::before, .diary-item .hat::after{display:none;}
	.diary-item .hat .m > *{margin-left:8px;}
	.diary-item .hat .m .time{font-size:12px;}
	.diary-item .hat .m img{width:24px;}
	.diary-item .hat .m .tip{display:none;}
	.diary-item .con, .diary-reply-wrap{font-size:14px;padding:12px;}
	.diary-reply-list li .avatar{width:30px;margin:2px 9px 0 0;}
	.common-post button{height:28px;font-size:12px;}
	.message-post button{padding:0 25px;}
	.message-list li{flex-wrap:wrap;}
	.message-list li .type{text-align:left;border-right:0;}
	.message-list li .con{width:calc(100% - 40px);padding:1em 1em 1em 0;}
	.message-list li .ctrl{width:100%;text-align:right;padding:0 0 .8em;}
	.message-list li .time{min-width:0;}
	.avatar-item{width:48%;}
	.erx-pagebar .more{height:40px;line-height:40px;}
	.back-to-top{bottom:-200px;}
}