* {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
}
li{
list-style-type:none;
}

a, a:visited {text-decoration:none;} 

p {

    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
html,
body {
	width: 100%;
	height: 100%;
}

body {
	background: 100% 100%;
	overflow-x: hidden;
}
.bg_index {
	position: relative;
	background: url(../img/bg.jpg) no-repeat center 0;
	background-size:100% 100%;
	width: 7.5rem;
	height: 56.82rem;
	padding:1px;
}
.bg_m {
	position: relative;
	background: url(../img/bg2.jpg) no-repeat center 0;
	background-size:100% 100%;
	width: 7.5rem;
	height: 33.82rem;
	padding:1px;
}
.gw{
	position:absolute;
	top:.1rem;
	right: .2rem;
	display:block;
	width:6rem;
	height:.4rem;
	z-index:90;
	}
.gw .jr{
	color:#fff;
	font-size:.22rem;
	float:right;
	}
.gw span{
	color:#fff;
	font-size:.22rem;
	float:right;
	padding:0 .1rem;
	}	
.head{
	position:absolute;
	top:3.2rem;
	right: 0;
	display:block;
	width:7.5rem;
	height:1rem;
	z-index:90;
	}
.head .yy{
	width:1.67rem;
	height:.62rem;
	display:block;
	margin-right:.2rem;
	background:url(../img/canyu.png) no-repeat;
	background-size:100% 100%;
	margin:0 auto;
	}				



.tab_qie{
	position: absolute;
    top: 5.1rem;
    left: 1.8rem;
    display: block;
    width: 4rem;
    height: .5rem;
    z-index: 90;
	}

.tab_qie .sy{
    display: block;
	float:left;
    width: 1.8rem;
    height: .5rem;
    z-index: 100;
	}
.tab_qie .zsy{
    display: block;
	float:left;
	margin-left:.4rem;
    width: 1.8rem;
    height: .5rem;
    z-index: 100;
	}
.jiaocheng{
       display: block;
    position: absolute;
    top: 13rem;
    left: 3.6rem;
    width: 1.8rem;
    height: .5rem;
    z-index: 100;
	}
.list{
	width:6.85rem;
	height:23.7rem;
	text-align:center;
	position:absolute;
	top: 8.7rem;
    left: .35rem;
	overflow-y:auto;
	overflow-x:hidden;
	}
.list .zp{
	background:url(../img/info_bg.png) no-repeat;
	background-size:100% 100%;
	width:2.92rem;
	height:3.53rem;
	display:block;
	text-align:center;
	float:left;
	margin:.1rem .25rem;
	position:relative;
	z-index:1;
	}

.list .img{
	width:2.5rem;
	height:2.1rem;
	margin:.15rem auto .1rem;
	z-index:10;
	display:block;
	object-fit:cover
	}
.list img{
	width:2.56rem;
	height:2.2rem;
	}	
.list .name{
	width:2.2rem;
	height:.36rem;
	display:block;
	overflow:hidden;
	font-size:.24rem;
	font-weight:600;
	color:#333;
	margin:0 auto;
	line-height:.36rem;
	margin-top:.2rem
	}
.list .desc{
	width:2.1rem;
	height:.36rem;
	display:block;
	overflow:hidden;
	font-size:.22rem;
	color:#333;
	line-height:.36rem;
	margin:0 auto;
	
	}		
.list .zan{
	background:url(../img/zan.png) no-repeat;
	background-size:auto 100%;
	width:1.1rem;
	height:.4rem;
	position:absolute;
	display:block;
	line-height:.4rem;
	font-size:.24rem;
	color:#cdb28e;
	left:.28rem;
	margin-top:.25rem;
	z-index:20;
	padding-left:.5rem;
	text-align:left;
	
	}
.gl-feeds-loading {
	display: none;
	width: 1.4rem;
	height: 1.4rem;
	background: url(https://dhxy-f.netease.com/forum/201809/21/235814zi0n4nni4izilli0.gif) center center no-repeat/ 100% 100%;
	margin: 0.4rem auto;
}
.gl-feeds-error {
	display: none;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	color: #999;
	font-size: 0.3623rem;
}


.goToTop{
	position: fixed; bottom: 20px; right: 0;
	display:block;
	width:.4rem;
	height:1.26rem;
	background:url(../img/top.png) no-repeat;
	background-size:100% 100%;
	}	


@keyframes slide {
	0% {
		top: 44px;
	}
	50% {
		top: 160px;
	}
	100% {
		top: 44px;
	}
}


.btn_end{ width:6.85rem;
height:1.01rem;
position:absolute;
bottom:.5rem;
left:0.325rem;
z-index:20;
	background:url(../img/btn_end.png) no-repeat;
	background-size:100% 100%;}
.btn_end a{ width:3.425rem;
height:1.01rem;
display:block;
float:left;
}