.devgameWrap{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 auto 0;
	max-width:10.8rem;
}
.kv{
	width:100%;
	height:11.86rem;
	background:url(../images/kv.jpg?202506261539) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
}
.top{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.slogan{
	width:8rem;
	height:1.59rem;
	background:url(../images/slogan.png?202506261539) no-repeat center;
	background-size:cover;
	position:absolute;
	left:50%;
	margin-left:-4rem;
	top:2.77rem;
}
.slogan:after{
	display: block;
	content: '';
	width:8rem;
	height:1.59rem;
	background:url(../images/slogan.png?202506261539) no-repeat center;
	background-size: 8rem 1.59rem;
	animation: heartBeat 3s ease-in-out infinite;
	-webkit-animation: heartBeat 3s ease-in-out infinite;
}
@keyframes heartBeat {
  0% {transform: scale(1); opacity: 1;}
  50% {transform: scale(1.4); opacity: 0;}
  100% {transform: scale(1); opacity: 0;}
}
@-webkit-keyframes heartBeat {
  0% {-webkit-transform: scale(1); opacity: 1;}
  50% {-webkit-transform: scale(1.4); opacity: 0;}
  100% {-webkit-transform: scale(1); opacity: 0;}
}
.txt{
	display:block;
	width:8.4rem;
	position:absolute;
	left:50%;
	margin-left:-4.2rem;
	top:7.04rem;
}
.sec{
	width:100%;
	height:6.62rem;
	background:url(../images/sec.jpg?202506261539) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden;
	margin:-0.01rem auto 0;
}
.tit{
	display:block;
	width:7.73rem;
	margin:.7rem auto 0;
}
.secBanner::-webkit-scrollbar {
	height:0.08rem;
    background: #656565;
}
.secBanner::-webkit-scrollbar-corner,
    /* 滚动条角落 */
.secBanner::-webkit-scrollbar-thumb,
.secBanner::-webkit-scrollbar-track {      /*滚动条的轨道*/
    border-radius: 4px;
}
.secBanner::-webkit-scrollbar-corner,
.secBanner::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    background-color: rgba(180, 160, 120, 0.1);
    box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.secBanner::-webkit-scrollbar-thumb {
    /* 滚动条手柄 */
    background-color: #999;
}
.secBanner{
	width:9.4rem;
	overflow: auto;
	position:relative;
	margin:0.64rem auto 0;
	padding-bottom:.5rem;
}
.secBanner ul li{
	width:3.51rem;
	margin-right:.26rem;
	padding-left:.2rem;
}
.secBanner ul li img{
	display:block;
	width:3.51rem;
}
.secBanner ul li:last-child{
	margin-right:0;
}
.ju{
	display:block;
	width:9.4rem;
	margin:0.16rem auto 0;
}
.thc{
	width:100%;
	height:18.88rem;
	background:url(../images/thc.jpg?202506261539) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin:-0.02rem auto 0;
}
.tit1{
	display:block;
	width:10.76rem;
	margin:0.61rem auto 0;
}
.thcMain{
	width:9.73rem;
	overflow: hidden;
	position:relative;
	margin:.14rem 0 0 .62rem;
}
.thcMain>.thcList:nth-child(1){
	background:url(../images/onew.png?202506261539) no-repeat center;
	background-size:cover;
}
.thcMain>.thcList:nth-child(1).active{
	background:url(../images/onec.png?202506261539) no-repeat center;
	background-size:cover;
}
.thcMain>.thcList:nth-child(2){
	background:url(../images/twoc.png?202506261539) no-repeat center;
	background-size:cover;
}
.thcMain>.thcList:nth-child(2).active{
	background:url(../images/twow.png?202506261539) no-repeat center;
	background-size:cover;
}
.thcMain>.thcList:nth-child(3){
	background:url(../images/three.png?202506261539) no-repeat center;
	background-size:cover;
}
.thcMain>.thcList:nth-child(3).active{
	background:url(../images/threew.png?202506261539) no-repeat center;
	background-size:cover;
}
.thcList{
	width:9.73rem;
	height:4.91rem;
	position:relative;
	margin:0.5rem auto 0;
	display:flex;
}
.thcPic{
	display:block;
	width:3.11rem;
	height:3.37rem;
	margin:.65rem 0 0 .27rem;
	visibility: hidden;
}
.thcRight{
	width:6.59rem;
	overflow: hidden;
	position:relative;
	margin:.39rem 0 0 -.24rem;
}
.thcThumb{
	display:block;
	width:6.59rem;
}
.shen{
	display:block;
	width:3.25rem;
	margin:.15rem 0 0 .9rem;
}
.shen.shen1{
	width:5.05rem;
}
.addBtn{
	display:block;
	width:3.31rem;
	margin:.38rem 0 0 .8rem;
	position:relative;
}
.addBtn img{
	display:block;
	width:100%;
}
.thcPut{
	width:4.9rem;
	overflow: hidden;
	position:relative;
	margin:.21rem 0 0 .87rem;
}
.email{
	display:block;
	width:4.86rem;
	height:.64rem;
	background:rgba(0,0,0,.5);
	border:0.02rem solid #a41b1b;
	font-size:.26rem;
	color:#e4e4e4;
	line-height:.64rem;
	text-indent:.14rem;
}
/*input placeholder样式修改*/
.email::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
	/*text-align: center;*/
	color:#e4e4e4;
}
.email::-moz-placeholder { /* Firefox 19+ */  
	/*text-align: center;*/
	color:#e4e4e4;
}	
.email:-ms-input-placeholder { /* IE 10+ */
	/*text-align: center;*/
	color:#e4e4e4;
}
.email:-moz-placeholder { /* Firefox 18- */
	/*text-align: center;*/
	color:#e4e4e4;
}
.selectType{
	width:100%;
	overflow: hidden;
	position:relative;
	margin-top:.06rem;
	display: flex;
	align-items: center;
}
.selectType i{
	display:block;
	width:.15rem;
	height:.15rem;
	position:relative;
	overflow: hidden;
}
.selectType.active i img:nth-child(1){
	display:none;
}
.selectType i img{
	display:block;
	width:100%;
}
.selectType span{
	font-size:.14rem;
	color:#656565;
	margin-left:.1rem;
}
.sub{
	display:block;
	width:3.31rem;
	height:.83rem;
	position:relative;
	margin:.3rem 0 0 0;
}
.mediaHref{
	width:3.5rem;
	height:1.82rem;
	background:url(../images/href.png?202506261539) no-repeat center;
	background-size:cover;
	position:relative;
	margin:.36rem 0 0 0.82rem;
}
.mediaHref a:nth-child(1){
	display:block;
	width:100%;
	height:.83rem;
	position:relative;
}
.mediaHref a:nth-child(2),.mediaHref a:nth-child(3){
	display:block;
	width:1.7rem;
	height:.83rem;
	position:relative;
	float:left;
	margin-top:.16rem;
}
.for{
	width:100%;
	height:13.3rem;
	background:url(../images/for.jpg?202506261539) no-repeat center;
	background-size:cover;
	position:relative;
	overflow: hidden;
	margin-top:-0.01rem;
}
.tit2{
	display:block;
	width:9.89rem;
	margin:0.46rem auto 0;
}
.tct{
	display:block;
	width:7.76rem;
	margin:0.64rem auto 0;
}
.forKua{
	width:9.44rem;
	height:3.02rem;
	background:url(../images/ku.png?202506261539) no-repeat center;
	background-size:cover;
	position:relative;
	margin:0.5rem auto 0;
	overflow:hidden;
}
.pjc1{
	display:block;
	width:8.23rem;
	margin:0.58rem auto 0;
}
.pjc2{
	display:block;
	width:4.35rem;
	margin:0.58rem auto 0;
}
.forKua a{
	display:block;
	width:3.31rem;
	margin:0.28rem auto 0;
	position:relative;
}
.forKua a img{
	display:block;
	width:100%;
}
.completed{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.85);
	z-index:100;
	display:none;
}
.completed img{
	display:block;
	width:7.1rem;
	margin:0 auto 0;
	top:45%;
	position:relative;
	transform: translate(0,-45%);
	-webkit-transform: translate(0,-45%);
}