body {
    background: #9fcdff;
}

#masthead {
    height: 64px;
    padding: 10px;
    z-index: 1;
    font-family: "Adobe 宋体 Std L","Times New Roman", serif ;
}

#logo {
    font-size: 30px;
}

#head_right {
    height: 30px;
}

#head_avatar {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #c5c5c5;
}

aside {
    position: fixed;
    left: 0;
    top: 60px;
    margin: 0;
    border: 0;
    border-right: 1px solid #adb5bd;
    padding: 0;
    width: 150px;
    height: 100%;
    font: 400 16px/1rem "Adobe 宋体 Std L";
}
aside img {
    margin-right: 10px;
    border: 0;
    padding: 0;
    width: 24px;
    height: 24px;
}
aside ul {
    background: #f8f9fa;
}
aside li {
    display: flex;
    cursor: pointer;
    color: #212259;
    border-bottom: thin solid #adb5bd;
    padding: 10px 10px 10px 20px;
    text-align: justify;
    align-items: center;
}
aside li:hover {
    background: #e2e6ea;
}
aside li a {
    display: flex;
    text-align: justify;
    align-items: center;
    text-decoration: none;
    color: #5a6268;
}
main {
    position: absolute;
    top: 80px;
    left: 180px;
    width: 800px;
    font-family: "Adobe 宋体 Std L","Times New Roman", serif;
}
#user_info, #safe_set {
    display: none;
}
main table {
    margin: 10px;
    width: 100%;
}
main table caption {
    caption-side: top;
    height: 40px;
    padding-left: 10px;
    text-align: left;
    color: #000000;
    font: 600 18px/1rem normal;
}
#user_info tbody tr:last-child{
    border-bottom: thin solid #adb5bd;
}
#user_info tbody td img {
    display: inline-flex;
    cursor: pointer;
    padding: 0;
    align-items: center;
}
main table td{
    height: 54px;
}
main .table thead th{
    border: 0;
}
main .table tbody{
    border-top: 0;
}
main tbody th{
    text-align: right;
}
#user_info tbody th{
    width: 80px;
    line-height: 1.6em;
    font: 400 16px/1rem nomal;
}
main tbody td{
    padding-left: 20px;
    text-align: left;
    font-size: 14px;
}
#page_content {
    display: none;
}
#base_info th, #base_info td {
    vertical-align:top;
}
#base_info button, #auth_info button{
    display: none;
    margin-left: 5px;
}
td .field {
    display: none;
}

td > span, td .field {
    line-height: 1.6em;
    vertical-align: middle;
    padding: 0 10px 0 10px;
}
.field span{
    margin: 0 5px 0 5px;
    align-items: center;
    vertical-align: middle;
}

#base_info .avatar {
    align-items: center;
    text-align: center;
    padding: 20px;
    justify-content: center;
}

#base_info .avatar .img {
    display: flex;
    cursor:pointer;
    margin: 0 auto;
    background-size: 100px 100px;
    background-position: center center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    align-items: center;
}

#base_info .avatar .img .shade {
    display: none;
    margin: 0 auto;
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    opacity: 50%;
    align-items: center;
    justify-content: center;
}

#base_info input {
    width: 400px;
    height: 32px;
    text-align: left;
}

#base_info span,#base_info tbody td input{
    padding: 0 5px 0 5px;
}
#auth_info .gender label {
    margin-right: 15px;
}
#auth_info .gender input {
    margin: 0 5px 0 0;
    vertical-align: sub;
}
.birthday input{
    width: 150px;
}
.dating select {
    width: 80px;
    font-size: 12px;
}
#school_info{
    display: none;
}
#safe_set .show-res {
    display: none;
}
#set_options td {
    vertical-align: middle;
}
#set_options a {
    cursor: pointer;
    color: #80bdff;
}
#authentication {
    display: none;
    width: 640px;
}
#authentication .pwd {
    display: none;
}
#authentication .title {
    width: 100px;
}
#authentication .old-pwd {
    width: 25em;
}
#authentication input, #authentication button {
    display: inline-block;
    height: 40px;
}
#authentication .code {
    margin-right: 10px;
    width: 6em;
}
#change_pwd, #change_mobile,#change_email{
    display: none;
}
#change_mobile table, #change_email table {
    width: 300px;
}
#change_mobile th, #change_mobile td, #change_email th,#change_email td {
    padding: 5px 0;
    vertical-align: middle;
}
#change_mobile th {
    text-align: right;
}
#new_mobile {
    padding: 0 1em;
    width: 8em;
}
#mobile_code, .send-mobile-code {
    display: inline-block;
    height: 38px;
}
#mobile_code {
    width: 5em;
    padding: 0 1em;
    margin-right: 5px;
}
.submit-change-mobile {
    padding: 10px;
    text-align: center;
    justify-content: center;
}
#change_email table {
    width: 600px;
}
#new_email {
    width: 32em;
}
#email_code {
    width: 6em;
    margin-right: 5px;
}
#change_email .submit-change-email {
    text-align: center;
    justify-content: center;
}