/* css for dom */
.board { width: 61px; height: 67px; position: absolute; background-repeat: no-repeat; }
.board img { width: 100%; height: 100%; }
.board_gray {
    background-image: url("../raw/gray.png");
}
.board_blue {
    background-image: url("../raw/blue.png");
}
.board_cyan {
    background-image: url("../raw/cyan.png");
}
.board_green {
    background-image: url("../raw/green.png");
}
.board_lightyellow {
    background-image: url("../raw/lightyellow.png");
}
.board_red {
    background-image: url("../raw/red.png");
}
.board_yellow {
    background-image: url("../raw/yellow.png");
}
.board_white {
    background-image: url("../raw/white.png");
}

.board_darkblue {
    background-image: url("../raw/darkblue.png");
}
.board_darkcyan {
    background-image: url("../raw/darkcyan.png");
}
.board_darkgreen {
    background-image: url("../raw/darkgreen.png");
}
.board_darklightyellow {
    background-image: url("../raw/darklightyellow.png");
}
.board_darkred {
    background-image: url("../raw/darkred.png");
}
.board_darkyellow {
    background-image: url("../raw/darkyellow.png");
}

/**死亡界面*/
.die { width: 400px; height: 508px; }
.align_center {
    text-align: center;
    width: 100%;
    font-family: arial, sans serif;
}
.title {
    font-size: 48px;
    margin-top: 20px;
    height: 58px;
    line-height: 58px;
}
.score {
    font-size: 88px;
    margin-top: -15px;
    height: 98px;
    line-height: 98px;
}
.best {
    font-size: 30px;
    margin-top: 0px;
    height: 40px;
    line-height: 40px;
}
.desc {
    font-size: 24px;
    color: #ffffff;
    margin-top: 10px;
    height: 34px;
    line-height: 34px;
}
.shareBtn {
    background-image: url("../raw/btn_blue.png");
    color: #ffffff;
    height: 76px;
    font-size: 32px;
    background-repeat: no-repeat;
    line-height: 73px;
}
.playBtn {
    background-image: url("../raw/btn_yellow.png");
    color: #ffffff;
    height: 76px;
    font-size: 42px;
    background-repeat: no-repeat;
    line-height: 73px;
}
.powered {
    background-image: url("../raw/qici.png");
    background-repeat: no-repeat;
    height: 60px;
    font-size: 24px;
    color: #ffffff;
    line-height: 60px;
}
.surprise {
    background-image: url("../raw/logo.png");
    height: 62px;
    color: #ffffff;
    background-repeat: no-repeat;
    margin: 6px auto 0 11px;
    font-size: 30px;
    line-height: 62px;
}
.dieDialogMask {
    background: black;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

/**分享*/
.share_img {
    background-image: url("../raw/arrows.png");
    width: 94px;
    height: 91px;
    position: absolute;
    right: 20px;
    top: 10px;
}
.share {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    padding-top: 40px;
    width: 100%;
    height: 144px;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 48px;
}
.hidden {
    display: none;
}