html{
    font-family:PingFang SC,Lantinghei SC,-apple-system,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans;
    background: rgb(255, 255, 255) url(/public/game-assets/saolei-big/) repeat fixed;
}

.make-top-bar-left{
    display: flex;
    justify-content: start;
}

.top-bar{
    font-size: 1em;
    color: #555;
    display: flex;
    justify-content: center;
    align-items:center;
    flex-wrap: wrap;
    background-color: transparent;
    white-space: pre-wrap;
}

.top-bar a{
    text-decoration: none;
}

.top-box{
    display: table;
    border : 1px dotted #bbb;
    margin : 0 5px 2px 0;
    padding : 2px 4px;
    border-radius: 3px;
    white-space: nowrap;
}

.top-box-left, .top-box-right{
    display: flex;
    flex-wrap: nowrap;
}

.reminder{
    display: inline-block;
    color: #555;
    cursor: default;
    min-width: 9em;
    text-align: center;
}

.box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1em;
    margin: 3.2em auto;
    width : 22em;
    height: 13em;
    border : 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 1px #BBB;
    background-color: rgb(248, 243, 172);
}

.font-size{
    display: table;
    margin: 2px 4px;
}

.box-bd{
    margin: auto;
    padding-bottom: 1.5em;
    user-select: none;
    -webkit-user-select: none;
    color : #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.font-size span{
    display: inline-block;
    margin-right: 1px;
    border : 1px solid #bbb;
    color: #bbb;
    text-align: center;
    width : 1em;
    height: 1em;
    line-height: 1em;
    cursor: default;
    border-radius: 3px;
}

.font-size span:hover{
    border : 1px solid #666;
}

.box-bd .wzk{
    display: table;
    margin-right: 0.8em;
}

.box-bd .wz{
    font-size: 4.3em;
}

.box-bd .pyk{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width : 6em;
    height: 4.6em;
}

.box-bd .py{
    display: inline-block;
    margin : 0 0 2px 1px;
    font-size: 1.6em;
}

.box-bd .pyk input{
    font-size: 1.6em;
    padding-left: 2px;
    width : 2em;
    background-color: #fff;
}

.clear{
    font-size: 1.6em;
    cursor: default;
}

.clear:hover{
    color : #999;
}

.clear:active{
    color : #555;
}