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

* { margin: 0; padding: 0; list-style: none; word-break: break-all; -webkit-appearance: none;}
html { font-size: 15.625vw; background: url(../images/bgs.png) -140px -140px #ececec; background-attachment: fixed;}
body { min-height: 100vh; padding-bottom: 0.3rem; box-sizing: border-box; color: #866638; font-size: 0.24rem; font-weight: normal; min-height: 100vh; background: #fff; 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;}
img { border: 0; vertical-align: top;}


.wrapper { background: url(../images/bg.png) top center no-repeat; background-size: 100% auto; position: relative;}

.banner {}
.banner img { width: 100%; height: auto;}

.down { padding: 0.2rem 0.3rem;}
.down ul { display: flex; justify-content: space-between;}
.down ul li { display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 0.6rem; color: #424a66; border-radius: 0.6rem; border: solid 0.02rem #ceb295; box-sizing: border-box; cursor: pointer;}
.down ul li img { width: 0.32rem; height: 0.32rem; margin-right: 0.13rem;}
.down ul li:hover { background: #f6f0e7;}

.list { padding: 0 0.3rem;}
.list .tit { height: 0.5rem; line-height: 0.5rem; font-size: 0.2rem; text-align: center; box-shadow: inset 0 0.02rem 0.05rem rgba(181,150,118,.3); border-radius: 0.15rem; background: #f6f0e7;}
.list ul {}
.list ul li { display: flex; justify-content: space-between; align-items: center; margin-top: 0.15rem; padding: 0 0.25rem 0 0.45rem; height: 0.8rem; border-radius: 0.15rem; box-shadow: 0 0.03rem 0.12rem rgba(206,178,149,.75);}
.list ul li .l { display: flex; align-items: center; font-size: 0.25rem; font-weight: bold; letter-spacing: 0.04rem;}
.list ul li .l img { width: auto; height: 0.5rem; margin-right: 0.15rem;}
.list ul li:nth-child(1) .l img { height: 0.62rem;}
.list ul li .r { width: 1.7rem; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 0.5rem; color: #fff; background: #866638;}
.list ul li:hover { cursor: pointer; box-shadow: 0 0.03rem 0.12rem rgba(206,178,149,1);}
.list ul li:hover .r { background: #62451b;}

.game {}
.game .tit { padding: 0.3rem 0 0.1rem 0;}
.game .tit img { width: 100%;}
.game ul { display: flex; flex-wrap: wrap; justify-content: center;}
.game ul li { padding: 0.1rem; cursor: pointer;}
.game ul li .box { width: 1.8rem; height: 1.8rem; box-sizing: border-box; border: solid 0.01rem #dec9b4; box-sizing: border-box; border-radius: 0.1rem; position: relative;}
.game ul li .box img { width: 100%;}
.game ul li .box span { display: block; width: 1.8rem; height: 0.77rem; padding-top: 0.32rem; box-sizing: border-box; color: #fff; text-align: center; background: url(../images/gameBg.png) 0 0 no-repeat; background-size: 100% auto; position: absolute; left: 0; bottom: 0;}
.game ul li .btn { height: 0.41rem; line-height: 0.41rem; margin-top: 0.07rem; text-align: center; font-size: 0.2rem; background: url(../images/btn.png) no-repeat; background-size: 100% 100%;}
.game ul li:hover .box { background: #f6f0e7;}
.game ul li:hover .btn { filter: brightness(0.98);}

.foot { padding: 0.3rem 0;}
.foot img { width: 100%; height: auto;}

.footer { text-align: center; font-size: 0.2rem; color: #878ea6;}

@media screen and (min-width:640px) {
html { font-size: 100px;}
body { width: 640px; margin: 0 auto;}
}



/*----------------------------------------------------------------------------------------*/

.interBox { position: relative;}

.pop { width: 5.8rem; border-radius: 0.15rem; padding: 0.3rem; box-sizing: border-box; box-shadow: 0 0.03rem 0.36rem rgba(206,178,149,1); position: absolute; left: 0; right: 0; margin: auto; background: #fff; display:none; z-index: 9999; font-size: 0.2rem;}
.pop#id1 { bottom: 1.9rem;}
.pop#id2 { padding: 0.1rem 0.3rem; bottom: 4.3rem;}
.pop#id3 { padding: 0.1rem 0.3rem; bottom: 4.3rem;}

.line-tit { text-align: left; color: #666; font-weight: normal; text-align: center;}
.line-down { padding: 0.15rem 0 0.2rem 0; color: #fff;}
.line-down a { display: flex; justify-content: center; align-items: center; font-size: 0.24rem; font-weight: bold; padding: 0.1rem 0; font-weight: bold; border-radius: 0.5rem; background: linear-gradient( #e61b0b, #d21614);}
.line-down a:hover { filter: brightness(1.1);}
.line-down img { width: 0.4rem; height: 0.4rem; margin-right: 0.1rem;}
.linebox {}
.linebox ul {}
.linebox ul li {}
.linebox ul li:last-child { padding-bottom: 0;}
.linebox ul li a { display: flex; cursor: default; padding: 0.1rem 0; border-bottom: solid 0.01rem #ebe0d4; align-items: center;}
.linebox ul li a .lineimg { margin-right: 0.08rem;}
.linebox ul li a .lineimg img { width: 0.3rem; vertical-align: middle;}
.linebox ul li a .linename { width: 1rem; font-weight: bold;}
.linebox ul li a .linetxt { flex: 1;}
.linebox ul li a .linetime { width: 0.8rem;}
.linebox ul li a .linetime em { color: #866638; font-style: normal;}
.linebox ul li a .linetime b { color: #866638; font-weight: normal;}
.linebox ul li a .linebtn { cursor: pointer; width: 1.2rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: #fff; border-radius: 0.5rem; background: #866638;}
.linebox ul li a:hover .linebtn { filter: brightness(1.1);}

.wxts { display: flex;justify-content: center; align-items: center; padding-top: 0.2rem; text-align: center; font-size: 0.18rem; color: #e61b0b;}
.wxts img { height: 0.2rem; width: auto; margin-right: 0.1rem;}

.downlist { text-align: center;}
.downlist li {}
.downlist li:last-child { border-top: solid 0.01rem #ebe0d4;}
.downlist li a { display: flex; justify-content: center; align-items: center; padding: 0.2rem 0; background: #fff;}
.downlist li div { display: flex; align-items: center; flex: 1; font-size: 0.24rem; font-weight: bold; color: #424a66;}
.downlist li div img { width: 0.4rem; height: 0.4rem; margin-right: 0.1rem;}
.downlist li span { display: block; width: 2.48rem; height: 0.45rem; line-height: 0.45rem; color: #fff; border-radius: 1rem; background: #866638;}
.downlist li:hover span { filter: brightness(1.1);}