.choose-avatar-container{position:relative;width:100%;height:auto;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.choose-avatar-container.dark .shower-container,.choose-avatar-container.dark .wrapper-container{background:hsla(0,0%,47.1%,.9)}.choose-avatar-container .shower-container{position:relative;width:85px;height:85px;background:hsla(0,0%,96.1%,.9);border:3px solid hsla(0,0%,98%,.3);border-radius:50%;overflow:hidden}.choose-avatar-container .wrapper-container{position:relative;width:100%;max-width:500px;height:200px;margin:25px;background:hsla(0,0%,96.1%,.9);border-radius:6px;overflow:hidden}.choose-avatar-container .wrapper-container .img-avatar{width:100%;height:auto}.personal-info-container{position:relative;width:100%;height:100%;padding:0 calc(50% - 640px);box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.personal-info-container.dark .personal-info-block div.row .s1{color:#f5f5f5}.personal-info-container.dark .personal-info-block div.row:hover{background:rgba(90,90,90,.1);box-shadow:0 0 2px rgba(0,0,0,.1)}.personal-info-container.dark input.info-unit-edit,.personal-info-container.dark textarea.info-unit-edit{background:#242424;color:hsla(0,0%,96.1%,.79)}.personal-info-container .block-1{position:relative;width:100%;height:100%;padding:18px;box-sizing:border-box;overflow:auto}.personal-info-container .block-1 .control-banner{display:flex;justify-content:flex-start;align-items:center;font-size:24px}.personal-info-container .block-1 .email-info{display:flex;justify-content:flex-start;align-items:center;margin-top:5px}.personal-info-container .personal-info-block{position:relative;width:100%;line-height:2.5}.personal-info-container .personal-info-block div.row{position:relative;width:100%;height:auto;flex:1;padding:8px;border-radius:6px;box-sizing:border-box;transition:all .3s}.personal-info-container .personal-info-block div.row:hover{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.1)}.personal-info-container .personal-info-block div.row .s1{width:100%;font-size:15px;font-weight:700;color:#4b4b4b;display:flex;align-items:center}.personal-info-container .personal-info-block div.row .row-block{display:flex;justify-content:flex-start;align-items:center}.personal-info-container .personal-info-block div.row .row-block .top-up-btn{height:45px;margin:5px 5px 5px 0}.personal-info-container .personal-info-block div.row .Ali-pay-block{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:200px;margin-top:5px}.personal-info-container .personal-info-block .info-gender{margin:0 5px;font-size:24px;display:flex;align-items:center;transition:all .3s}.personal-info-container .personal-info-block .info-gender.choose{font-weight:700}.personal-info-container input.info-unit-edit,.personal-info-container textarea.info-unit-edit{width:100%;height:45px;padding:5px;background:#fff;border:thin solid rgba(0,0,0,.05);border-bottom:thin solid rgba(0,98,158,.6);border-width:2px;color:#242424;border-radius:3px;outline:none;box-sizing:border-box;box-shadow:0 1px 1px rgba(0,0,0,.1);transition:all .3s}.personal-info-container input.info-unit-edit:disabled:hover,.personal-info-container textarea.info-unit-edit:disabled:hover{color:#005a9e}.personal-info-container input.info-unit-edit:disabled,.personal-info-container textarea.info-unit-edit:disabled{padding:0;background:transparent;border:thin;border-bottom:thin solid rgba(0,98,158,0);box-sizing:border-box;box-shadow:none;cursor:pointer}.show-top-to-bottom-enter-active,.show-top-to-bottom-leave-active{transform-origin:50% 0;transition:all .3s}.show-top-to-bottom-enter,.show-top-to-bottom-leave-to{opacity:0;max-height:0;transform:scaleY(0)}.show-top-to-bottom-enter-to,.show-top-to-bottom-leave{opacity:1;max-height:auto;transform:scaleY(1)}.panel-container{position:relative;width:100%;height:100%;padding:15px 15px 55px 15px;color:#1c1e29;font-family:Akkurat Std,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400}.panel-container .panel-title{font-size:12px}.panel-container.dark{color:#f5f5f5}.main_block{position:fixed;width:100%;height:auto;background-size:cover;z-index:30}.main_block .sosd-avatar-container{position:relative;width:30px;height:30px;margin-right:15px;border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;overflow:hidden}.main_block .drop-down-block{flex-direction:column;height:auto}.main_block .drop-down-block,.main_block .drop-down-block .drop-down-item{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.main_block .drop-down-block .drop-down-item{height:45px}.main_block .d-1{position:relative;width:100%;height:80px;background:linear-gradient(#000,transparent);display:flex;justify-content:space-between;align-items:center;z-index:2}.main_block .d-1 .left-block{display:flex;justify-content:flex-start;align-items:center}.main_block .d-1 .left-block .logo{width:auto;height:35px;margin-left:15px;z-index:2;filter:grayscale(.6) brightness(150%)}.main_block .d-1 .left-block .left-info{margin-left:10px;font-size:20px;color:rgba(225,220,220,.92);font-weight:400;font-style:italic;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main_block .d-1 .link-block{position:relative;width:90%;flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center}.main_block .d-1 .link-block .a_link{margin-right:30px;font-size:16px;font-family:微软雅黑;color:rgba(234,233,238,.8);text-decoration:none;transition:all .3s;cursor:pointer}.main_block .d-1 .link-block .a_link:hover{color:#fff}.main_block .d-1 .link-block .a_link:active{color:#eae9ee}.main_block .s-link-block{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:fixed;width:100%;height:100%;padding:15px;padding-top:75px}.main_block .s-link-block .s-link{width:100%;height:auto;padding-left:15px;margin-top:5px;margin-bottom:15px;font-family:微软雅黑;font-size:13.8px;color:rgba(234,233,238,.8);text-align:left;text-decoration:none;float:left;cursor:pointer}.main_block .s-link-block .s-link:hover{color:#fff}.main_block .s-link-block .s-link:active{color:#eae9ee}.main_block .nav-icon{width:auto;height:35x;margin:5px 25px 0 25px;color:#f2f2f2;font-size:18px;visibility:hidden;display:none;float:right;z-index:2}@media screen and (max-width:1024px){.main_block .left-block{display:flex;justify-content:flex-start;align-items:center}.main_block .left-block .left-info,.main_block .link-block{display:none}.main_block .s-link-block{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);text-align:center;z-index:-1;display:flex;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.main_block .nav-icon{visibility:visible;display:flex}}