@media screen and (max-width: 500px){
	#header{
		display: none;
	}
	#wapHeader{
		display: block;
	}
	.wap-header .wap-header-main .wap-nav{
		width:60%;
		justify-content: space-between
	}
	.wap-header .wap-header-main .wap-nav a{
		margin-right:0;
		padding:0 10px;
	}
	.footer .fooNav{
		right:6%;
	}
	.container{
		width: 90%;
		margin-top:20px;
	}
	.famous-poetry{
		margin-top: 20px;
		padding:22px 24px 24px;
	}
	.poet-lists-header{
		display: none !important;
	}
	.famous-poet{
		padding: 33px 16px 0;
	}
	.poet-item {
		width:21%;
		margin-bottom: 26px;
	}
	.poet-item .icon{
		width:37px;
		height:37px;
		margin-bottom:12px;
	}
	.poet-item .title{
		width:fit-content;
		height:fit-content;
		font-size:12px;
		line-height:18px;
		padding:4px 6px;
		border-radius:4px;
	}
	.friendship-link{
		width:90%;
	}
	.poetry-lists>.item{
		width:94% !important;
		margin:16px 0;
	}
	.wap-poet-lists-main{
		display: block;
	}
	.poet-lists-main{
		display: none;
	}
	.page{
		padding:0;
	}
	.page .pagination>li{
		padding:0;
		min-width:30px;
		min-height:30px;
	}
	.page .pagination>li a {
		line-height: 30px;
	}
	.page .pagination>li .current{
		display: block;
		width: 100%;
		height: 100%;
		background: #E88A66;
		color: #fff;
		line-height: 30px;
		border-radius: 4px;
	}
	.detail-left{
		width:100%;
	}
	.poem-left{
		padding-bottom: 40px;
		margin-top: 20px !important;
	}
	.poem-left:first-child{
		margin-top:0 !important;
	}
	.poem-left .left-header{
		width:auto;
		padding:16px 24px 0;
	}
	.poem-left .left-header>.title{
		font-size:14px;
		line-height:26px;
		padding:0;
		color:#3d3d3d;
		margin-right:18px;
	}
	.poem-left .left-content p{
		color:#3d3d3d;
	}
	.poem-left .left-header>.box{
		padding:0;
	}
	.poem-left .left-author{
		background:none;
		font-size:12px;
		color: #3D3D3D;
		margin-top:8px;
		margin-left:24px;
		padding:0;
	}
	.poem-left .left-author>span{
		border-radius:4px;
		padding:0 12px;
		margin-right:5px;
		font-size:12px;
	}
	.poem-left .left-content{
		font-size: 13px;
		color: #3D3D3D;
		margin:10px 24px 20px;
	}
	.poem-left .left-header .box .title{
		width:24px;
		height:24px;
		font-size:12px;
		line-height:24px;
		margin-right: 8px;
	}
	.poem-left .left-header .box .title:last-child{
		margin-right: 0;
	}
	.poem-left .left-button{
		right:24px;
	}
	.appreciation-title{
		padding-top:16px;
		margin-left:18px;
		margin-right:18px;
	}
	.appreciation-title>p{
		height:25px;
		line-height:25px;
		font-size:12px;
	}
	.poem-appreciation{
		padding: 15px 24px;
	}
	.poem-appreciation .appreciation-header{
		display:flex;
		align-items: flex-start !important;
	}
	.poem-appreciation .appreciation-header .symbol{
		margin-top:5px;
		flex-shrink: 0;
	}
	.poem-appreciation .appreciation-header .text{
		font-size:14px;
		color: #3D3D3D;
		line-height:20px;
	}
	.poem-appreciation .appreciation-content{
		color: #3D3D3D;
		margin:8px 0;
	}
	.words-pinyin .pinyin-item{
		width:26px;
		height:26px;
	}
	.words-pinyin .pinyin-item .yin{
		font-size:12px;
		color: #3D3D3D;
	}
	.words-pinyin .pinyin-item .words{
		font-size:12px;
		color: #3D3D3D;
	}
	.poem-audio{
		padding:16px 12px;
	}
	.poem-audio .audio-controls{
		width:100%;
	}
	.poem-audio .box{
		width:100%;
	}
	.poem-audio .box .process{
		width:80%;
	}
	[type="range"] {
		width: 100% !important;
	}
	.detail-right{
		display: none;
	}
	.perfect-box{
		width:90%;
		height:400px;
	}
	.perfect-box .perfect-item{
		padding:0 12px 0 24px;
	}
	.perfect-box .perfect-item .perfect-right-textarea{
		height:150px;
	}
	.friendship-link .link-header{
		font-size:14px;
		padding: 10px 12px 12px;
	}
	.friendship-link .link-lists{
		padding:0 13px 17px;
	}
	.friendship-link .link-lists>a{
		font-size:12px;
		line-height:30px;
		margin-right:30px;
	}
	.p-adaptive{
		padding:20px 24px !important;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	#header{
		display: none;
	}
	#wapHeader{
		display: block;
	}
	.wap-header .wap-header-main .wap-nav{
		width:70%;
		justify-content: flex-start;
	}
	.wap-header .wap-header-main .wap-nav a{
		margin-right:30px;
		padding:0 16px;
	}
	.footer .fooNav{
		right:6%;
	}
	.container{
		width: 90%;
		margin-top:20px;
	}
	.famous-poetry{
		margin-top: 20px;
		padding:22px 24px 24px;
	}
	.poet-lists-header{
		display: none !important;
	}
	.famous-poet{
		padding:33px 24px 0;
	}
	.poet-item {
		width:21%;
		margin-bottom: 26px;
	}
	.poet-item .icon{
		width:37px;
		height:37px;
		margin-bottom:20px;
	}
	.poet-item .title{
		width:fit-content;
		height:fit-content;
		font-size:12px;
		line-height:18px;
		padding:4px 6px;
		border-radius:4px;
	}
	.friendship-link{
		width:90%;
	}
	.wap-poet-lists-main{
		display: block;
	}
	.poet-lists-main{
		display: none;
	}
	.page{
		padding:0;
	}
	.page .pagination>li{
		padding:0;
		min-width:30px;
		min-height:30px;
	}
	.page .pagination>li a {
		line-height: 30px;
	}
	.page .pagination>li .current{
		display: block;
		width: 100%;
		height: 100%;
		background: #E88A66;
		color: #fff;
		line-height: 30px;
		border-radius: 4px;
	}
	.detail-left{
		width:100%;
	}
	.poem-left{
		padding-bottom: 40px;
		margin-top: 20px !important;
	}
	.poem-left:first-child{
		margin-top:0 !important;
	}
	.poem-left .left-header{
		width:auto;
		padding:16px 24px 0;
	}
	.poem-left .left-header>.title{
		font-size:14px;
		line-height:26px;
		padding:0;
		color:#3d3d3d;
		margin-right:18px;
	}
	.poem-left .left-content p{
		color:#3d3d3d;
	}
	.poem-left .left-header>.box{
		padding:0;
	}
	.poem-left .left-author{
		background:none;
		font-size:12px;
		color: #3D3D3D;
		margin-top:8px;
		margin-left:24px;
		padding:0;
	}
	.poem-left .left-author>span{
		padding:0 12px;
		margin-right:5px;
		font-size:12px;
	}
	.poem-left .left-content{
		font-size: 13px;
		color: #3D3D3D;
		margin:10px 24px 20px;
	}
	.poem-left .left-header .box .title{
		width:24px;
		height:24px;
		font-size:12px;
		line-height:24px;
		margin-right: 8px;
	}
	.poem-left .left-header .box .title:last-child{
		margin-right: 0;
	}
	.poem-left .left-button{
		right:24px;
	}
	.appreciation-title{
		padding-top:16px;
		margin-left:18px;
		margin-right:18px;
	}
	.appreciation-title>p{
		height:25px;
		line-height:25px;
		font-size:12px;
	}
	.poem-appreciation{
		padding: 15px 24px;
	}
	.poem-appreciation .appreciation-header{
		display:flex;
		align-items: flex-start !important;
	}
	.poem-appreciation .appreciation-header .symbol{
		margin-top:5px;
		flex-shrink: 0;
	}
	.poem-appreciation .appreciation-header .text{
		font-size:14px;
		color: #3D3D3D;
		line-height:20px;
	}
	.poem-appreciation .appreciation-content{
		color: #3D3D3D;
		margin:8px 0;
	}
	.words-pinyin .pinyin-item{
		width:26px;
		height:26px;
	}
	.words-pinyin .pinyin-item .yin{
		font-size:12px;
		color: #3D3D3D;
	}
	.words-pinyin .pinyin-item .words{
		font-size:12px;
		color: #3D3D3D;
	}
	.poem-audio{
		padding:16px 12px;
	}
	.poem-audio .audio-controls{
		width:100%;
	}
	.poem-audio .box{
		width:100%;
	}
	.poem-audio .box .process{
		width:80%;
	}
	[type="range"] {
		width: 100% !important;
	}
	.detail-right{
		display: none;
	}
	.perfect-box{
		width:90%;
		height:400px;
	}
	.perfect-box .perfect-item{
		padding:0 12px 0 24px;
	}
	.perfect-box .perfect-item .perfect-right-textarea{
		height:150px;
	}
	.friendship-link .link-header{
		font-size:14px;
		padding: 10px 12px 12px;
	}
	.friendship-link .link-lists{
		padding:0 13px 17px;
	}
	.friendship-link .link-lists>a{
		font-size:12px;
		line-height:30px;
		margin-right:30px;
	}
	.p-adaptive{
		padding:20px 24px !important;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	#header{
		display: none;
	}
	#wapHeader{
		display: block;
	}
	.footer .fooNav{
		right:6%;
	}
	.container{
		width: 90%;
		margin-top:20px;
	}
	.famous-poetry{
		margin-top: 20px;
		padding:22px 24px 24px;
	}
	.poet-lists-header{
		display: none !important;
	}
	.famous-poet{
		padding:33px 24px 0;
	}
	.poet-item {
		width:21%;
		margin-bottom: 26px;
	}
	.poet-item .icon{
		width:37px;
		height:37px;
		margin-bottom:20px;
	}
	.poet-item .title{
		width:fit-content;
		height:fit-content;
		font-size:12px;
		line-height:18px;
		padding:4px 6px;
		border-radius:4px;
	}
	.poetry-lists>.item{
		margin:20px;
	}
	.friendship-link{
		width:90%;
	}
	.wap-header .wap-header-main .wap-nav{
		width:70%;
		justify-content: flex-start;
	}
	.wap-header .wap-header-main .wap-nav a{
		margin-right:30px;
		padding:0 16px;
	}
	
	.wap-poet-lists-main{
		display: block;
	}
	.poet-lists-main{
		display: none;
	}
	.page{
		padding:0;
	}
	.page .pagination>li{
		padding:0;
		min-width:30px;
		min-height:30px;
	}
	.page .pagination>li a {
		line-height: 30px;
	}
	.page .pagination>li .current{
		display: block;
		width: 100%;
		height: 100%;
		background: #E88A66;
		color: #fff;
		line-height: 30px;
		border-radius: 4px;
	}
	.detail-left{
		width:100%;
	}
	.poem-left{
		padding-bottom: 40px;
		margin-top: 20px !important;
	}
	.poem-left:first-child{
		margin-top:0 !important;
	}
	.poem-left .left-header{
		width:auto;
		padding:16px 24px 0;
	}
	.poem-left .left-header>.title{
		font-size:14px;
		line-height:26px;
		padding:0;
		color:#3d3d3d;
		margin-right:18px;
	}
	.poem-left .left-content p{
		color:#3d3d3d;
	}
	.poem-left .left-header>.box{
		padding:0;
	}
	.poem-left .left-author{
		background:none;
		font-size:12px;
		color: #3D3D3D;
		margin-top:8px;
		margin-left:24px;
		padding:0;
	}
	.poem-left .left-author>span{
		padding:0 12px;
		margin-right:5px;
		font-size:12px;
	}
	.poem-left .left-content{
		font-size: 13px;
		color: #3D3D3D;
		margin:10px 24px 20px;
	}
	.poem-left .left-header .box .title{
		width:24px;
		height:24px;
		font-size:12px;
		line-height:24px;
		margin-right: 8px;
	}
	.poem-left .left-header .box .title:last-child{
		margin-right: 0;
	}
	.poem-left .left-button{
		right:24px;
	}
	.appreciation-title{
		padding-top:16px;
		margin-left:18px;
		margin-right:18px;
	}
	.appreciation-title>p{
		height:25px;
		line-height:25px;
		font-size:12px;
	}
	.poem-appreciation{
		padding: 15px 24px;
	}
	.poem-appreciation .appreciation-header{
		display:flex;
		align-items: flex-start !important;
	}
	.poem-appreciation .appreciation-header .symbol{
		margin-top:5px;
		flex-shrink: 0;
	}
	.poem-appreciation .appreciation-header .text{
		font-size:14px;
		color: #3D3D3D;
		line-height:20px;
	}
	.poem-appreciation .appreciation-content{
		color: #3D3D3D;
		margin:8px 0;
	}
	.words-pinyin .pinyin-item{
		width:26px;
		height:26px;
	}
	.words-pinyin .pinyin-item .yin{
		font-size:12px;
		color: #3D3D3D;
	}
	.words-pinyin .pinyin-item .words{
		font-size:12px;
		color: #3D3D3D;
	}
	.poem-audio{
		padding:16px 12px;
	}
	.poem-audio .audio-controls{
		width:100%;
	}
	.poem-audio .box{
		width:100%;
	}
	.poem-audio .box .process{
		width:80%;
	}
	[type="range"] {
		width: 100% !important;
	}
	.detail-right{
		display: none;
	}
	.perfect-box{
		width:90%;
		height:400px;
	}
	.perfect-box .perfect-item{
		padding:0 12px 0 24px;
	}
	.perfect-box .perfect-item .perfect-right-textarea{
		height:150px;
	}
	.friendship-link .link-header{
		font-size:14px;
		padding: 10px 12px 12px;
	}
	.friendship-link .link-lists{
		padding:0 13px 17px;
	}
	.friendship-link .link-lists>a{
		font-size:12px;
		line-height:30px;
		margin-right:30px;
	}
	.p-adaptive{
		padding:20px 24px !important;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	.header-main {
		width: 970px;
	}

	.logo-box {
		width: 100px;
		height: 60px;
	}

	.logo {
		width: 100px;
		height: 60px;
		position: absolute;
		top: 9px;
		z-index: -1;
		object-fit: contain;
	}

	.searchBar {
		width: 252px;
	}
	
	.nav{
		width:80%;
	}
	
	.container{
		width: 970px;
	}
	
	.poetry-lists>.item {
		margin:11px;
	}
	
	.poet-lists-main>.item .right{
		width:85%;
	}
	
	.friendship-link{
		width: 970px;
	}
}
@media (min-width: 1024px) and (max-width: 1100px) {
	.header-main {
		width: 1000px;
	}
	
	.logo-box {
		width: 100px;
		height: 60px;
	}
	
	.logo {
		width: 100px;
		height: 60px;
		position: absolute;
		top: 9px;
		z-index: -1;
		object-fit: contain;
	}
	
	.searchBar {
		width: 252px;
	}
	.nav{
		width:80%;
	}
	
	.container{
		width: 1000px;
	}
	
	.poetry-lists>.item {
		margin:11px;
	}
	
	.friendship-link{
		width: 1000px;
	}
}
@media screen and (min-width: 1200px) {
	
}