html { font-size: 20px; }

body { color: #666; font-size: .62rem; line-height: .9rem; font-family: "Microsoft YaHei"; }

body, dl, dd, h1, h2, h3, p, form, input, button, li, ol, ul { margin: 0; padding: 0; }

li, ol, ul { list-style: none; }

img { max-width: 100%; border: none; }

input, button { outline: 0; }

a { color: #333; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }

button { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

.text-center { text-align: center; }

.fl { float: left; }

.fr { float: right; }

.page { margin: 0 auto; max-width: 1000px; min-width: 320px; }

.h1 { font-weight: normal; text-align: center; border-bottom: 1px solid #f57d28; line-height: 1.06383rem; color: #333; font-size: .5rem; position: relative; }
.h1 img { width: 6.38298rem; padding-top: .3rem; }
.h1 img.userimg { width: 0.95745rem; margin: .2rem; position: absolute; left: 0; }
.h1 .usrname { margin-right: .2rem; position: absolute; left: 1.2rem; top: .1rem; width: 2.3rem; text-overflow: ellipsis; overflow: hidden; }
.h1 .logout { position: absolute; left: 1.4rem; top: .8rem; line-height: 0.85106rem; display: none; }

.usrname { font-size: .7rem; }

header { position: relative; width: 100%; overflow-x: auto; height: 12.97872rem; white-space: nowrap; overflow-y: hidden; }

header img { width: 7.74468rem; height: 12.97872rem; display: inline; }

.main { padding: 0 0.53191rem; }

.game { position: relative; z-index: 9; padding-bottom: 0.42553rem; border-bottom: 1px solid #e2e2e2; }

.game:after { clear: both; display: block; content: ''; }

.icon_img { width: 3.40426rem; height: 3.40426rem; border-radius: .4rem; margin-top: -1.2rem; }

.game_con { height: 2.12766rem; padding-top: 0.42553rem; padding-left: 0.6383rem; }

.ico { background: url("../images/ico.png") no-repeat left top; background-size: 15.74468rem 6.38298rem; }

.gift_ico { color: #000; background-position: -2.55319rem -0.10638rem; font-size: 0.76596rem; }

.zan { background-position: -6.38298rem -0.21277rem; padding-left: 1.06383rem; }

.version { line-height: 1.2766rem; }

.game_pro { padding: 0.42553rem 0.42553rem 0.10638rem; border-bottom: 1px solid #e2e2e2; }

h3 { font-size: 0.74468rem; color: #2e2e2e; line-height: 0.95745rem; }

h3:after { clear: both; display: block; content: ''; height: 0.31915rem; }

.game_cons { height: 2.5rem; overflow: hidden; }

.game_cons.height_auto { height: auto !important; transition: height .3s ease; }

.open_btn { color: #ccc; font-size: 0.85106rem; display: inline-block; padding: 0.21277rem; transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.open_btn.rotate { transform: rotate(270deg); -webkit-transform: rotate(270deg); }

.game_info { margin: 0.53191rem 0 0.53191rem 0; padding-bottom: 0.42553rem; }

.game_info table { line-height: 0.68085rem; }

.game_info table tr td:first-child { color: #999; text-align: right; }

.game_info table tr td { color: #333; }

.footer { height: 2.68085rem; }

footer { position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; padding: 0.42553rem; background: rgba(255, 255, 255, 0.6); border-top: 2px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; box-sizing: border-box; }
footer .down_btn { display: block; text-align: center; width: 10rem; line-height: 1.59574rem; border-radius: .2rem; background: #f57d28; color: #fff; margin: 0  auto; font-size: 0.68085rem; }
footer .return, footer .home { display: block; width: 1.06383rem; height: 1.06383rem; text-indent: -9999px; margin-top: 0.21277rem; }
footer .return { background-position: -3.19149rem -1.06383rem; }
footer .home { background-position: -5.31915rem -1.06383rem; position: absolute; right: 0.42553rem; bottom: 0.6383rem; }

/*# sourceMappingURL=details.css.map */