@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style: none; word-break: break-all; -webkit-appearance: none;}
html { font-size: 18.5185vw; background: url(../images/bg.png) top center no-repeat #d49c18; background-size: 100% auto; background-attachment: fixed;}
body { min-height: 100vh; color: #333; font-size: 0.18rem; font-weight: bold; min-height: 100vh; background: #f5f5f5; background-size: 100% auto; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";}
a { color: inherit; display: inline-block; text-decoration: none;}
table { border-collapse: collapse; table-layout: fixed;}
@media screen and (min-width:769px) {
html { font-size: 100px;}
body { width: 540px; margin: 0 auto;}
}
img { border: 0; vertical-align: top;}


.wrapper {}

.header { display: flex; align-items: center; justify-content: center; height: 0.8rem; background: #fff;  position: fixed; width: 100%; max-width: 5.4rem; z-index: 9;}
.header .logo { height: 0.66rem; width: auto;}
.header a { display: flex; align-items: center; justify-content: center; width: 0.8rem; height: 0.8rem; position: absolute; top: 0; right: 0;}
.header a img { width: 0.35rem; height: 0.35rem;}
.header-blank { height: 0.8rem;}

.enter { display: flex; justify-content: center; height: 9.07rem; padding-top: 6.9rem; box-sizing: border-box; text-align: center; background: url(../images/banner.png) top center no-repeat; background-size: 100% auto; position: relative}
.enter ul {}
.enter ul li { padding-bottom: 0.18rem;}
.enter ul li button { display: flex; align-items: center; justify-content: center; width: 2.7rem; height: 0.57rem; color: #fff; font-size: 0.215rem; font-weight: bold; border: 0; border-radius: 0.13rem; background: linear-gradient(to top, #ca871f, #d89326); box-shadow: 0 0.04rem 0.06rem rgba(0,0,0,.1);}
.enter ul li img { width: 0.27rem; height: 0.27rem; margin-right: 0.2rem;}

#bg{ width: 100%; height: 100%; top: 0; left: 0;position: fixed; filter: Alpha(opacity=70); opacity:0.7; background:#000000; display: none; z-index: 10;}
#popbox{ position: absolute; width: 5rem; padding: 0 0.2rem; box-sizing: border-box; border-radius: 0.13rem; left: 0; right: 0; bottom: 2.5rem; margin: auto; display: none; background:#fff; z-index: 11;}
#popbox:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 0.2rem solid transparent; border-right: 0.2rem solid transparent;
border-top: 0.2rem solid #fff; position: relative; left: 0; right: 0; margin: auto; bottom: -0.25rem;}

.line-tit { padding-top: 0.2rem; text-align: left; color: #666;}
.line-down { padding: 0.15rem 0;}
.line-down a { display: flex; justify-content: center; align-items: center; height: 0.6rem; font-weight: bold; border-radius: 0.13rem; font-size: 0.24rem; color: #fff; background: linear-gradient(to top, #dd3239, #e25159); box-shadow: 0 0.04rem 0.06rem rgba(0,0,0,.1);}
.line-down img { width: 0.3rem; height: 0.3rem; margin-right: 0.2rem;}
.linebox {}
.linebox ul {}
.linebox ul li { padding-bottom: 0.1rem;}
.linebox ul li:last-child { padding-bottom: 0;}
.linebox ul li a { display: flex; cursor: default;}
.linebox ul li a .linetime { width: 0.8rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.07rem; margin-right: 0.1rem; background: #f5f5f5;}
.linebox ul li a .linetime em { color: #333; font-style: normal;}
.linebox ul li a .linetime b { color: #dc2a33;}
.linebox ul li a .lineweb { display: none; flex: 1; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.07rem; margin-right: 0.1rem; background: #fff;}
.linebox ul li a .linetxt { flex: 1; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.07rem; margin-right: 0.1rem; background: #f5f5f5;}
.linebox ul li a .linebtn { cursor: pointer; width: 1.1rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; border-radius: 0.07rem; background: linear-gradient(to top, #ca871f, #d89326);}

.tit { padding: 0.5rem 0 0.25rem 0;}
.tit img { width: 100%; height: auto;}

.box { width: calc(100% - 0.36rem); margin: 0 auto; padding: 0.2rem 0.1rem; box-sizing: border-box; border-radius: 0.13rem; box-shadow: 0 0.09rem 0.18rem rgba(0,0,0,.1); background: #fff;}

.gamerow { padding: 0.03rem 0; text-align: center;}
.gamerow div { display:flex;}
.gamerow div p { display:flex; flex-direction: column; width: 1.1rem; margin: 0 0.03rem; padding: 0.1rem 0; border-radius: 0.1rem; background: #f9f9f9;}
.gamerow div p img { width: 0.8rem; height: 0.8rem; margin: 0 auto 0.1rem auto;}
.gamerow div p span { font-size: 0.13rem;}
.gamerow div p em { font-style: normal; color: #666; font-size: 0.17rem; font-family: Arial, Helvetica, sans-serif;}
.gamerow div p em.red { color: #f00;}

.downimg img { width: 100%; height: auto;}
.down { display: flex; padding-top: 0.2rem;}
.down a { display: block;}
.down img { width: 100%;}

.footer { padding-top: 0.2rem;}
.footer img { width: 100%;}
.footer p { padding: 0.15rem; text-align: center; color: #666674; font-size: 0.16rem; text-align: center; background: #212129;}