.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;z-index:10}.nav-btn{font-size:14px}.add-btn{background:linear-gradient(45deg,#f0c,#fc0);border-radius:50%;width:55px;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:26px;color:#fff;-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.3);box-shadow:0 0 10px hsla(0,0%,100%,.3)}.el-input__inner{color:#fff;background-color:#000;border:0}.el-select-dropdown{background-color:#000!important;border:0!important}.el-select-dropdown__item{color:#eee}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#000!important}.user-center{margin-top:50px;width:100%;background-color:#000;color:#fff;font-size:14px;padding:10px 0;border-radius:8px}.menu-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;position:relative}.menu-item:hover{background:hsla(0,0%,100%,.1)}.menu-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-left i{color:#ff4fd8;font-size:16px;margin-right:10px}.badge{background:#ff4fd8;color:#fff;font-size:12px;padding:3px 10px;border-radius:20px;margin-left:10px}.arrow{color:#888;font-size:14px}.upload-navman{position:relative;overflow:hidden;margin-top:70px;height:215px;width:100%}.upload-btnsrow{width:30%;float:left;text-align:center}.upload-btns{height:31px}.upload-btns,upload-btnstabmain{color:#fff;font-size:14px;line-height:27px}.btnstabrwtextac{color:#fff}.upload-btnstab{margin-top:40px;clear:both;color:#fff;font-size:14px;height:31px;line-height:27px}.btnstabrwtext{font-size:14px;font-weight:700;color:hsla(0,0%,100%,.6)}.btnstabrwimg{width:40px;margin:0 auto}.upload-nav{height:215px;width:100%}.upload-navman:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/ai/defaultAvatar.webp) 50%/cover no-repeat;-webkit-filter:blur(9px);filter:blur(9px);-webkit-transform:scale(1.1);transform:scale(1.1)}.avatar-uploader .el-upload{border-radius:100px!important;margin-left:34%;margin-top:50px;border:0 dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:108px;height:108px;line-height:108px;text-align:center}.avatar{width:108px;height:108px;display:block}.top-nav{position:fixed;top:0;left:0;width:100%;height:70px;background:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;z-index:10}.logotop{width:50%}.nav-btn{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-align:center;-ms-flex-align:center;align-items:center;font-size:18px;cursor:pointer}.icon{font-size:22px;margin-bottom:3px}