body {
padding-top:.88rem
}
.article-page {
	font-size: 0.28rem;
	width: 7.5rem;
	margin: 0 auto
}
.uinfo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.uinfo .avatar {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
	background: #ccc
}
.uinfo .avatar img {
	width: 100%;
	height: 100%
}
.uinfo .uname {
	font-size: 0.3rem;
	color: #9b9b9b;
	margin-left: 0.2rem
}
.artclce-wrap {
	padding: 0 0.3rem 0.6rem
}
.artclce-wrap .title {
	font-size: 0.44rem;
	line-height: 1.4;
	font-weight: bold;
	padding: 0.5rem 0 0.4rem
}
.artclce-wrap .thumbnail {
	width: 6.9rem;
	height: 4.32rem;
	margin-top: 0.6rem
}
.artclce-wrap .article-nums {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0.24rem;
	line-height: 0.24rem;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999
}
.artclce-wrap .a-content {
	padding-top: 0.2rem;
	padding-bottom: 0.2rem
}
.artclce-wrap .a-content p {
	font-size: 0.32rem;
	line-height: 1.4;
	padding: 0.3rem 0
}
.artclce-wrap .a-content img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.artclce-wrap .from {
	margin-top: 0.5rem;
	margin-bottom: 0.6rem
}
.artclce-wrap .from .f-txt {
	font-size: 0.3rem
}
.artclce-wrap .from .user-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 6.9rem;
	height: 3.9rem;
	margin-top: 0.6rem;
	background: #fff;
	-webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.09);
	box-shadow: 0 3px 8px 0 rgba(0,0,0,0.09);
	border-radius: 5px
}
.artclce-wrap .from .user-box .avatar {
	width: 1.2rem;
	height: 1.2rem;
	margin-top: -0.6rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 1.2rem;
	border: 0.03rem solid #fff;
	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.07);
	background: #ccc;
	overflow: hidden
}
.artclce-wrap .from .user-box .avatar img {
	width: 100%;
	height: 100%
}
.artclce-wrap .from .user-box .uname {
	margin-top: 0.2rem
}
.artclce-wrap .from .user-box .aptitude {
	font-size: 0.24rem;
	color: #9b9b9b;
	line-height: 1.3;
	max-width: 5.4rem;
	text-align: center;
	margin-top: 0.3rem
}
.artclce-wrap .from .user-box .statistics {
	font-size: 0.24rem;
	color: #9b9b9b;
	margin-top: 0.3rem
}
.artclce-wrap .from .user-box .statistics .fans {
	margin-left: 0.4rem
}
.artclce-wrap .from .user-box .btn-wxzx {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0.4rem;
	width: 2.5rem;
	height: 0.6rem;
	border-radius: 0.6rem;
	background: #00bc0b;
	color: #fff;
	font-size: 0.24rem
}
.artclce-wrap .from .user-box .btn-wxzx:before {
	content: '';
	width: 0.32rem;
	height: 0.25rem;
	margin-right: 0.1rem;
	background: url("../images/weixin.png") no-repeat center/100% 100%
}
.artclce-wrap .from .user-box .btn-consult {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0.4rem;
	width: 2.5rem;
	height: 0.6rem;
	border-radius: 0.6rem;
	background: #00bc0b;
	color: #fff;
	font-size: 0.24rem
}
.artclce-wrap .from .user-box .btn-consult::after {
	content: '';
	width: 0.24rem;
	height: 0.24rem;
	margin-left: 0.1rem;
	background: url("../images/zixun.png") no-repeat center/100% 100%
}
.artclce-wrap>a {
	display: block;
	height: 0.76rem;
	line-height: 0.76rem;
	background: #f8f8f8;
	border-radius: 2px;
	color: #666;
	padding: 0 0.8rem;
	margin-top: 0.16rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.article-ad-banner {
	display: block;
	margin: 0 auto 0.3rem;
	width: 100%;
	height: auto
}
.article-ad-banner .limit-today .cheat {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}
.article-ad-banner .limit-today .cheat .limit {
	width: 6.9rem;
	height: 2.12rem;
margin-left:.3rem;
margin-bottom:.5rem
}
.article-ad-banner .limit-today .cheat .limit .cover {
	position: relative;
	-webkit-box-shadow: 0 0.04rem 0.08rem 0 rgba(222,222,222,0.5), 0.04rem 0 0.08rem 0 rgba(222,222,222,0.5);
	box-shadow: 0 0.04rem 0.08rem 0 rgba(222,222,222,0.5), 0.04rem 0 0.08rem 0 rgba(222,222,222,0.5);
border-radius:.08rem
}
.article-ad-banner .limit-today .cheat .limit .cover .img {
	width: 1.6rem;
	height: 2.12rem;
border-radius:.08rem
}
.article-ad-banner .limit-today .cheat .limit .cover .cover-lock {
	position: absolute;
	bottom: 0;
	width: 1.6rem;
height:.5rem;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.8)))
}
.article-ad-banner .limit-today .cheat .limit .cover .cover-lock .lock {
	position: relative;
	left: 1.22rem;
top:.12rem;
width:.26rem;
height:.3rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAACGklEQVRIS+2WS6iNYRSGn1colEu5cwZiqBSzExlgwEROEjFwzzFEiZgonCRDnMhRiORgZsQAYSAZGIpyPTFwGSjXV0vfX5tz9v6//deOgTXb/37XevZa3/ut/YuMsD0WWAEsAeamlNvANeCipLdlZdRIYHsQsA3YA4yqo/0A7AeOSPper15dkO3BwGlgdU3yN6AvfZ4IhKaIc8BaSaHpF41AXcDOlPEJOAycAp6lZ23ABmAHMDw965K0KxtkeybwABgCfAQWS7ozUAHb7emsRgJfgdmSHv2pHbAj293A5iTeJOlkyVluBE4kTbekLaWgZIDHwDTgBTBd0pcS0FDgCTAFeArMkPSjNqdfR7bHpAOP5F5Jy8usG9/b7gU6gM/AJEnvykCTgedAWLtH0vpMUE+4DohO2iS9ahUoHLnu3wHZjps/HhgH3EqjuwTszhkdcACI84zRzQNiLb2RFJuDX2awPR+4CozOLJorew8slXSzAJ0HVuZmN6m7IGlVAboMLGuyQK78iqSO/6DccdXqKo0uXLQduAcsAg4Cw0rolUCdko4XhW3vA/a2AtQu6W4NKJZoLNNGUamjQ5KKf9246GeANa0AxctHbObXtmcBDzPcUamjqDtV0kvbc4D7rQQtkHTDdowsRlcWlTsKi8eLSiziEWUUoDIoo/Zvkr8DOgp0NvtTM/XHJG0ttvcE4CywMDM5V3Y97pmkvp/3bPcfRv9ElgAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: 100% 100%
}
.article-ad-banner .limit-today .cheat .limit .cover:after {
	position: absolute;
	top: 0;
	left: 0;
width:.08rem;
	height: 2.12rem;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.3)), to(transparent));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.3), transparent);
	background: linear-gradient(90deg, rgba(0,0,0,0.3), transparent);
	display: block;
