html, body, div, p, ul, li, table, tr, td { margin: 0; padding: 0 }
html { font-size: 10px; font-family: "Microsoft Yahei" }
body { background-color: #000; color: #c8bcc0 }
a { text-decoration: none; color: #c8bcc0 }
li { list-style: none }
img { max-width: 100% !important; border: 0 }
table { border-collapse: collapse }
strong { color: #f1d27f }
.wrap { margin: 0 auto; padding-bottom: .5rem; max-width: 414px }
.banner { width: 320px; height: 480px; background: url(images/wap/banner.jpg) no-repeat; background-size: 100% 100% }
.logo { position: absolute; right: 5px;top: 10px; background-size: 100% 100%; width: 107px; height: 46px }
.check {
    width: 187px;
    height: 52px;
    background: url(images/wap/check.jpg) no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 410px;
    margin-left: -98px;
}
.tips { background: #4b1917; display: block; width: 300px; line-height: 26px; height: 26px; margin: 7px auto; text-align: center; border-radius: 5px;font-size: 12px; }
.box { margin: 0 auto 1rem; width: 299px; border: 1px solid #811113; }
.t {background: #461717; border-bottom:1px solid #5e1119;/* background: url(images/wap/title.jpg) no-repeat; background-size: 100% 100%; */ height: 30px; line-height: 30px; font-size: 1.2em; padding-left: 7px }
.game-summary .t{background: none;}
#t1 { background-image: url(images/wap/t1.png) }
#t2 { background-image: url(images/wap/t2.png) }
#t3 { background-image: url(images/wap/t3.png) }
.t i { width: 20px; height: 30px; background-repeat: no-repeat; background-size: 100%; background-position: center center; margin-right: 7px; display: inline-block }
.t em { color: #e4c16f; font-size: 16px; font-style: normal; display: inline-block; vertical-align: top }
.game-summary{
    height: 263px;
    background: url(images/wap/w-role.jpg) no-repeat right 0;
    background-size: 100% 100%;
}
.role { height: 204px; /* background: url(images/wap/w-role.jpg) no-repeat right 0; background-size: 100% 100% */ }
.role p {
    padding: 10px 0 0 16px;
    width: 180px;
    text-align: justify;
    line-height: 25px;
    text-indent: 2em;
}
.role p em { color: #e4c16f; font-style: normal }
.news-list ul { padding: .6rem 1rem;background-color: #461717;}
.news-list li { line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.news-list li:first-child a, .news-list li:first-child .cate { color: #e4c16f }
.time { float: right; color: #6f695f; }
.game-info table { width: 298px; position: relative;background-color: #461717; }
.game-info table td { border: 1px solid #710e17; height: 2rem; padding-left: 4px }
.game-info table .no_border { border-top: 0 }
.bottom { text-align: center; border: 0 }
.bottom a {
    display: inline-block;
    background: url(images/wap/btn.jpg) no-repeat;
    margin: 0 1rem;
    color: #331b0e;
    width: 80px;
    height: 25px;
    background-size: 100% 100%;
    line-height: 25px;
    font-size: 14px;
}
.article { }
.back { background: url(images/wap/title.jpg) no-repeat; background-size: 100% 100%; display: block }
.back i { background: url(images/wap/back.png); width: 17px; height: 17px; background-size: 100% 100%; vertical-align: top; margin-top: 6px }
.article h1 { font-size: 1.5rem; text-align: center; color: #f1d27f; }
.article .meta { font-size: 1rem; color: #6f695f; margin: 1rem 0; text-align: center }
.post { padding: 0 1rem 1rem; line-height: 1.8; color: #c8bcc0; }
.post img { margin: 1rem 0 }
.post a { color: #9B9B9B }