*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header{
	width:100%;
	height:.5rem;
	background:linear-gradient(270deg,rgba(33,35,47,1) 0%,rgba(0,0,0,0.5) 100%);
	padding:0 .15rem;
	box-sizing: border-box;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top:0;
	left:0;
	z-index: 9;
}
.logo{
	width:1.74rem;
	height:.31rem;
	/*  background:url(/gfh5/images/logo.png) no-repeat;
	background-size:100% 100%; */
        background: url(https://www.crazysports.com/gf/images/sy/logo.png) no-repeat;
        background-size: auto 100%;
}
.header-right{
	width:1rem;
	height:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.lanugage{
	width:.8rem;
	text-align: center;
	font-size:.15rem;
	color:#FFFFFF;
}
.tapmuea {
    width: .15rem;
    height: .13rem;
    background: url(/gfh5/images/tapmeau.png) no-repeat;
    background-size: 100% 100%;
}
.header-close {
    width: .19rem;
    height: .18rem;
    background: url(/gfh5/images/rightclose.png) no-repeat;
    background-size: 100% 100%;
}

.tysstitle{
    width: 100%;
    padding: 0.16rem 0.24rem;
    margin-top: 0.5rem;
    background: url('/gfh5/images/tyssTitleBj.png') no-repeat;
    background-size: 100% auto;
}

.tysstitle .ywln{
    width: 0.74rem;
    height: 0.18rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    font-size: .18rem;
    color: #333333;
    line-height: .27rem;
    text-align: justify;
    font-style: normal;
}

.tysstitle .text{
  width: 1.73rem;
  height: 1.6rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: .13rem;
  color: #333333;
  line-height: .2rem;
  text-align: justify;
  font-style: normal;
  margin-top: .1rem;
}

.itemBox{
  padding: 0.04rem 0.15rem 0.16rem;
}

.itemBox .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.12rem 0;
}

.itemBox .top .titleItem{
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: .16rem;
  color: #008FE2;
  line-height: .24rem;
  text-align: justify;
  font-style: normal;
}

.itemBox .top a{
    width: 0.2rem;
    height: 0.11rem;
}

.itemBox .top a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.itemBox .banner img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.itemBox .text{
  margin-top: .1rem;
  font-family: MicrosoftYaHei;
  font-size: 0.14rem;
  color: #333333;
  line-height: 0.24rem;
  text-align: justify;
  font-style: normal;
}

.linefg{
  width: 360px;
  height: 1px;
  background: #F2F2F2;
  margin: 0 auto;
}




.footer{
	width:100%;
	height:3.75rem;
	background:#191D28;
	padding:.19rem .15rem 0 .15rem;
	box-sizing: border-box;
	display:flex;
	flex-direction: column;
	position: relative;
}
.footer span{
	width:100%;
	display:flex;
	flex-direction: row;
}
.footer span p.allp{
	width:100%;
	font-size:.12rem;
	color:#676F74;
}
.footer span p.halfp{
	width:50%;
	font-size:.12rem;
	color:#676F74;
}
.footer .rowline{
	width:100%;
	height:1px;
	background:#676F74;
	margin-top:.15rem;
	margin-bottom:.15rem;
}
.footer img{
	width:1rem;
	height:1rem;
	margin-top:.1rem;
}
.gobtop{
	width:.46rem;
	height:.5rem;
	background:url(/gfh5/images/gotop.png) no-repeat;
	background-size:100% 100%;
	position: absolute;
	right:.15rem;
	bottom:.55rem;
}

/*菜单*/
/*菜单选择*/
.meauboxtask{
	position: fixed;
	width:100%;
	height:100%;
	top:.5rem;
	left:0;
	background:rgba(255,255,255,0.9);
	z-index: 9999;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.meauboxtask div{
	width:1.2rem;
	height:.6rem;
	text-align: center;
	line-height: .6rem;
	color:#333333;
	font-size:.15rem;
	border-bottom:1px solid #D9D9D9;
}