* {
    margin:0;
    padding:0;
}
a {
    text-decoration: none;
}
#main > div > kbd {
    border-radius: 6px;
    color:#C5C5C5;
    background: linear-gradient(to bottom, #282828 0%,#111111 100%); 
    font-weight:bold;
    font-family: Helvetica;
    display: inline-block;
    width:5em; height:4em;
    text-transform: uppercase;
    position:relative;
    margin:10px 7px;
    line-height: 4em;
    border:1px solid #373737;
    box-shadow: 0px 0px 0px 1px #1A1B1C,0 0 0 2px #1F2020,0 3px 4px 2px #080808;
}
#main >div >kbd>button {
    position:absolute;
    right:2px; bottom:2px;
    display:none;
    background-color: white;
    font-family: Helvetica;
    border-radius: 3px;
}
#main >div >kbd:hover {
    cursor:pointer;
    box-shadow: 0px 0px 0px 1px #1A1B1C,0 0 0 2px #1F2020;
    margin-bottom:7px;
    vertical-align: bottom;
}
#main >div >kbd:hover>button {
    display:inline-block;
}
#main >div:nth-child(1) {
    margin-top:33px;
}
#main > .promptMessage {
    color:transparent;
    font-family:黑体;
    font-size:20px;
}
#main > div:nth-child(3) {
    margin-right:30px;
}
#main{
    display: none;
    width:1000px;
    height:330px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
}
.iconWrapper {
    position:absolute;
    right:20px; top:0;
    background-color: rgba(255,255,255,0.4);
    border-radius: 6px;
}
.iconWrapper> .iconMessage {
    font-weight:bold;
}
main {
    height:100vh;
    background-position: center center;
    background-size:cover;
    text-align: center;
    display: flex;
    justify-content:center;
    align-items: center;
    position:relative;
}
main .ico {
    width:22px;
    height:22px;
    position:absolute;
    left:4px;
    bottom:2px;
}