border-radius:.08rem;
	content: ""
}
.article-ad-banner .limit-today .cheat .limit .r {
margin-left:.3rem
}
.article-ad-banner .limit-today .cheat .limit .r .title {
height:.42rem;
font-size:.3rem;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: #333;
line-height:.42rem;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding: 0;
	margin: 0
}
.article-ad-banner .limit-today .cheat .limit .r .tutor {
margin-top:.06rem;
height:.34rem;
font-size:.24rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #333;
line-height:.34rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.article-ad-banner .limit-today .cheat .limit .r .tutor .icon {
width:.32rem;
height:.32rem;
	background-size: 100% 100%;
	border-radius: 50%;
margin-right:.1rem
}
.article-ad-banner .limit-today .cheat .limit .r .cate-box {
	width: 5rem;
height:.76rem;
font-size:.26rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #9b9b9b;
line-height:.4rem;
margin-top:.1rem;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.article-ad-banner .limit-today .cheat .limit .r .info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
margin-top:.02rem
}
.article-ad-banner .limit-today .cheat .limit .r .info .intro {
height:.36rem;
font-size:.28rem;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: #ffa000;
line-height:.4rem;
	text-decoration: line-through
}
.article-ad-banner .limit-today .cheat .limit .r .info .plan {
	width: 1.28rem;
height:.46rem;
	background: #ffa000;
border-radius:.04rem;
font-size:.24rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	color: #fff;
line-height:.48rem;
	text-align: center
}
.article-ad-banner .limit-today .cheat, .article-ad-banner .limit-today .cheat .limit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.wx_popup {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	background-color: rgba(0,0,0,0.5);
	color: #373737;
	font-family: 'Microsoft YaHei';
	display: none
}
.wx_popup .wp_dialog {
	width: 6rem;
	height: auto;
	background-color: #fff;
border-radius:.15rem;
font-size:.29rem;
	text-align: center;
line-height:.35rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
padding:.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}
.wx_popup .wp_dialog .title span {
	color: #F4A817;
	font-weight: bold
}
.wx_popup .wp_dialog .info {
margin:.7rem auto .3rem
}
.wx_popup .wp_dialog .info .name {
	color: #686868;
font-size:.25rem;
margin:.1rem auto .1rem
}
.wx_popup .wp_dialog .info .avatar {
width:.7rem;
height:.7rem;
	border-radius: 50%;
	overflow: hidden
}
.wx_popup .wp_dialog .wx_btn {
	width: 100%;
	background-color: #FFA800;
	border-radius: 1rem;
	color: #fff;
padding:.2rem 0
}
.toast {
	max-width: 3rem;
padding:.2rem;
line-height:.35rem;
font-size:.3rem;
border-radius:.1rem;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: center;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 100;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	display: none
}
.recommend {
	border-top: 0.2rem solid #f8f8f8;
	border-bottom: 0.2rem solid #f8f8f8;
	padding-bottom: 0.6rem
}
.recommend .nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
.recommend .nav .nav-item {
	font-size: 0.3rem;
	height: 1.1rem;
	line-height: 1.3rem;
	color: #666;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.recommend .nav .nav-item.active {
	font-weight: bold;
	border-bottom: 0.06rem solid #ffa000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.recommend .list-wrap {
	padding: 0.3rem 0 0
}
.comment {
	border-top: 0.2rem solid #f9f9f9;
	border-bottom: 0.2rem solid #f9f9f9
}
.comment .tit {
	font-size: 0.32rem;
	color: #333;
	padding: 0 0.3rem;
	margin-top: 0.4rem
}
.comment .comment-list {
	overflow: hidden
}
.comment .comment-item {
	padding: 0.4rem 0.3rem
}
.comment .comment-item:not(:last-child) {
	position: relative
}
.comment .comment-item:not(:last-child)::after {
	content: '';
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	pointer-events: none;
	bottom: 0;
	left: 0;
	height: 0;
	width: 200%;
	-webkit-transform-origin: 0 bottom;
	-ms-transform-origin: 0 bottom;
	transform-origin: 0 bottom;
	border-bottom: 1px solid #e8e8e8
}
@media (-webkit-device-pixel-ratio: 3), (device-pixel-ratio: 3) {
.comment .comment-item:not(:last-child)::after {
	bottom: 0;
	left: 0;
	height: 0;
	width: 300%;
	-webkit-transform-origin: 0 bottom;
	-ms-transform-origin: 0 bottom;
	transform-origin: 0 bottom;
	-webkit-transform: scale(0.33333333);
	-ms-transform: scale(0.33333333);
	transform: scale(0.33333333)
}
}
.comment .comment-item .comment-txt {
	margin-top: 0.2rem;
	padding-left: 0.7rem;
	font-size: 0.28rem;
	color: #666;
	line-height: 1.5
}
.comment .btn-more {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 1.05rem;
	font-size: 0.24rem;
	color: #9b9b9b;
	position: relative
}
.comment .btn-more::after {
	content: '';
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	pointer-events: none;
	bottom: 0;
	left: 0;
	height: 0;
	width: 200%;
	-webkit-transform-origin: 0 bottom;
	-ms-transform-origin: 0 bottom;
	transform-origin: 0 bottom;
	border-bottom: 1px solid #e8e8e8
}
@media (-webkit-device-pixel-ratio: 3), (device-pixel-ratio: 3) {
.comment .btn-more::after {
	bottom: 0;
	left: 0;
	height: 0;
	width: 300%;
	-webkit-transform-origin: 0 bottom;
	-ms-transform-origin: 0 bottom;
	transform-origin: 0 bottom;
	-webkit-transform: scale(0.33333333);
	-ms-transform: scale(0.33333333);
	transform: scale(0.33333333)
}
}