.warp {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: .95rem;
	box-sizing: border-box;
	overflow: hidden;
}
.page-nav-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: .95rem;
	border-bottom: 1px solid #26231e;
	box-sizing: border-box;
	z-index: 10;
}
.page-nav-box ul{
	display: flex;
    display: -webkit-box;
    -webkit-display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
}
.page-nav-box ul li {
	flex: 1;
	-webkit-flex: 1;
	box-flex: 1;
	-webkit-box-flex: 1;
}
.page-nav-box ul li a {
	width: 100%;
	height: .95rem;
	line-height: .95rem;
	display: block;
	text-align: center;
	font-size: .3rem;
	color: #ccc6bf;
	background-color: #332e29;
	border-left: 1px solid #4c433a;
	border-right: 1px solid #23211d;
	box-sizing: border-box;
	position: relative;
}
.page-nav-box ul li:first-child a {
	border-left: none;
}
.page-nav-box ul li:last-child a {
	border-right: none;
}
.page-nav-box ul li.current a {
	background-color: #2d2923;
}

.page-list-box {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.page-list-box .list-info {
	position: relative;
	width: 100%;
	padding-bottom: 1rem;
}
.page-list-box li {
	overflow: hidden;
	padding: .25rem .3rem;
	border-bottom: 1px solid #3e382d;
	position: relative;
}
.page-list-box li .photo-box {
	width: 1rem;
	height: 1rem;
	border: 1px solid #c79f59;
	background-color: #e9bf70;
	border-radius: .08rem;
	box-sizing: border-box;
	overflow: hidden;
}
.page-list-box li .info-box {
	padding-left: 1.2rem;
}
.page-list-box li .info-box .title {
	height: .6rem;
	line-height: .6rem;
	position: relative;
	font-size: .3rem;
	color: #aaa;
	padding-left: .7rem;
}
.page-list-box li .info-box .title .state {
	position: absolute;
	top: 50%;
	left: 0;
	width: .6rem;
	height: .32rem;
	line-height: .32rem;
	margin-top: -.16rem;
	background-color: #c79f59;
	color: #1c1915;
	font-size: .2rem;
	overflow: hidden;
	text-align: center;
	border-radius: .05rem;
}
.page-list-box li .info-box .title.sp-1 {
	color: #bc090c;
}
.page-list-box li .info-box .title.sp-1 .state {
	background-color: #b00813;
	color: #edd5d6;
}
.page-list-box li .info-box .info {
	height: .4rem;
	line-height: .4rem;
	position: relative;
	font-size: .24rem;
	color: #786855;
	padding-right: .84rem;
}
.page-list-box li .info-box .info .date {
	position: absolute;
	top: 0;
	right: 0;
	color: #4f4f4f;
}

.load-text-box {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .24rem;
    z-index: 10;
}
.load-text-box a {
	color: #f6f6f6;
}