body{
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.va {font-size: 0.3rem;
	color: #fff;	width: 5.98rem;
	height: 0.6rem;
	border-radius: 0.08rem;
    	background: #00C250;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0.02rem 0.02rem 0.06rem 0 #5a8bff inset, 0 -0.01rem 0.01rem #113997 inset;
    text-decoration:none;}
    
.page{
    background-image: url("../images/bg.png");
    background-size: cover;
	height: auto;
	padding-bottom: 0.28rem;
}
/*头部背景*/
.page .header{
    width: 100%;
    height: 4.2rem;
    background-image: url("../images/top_bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page .header .title{
    display: flex;
    justify-content: center;
}
.page .header .title img{
	margin-top: 0.47rem;
    width: 3.71rem;
}
.page .header .category{
    margin-top: 1.29rem;
    display: flex;
    justify-content: center;
}
.page .header .category button{
    width: 1.78rem;
    height: 0.42rem;
    font-size: 0.22rem;
    line-height: 0.36rem;
    text-align: center;
    border: 0;
    border-radius: 0.04rem;
    outline: none;
    box-shadow: 0 0.01rem 0.04rem 0 #632b3c63;
	cursor: pointer;
	background: #fff;
	color: #a3a3a3;
}
.page .header .category button.active{
    background: #fe6961;
    color: #fff;
}
.page .header .category button:nth-child(2){
    margin-left: 0.08rem;
}
.page .header .search{
	margin-top: 0.24rem;
	display: flex;
	width: 5.98rem;
	padding: 0 0.21rem;
	
}
.page .header .search .search-text{
	width: 4.62rem;
	height: 0.66rem;
	border: 0;
	outline: none;
	border-radius: 0.08rem 0 0 0.08rem;
	color: #a7a7a7;
	font-size: 0.2rem;
	line-height: 0.36rem;
	padding: 0 0.4rem;
}
.page .header .search button{
	background: #0d4ee7;
	border: 0;
	outline: none;
	border-radius: 0 0.08rem 0.08rem 0;
	width: 1.36rem;
	font-size: 0.24rem;
	color: #fff;
	cursor: pointer;
}
/*内容部分*/
.page .content{
    width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page .content .item{
	margin-top: 0.83rem;
	width: 5.98rem;
	padding-bottom: 0.28rem;
	background: #fff;
	border-radius: 0.08rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.page .content .item img{
	width: 1.72rem;
	height: 0.45rem;
	margin-top: -0.08rem;
}
.page .content .item .title{
	color: #fff;
	font-weight: bold;
	font-size: 0.24rem;
	line-height: 0.36rem;
	margin-top: -0.42rem;
}
.page .content .item .item-text{
	display: flex;
	flex-direction: column; 
	margin-top: 0.27rem;
	padding: 0 0.18rem;
}
.page .content .item .item-text span{
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #283241;
}
.page .content .item .item-text .two-code{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page .content .item .item-text .two-code span{
	color: #0f41b5;
	font-size: 0.24rem;
	line-height: 0.36rem;
}
.page .content .item .item-text .two-code img{
	margin-top: 0.1rem;
	width: 1.9rem;
	height: 1.89rem;
}
.page .footer{
	margin-top: 0.46rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page .footer .foot-nav{
	width: 5.98rem;
	height: 0.6rem;
	border-radius: 0.08rem;
	cursor: pointer;
	background: #0d4ee7;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0.02rem 0.02rem 0.06rem 0 #5a8bff inset, 0 -0.01rem 0.01rem #113997 inset;
}
.page .footer .foot-nav span{
	font-size: 0.3rem;
	color: #fff;
}
.page .footer .foot-logo{
	margin-top: 0.24rem;
	display: flex;
	align-items: center;
}
.page .footer .foot-logo img{
	width: 1.28rem;
	height: 0.4rem;
}
.page .footer .foot-logo span{
	margin-left: 0.2rem;
	font-size: 0.24rem;
	line-height: 0.36rem;
	color: #000;
}
/*自适应 ipad 屏幕宽度*/
@media only screen and (max-width: 1024px){
    /*使用移动终端时的样式设定*/
    body{
        max-width: 100%!important;
    }
    .header{
        max-width: 100%!important;
    }
}