body {background: #666;color: #000;-webkit-tap-highlight-color: rgba(0,0,0,0); font-weight:bold;}
a {color: inherit;}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {color: #aaa;}
input, textarea, button {font-size: inherit;resize : none;}
a:hover {text-decoration: none;}
.layout {width: 7.5rem;min-height: 100vh; font-size: 0.24rem; margin: 0 auto; box-shadow: 0 0 1rem rgba(0,0,0,.2); background: #fff;}
.none {display: none;}


.top {}
.top img { width: 100%;}

.tabs{ display: flex; justify-content: center; margin-top: -1.6rem; position: relative; z-index: 9;}
.tabs a { display: block; width: 2.43rem; height: 1.33rem; margin: 0 0.4rem; font-size: 0; overflow: hidden; text-indent: -99999999999rem;}
.tabs a.active { color: #fff; background: #f00;}
.tabs a.am { background: url(../images/tab-am.png) 0 0 no-repeat; background-size: 2.43rem auto;}
.tabs a.active.am { background: url(../images/tab-am.png) 0 -2rem no-repeat; background-size: 2.43rem auto;}
.tabs a.xg { background: url(../images/tab-xg.png) 0 0 no-repeat; background-size: 2.43rem auto;}
.tabs a.active.xg { background: url(../images/tab-xg.png) 0 -2rem no-repeat; background-size: 2.43rem auto;}
#xgamtabs[data-fixed="fixed"]{position: fixed;top:0px;z-index: 9;margin: auto; padding-left:52px;}
@media screen and (max-width:750px){
	#xgamtabs[data-fixed="fixed"]{position: fixed;top:0px;z-index: 9;margin: auto; left:-25px;}
}
.swiper-container { margin-top: -0.8rem;}
.content-slide .box:nth-child(1) { margin-top: 0;}


.box { width: 7.5rem; height: 10.67rem; margin-top: -1rem; padding-top: 1.35rem; box-sizing: border-box; background: url(../images/box.png) no-repeat; background-size: 100%;  position:  relative;}
.box-img { width: 0.92rem; height: 0.92rem; position: absolute; top: 0.65rem; left: 0; right: 0; margin: auto;}
.box-img img { width: 0.92rem; height: 0.92rem;}
.box-tit { height: 1.2rem; text-align: center; background: url(../images/tit.png) center center no-repeat; background-size: auto 1.2rem;}
.box-tit h2 { padding-top: 0.38rem; line-height: 0.82rem; font-size: 0.44rem; font-weight: bold;}
.list { width: 6.4rem; margin: 0 auto; font-weight: bold;}
.item { display: flex; align-items: center; height: 1.36rem; background: url(../images/line.png) bottom center no-repeat; background-size: 6.28rem 0.1rem; position: relative;}
.item-num { width: 1.5rem; text-align: center;}
.item-num span { display: block; width: 0.62rem; height: 0.62rem; line-height: 0.62rem; text-align: center; font-size: 0.36rem; font-weight: normal; font-family: impact; color: #fff; background: url(../images/num.png) 0 0 no-repeat; background-size: 100%; margin: 0 auto;}
.item-logo { padding-right: 0.25rem;}
.item-logo img { width: 1.6rem; height: 0.8rem; border-radius: 0.1rem; box-shadow: 0 0.02rem 0.1rem rgba(0,0,0,.1);}
.item-txt { line-height: 1.7; color: #b1050d;}
.item-txt span { color: #000;}
.hot { display: block; width: 0.66rem; height: 0.62rem; font-size: 0; overflow: hidden; text-indent: -99999rem; background: url(../images/hot.png) 0 0 no-repeat; background-size: 100%; position: absolute; left: -0.33rem;  top: 0.25rem;}

.czb { margin-top: -4.07rem; color: #fff; text-align: center;}
.czb:before { content: ""; display: block; width: 7.5rem; height: 5.35rem; background: url(../images/czb.png) 0 0 no-repeat; background-size: 100%;}
.czb:after { content: ""; display: block; width: 7.5rem; height: 0.6rem; margin-top: -0.02rem; background: url(../images/czb-foot.png) 0 0 no-repeat; background-size: 100%;}
.czb ul { display: flex; flex-wrap: wrap; justify-content: center; margin-top: -0.02rem; background: #000;}
.czb ul li { padding: 0 0.18rem 0.2rem 0.18rem;}
.czb ul li img { width: 1.4rem; height: 0.7rem; margin-bottom: 0.1rem; border-radius: 0.1rem;}

.footer { line-height: 1.7; padding-bottom: 1rem; font-weight: bold; text-align: center;}
.footer1 { font-size: 0.28rem;}
.footer2 {}

.foot-down { display: flex; align-items: center; height: 1rem; padding: 0 0.16rem; background: rgba(0,0,0,.7); width: 100%; max-width: 7.5rem; position: fixed; bottom: 0; margin: auto; left: 0; right: 0; z-index: 2; font-weight:bold; color:white;}
.foot-down-l { width: 0.3rem; height: 0.3rem; background: url(/images/x.png) no-repeat; background-size: 100% 100%; font-size: 0; overflow: hidden; text-indent: -9999999999rem;}
.foot-down-m { flex: 1; text-align: center; font-size: 34px;}
.foot-down-r {}
.foot-down-r a { display: inline-block; padding: 0.06rem 0.12rem; border-radius: 0.08rem; background: #e60012;font-size: 30px;}
@media screen and (max-width:750px){
	.foot-down-m { font-size: 16px;}
	.foot-down-r a { font-size: 22px;}
}