body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{
    margin:0;
    padding:0;
    font-size:.24rem
}
body,button,input,select,textarea{
    font:12px/1.5tahoma,arial,\5b8b\4f53
}
body{
    height:100%;
    -webkit-overflow-scrolling:touch;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family: Arial !important;;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%
}
address,cite,dfn,em,var{
    font-style:normal
}
code,kbd,pre,samp{
    font-family:couriernew,courier,monospace
}
small{
    font-size:12px
}
ul,ol{
    list-style:none
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
sup{
    vertical-align:text-top
}
sub{
    vertical-align:text-bottom
}
legend{
    color:#000
}
fieldset,img{
    border:0
}
button,input,select,textarea{
    margin:0;
    padding:0;
    font-size:100%
}
table{
    border-collapse:collapse;
    border-spacing:0
}
img{
    display:block
}
button{
    border:0;
    display:block
}
html{
    height:100%;
    overflow-x:hidden
}
body{
    height:100%
}
button:focus{
    outline:none
}
div{
    margin:0
}
input{
    outline:none
}
.success{
    position:fixed;
    width:100%;
    color:#1d1511;
    margin-top:50%;
    z-index:1000;
    display:none
}
.success .t1{
    margin:0 auto;
    z-index:999;
    padding:.3rem;
    font-size:.3rem;
    text-align:center;
    line-height:.3rem;
    font-family:couriernew,courier,monospace;
    background:rgba(0,0,0,.7);
    border-radius:1rem;
    color:#fff;
    width:-webkit-fit-content;
    max-width:80%;
    min-width:44%
}
.text_center{
    text-align:center
}
.text_start{
    text-align:start
}
.middle_line{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center
}
.middle_linex_start{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}
.middle_linex_end{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
.middle_x{
    left:50%;
    transform:translate(-50%,0%);
    position:absolute
}
.middle_y{
    top:50%;
    transform:translate(0%,-50%);
    position:absolute
}
.middle_xy{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    position:absolute
}
.middle_table{
    display:table
}
.middle_table>div,.middle_table>img{
    display:table-cell;
    vertical-align:middle;
    margin:auto
}
.flex-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.flex-column{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.justify-start{
    justify-content: start;
}
.justify-end{
    justify-content: end;
}
.align-start{
    align-items: flex-start;
}
.align-end{
    align-items: flex-end;
}
.text-start{
    text-align: start;
}
.text-end{
    text-align: end;
}
.gray{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(90%);
    filter:gray;
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.nick{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.head{
    border-radius: 10rem;
    overflow: hidden;
}
.head>img{
    width: 100%;
    height: 100%;
}
.toast{
    bottom: 1.5rem;
    text-align: center;
    max-width: 7rem;
    width: fit-content;
    min-width: 2rem;
    padding: 0.1rem 0.3rem;
    line-height: .4rem;
    background: rgba(51,51,51,.8);
    border-radius: 1rem;
    color: #FFFFFF;
    z-index: 999999;
}