body,
html {
	padding: 0;
	margin: 0 auto;
	font-size: 20px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	color: #303030;
	width: 100%;
	font-family: Helvetica;
	-webkit-overflow-scrolling: touch;
	max-width: 640px
}

body {
	-webkit-text-size-adjust: 100%!important
}

body.add {
	position: fixed
}

.f-din {
	font-family: DIN Alternate
}

select {
	outline: 0;
	border: none;
	background: 0 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

select:required:invalid {
	color: silver
}

input[type=search] {
	-webkit-appearance: none
}

input::-webkit-search-cancel-button {
	display: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: silver
}

.key-padding {
	padding: 0 .75rem;
	cursor: pointer
}

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.noCopy {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

a {
	color: #303030;
	cursor: pointer;
	text-decoration: none
}

a.active {
	color: #e62129
}

img {
	object-fit: cover;
	vertical-align: top;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor
}

img.disSelect {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	clear: both;
	content: '';
	display: block
}

em,
i {
	font-style: normal
}

.hide {
	display: none!important
}

.author-a1 {
	position: relative;
	color: #bbb
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

ul {
	padding: 0;
	margin: 0
}

ol li,
ul li {
	list-style: none
}

.cf {
	color: #fff
}

.c1 {
	color: #333
}

.c2 {
	color: #999
}

.c-f60,
.c3 {
	color: #ff6060
}

.c4 {
	color: #bbb
}

.c0 {
	color: silver
}

.c90 {
	color: #909090
}

.c30 {
	color: #303030
}

.c60 {
	color: #606060
}

.c67 {
	color: #676767
}

.c-D2B9 {
	color: #d2bb99
}

.c-378BD3 {
	color: #378bd3
}

.f10 {
	font-size: 12px;
	-webkit-transform-origin-x: center;
	display: inline-block;
	transform: scale(.95)
}

.f9 {
	font-size: 12px;
	-webkit-transform-origin-x: center;
	display: inline-block;
	transform: scale(.75)
}

.f11 {
	font-size: 12px;
	-webkit-transform-origin-x: center;
	display: inline-block;
	transform: scale(.95)
}

.f1 {
	font-size: 2rem
}

.f2 {
	font-size: 2.8rem
}

.f3 {
	font-size: 3.2rem
}

.f17 {
	font-size: 17px
}

.f18 {
	font-size: 18px
}

.fw5 {
	font-weight: 500
}

.fw6 {
	font-weight: 600
}

.bgW {
	background: #fff
}

.b1,
.bg-f60 {
	background: #ff6060
}

.bg-D8CAB5 {
	background-color: #d8cab5
}

.bg-f5 {
	background-color: #f5f5f5
}

.bg-e0 {
	background-color: #e0e0e0
}

.bg-e3d2b8 {
	background-color: #e3d2b8
}

.border-e8 {
	border-color: #e8e8e8
}

.border-f60 {
	border-color: #ff6060!important
}

.flexBox {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.flex-column {
	flex-direction: column
}

.flex-alignCenter {
	-webkit-align-items: center;
	align-items: center
}

.flex-justifyCenter {
	-webkit-justify-content: center;
	justify-content: center
}

.flex-justifyEnd {
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.flex-justifyStart {
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.flex-center {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center
}

.flex-pack-justify {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.flex-start {
	-webkit-align-content: flex-start;
	-ms-align-content: flex-start;
	align-content: flex-start
}

.text-right {
	text-align: right
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.border-1px {
	position: relative
}

.border-1px:before {
	content: "";
	pointer-events: none;
	box-sizing: border-box;
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
	border-radius: .4rem;
	border: 1px solid #ff6060;
	-webkit-transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform: scale(.5);
	transform-origin: 0 0
}

.border-1px.color-e8:before {
	border-color: #e8e8e8
}

.border-1px.color-90:before {
	border-color: #909090
}

.border-1px.disabled:before {
	border-color: silver
}

.full-w {
	width: 100%
}

.text-justify {
	text-align-last: justify;
	text-align: justify;
	text-justify: distribute-all-lines
}

.htmlBox {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 640px
}

.border-radius-1 {
	border-radius: 1rem!important
}

.disTable {
	display: table
}

.disTable-cell {
	display: table-cell;
	vertical-align: middle
}

.disBlock {
	display: block
}

.disInlineBlock {
	display: inline-block
}

button,
html input,
textarea {
	cursor: pointer;
	outline: 0
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.more-line-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.logo-box {
	position: absolute;
	left: 50%;
	margin-left: -1rem;
	margin-top: .375rem
}

.logo-box img {
	width: 40px
}

.end-box {
	width: 4.35rem;
	height: 1px;
	background: #e8e8e8;
	position: relative;
	margin: 1.75rem auto 0
}

.end-box span {
	position: absolute;
	font-size: .6rem;
	line-height: .6rem;
	color: silver;
	top: -.25rem;
	width: 2rem;
	text-align: center;
	left: 1.2rem;
	background: #fff
}

.placeholder-line {
	width: 100%;
	height: .25rem;
	background: #f4f4f4
}

.placeholder-line-2 {
	width: 100%;
	height: .05rem;
	background: #f4f4f4
}

.placeholder-line-f {
	background: #fff
}

.messenger {
	position: fixed;
	z-index: 100000;
	height: 35px;
	top: 0;
	line-height: 35px;
	width: 100%;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: rgba(60, 165, 246, .75);
	display: none;
	max-width: 640px
}

.messenger.error {
	background: rgba(246, 55, 86, .75)
}

.messenger.column {
	background: #303030;
	color: #d2bb99
}

.messenger.column-article {
	background: #d2bb99;
	color: #303030
}

.qr_code_pc {
	display: none;
	position: fixed;
	left: 50%;
	margin-left: 340px;
	border: 1px solid #d9dadc;
	width: 172px;
	padding: 16px;
	text-align: center;
	top: 60px
}

.qr_code_pc p {
	margin: 0;
	font-size: 14px
}

.nav-share {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 1300;
	opacity: 0;
	cursor: pointer;
	top: 0;
	max-width: 640px
}

.share-ul {
	width: 100%;
	text-align: center
}

.nav-box {
	cursor: pointer;
	width: 100%;
	background: #fff
}

.user-wrap {
	position: absolute;
	background: #fff;
	left: 0;
	right: 0;
	display: none;
	z-index: 1000;
	height: 100%;
	margin-top: 45px;
	overflow: auto;
	padding-bottom: 105px
}

.user-wrap .information {
	font-size: .8rem;
	padding: 1.125rem 1.125rem .5rem 1.125rem
}

.user-face-wrap {
	position: relative;
	padding: 1rem 0 2rem
}

.user-face-wrap .login-user-wrap {
	width: 100%
}

.user-face-wrap .user-face-box {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	left: .8rem
}

.user-face-wrap .user-face-box img {
	border-radius: 50%;
	width: 100%
}

.user-face-wrap .login-user-info-wrap {
	font-size: .75rem;
	line-height: 2.5rem;
	padding-left: 4rem;
	width: 100%;
	position: absolute;
	top: 1rem;
	left: 0
}

.user-face-wrap .hxrzzz-box {
	position: inherit;
	display: inline-block;
	vertical-align: top;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	line-height: 1.5rem;
	margin-top: .7rem
}

.user-face-wrap .hxfwtd {
	background-position: -30px -212px
}

.user-face-wrap .editor-icon {
	width: .8rem;
	height: .8rem;
	background-position: -139px -284px;
	vertical-align: top;
	position: absolute;
	right: .8rem;
	top: .78rem
}

.user-face-wrap .exit-wrap {
	display: block;
	line-height: 1.5;
	font-size: .75rem;
	color: #f63756;
	text-align: center;
	margin-top: 1.8rem
}

.navbar-nav-ul {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	padding: .5rem 1.125rem
}

.navbar-nav-ul li {
	position: relative;
	width: 33.33%;
	float: left;
	font-size: .8rem;
	height: 2rem;
	line-height: 2rem;
	text-align: left
}

.navbar-nav-ul li:nth-child(3n-1),
.subclass-ul li:nth-child(3n-1) {
	text-align: center
}

.navbar-nav-ul li:nth-child(3n),
.subclass-ul li:nth-child(3n) {
	text-align: right
}

.subclass-ul {
	display: inline-block;
	border-bottom: 1px solid #f0f0f0;
	width: 100%;
	padding: 0 1.15rem .75rem;
	color: #666;
	font-size: .6rem;
	vertical-align: top
}

.subclass-ul li {
	float: left;
	width: 33.33%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: left
}

.subclass-ul li a {
	color: #666;
	font-size:16px;
}

.subclass-ul li a.active {
	color: #3ca5f6
	font-size:20px;
}

.login-link {
	display: inline-block;
	width: 7.5rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: .85rem;
	margin-top: .25rem;
	border-radius: .15rem
}

.login-link:nth-child(2) {
	margin-left: 1rem;
	color: #fff
}

header {
	position: relative;
	z-index: 800
}

.top-bar {
	height: 45px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	padding: 0 6%;
}
.top-bar .information{display: flex;text-align: center;align-items: center;width: 33.333333%;}
.top-bar .information a{height: calc(100% - 2px);font-size: .9rem;display: flex;align-items: center;text-align: center;}
.top-bar .information a.active{border-bottom: 2px solid #e62129;}
.navbar-toggle {
	width: 2.7rem;
	height: 44px;
	background: #fff;
	text-align: center;
	padding: 0;
	margin: 0;
	position: absolute;
	border: none
}

.navbar-toggle .icon-bar {
	width: 1.2rem;
	height: 1px;
	background: #333;
	margin: 0 auto .35rem
}

.navbar-toggle .icon-bar:last-child {
	margin-bottom: 0
}

.navbar-toggle.active .icon-bar {
	position: absolute;
	left: 50%;
	margin-left: -.6rem
}

.navbar-toggle.active .icon-bar:nth-child(2) {
	display: none
}

.navbar-toggle.active .icon-bar:nth-child(1) {
	-webkit-animation: fadeRotateRight .2s ease both;
	animation: fadeRotateRight .2s ease both
}

.navbar-toggle.active .icon-bar:nth-child(3) {
	-webkit-animation: fadeRotateLeft .2s ease both;
	animation: fadeRotateLeft .2s ease both
}

.ad-box1 {
	width: 100%
}

.header {
	z-index: 800
}

.open_a_href {
	display: block;
	width: 100%;
	height: 100%;
	color: #ff6060
}

.search-box {
	cursor: pointer;
	position: relative;
	z-index: 1
}

.swipe-index-top {
	display: block;
	width: auto;
	text-align: center;
	font-size: 0;
	position: absolute;
	z-index: 10;
	padding: 0;
	margin: 0 auto;
	top: 9.8rem;
	left: 50%;
	height: .2rem
}

.swipe-index-top .swiper-pagination-bullet {
	list-style: none;
	width: 4px;
	height: 4px;
	background: rgba(248, 248, 248, .5);
	border-radius: 50%;
	margin-right: .45rem;
	display: inline-block
}

.swipe-index-top .swiper-pagination-bullet:last-child {
	margin-right: 0
}

.swipe-index-top .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff
}

.swipe {
	overflow: hidden;
	position: relative;
	width: 100%
}

.swipe-wrap {
	position: relative;
	height: 10.55rem;
	width: 200rem
}

.swipe-wrap .figure {
	float: left;
	width: 18.75rem;
	position: relative;
	height: 10.55rem;
	margin: 0
}

.wrap {
	width: 100%;
	height: 100%
}

.image {
	width: 100%;
	height: 100%
}

nav .position li {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background: #141414;
	box-shadow: inset 0 1px 3px #000, 0 0 1px 1px #202020;
	margin: 0 2px;
	cursor: pointer
}

nav .position li.on {
	box-shadow: inset 0 1px 3px -1px #28b4ea, 0 1px 2px rgba(0, 0, 0, .5);
	background-color: #1293dc;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1293dc), color-stop(100%, #0f6297));
	background-image: -webkit-linear-gradient(top, #1293dc, #0f6297);
	background-image: -moz-linear-gradient(top, #1293dc, #0f6297);
	background-image: -ms-linear-gradient(top, #1293dc, #0f6297);
	background-image: -o-linear-gradient(top, #1293dc, #0f6297);
	background-image: linear-gradient(top, #1293dc, #0f6297)
}

.search-hot a {
	color: #f97752
}

.search-wrap {
	height: 100%;
	z-index: 1100;
	max-width: 640px;
	margin: 0 auto
}

.search-wrap,
.search-wrap-show {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 50px;
	display: none
}

.article-ad-box img,
.index-ad-box img {
	width: 100%;
	vertical-align: top
}

.search-wrap-show .icon-sm-search {
	width: 38px
}

.search-wrap .close-box {
	position: absolute;
	right: 5px;
	font-size: 16px;
	color: #bbb;
	display: inline-block;
	padding: 0 10px;
	line-height: 50px
}

.input-sm-search {
	position: absolute;
	right: 20px;
	top: 0;
	border: none;
	background: 0 0
}

.search-wrap-show {
	position: relative;
	display: inline-block;
	padding-bottom: 0;
	width: 100%
}

.search-input-box {
	padding: 0 15px;
	height: 50px;
	line-height: 44px;
	border-bottom: 1px solid #f0f0f0
}

.search-wrap .search-input,
.search-wrap-show .search-input {
	width: 100%;
	height: 33px;
	border-radius: 33px;
	background: #f5f5f5;
	border: none;
	color: #333;
	font-size: 14px;
	padding: 5px 15px;
	margin-top: 9px
}

.search-wrap .search-input {
	width: 88%
}

.search-wrap .input-sm-search {
	right: 60px
}

.search-act {
	margin: 25px 15px 0 15px;
	font-size: 14px;
	color: #bbb;
	height: 23px;
	line-height: 23px;
	border-bottom: 1px solid #f0f0f0;
	display: inline-block;
	width: 100%
}

.search-history,
.search-history-act {
	display: none
}

.search-history-title {
	display: flex;
	justify-content: space-between;
	width: auto;
	padding-right: 1.5rem
}

.show-delete {
	color: #909090
}

.delete-finish,
.search-history-delele-all {
	color: #909090;
	display: none
}

.delete-all-finish-box {
	display: none;
	width: 5rem
}

.delete-finish {
	margin-right: .5rem
}

.delete-all-finish-box>div {
	display: inline-block
}

.story-praise {
	position: absolute;
	right: 15px;
	margin-top: 2px;
	padding-left: 10px;
	cursor: pointer;
	display: none
}

.story-praise em {
	font-style: normal;
	font-size: 12px;
	margin-left: 3px;
	color: #bbb;
	position: relative
}

.search-ul {
	margin: 0 15px
}

.search-ul li {
	height: 30px;
	border-radius: 30px;
	border: 1px solid #f0f0f0;
	margin: 15px 15px 0 0;
	float: left;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	padding: 0 10px
}

.btn-cancel {
	font-size: 15px;
	color: #ddd;
	margin-left: 13px
}

.icon {
	display: inline-block;
	vertical-align: text-bottom;
	background: url(../images/icon.png) no-repeat;
	width: 15px;
	height: 16px;
	cursor: pointer;
	background-size: 250px 300px
}

.icon2 {
	display: inline-block;
	vertical-align: text-bottom;
	background: url(../images/icon2.png) no-repeat;
	width: .7rem;
	height: .7rem;
	cursor: pointer;
	background-size: 7.5rem 7.5rem
}

.icon2-vip-logo {
	width: 2rem;
	height: 2rem;
	background-position: 0 -1.5rem
}

.icon2-bottom-arrow {
	position: absolute;
	top: 3.15rem;
	width: 1rem;
	height: 1rem;
	background-position: -2.375rem .25rem;
	left: 50%;
	margin-left: -.5rem
}

.icon2-vip-user-logo {
	position: absolute;
	width: 1rem;
	height: .8rem;
	background-position: .3rem -6.7rem;
	top: .66rem;
	right: -.375rem
}

.icon2-join {
	position: relative;
	width: 4.3rem;
	height: 1.4rem;
	background-position: 0 -3.7rem;
	top: .2rem;
	left: 0;
	margin-right: .45rem;
	vertical-align: sub
}

.icon2-join2 {
	position: relative;
	width: 4.3rem;
	height: 1.4rem;
	top: .4rem;
	left: .625rem;
	background-position: 0 -3.7rem
}

.hxrzzz-box {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #fff;
	text-align: center;
	line-height: 30px;
	right: 0;
	bottom: 0
}

.user-face-box .hxrzzz-box {
	right: -8px
}

.c-hxrz {
	display: inline-block;
	background: url(../images/icon.png) no-repeat;
	width: 18px;
	height: 16px;
	background-size: 250px 300px;
	vertical-align: top;
	margin-top: 2px
}

.hxrzzz-level-1 {
	background-position: -6px -113px
}

.hxrzzz-level-2 {
	background-position: -6px -133px
}

.hxrzzz-level-3 {
	background-position: -6px -153px
}

.hxrzzz-level-4 {
	background-position: -6px -173px
}

.hxrzzz-level-5 {
	background-position: -6px -198px
}

.hxrzzz-level-6 {
	background-position: -30px -113px
}

.hxrzzz-level-7 {
	background-position: -30px -113px
}

.hxrzzz-level-8 {
	background-position: -30px -153px
}

.hxrzzz-level-9 {
	background-position: -30px -178px
}

.hxrzzz-level-10 {
	background-position: -30px -193px;
	width: 40px
}

.hxfwtd {
	background-position: -30px -212px
}

.icon-search {
	background-position: -30px 14px;
	width: 45px;
	height: 45px
}

.icon-sm-search {
	background-position: -184px -102px;
	width: 43px;
	height: 33px;
	margin-top: 6px
}

.icon-close {
	background-position: -227px -6px
}

.icon-menu {
	background-position: -1px 5px;
	width: 30px;
	height: 30px
}

.icon-bubble {
	width: 15px;
	height: 14px;
	background-position: -164px -2px
}

.icon-md {
	width: 33px;
	height: 34px
}

.icon-home {
	background-position: -169px -263px
}

.icon-comments {
	background-position: 0 -33px
}

.icon-md-praise {
	background-position: -119px -33px
}

.icon-md-praise.active {
	background-position: -39px -32px
}

.icon-big-praise {
	background-position: -188px -3px;
	margin-top: 14px;
	width: 23px;
	height: 25px
}

.icon-collection {
	background-position: -158px -32px
}

.icon-collection.active {
	background-position: -78px -32px
}

.icon-share {
	background-position: -198px -33px
}

.icon-history {
	background-position: -214px -262px
}

.icon-wx {
	width: 30px;
	height: 25px;
	background-position: 1px -78px
}

.icon-timeLine {
	width: 30px;
	height: 25px;
	background-position: -50px -78px
}

.icon-wb {
	width: 30px;
	height: 25px;
	background-position: -100px -78px
}

.icon-qq {
	width: 30px;
	height: 25px;
	background-position: -145px -79px
}

.icon-qqZone {
	width: 30px;
	height: 25px;
	background-position: -186px -78px
}

.icon-pl-praise {
	background-position: -64px -114px
}

.icon-pl-praise.active {
	background-position: -62px -133px
}

.icon-pl-step {
	background-position: -94px -112px
}

.icon-pl-step.active {
	background-position: -93px -132px
}

.icon-down {
	background-position: -91px -153px
}

.icon-up {
	background-position: -62px -150px
}

.icon-white-close {
	background-position: -110px 0;
	width: 30px;
	height: 30px
}

.icon-warning {
	background-position: -130px -110px;
	width: 20px;
	height: 20px;
	position: relative;
	top: 3px;
	margin-right: 10px
}

.icon-time {
	background-position: -134px -147px
}

.icon-address {
	background-position: -168px -147px
}

.icon-big-time {
	background-position: -62px -206px
}

.icon-big-address {
	background-position: -98px -206px
}

.icon-big-p {
	background-position: -167px -231px
}

.icon-big-fare {
	background-position: -133px -206px
}

.icon-a-arrow {
	background-position: -165px -206px;
	position: relative;
	float: right;
	top: 6px
}

.icon-sub {
	background-position: -231px -71px;
	width: 18px;
	height: 18px
}

.icon-add {
	background-position: -231px -101px;
	width: 18px;
	height: 18px
}

.icon-shut {
	background-position: 20px -234px;
	width: 48px;
	height: 28px
}

.icon-right {
	right: 0;
	background-position: -165px -206px
}

.i-right {
	position: absolute;
	right: 0;
	top: 20px;
	background-position: -165px -209px
}

.icon-big {
	position: relative;
	top: -2px;
	width: 16px;
	height: 17px
}

.icon-zf {
	position: relative;
	top: 3px;
	margin-right: 10px;
	width: 26px;
	height: 26px
}

.icon-success {
	width: 36px;
	height: 36px;
	background-position: -2px -261px
}

.icon-sm-success {
	width: 25px;
	height: 25px;
	background-position: -59px -266px
}

.icon-order {
	background-position: -62px -235px;
	margin-right: 10px
}

.icon-zfb {
	background-position: -222px -142px
}

.icon-sm-wx {
	background-position: -192px -142px
}

.icon-radio {
	width: 18px;
	height: 18px;
	background-position: -196px -211px
}

.ticket-disabled .icon-zfb {
	background-position: -222px -172px
}

.ticket-disabled .icon-sm-wx {
	background-position: -192px -172px
}

.ticket-disabled .icon-radio {
	background-position: -226px -211px
}

.icon-radio.disabled {
	background-position: -226px -211px
}

.list-content {
	width: 100%;
	overflow: hidden;
	position: relative
}

.icon-a {
	display: inline-block;
	width: 2rem;
	height: 1.5rem;
	background: url(../images/article_icon.png) no-repeat;
	-webkit-background-size: 10rem 10rem;
	background-size: 10rem 10rem
}

.icon-a.i-pl-black {
	background-position: -2.3rem -1.65rem;
	width: 1.5rem;
	height: 2rem;
	float: left;
	position: relative;
	top: .4rem
}

.icon-a.icon-wb {
	background-position: -2.2rem -.1rem;
	vertical-align: bottom
}

.icon-a.icon-qqZone {
	background-position: -4.6rem -.1rem;
	vertical-align: bottom
}

.icon-a.icon-md-praise {
	background-position: -6rem -1.78rem
}

.icon-a.icon-md-praise.active {
	background-position: -8rem -1.78rem
}

.icon-a.icon-collection {
	background-position: -6.6rem -.1rem
}

.icon-a.icon-collection.active {
	background-position: -8.6rem -.1rem
}

.icon-video {
	display: inline-block;
	width: 1.7rem;
	height: 1.7rem;
	background: url(../images/icon_play_mini.png) no-repeat;
	-webkit-background-size: 1.7rem;
	background-size: 1.7rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.article-big-box {
	position: relative;
	height: 10.55rem;
	width: 100%;
	overflow: hidden
}

.article-big-box img {
	width: 100%
}

.article-big-title-box {
	position: absolute;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(48, 48, 48, 0)), to(rgba(48, 48, 48, .5)));
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.article-title,
.head-article-title {
	position: absolute;
	padding: 0 .75rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 0;
	width: 100%;
	bottom: 1.1rem;
	text-align: left
}

.article-big-title-box .article-title {
	width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	bottom: 1.45rem
}

.article-big-title-box .head-article-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	bottom: 1.45rem
}

.article-feed-ul {
	margin: 0;
	list-style: none
}

.article-feed-ul li {
	display: inline-block;
	background: #fff;
	width: 100%;
	position: relative;
	padding: 0 .8rem;
	min-height: 100px;
	font-size: 0;
	vertical-align: top;
	margin-bottom: .25rem;
	overflow: hidden
}

.article-feed-ul li.article-big-image-box {
	height: auto;
	padding: 0 1rem
}

.article-md-img-box {
	float: left;
	width: 7.25rem;
	height: 5.45rem;
	overflow: hidden;
	position: relative;
	z-index: 10
}

.article-md-img-box a {
	font-size: 0;
	display: inline-block
}

.article-md-img-box img {
	width: 100%
}

.article-feed-ul li.article-big-image-box .article-md-img-box {
	width: 100%;
	float: none;
	margin-top: 0;
	overflow: hidden;
	height: auto
}

.article-feed-ul li img.article-big-image-box img.article-md-img-box img {
	width: 100%
}

.article-info-box {
	padding-left: 8rem;
	font-size: .85rem;
	line-height: 1.25rem;
	color: #333;
	height: 5.45rem;
	width: 100%
}

.article-info-time {
	color: #bbb;
	margin: .75rem 0;
	font-size: .6rem;
	line-height: 1
}

.ad-feed-box .article-info-box,
.ad-feed-box .article-md-img-box {
	margin-top: 2rem;
	margin-bottom: 1rem
}

.ad-content-box .article-info-box,
.ad-content-box .article-md-img-box {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.ad-content-box .mod-hot {
	top: inherit;
	bottom: 1rem
}

.article-feed-ul li.article-big-image-box .article-info-box {
	position: relative;
	padding-left: 0;
	height: auto
}

.article-feed-ul li.article-big-image-box .article-info-box .article-md-title {
	height: auto;
	margin-top: .65rem;
	margin-bottom: -.25rem;
	-webkit-line-clamp: 3
}

.article-feed-ul li.article-big-image-box .author-box {
	position: relative
}

.article-feed-ul li .author-box {
	font-size: .6rem;
	color: #bbb;
	margin: .65rem 0;
	position: relative;
	white-space: nowrap;
	line-height: .8rem
}

.article-feed-ul li .author-box img {
	width: .75rem;
	height: .75rem;
	border-radius: 50%;
	vertical-align: top
}

.article-feed-no-border-ul li:last-child {
	margin: 0
}

.article-info-box .article-md-title {
	height: 5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	color: #303030
}

.article-info-box .article-md-title.activity {
	height: 70px
}

.article-info-box .author-box.hot-article {
	margin-left: 0;
	font-size: .5rem;
	color: silver;
	white-space: nowrap;
	margin-top: .4rem;
	margin-bottom: .55rem
}

.article-info-box .author-box span {
	margin-left: .75rem
}

.article-info-box .author-box span:first-child {
	margin-left: 0
}

.article-info-box .author-box span:last-child {
	margin-right: 0
}

.article-info-box .author-box .face-box {
	float: left;
	position: relative;
	border-radius: 13px;
	width: 26px;
	height: 26px;
	overflow: hidden;
	margin-right: 10px
}

.article-info-box .author-box .face-box img {
	width: 100%
}

.article-info-box .author-box span:last-child {
	margin-right: 0
}

.mod-hot {
	margin-right: 0;
	position: absolute;
	right: 1rem;
	top: .7rem;
	padding: 0 5px;
	height: .9rem;
	line-height: .9rem;
	font-size: .5rem;
	color: #f63756;
	text-align: center;
	border: 1px solid #f63756;
	border-radius: 3px
}

.mod-hot.bottom {
	bottom: 0
}

.mod-hot.ad1 {
	border: 1px solid #f1754f;
	color: #f1754f
}

.mod-hot.ad2 {
	border: 1px solid #3ca5f6;
	color: #3ca5f6
}

.story-box {
	position: relative;
	padding: .55rem 0 0 0;
	background: #fff
}

.story-box .title {
	font-size: .8rem;
	margin: 0 .8rem
}

.span-mark {
	display: inline-block;
	position: absolute;
	z-index: 1;
	height: .8rem;
	line-height: 1;
	margin: -.9rem 0 0 -1rem;
	width: .25rem
}

.story-box .span-mark {
	margin: -.95rem 0 0 0
}

.story-box ul li {
	position: relative;
	padding: .75rem .4rem .75rem .8rem;
	border-top: 1px solid #e8e8e8
}

.story-bottom-more:before,
.story-box ul li:before {
	content: '';
	width: .8rem;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: -1px
}

.story-box ul li.active {
	background: #f4f4f4
}

.story-box ul li:first-child {
	border: none
}

.story-box ul li.active .story-praise {
	display: block
}

.story-box ul li .story-title {
	font-size: .75rem;
	line-height: 1.5;
	cursor: pointer;
	font-weight: 700
}

.story-box ul li .info {
	font-size: .75rem;
	line-height: 1.5;
	color: #5a5a5a;
	margin-top: 10px;
	display: none;
	background: #f6f6f6;
	cursor: pointer
}

.story-box ul li .info a {
	color: silver
}

.story-box ul li .time {
	font-size: .6rem;
	color: silver;
	margin-top: .4rem
}

.story-box ul li .story-arrow {
	position: relative;
	top: 13px;
	width: 2px;
	height: 0;
	left: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #ddd
}

.story-box ul li.active .info {
	display: block
}

.story-box ul li.active .story-arrow {
	border-top: none;
	border-bottom: 6px solid #ddd;
	top: -12px
}

.bottom-more {
	height: 2.25rem;
	text-align: center;
	font-size: .8rem;
	line-height: 2.25rem;
	color: #999;
	cursor: pointer;
	background: #fff
}

.story-bottom-more {
	position: relative;
	border-top: 1px solid #e8e8e8;
	display: block;
	color: silver;
	height: 2.45rem;
	line-height: 2.45rem
}

.hp-moment-ul {
	height: 4.3rem;
	overflow: hidden
}

.hp-moment-ul a {
	color: #606060;
	display: -webkit-flex!important;
	display: flex!important
}

.hp-moment-list {
	width: 100%!important;
	text-align: left!important;
	position: relative;
	height: 4.3rem;
	padding: 0 .2rem 0 3.25rem;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-pack: inherit!important;
	-ms-flex-pack: inherit!important;
	-webkit-justify-content: inherit!important;
	justify-content: inherit!important;
	-webkit-box-align: inherit!important;
	-ms-flex-align: inherit!important;
	-webkit-align-items: inherit;
	align-items: inherit
}

.hp-moment-list img {
	position: absolute;
	top: 1.2rem;
	left: .75rem;
	width: 1.75rem!important;
	height: 1.75rem!important;
	border-radius: 50%
}

.hp-moment-text {
	font-size: .75rem!important;
	line-height: 1.15rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word
}

.hp-moment-text span {
	color: #303030
}

.bottom-more.bg1 {
	background: #f5f5f5
}

.bottom-more .loading-img {
	width: 30px;
	height: 30px;
	margin-top: 5px
}

.ad-box2 {
	position: relative;
	padding: 1rem .8rem;
	overflow: hidden;
	background: #fff
}

.ad-box2 img {
	width: 100%;
	vertical-align: top
}

.ad-article-top {
	position: relative
}

.ad-article-top .mod-hot {
	right: 0;
	bottom: 0;
	top: inherit
}

.ad-article-top,
.ad-article-top img {
	width: 100%;
	display: block;
	min-height: 65px;
}

.ad-article-top.ad-article-foot {
	padding: 2.4rem .8rem 0;
	margin-bottom: 1.5rem
}

.ad-article-top.ad-article-middle {
	padding: .8rem .8rem 0;
	margin-bottom: 1.6rem
}

.ad-article-foot img,
.ad-article-middle img {
	width: 100%;
	border-radius: .2rem
}

.ad-mod {
	color: #fff!important
}

.article-feed-ul .ad-content-box {
	margin-bottom: 0;
	min-height: 0;
	margin-left: 0;
	border: none
}

.ad-content-box .article-md-img-box {
	width: 7.25rem;
	height: 5.5rem
}

.ad-content-box .article-info-box {
	padding-left: 0;
	padding-right: 8.1rem
}

.ad-title-box {
	position: absolute;
	z-index: 2;
	background: rgba(0, 0, 0, .5);
	font-size: 21px;
	line-height: 1;
	color: #fff;
	right: 1rem;
	left: 1rem;
	bottom: 1rem;
	top: 1rem
}

.ad-title {
	padding: 0 25px;
	vertical-align: middle;
	display: table-cell;
	height: 9.4rem;
	width: 100%;
	text-align: center
}

.ad-box2 .mod-angle,
.article-title .mod-angle {
	padding: 0 5px;
	height: 21px;
	border: 1px solid #fff;
	font-size: 10px;
	text-align: center;
	line-height: 21px;
	display: inline-block;
	position: relative;
	border-radius: 3px;
	top: -2px;
	margin-right: 5px
}

.ad-box2 .mod-angle.ad1 {
	background: #f1754f
}

.ad-box2 .mod-angle.ad2 {
	background: #3ca5f6
}

.ad-footer-box {
	position: relative;
	width: 100%
}

.ad-footer-box img {
	width: 100%;
	display: block!important
}

.ad-top {
	color: #fff;
	background: rgba(0, 0, 0, .8);
	border-top-left-radius: 3px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	padding: 0 10px
}

.head-ad {
	color: #fff;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	background: rgba(0, 0, 0, .2);
	border-top-left-radius: 3px;
	margin: 0
}

.head-ad.article-head-ad {
	padding: .1rem .4rem;
	background-color: #cdb389;
	font-size: .4rem;
	height: .7rem;
	line-height: .6rem;
	margin-left: .75rem;
	border-radius: .35rem
}

.head-ad.foot-ad {
	position: absolute;
	right: 1rem;
	bottom: -16px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0
}

.head-ad.zt-head-ad {
	right: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 0
}

footer {
	height: 7.5rem;
	width: 100%;
	background: #fff;
	text-align: center;
	color: #bbb
}

footer ul {
	margin: 2.4rem auto .5rem auto;
	display: inline-block
}

footer ul li {
	float: left;
	font-size: .65rem;
	line-height: 24px;
	border-right: 1px solid #bbb
}

footer ul li:last-child {
	border: none
}

footer ul li a {
	color: #bbb;
	margin-left: .4rem;
	margin-right: .4rem
}

footer .copyright-box {
	font-size: .6rem
}

.full-foot-width {
	position: fixed;
	width: 100%;
	max-width: 640px;
	z-index: 20;
	bottom: 0;
	background: rgba(255, 96, 96, .8)
}

.choice-buy-wrap.full-foot-width {
	background: #ff6060
}

.full-foot-width.iPhoneX-foot-style {
	padding-bottom: .5rem
}

.full-foot-width a {
	display: block;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: .75rem;
	color: #fff;
	letter-spacing: .05rem
}

.column-foot-wrap {
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	padding: .3rem 0;
	background-color: #fff;
	width: 100%;
	max-width: 640px;
	text-align: center;
	font-size: 0;
	z-index: 3
}

.column-foot-wrap a {
	cursor: pointer;
	display: inline-block;
	font-size: .7rem;
	height: 1.6rem;
	line-height: 1.6rem;
	background: #fff;
	width: 8.3rem;
	border-radius: .2rem;
	color: #fff
}

.column-foot-wrap a:first-child {
	color: #ff6060
}

.column-foot-wrap a:last-child {
	margin-left: .5rem;
	background-color: #ff6060;
	color: #fff
}

.column-foot-wrap a.disabled:last-child {
	background-color: silver;
	color: #fff
}

.column-foot-wrap.iPhoneX-foot-style {
	padding-bottom: .8rem
}

.footer-btn-banner {
	border-top: 1px solid #f4f4f4;
	padding: .3rem .8rem;
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100%;
	max-width: 640px;
	background-color: #fff;
	margin: 0 auto
}

.footer-btn-banner.iPhoneX-foot-style {
	padding-bottom: .8rem
}

.footer-btn-banner a {
	width: 100%;
	display: block;
	height: 1.8rem;
	line-height: 1.8rem;
	color: #fff;
	font-size: .7rem;
	border-radius: .2rem;
	text-align: center;
	cursor: pointer
}

.footer-btn-banner.no-border-top {
	border-top: 0
}

.article-content-title-box {
	position: relative;
	padding: 1.2rem .8rem 1.35rem;
	background: #fff
}

.fresh-article-wrap {
	margin: -4.1rem 0 1.25rem 0;
	z-index: 30;
	position: relative
}

.fresh-article-wrap .span-bg {
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 5%, rgba(255, 255, 255, .4) 10%, rgba(255, 255, 255, .8) 20%, rgba(255, 255, 255, 1) 50%);
	height: 4.15rem
}

.fresh-article-wrap.disabled {
	margin-top: 0
}

.fresh-article-box {
	position: relative;
	text-align: center
}

.fresh-article-box .title {
	text-align: center;
	font-size: .7rem;
	margin-top: .6rem;
	color: #303030
}

.fresh-article-box .top-box {
	width: 100%;
	text-align: center;
	font-size: .7rem;
	color: #303030;
	margin-bottom: .75rem
}

.btn-join-vip {
	display: inline-block;
	height: 1.8rem;
	width: 10.15rem;
	border-radius: .2rem;
	margin: 0 auto;
	line-height: 1.8rem;
	text-align: center;
	font-size: .7rem;
	border: 1px solid #1d1d1d;
	margin-top: .6rem;
	cursor: pointer
}

.btn-join-vip.active {
	color: #ff6060;
	border-color: #ff6060
}

.btn-join-vip .login-show-wrap {
	padding-bottom: .2rem;
	padding-top: 1.85rem;
	margin: 0 auto
}

.login-show-wrap .btn-join-app {
	border: 1px solid #ff6060;
	text-align: center;
	display: table;
	padding: 0 2.3rem;
	border-radius: 1.6rem;
	height: 2rem;
	line-height: 2rem;
	font-size: .7rem;
	margin: 0 auto
}

.btn-more {
	font-size: .75rem;
	color: #8d8d8d;
	margin-top: 1rem;
	display: inline-block
}

.join-footer-box {
	height: 2.9rem;
	line-height: 2.9rem;
	padding-right: 1rem;
	padding-left: .48rem;
	font-size: .8rem;
	color: #8d8d8d
}

.join-footer-box a {
	color: #8d8d8d;
	display: inline-block;
	width: 100%
}

.join-footer-box .icon2-right-arrow2 {
	margin-top: 1.1rem
}

.article-public-box {
	padding: .75rem .8rem;
	font-size: .8rem;
	line-height: 1.2rem
}

.article-public-box .title {
	font-weight: 700;
	text-align: center;
	color: #606060
}

.article-public-box .report-title {
	position: relative;
	font-weight: 700;
	margin-top: 1.25rem;
	margin-bottom: .4rem
}

.article-public-box .report-title:after {
	position: absolute;
	content: '';
	bottom: -1rem;
	width: 1.3rem;
	height: .1rem;
	background: #000;
	left: 0;
	display: none
}

.article-public-box .report-con {
	color: #909090
}

.article-content-title-box .title {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	padding-bottom: .625rem
}

.article-author-box {
	position: relative;
	color: silver;
	padding-right: .5rem
}

.article-author-box .face-box img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: .5rem
}

.article-author-box .icon-v {
	width: .9rem;
	height: .9rem;
	position: absolute;
	left: 16px;
	bottom: -1px;
	z-index: 1
}

.text-hxzhu {
	color: #909090
}

.article-content-img {
	position: relative;
	width: 100%;
	padding: 0 .8rem
}

.article-content-img img {
	width: 100%;
	display: block;
	border-radius: .3rem
}

.author-zt {
	padding: 1.4rem .8rem 0;
	color: #909090;
	font-size: .8rem;
	line-height: 1.1rem;
	position: relative
}

.author-zt>p {
	padding-left: 1.65rem;
	padding-right: .4rem;
	margin: 0
}

.author-zt .label {
	display: block;
	color: #d0d0d0;
	font-size: .6rem;
	line-height: 1.5;
	padding-top: .2rem
}

.author-zt .label a {
	color: #d0d0d0
}

.author-zt>i {
	display: inline-block;
	position: absolute;
	top: 1.25rem;
	left: .8rem;
	height: 1.1rem;
	width: 1.1rem;
	background: url(../images/162445129275.png) no-repeat;
	background-size: 100%
}

.author-zt:after {
	content: '';
	display: block;
	width: 3rem;
	height: 2px;
	background: #ddd;
	margin: 1.2rem auto 0
}

.article-content {
	padding: 0 .8rem;
	background: #fff;
	font-size: 18px!important;
	line-height: 32px;
	width: 100%;
	word-wrap: break-word;
	color: #606060!important;
	text-align: justify
}

.article-content em,
.article-content i {
	font-style: italic
}

.article-content ol,
.article-content ul {
	padding-left: 38px
}

.article-content blockquote ol,
.article-content blockquote ul {
	padding-left: 28px
}

.article-content ol li,
.article-content ul li {
	list-style: inherit
}

.article-content img {
	max-width: 100%;
	height: auto;
	background-color: #f4f4f4;
	border-radius: .3rem
}

.article-content p {
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	font-size: 18px!important;
	color: #606060!important
}

.article-content a {
	color: #606060!important;
	border-bottom: 1px solid #909090;
	padding-bottom: 2px
}

.article-content iframe {
	max-width: 100%;
	height: 350px;
	display: block;
	margin: 0 auto
}

.article-content blockquote {
	word-break: normal;
	word-wrap: break-word;
	padding: 0;
	margin: 0;
	color: #909090!important;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	line-height: 24px;
	font-size: 16px!important
}

.article-content blockquote a {
	color: #909090!important;
	border-bottom: 1px solid #909090;
	padding-bottom: 0
}

blockquote ol {
	padding-left: 1.3rem
}

ol {
	padding-left: 1.9rem
}

.neirong-shouquan {
	font-size: .65rem;
	color: #909090;
	line-height: 1.05rem;
	margin-top: 1.5rem
}

.article-content .text-remarks {
	color: #909090!important;
	line-height: 24px
}

.article-content .text-remarks a {
	color: #909090!important;
	border-bottom: 1px solid #909090;
	padding-bottom: 2px
}

.article-content .img-center-box {
	text-align: center
}

.article-content .text-img-note {
	color: #909090!important;
	font-size: 13px!important;
	line-height: 18px;
	margin-top: 12px;
	text-align: center
}

.article-content .text-big-title {
	font-size: 20px!important
}

.article-content .text-sm-title {
	font-size: 18px!important
}

.article-content .text-big-title,
.article-content .text-sm-title {
	font-weight: 700;
	color: #303030!important;
	line-height: 27px
}

.praise-wrap {
	background: #fff;
	padding: 10px 0 40px 0
}

.praise-box {
	position: relative;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background: #f63756;
	text-align: center;
	line-height: 50px;
	cursor: pointer
}

.praise-box .number {
	position: absolute;
	width: 50px;
	text-align: center;
	margin-left: -13px;
	font-size: 14px;
	margin-top: 42px;
	color: #ddd
}

.praise-box.active {
	border-radius: 100px;
	background: #fff;
	border: 2px solid #f0f0f0
}

.praise-box.active .icon-big-praise {
	width: 23px;
	height: 20px;
	background-position: -43px -40px
}

.share-wrap {
	position: absolute;
	text-align: center;
	bottom: 40px;
	width: 100%
}

.share-box {
	text-align: center;
	font-size: .8rem;
	padding-bottom: 35px;
	padding-top: 2.15rem
}

.share-box .title {
	position: relative;
	margin-bottom: 1rem;
	font-weight: 700
}

.share-box .share-ul li {
	width: 105px;
	display: inline-block;
	text-align: center;
	margin-bottom: 15px;
	cursor: pointer
}

.share-box .share-ul li a {
	display: inline-block;
	width: 44px;
	height: 44px;
	border-radius: 44px;
	background-color: #eee
}

.share-box .share-ul li a i {
	margin-top: 10px
}

.share-box.article-content-share {
	overflow: hidden;
	padding: 1.75rem .8rem .95rem
}

.share-box.article-content-share .title {
	font-weight: 400;
	margin-bottom: 0
}

.share-box.article-content-share .share-ul {
	display: inline-block;
	width: inherit;
	font-size: 0;
	vertical-align: middle
}

.share-box.article-content-share .share-ul li {
	width: 3.6rem;
	margin-bottom: 0;
	text-align: left
}

.share-box.article-content-share .article-btn-group ul {
	font-size: 0
}

.share-box.article-content-share .article-btn-group li {
	display: inline-block
}

.share-box.article-content-share .article-btn-group li:first-child {
	margin-right: 1rem
}

.share-box.article-content-share .article-praise-number {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .6rem;
	vertical-align: top
}

.exceptional-box {
	text-align: center;
	padding: 20px 0;
	background: #fff;
	display: none;
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

.pl-number {
	position: absolute;
	font-size: 10px;
	background: #f63756;
	color: #fff;
	height: 14px;
	border-radius: 11px;
	vertical-align: top;
	display: inline-block;
	font-style: normal;
	right: -2px;
	top: 1px;
	line-height: 16px;
	padding: 0 5px
}

.exceptional-box .name {
	font-size: 15px;
	color: #bbb
}

.exceptional-box .name span {
	color: #3ca5f6
}

.exceptional-box .info {
	font-size: 12px;
	color: #999;
	text-align: center;
	width: 100%
}

.exceptional-box .qr-box {
	margin: 15px auto;
	z-index: 100;
	width: 100%
}

.exceptional-box .qr-box img {
	width: 110px;
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

.article-box {
	width: 100%;
	background: #fff;
/*	padding-top: 1.2rem*/
}

.article-box a {
	text-decoration: none!important;
	word-break: break-all
}

.article-box a font {
	color: #333
}

.btn-group {
	position: fixed;
	width: 100%;
	height: 49px;
	border-top: 1px solid #dfdfdf;
	background: rgba(255, 255, 255, .96);
	z-index: 100;
	bottom: 0;
	max-width: 640px
}

.btn-group ul li {
	width: 25%;
	text-align: center;
	float: left;
	height: 49px;
	line-height: 49px;
	cursor: pointer
}

.btn-group ul li i {
	position: relative;
	top: 6px
}

.recommended-box {
	position: relative;
	padding: .6rem 1rem 0 1rem;
	background: #fff
}

.recommended-box h2 {
	text-align: center;
	line-height: 1.15rem;
	margin-bottom: 1rem;
	color: #606060;
	font-size: .7rem
}

.recommended-box.related-box h2 {
	margin-bottom: .7rem
}

.rec-article-feed-ul .article-ad-content-box {
	padding: .8rem
}

.article-ad-content-box .rec-article-info {
	padding-left: 0!important
}

.article-recommend-wrap .title {
	padding-top: .8rem;
	text-align: center;
	font-weight: 700;
	font-size: .7rem;
	line-height: 1.2rem;
	padding-bottom: .6rem;
	color: #676767
}

.recommend-about-wrap {
	padding: 0 .8rem
}

.recommend-info-wrap {
	overflow: hidden;
	overflow-x: auto;
	padding: 0 .95rem .2rem .65rem;
	-webkit-overflow-scrolling: touch
}

.recommend-info-wrap::-webkit-scrollbar {
	display: none
}

.recommend-ul {
	white-space: nowrap;
	font-size: 0
}

.recommend-ul li {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-right: .4rem;
	width: 10.2rem;
	font-size: .8rem;
	line-height: 1.2rem;
	vertical-align: top;
	color: #606060
}

.recommend-ul.recommend-table-ul li {
	font-size: .7rem;
	line-height: 1rem
}

.recommend-ul li:last-child {
	margin-right: .8rem
}

.recommend-ul li a {
	display: block
}

.recommend-ul .rec-article-video-pic,
.recommend-ul .recommend-article-img {
	display: block;
	width: 10.2rem;
	height: 5.75rem;
	vertical-align: top;
	position: relative;
	border-radius: .2rem
}

.recommend-ul .recommend-article-img {
	object-fit: cover
}

.recommend-info-title {
	text-align: left;
	white-space: initial;
	margin-top: .6rem;
	color: #606060;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.recommend-info-title .recommend-open-app-text {
	font-size: .6rem;
	height: 1rem;
	line-height: 1rem;
	border: 1px solid #ff6060;
	border-radius: .45rem;
	padding: 0 .4rem;
	display: inline-block;
	text-align: center;
	vertical-align: top
}

.recommend-ul.recommend-table-zt-ul .recommend-info-title {
	font-size: .7rem;
	line-height: 1rem
}

.pl-wrap .title {
	padding-top: .8rem;
	font-weight: 700;
	font-size: .7rem;
	line-height: 1.2rem;
	padding-bottom: .6rem;
	text-align: center
}

.pl-article-ul-box li {
	position: relative;
	border-top: 1px solid #e8e8e8;
	padding: .6rem .8rem 0 0;
	margin-left: 2.65rem
}

.pl-article-ul-box li:first-child {
	border-top: none;
	padding-top: .15rem
}

.pl-article-ul-box .pl-content-wrap {
	position: relative;
	padding-bottom: .8rem
}

.pl-content-wrap .pl-face-box {
	position: absolute;
	left: -2rem;
	margin-top: -.15rem;
	z-index: 10
}

.pl-content-wrap .pl-face-box img {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	vertical-align: top
}

.pl-content-wrap .name {
	font-size: .7rem;
	overflow: hidden
}

.pl-content-wrap .pt-2.name {
	padding-top: 2px
}

.icon2.icon-pl-vip {
	margin-left: .3rem;
	background-position: -2.2rem -6.55rem;
	width: 1rem;
	height: 1.2rem;
	vertical-align: top
}

.pl-content-wrap .author-icon {
	padding-top: .12rem;
	margin-left: .3rem;
	height: 1.2rem;
	display: inline-block
}

.pl-content-wrap .c-hxrz {
	margin-top: 0;
	height: 18px
}

.pl-content-wrap .hxfwtd {
	background-position: -30px -208px
}

.pl-content-wrap .hxrzzz-level-1 {
	background-position: -6px -112px
}

.pl-content-wrap .hxrzzz-level-2 {
	background-position: -6px -132px
}

.pl-content-wrap .hxrzzz-level-3 {
	background-position: -6px -152px
}

.pl-content-wrap .hxrzzz-level-4 {
	background-position: -6px -172px
}

.pl-content-wrap .hxrzzz-level-5 {
	background-position: -6px -192px
}

.pl-content-wrap .hxrzzz-level-6 {
	background-position: -30px -112px
}

.pl-content-wrap .hxrzzz-level-7 {
	background-position: -30px -132px
}

.pl-content-wrap .hxrzzz-level-8 {
	background-position: -30px -152px
}

.pl-content-wrap .hxrzzz-level-9 {
	background-position: -30px -172px
}

.pl-content-wrap .hxrzzz-level-10 {
	background-position: -30px -192px;
	width: 22px
}

.pl-content-wrap .time {
	font-size: .5rem;
	line-height: 1
}

.pl-content-wrap .pl-content {
	font-size: .8rem;
	line-height: 1.2rem;
	word-wrap: break-word;
	padding-top: .4rem;
	padding-bottom: .35rem;
	cursor: pointer
}

.pl-content-wrap .pl-content span {
	position: relative;
	top: -.1rem;
	padding: 0 .3rem;
	font-size: .5rem;
	line-height: .9rem;
	border: 1px solid #ff6060;
	border-radius: .4rem;
	margin-right: .2rem;
	display: inline-block
}

.pl-content-wrap .pl-hf-text {
	font-size: .55rem;
	height: .9rem;
	line-height: .9rem
}

.pl-content-wrap .pl-dp-praise {
	margin-left: .5rem
}

.pl-content-wrap.pl-dp-wrap {
	background: #f8f8f8;
	padding: 0 .6rem .45rem;
	border-radius: .1rem;
	margin-bottom: .25rem;
	font-size: .7rem
}

.pl-content-wrap.pl-dp-wrap:last-child {
	margin-bottom: .8rem
}

.pl-content-wrap.pl-dp-wrap .time {
	height: .9rem;
	line-height: .9rem
}

.pl-content-wrap .pl-content b {
	font-weight: 500
}

.pl-content-wrap .pl-praise-box {
	position: absolute;
	bottom: .5rem;
	font-size: .55rem;
	z-index: 10
}

.pl-content-wrap.pl-dp-wrap .pl-praise-box {
	right: 3.1rem;
	bottom: .2rem
}

.pl-content-wrap .praise {
	height: 1.4rem;
	padding: .2rem;
	line-height: 1rem;
	min-width: 1.8rem
}

.pl-content-wrap .praise,
.pl-content-wrap .praise-num {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding-right: .2rem
}

.pl-content-wrap .praise.disagree {
	margin-left: .3rem
}

.icon-a.icon-pl-agree,
.icon-a.icon-pl-disagree {
	position: relative;
	height: .9rem;
	width: .65rem;
	vertical-align: top
}

.icon-a.icon-pl-agree {
	background-position: -6.94rem -5.78rem
}

.icon-a.icon-pl-disagree {
	background-position: -6.94rem -6.78rem
}

.pl-content-wrap .praise.active .icon-pl-agree {
	background-position: -8.28rem -5.78rem
}

.pl-content-wrap .praise.active .icon-pl-disagree {
	background-position: -8.28rem -6.78rem
}

.pl-content-wrap .praise.active .agree-num {
	color: #ff6060
}

.pl-content-wrap .praise.active .disagree-num {
	color: #4871ba
}

.bottom-more-comment {
	display: block;
	height: 2.2rem;
	line-height: 2.2rem;
	border: 1px solid silver;
	border-radius: 1rem;
	padding-left: .8rem;
	padding-right: .3rem;
	color: silver;
	font-size: .7rem;
	margin: 1.8rem .8rem 0;
	position: relative
}

.bottom-more-comment span {
	position: absolute;
	right: .3rem;
	top: .2rem;
	height: 1.7rem;
	line-height: 1.7rem;
	color: #fff;
	border-radius: 1rem;
	padding: 0 .5rem
}

.pl-wrap .face-box {
	position: absolute;
	margin-left: -35px
}

.pl-wrap .face-box img {
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 25px;
	margin-top: .1rem
}

.pl-wrap .pl-info {
	position: relative;
	font-size: 12px
}

.pl-wrap .pl-info .title {
	font-size: 16px;
	color: #333;
	margin-top: 17px;
	line-height: 21px;
	word-wrap: break-word;
	text-align: left;
	padding: 0 0;
	font-weight: 400
}

.pl-wrap .pl-info .name {
	margin-top: 8px
}

.pl-wrap .pl-info .time {
	display: inline-block;
	margin-top: .75rem;
	color: #bbb;
	line-height: 1
}

.pl-wrap .pl-info .hf-pl {
	margin-top: 20px;
	cursor: pointer;
	padding: 0 15px;
	margin-right: -15px;
	color: #3ca5f6
}

.pl-wrap .pl-info .praise {
	position: absolute;
	right: 0
}

.pl-list-box .pl-info .praise {
	top: -4px
}

.pl-wrap .pl-info .praise span {
	position: relative;
	margin-left: 10px;
	cursor: pointer;
	display: inline-block
}

.pl-wrap .pl-info .praise span em {
	font-style: normal;
	margin-left: 2px;
	position: relative;
	top: -2px
}

.pl-wrap .pl-ul-box li {
	position: relative;
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #f0f0f0;
	margin-left: 35px
}

.pl-footer-box {
	height: 49px;
	background: #fff
}

.article-feed-ul li:after,
.pl-wrap .pl-ul-box li:after,
.story-box ul li:after {
	content: '';
	width: 1rem;
	height: 1px;
	background: #f0f0f0;
	position: absolute;
	bottom: -1px
}

.article-feed-ul li:last-child:after,
.pl-wrap .pl-ul-box li:last-child:after,
.story-box ul li:last-child:after {
	height: 0
}

.pl-wrap .pl-ul-box li:last-child {
	border: none
}

.pl-list-box {
	padding: 5px 15px 0 15px;
	background: #fff
}

.pl-list-box .pl-info .name a {
	color: #bbb
}

.pl-list-title {
	background: #fff
}

.pl-list-title ul {
	height: 44px;
	border-bottom: 1px solid #f0f0f0;
	text-align: center
}

.pl-list-title ul li {
	height: 44px;
	text-align: center;
	width: 25%;
	display: inline-block
}

.pl-list-title ul li.active a {
	color: #333;
	border-bottom: 2px solid #333
}

.pl-list-title ul li a {
	font-size: 16px;
	color: #bbb;
	display: inline-block;
	line-height: 42px
}

.dp-wrap-title {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 10px
}

.dp-wrap {
	background: #f5f5f5;
	padding: 0 15px
}

.dp-wrap .dp-box {
	display: none;
	border-bottom: 1px solid #eee
}

.dp-wrap .dp-box .hf-pl,
.dp-wrap .dp-box .time {
	margin-top: 0;
	margin-right: -15px
}

.dp-wrap .dp-box:first-child {
	display: block
}

.bottom-more-pl {
	border: none;
	display: inline-block;
	width: 100%
}

.dp-box {
	padding: 15px 0
}

.dp-box .face-box {
	margin-left: 0
}

.dp-box .face-box .icon-s {
	bottom: 0
}

.dp-box .pl-info .name {
	margin-top: 0;
	position: relative;
	margin-left: 35px;
	top: 8px
}

.dp-box .pl-content {
	margin-top: 27px;
	font-size: 14px;
	line-height: 19px;
	word-wrap: break-word
}

.dp-box .pl-content .user-name {
	color: #3ca5f6
}

.recommended-box .article-feed-ul {
	padding: 0
}

.feedback-textarea,
.pl-textarea {
	height: 94px;
	width: 100%;
	border: 1px solid #ddd;
	resize: none;
	font-size: 16px;
	padding: 15px;
	color: #333
}

.feedback-input {
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
	font-size: 14px;
	color: #333;
	margin-top: 13px;
	padding-left: 15px
}

.pl-btn-group {
	padding: 0 .75rem;
	text-align: right;
	font-size: 0
}

.pl-btn-group input {
	height: 33px;
	line-height: 33px;
	width: 15.6rem;
	border-radius: 35px;
	border: 1px solid #bbb;
	-webkit-appearance: none;
	text-indent: 15px;
	font-size: 15px;
	color: #333;
	box-shadow: none;
	position: relative;
	top: .4rem;
	float: right
}

.hot-article-box .article-info-box {
	padding-left: 0;
	height: auto
}

.hot-article-box .article-feed-ul {
	border-top: 1px solid #e8e8e8;
	margin-left: .8rem
}

.hot-article-box .article-feed-ul li {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	padding-top: .45rem;
	padding-right: .8rem;
	min-height: 0
}

.hot-article-box .article-md-title {
	height: auto;
	-webkit-line-clamp: 2;
	font-size: .7rem;
	line-height: 1.05rem;
	color: #303030
}

.recommended-box.related-box .article-feed-ul .article-info-box .article-md-title {
	margin-left: 0
}

.related-article-wrap {
	width: 100%;
	overflow: hidden;
	background: #fff
}

.next-article-time {
	color: #909090;
	font-size: .5rem;
	line-height: .75rem;
	margin: .65rem 0
}

.recommended-box.hot-article-box,
.recommended-box.related-box {
	padding: .8rem 0 0
}

.no-content-box {
	background: #fff!important;
	color: silver;
	font-size: .7rem;
	text-align: center;
	padding: 175px 0
}

.no-content-box .title {
	line-height: .9rem
}

.nums {
	position: absolute;
	top: 10px;
	font-style: normal;
	color: #fff;
	background-color: #f63756;
	border-radius: 50px;
	width: 6px;
	height: 6px;
	padding: 0;
	left: 34px;
	z-index: 10;
	display: none
}

.nums-nav {
	position: absolute;
	top: .45rem;
	font-style: normal;
	color: #fff;
	background-color: #f63756;
	border-radius: 50px;
	width: 6px;
	height: 6px;
	padding: 0;
	left: 1.4rem;
	z-index: 10;
	display: none
}

.nums-nav-active {
	left: 3.4rem
}

.article-box a.videoA {
	border: none;
	display: inline-block;
	background: url(../images/155142900988.jpg);
	background-size: 100%
}

.footer-btn-content {
	position: fixed;
	height: 49px;
	border-top: 1px solid #ddd;
	background: rgba(249, 249, 249, .95);
	bottom: 0;
	z-index: 100;
	width: 100%;
	max-width: 640px
}

.footer-btn-content .input-from {
	float: left
}

.footer-btn-content .input-from input {
	width: 100%;
	z-index: 10
}

.footer-btn-content .footer-icon-group {
	position: absolute;
	margin-top: 7px;
	right: 0;
	text-align: right;
	z-index: 1
}

.footer-btn-content .footer-icon-group i {
	margin-right: 15px
}

.footer-btn-content.iPhoneX-foot-style {
	height: 69px!important
}

.footer-input-from {
	float: left;
	width: 100%;
	padding: 7px 115px 0 15px;
	z-index: 10
}

.footer-one-input-from {
	padding: 7px 60px 0 15px
}

.footer-input-from input {
	border: 1px solid #f0f0f0;
	width: 100%;
	height: 33px;
	border-radius: 33px;
	padding-left: 10px;
	font-size: 15px;
	z-index: 1
}

.footer-input-from .input-box {
	border: 1px solid #f0f0f0;
	width: 100%;
	height: 33px;
	border-radius: 33px;
	padding-left: 10px;
	font-size: 15px;
	z-index: 1;
	background: #fff;
	color: #bbb;
	cursor: pointer;
	line-height: 33px
}

.active-footer-banner {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #25acfa;
	text-align: center;
	color: #fff;
	font-size: .85rem;
	line-height: 2.45rem;
	height: 2.45rem;
	max-width: 640px;
	z-index: 10
}

.active-footer-banner.iPhoneX-foot-style {
	height: 2.95rem!important
}

@keyframes fadeRotateRight {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(45deg)
	}
}

@-webkit-keyframes fadeRotateRight {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(45deg)
	}
}

@keyframes fadeRotateLeft {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(-45deg)
	}
}

@-webkit-keyframes fadeRotateLeft {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(-45deg)
	}
}

@media screen and (min-width:320px) {
	.article-box a.videoA {
		width: 290px;
		height: 160px
	}
}

@media screen and (min-width:321px) and (max-width:375px) {
	.article-box a.videoA {
		width: 290px;
		height: 160px
	}
}

@media screen and (min-width:376px) {
	.article-box a.videoA {
		width: 346px;
		height: 194px
	}
}

@media screen and (max-width:360px) {
	.bottom-more-comment {
		padding-top: .1rem
	}
	.bottom-more-comment span {
		padding-top: .1rem;
		top: .2rem
	}
	.btn-join-app,
	.btn-join-vip,
	.free-report-box .con-t,
	.join-footer-box a {
		padding-top: .1rem
	}
}

@media screen and (max-width:320px) {
	.icon-a.i-pl-black {
		background-position: -2.3rem -1.5rem
	}
	.bottom-more-comment {
		padding-top: 0
	}
	.bottom-more-comment span {
		padding-top: 0
	}
	.btn-join-app,
	.btn-join-vip,
	.free-report-box .con-t,
	.join-footer-box a {
		padding-top: 0
	}
}

.bgw {
	background: #fff
}

.zt-tag-wrap {
	position: relative;
	color: #909090;
	padding: .6rem .5rem 0 .8rem
}

.zt-tag-wrap .zt-name {
	margin: 0;
	font-size: .5rem;
	line-height: .75rem;
	font-weight: 700;
	padding-left: 1.1rem
}

.zt-tag-wrap .zt-info {
	margin: 0;
	margin-bottom: .15rem;
	margin-top: .45rem;
	font-size: .6rem;
	line-height: .8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.zt-tag-wrap>i {
	position: absolute;
	top: .35rem;
	left: .8rem;
	width: .8rem;
	height: .8rem;
	background: url(../images/130259924171.png) no-repeat;
	background-size: 100%
}

.share-article-foot {
	position: fixed;
	bottom: 0;
	background: #fff;
	padding: .25rem .8rem;
	width: 100%;
	max-width: 640px;
	z-index: 1000
}

.share-article-foot .btn-join-app {
	width: 100%;
	margin: 0 auto
}

.blank-box.no-content-box {
	padding: 7.5rem 0 5.1rem
}

.blank-box.pl-blank-wrap {
	padding-bottom: 1.05rem
}

.blank-box .title.blank-title-bg {
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: .7rem;
	color: silver;
	padding: 0;
	background: #f8f8f8;
	font-weight: 400
}

.blank-bg {
	width: 9.8rem;
	height: 11.05rem;
	display: block;
	margin: 0 auto;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: .9rem
}

.blank-bg.search-blank {
	background-image: url(../images/blank_search.png)
}

.blank-bg.comment-blank {
	background-image: url(../images/blank_comment.png)
}

.blank-bg.pl-blank-bg {
	margin-top: 1rem;
	margin-bottom: 0;
	width: 7.25rem;
	height: 5.4rem;
	background-image: url(../images/blank_pl_bg.png);
	cursor: pointer
}

.blank-bg.tag-blank-bg {
	margin-top: 1rem;
	margin-bottom: 0;
	width: 7.25rem;
	height: 5.4rem;
	background-image: url(../images/blank_tag.png);
	cursor: pointer
}

.member-blank-box {
	font-size: .7rem;
	line-height: 1.75rem;
	color: silver;
	text-align: center
}

.blank-bg.member-blank-bg {
	margin-top: 2.25rem;
	width: 7.25rem;
	height: 5.4rem;
	background-image: url(../images/blank_pl_bg.png)
}

.author-reward-wrap {
	text-align: center;
	overflow: hidden
}

.author-reward-wrap .reward-btn-wrap {
	display: block;
	margin: 1.75rem auto 0;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 50%;
	background-color: #f4f4f4
}

.author-reward-wrap .reward-btn-wrap.open {
	background-image: url(../images/182127727623.png)
}

.author-reward-wrap .reward-btn-wrap.close {
	background-image: url(../images/182626619135.png)
}

.author-reward-wrap .reward-text-wrap {
	display: block;
	margin: 1.15rem auto 0;
	font-size: .8rem;
	line-height: 1.2rem
}

.author-reward-wrap .reward-user-wrap {
	overflow: hidden;
	font-size: 0;
	margin-right: -.25rem
}

.author-reward-wrap ul.reward-user-ul {
	font-size: 0;
	display: inline-block
}

.author-reward-wrap .reward-placeholder-img,
.author-reward-wrap li {
	margin-top: .4rem;
	display: inline-block;
	margin-left: -.25rem;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	border: 1px solid #f8f8f8;
	vertical-align: top
}

.author-reward-wrap .reward-user-wrap img {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%
}

.author-reward-wrap .reward-placeholder-img {
	border: none
}

.author-reward-wrap .reward-placeholder-img img {
	width: 1.6rem;
	height: 1.6rem
}

.author-reward-wrap .reward-num {
	font-size: .5rem;
	line-height: .75rem;
	color: #909090;
	margin-top: .45rem
}

.author-appreciates-wrap {
	width: 17.15rem;
	margin: 1.5rem auto .6rem;
	padding: .8rem .8rem .8rem .6rem;
	border: 1px solid #e6e6e6;
	border-radius: .4rem;
	background: #fff;
	overflow: hidden
}

.author-appreciates-wrap.active {
	padding: .8rem .4rem .4rem
}

.author-appreciates-wrap .author-appreciates-top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.author-appreciates-wrap.active .author-appreciates-top {
	padding: 0 .4rem 0 .2rem
}

.author-appreciates-wrap .appreciates-text {
	color: #303030;
	font-size: .7rem
}

.author-appreciates-wrap .appreciates-ntext {
	color: #303030;
	font-size: .7rem
}

.author-appreciates-wrap .btn-appreciates {
	height: 1.5rem;
	padding: 0 .9rem;
	display: flex;
	align-items: center;
	border-radius: .75rem;
	font-size: .7rem;
	color: #fff
}

.btn-appreciates.open {
	background: linear-gradient(to right, #f75867, #fc7D7A)
}

.btn-appreciates.close {
	background: #909090
}

.author-appreciates-wrap .author-appreciates-list {
	width: 100%;
	height: 2.65rem;
	background: #f8f8f8;
	border-radius: .3rem;
	padding: .7rem;
	margin-top: .8rem;
	overflow: hidden
}

.author-appreciates-wrap .author-user-img {
	overflow: hidden;
	float: left
}

.author-appreciates-wrap .appreciates-more-number,
.author-appreciates-wrap .author-user-img li {
	float: left;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	margin-left: -.25rem;
	overflow: hidden
}

.author-appreciates-wrap .author-user-img li:first-of-type {
	margin-left: 0
}

.author-appreciates-wrap img {
	display: block;
	width: 100%;
	height: 100%
}

.appreciates-number-text {
	height: 100%;
	line-height: 1.25rem;
	float: right;
	font-size: .6rem;
	color: #909090
}

.alert-reward-wrap {
	width: 100%;
	max-width: 640px;
	position: fixed;
	top: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2000
}

.alert-reward-wrap .reward-content-wrap {
	width: 16.85rem;
	background-color: #fff;
	position: relative;
	top: 50%;
	margin: -9rem auto 0;
	border-radius: .2rem;
	padding: 2.05rem 1rem 1.5rem;
	color: #606060;
	font-size: .8rem;
	line-height: 1.05rem;
	text-align: center
}

.alert-reward-wrap .reward-title {
	font-size: .9rem;
	line-height: 1.5
}

.alert-reward-wrap .reward-remark {
	font-size: .7rem;
	line-height: 1.3rem;
	margin-bottom: .75rem;
	color: #909090
}

.alert-reward-wrap .reward-money-wrap {
	position: relative;
	margin-bottom: .6rem
}

.alert-reward-wrap .reward-money-ul {
	overflow: hidden
}

.alert-reward-wrap .money-current {
	width: 4.6rem;
	height: 2rem;
	line-height: 2rem;
	border: 1px solid #909090;
	border-radius: .2rem;
	float: left;
	margin-bottom: .5rem;
	margin-right: .45rem;
	color: #909090;
	font-size: .7rem;
	cursor: pointer
}

.alert-reward-wrap li:nth-child(3) {
	margin-right: 0
}

.alert-reward-wrap .money-current.active {
	border: 1px solid #ff6060;
	background-color: #ff6060;
	color: #fff
}

.alert-reward-wrap .reward-money-custom {
	position: absolute;
	bottom: 0;
	right: -.3rem;
	float: inherit
}

.alert-reward-wrap .custom-input-wrap {
	position: relative;
	margin: -1px
}

.alert-reward-wrap input.custom-inp {
	border: none;
	color: #fff;
	background: 0 0;
	font-size: .7rem;
	display: block;
	width: 4.6rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin-top: .5rem
}

.alert-reward-wrap .reward-sure-money {
	color: #303030
}

.alert-reward-wrap .reward-to-pay-wrap a {
	color: #fff;
	height: 2rem;
	line-height: 2rem;
	width: 5.5rem;
	display: block;
	margin: 1.1rem auto 0;
	border-radius: .2rem
}

.alert-reward-wrap .reward-to-pay-wrap a.disabled {
	background-color: silver!important
}

.alert-reward-wrap .reward-pl-wrap {
	margin-bottom: -.7rem
}

.alert-reward-wrap .reward-inp-wrap {
	border-radius: .2rem;
	border: 1px solid silver;
	height: 1.8rem;
	padding: 0 .6rem;
	margin-top: 1rem
}

.alert-reward-wrap .reward-pl-inp {
	width: 100%;
	background: 0 0;
	font-size: .6rem;
	line-height: 1.2rem;
	color: #606060;
	display: block;
	outline: 0;
	-webkit-appearance: none;
	border: none;
	margin-top: .3rem
}

.alert-reward-wrap label {
	display: block;
	text-align: right;
	margin-top: .5rem;
	font-size: .5rem;
	color: #909090;
	line-height: 1rem;
	height: 1rem
}

.alert-reward-wrap label input {
	margin-right: .3rem;
	position: relative;
	top: .1rem
}

.alert-reward-wrap .anonymity-icon {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-position: -6.5rem -3.5rem;
	vertical-align: top;
	cursor: pointer
}

.alert-reward-wrap .anonymity-icon.active {
	background-position: -6.5rem -4.65rem
}

.audio-box {
	opacity: 0
}

.pro-audio-wrap {
	background-color: #f4f4f4;
	border-radius: .2rem;
	padding: 0 .4rem;
	color: #909090;
	line-height: 1.5rem;
	font-size: .6rem;
	margin: -.55rem .8rem .8rem;
	position: relative;
	z-index: 10
}

.pro-audio-wrap span {
	cursor: pointer
}

.pro-audio-wrap .icon-a.audio-icon {
	width: 1.1rem;
	height: 1.5rem;
	margin-right: .4rem;
	vertical-align: top
}

.pro-audio-wrap .stop-audio .audio-icon {
	background-position: -1.86rem -4.9rem
}

.pro-audio-wrap .play-audio .audio-icon {
	background-position: -3.84rem -4.9rem
}

.pro-audio-wrap .audio-time {
	font-size: .5rem
}

.pro-audio-wrap .audio-line {
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 1rem;
	margin: .25rem .45rem 0;
	background-color: #e0e0e0
}

.alert-reward-wrap .close-icon,
.alert-vip-content.table-alert-content .close-icon {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	right: .4rem;
	top: .4rem;
	background-position: -8.4rem -3.2rem;
	cursor: pointer
}

.i-icon3 {
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
	background-size: 15rem 15rem
}

@media all and (max-width:414px) {
	.article-author-box .author-intro-wrap .c-hxrz {
		margin-top: 0
	}
}

@media all and (max-width:375px) {
	.article-author-box .author-intro-wrap .c-hxrz {
		margin-top: 2px
	}
}

@media all and (max-width:360px) {
	.share-box.article-content-share .article-praise-number {
		position: relative;
		top: .1rem
	}
	.column-foot-wrap a {
		line-height: 1.8rem
	}
}

@media all and (max-width:320px) {
	.share-box.article-content-share .article-praise-number {
		position: relative;
		top: .1rem
	}
	.author-dy-wrap .dy-author-name .icon-author {
		margin-top: .05rem
	}
}

.layer {
	position: fixed;
	max-width: 640px;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000;
	display: flex;
	align-items: center
}

.Popup-wrap {
	width: 14.4rem;
	border-radius: .2rem;
	background-color: #fff;
	text-align: center;
	padding-top: 1.5rem;
	margin: 0 auto
}

.interaction-title {
	text-align: center
}

.interaction-content {
	font-size: .7rem;
	margin-top: .65rem;
	text-align: center
}

.closure-content {
	font-size: .7rem;
	margin-top: .65rem;
	width: 12.4rem;
	text-align: left;
	margin: 0 auto;
	margin-top: .95rem
}

.know-btn {
	width: 12.8rem;
	background-color: #ff6060;
	border-radius: .2rem;
	font-size: .8rem;
	color: #fff;
	padding: .432rem 0 .468rem 0;
	margin-top: 1.35rem;
	margin-bottom: 1rem;
	border: none
}

.special-wrap {
	margin-top: .8rem
}

.special-wrap .show-time {
	font-size: .55rem;
	color: #909090;
	margin-right: .8rem
}

.advertisement {
	padding: .45rem .8rem 0;
	display: flex;
	justify-content: space-between
}

.advertisement .adv-name {
	height: max-content;
	background-color: #cdb389;
	line-height: 1;
	padding: .1rem .4rem;
	border-radius: .4rem;
	font-size: .4rem;
	color: #fff
}

.advertisement .adv-time {
	font-size: .55rem;
	color: silver
}

.open-app-mask {
	width: 100%;
	height: 8.1rem
}

.i-icon3.icon-hurun-m {
	height: 1.2rem;
	width: 1rem;
	background-position: -6rem -.52rem;
	display: inline-block;
	vertical-align: text-bottom
}

.author-hurun-lt-icon.icon-v {
	height: .8rem;
	width: .8rem;
	bottom: -.2rem
}

.author-hurun-lt-icon .i-icon3.icon-hurun-m {
	height: .8rem;
	width: .8rem;
	background-position: -4.6rem -2.2rem;
	position: relative;
	display: inherit;
	vertical-align: inherit
}

.author-vip-sign .i-icon3.icon-hurun-m {
	top: .1rem;
	height: 1rem;
	position: relative;
	margin-right: .15rem
}

.pl-content-wrap .i-icon3.icon-hurun-m {
	vertical-align: top
}

.icon-b.login-user-hr-icon {
	right: -.4rem;
	bottom: 0
}

.login-user-hr-icon .i-icon3.icon-hurun-m {
	background-position: -1.1rem -2rem
}

.article-content-title-box .original-tab {
	font-size: .4rem;
	color: #ff6060;
	padding: .1rem .3rem .08rem .3rem;
	font-weight: 400;
	vertical-align: middle;
	margin-right: .2rem;
	-webkit-transform: scale(.8)
}

.article-content-title-box .mark {
	color: #909090;
	font-size: .55rem
}

.original-mark-time .m-article-time {
	font-size: .55rem;
	margin: .4rem 0 .4rem
}

.original-mark-time.no-mark .m-article-time {
	font-size: .7rem;
	margin-top: .2rem;
	margin-left:0rem;
	margin-bottom: .2rem;
	color: silver;
}

.author-card-box {
	cursor: pointer;
	text-align: center;
	margin-top: 1.5rem
}

a.card-outside-wrap {
	border: none;
	background-color: #f8f8f8;
	border-radius: .4rem;
	padding: .4rem;
	display: inline-block;
	text-align: left;
	position: relative;
	min-width: 12rem
}

.card-outside-wrap.other-st {
	background-color: #fff;
	border: 1px solid #e6e6e6
}

.other-st .card-inside-wrap {
	background-color: #f2f2f2
}

.card-inside-wrap {
	background-color: #fff;
	padding: .5rem .9rem;
	position: relative;
	border-radius: .4rem;
	z-index: 2
}

.card-inside-wrap .author-card-top {
	font-size: 0;
	height: 3.8rem
}

.author-card-top .author-card-top-left {
	width: 2.5rem;
	height: 2.5rem;
	position: relative;
	display: inline-block;
	vertical-align: top
}

.author-card-top-left img.author-head {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #f2f2f2;
	position: relative;
	z-index: 3
}

.author-card-top-left img.icon-wrap {
	position: absolute;
	bottom: 0;
	right: -.2rem;
	z-index: 4;
	width: .8rem;
	height: .8rem;
	background-color: transparent
}

.author-card-top-left img.icon-wrap.icon-hurun {
	width: .95rem
}

.author-card-top-left .author-shadow-bg {
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 0;
	left: -.2rem;
	z-index: 2;
	background: url(../images/170626712957.png) no-repeat;
	background-size: 3.25rem 3.35rem;
	background-position: center;
	opacity: .8
}

.author-card-top .author-card-top-right {
	display: inline-block;
	vertical-align: top;
	padding-left: .7rem
}

.author-card-top-right .author-contact,
.author-card-top-right .author-introduce {
	font-size: .6rem!important;
	color: #707070!important;
	line-height: .8rem
}

.author-card-top-right .author-name {
	color: #303030!important;
	font-size: .75rem!important;
	line-height: 1.05rem;
	margin-bottom: .1rem
}

.author-card-top-right .author-introduce {
	max-width: 9.5rem;
	white-space: nowrap;
	overflow: hidden
}

.author-card-top-right .author-contact {
	max-width: 11rem
}

.card-inside-wrap .author-card-bottom {
	overflow: hidden;
	line-height: .8rem
}

.author-card-bottom .author-icon-wrap {
	margin-left: -.4rem;
	text-align: center;
	width: 3.2rem;
	color: #bfbfbf!important;
	font-size: .6rem!important;
	transform: scale(.8);
	-webkit-transform-origin-x: center
}

.author-card-bottom .article-count {
	color: #606060!important;
	font-size: .6rem!important;
	padding-left: .4rem
}

.author-card-bottom .article-num {
	color: #f75867
}

@media screen and (min-width:414px) {
	.card-inside-wrap {
		padding: .5rem .4rem
	}
}

@media screen and (max-width:374px) {
	.card-outside-wrap .card-inside-wrap {
		padding: .5rem .7rem
	}
	.author-card-top .author-card-top-right {
		padding-left: .5rem
	}
	.author-card-top-right .author-introduce {
		max-width: 11.2rem
	}
	.author-card-bottom .author-icon-wrap {
		width: 3.65rem;
		margin-left: -.5rem
	}
	.author-card-bottom .article-count {
		padding-left: 0;
		margin-left: -.1rem
	}
}

.first-slice-img {
	width: 2.5rem;
	position: absolute;
	top: 0;
	right: 0
}

.second-slice-img {
	width: 2.5rem;
	position: absolute;
	top: 0;
	right: 1.85rem
}

.first-mini-slice-img {
	width: 2.5rem;
	position: absolute;
	top: 0;
	right: 3.6rem
}

.second-mini-slice-img {
	width: 2rem;
	position: absolute;
	top: 0;
	right: 1.5rem
}

.first-twomini-slice-img {
	width: 1.8rem;
	position: absolute;
	top: 0;
	right: 0
}

.echarts-iframe-img {
	display: none
}

@media (min-width:320px) {
	html {
		font-size: 17px
	}
}

@media (min-width:360px) {
	html {
		font-size: 19.2px
	}
}

@media (min-width:375px) {
	html {
		font-size: 20px
	}
}

@media (min-width:384px) {
	html {
		font-size: 20.48px
	}
}

@media (min-width:414px) {
	html {
		font-size: 22.08px
	}
}

@media (min-width:448px) {
	html {
		font-size: 23.89px
	}
}

@media (min-width:480px) {
	html {
		font-size: 25.6px
	}
}

@media (min-width:512px) {
	html {
		font-size: 27.3px
	}
}

@media (min-width:544px) {
	html {
		font-size: 29px
	}
}

@media (min-width:576px) {
	html {
		font-size: 30.72px
	}
}

@media (min-width:608px) {
	html {
		font-size: 32.426px
	}
}

@media (min-width:640px) {
	html {
		font-size: 34.13px
	}
}
@media (max-width:720px) {
    .article-content img{width: 100% !important;height: auto !important;}
}
.indexneirong{overflow: hidden;position: relative;margin: 0 .8rem;}
.indexneirong ul li{
	float: left;

    margin-bottom: 4%;
    width: 23.5%;
    height: 270px;
    border-radius: 4px;
    background-color: var(--c-f4);
    overflow: hidden;
    position: relative;
}

.indexneirong ul li a.tibt-card__top{
	position: relative;
    display: block;
    height: 155px;
    width: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.indexneirong ul li .tibt-card__top__img-wrap{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    width: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.indexneirong ul li .tibt-card__top__img-wrap img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.indexneirong ul li .tibt-card__bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background-color: #f4f4f4;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.indexneirong ul li .tibt-card__bottom__title-wrap{
    padding: 13px 12px 10px;
    display: block;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.indexneirong ul li .tibt-card__bottom__title-wrap .titles {
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    font-weight: 500;
    color: #27282d;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.indexneirong ul li .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.indexneirong ul li .tibt-card__bottom__user-wrap {
    margin-left: 12px;
    font-size: 14px;
    line-height: 20px;
    color:#666666;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 219px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.indexneirong ul li .single-line-overflow {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.indexneirong ul li .tibt-card__bottom__user-wrap .icon-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: inline-block;
    padding: 0 0 0 4px;
    line-height: 20px;
}
.indexneirong ul li .user-icons-wrap img {
    vertical-align: -.15em;
    height: 1em!important;
    width: 1em!important;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.indexneirong ul li .tibt-card__bottom__status-wrap {
    padding: 15px 12px 13px;
    font-size: 12px;
    line-height: 16px;
    color: #bfbfbf;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.indexneirong ul li .tibt-card__bottom__status-wrap .status__date {
    letter-spacing: 0;
}
.newscontent .article__content{
    font-size: 16px;
    line-height: 28px;
    color: #27282d;
    margin-bottom: 60px;
}
.article_zt{position: relative;margin: 50px auto 80px;text-align: center;}
.article_zt span{font-size: 30px;font-weight: bold;color: #e62129;}
.article_zt .line1{position: absolute;left: 0;right: 0;margin: 0 auto;height: 2px;width: 50px;background: #e62129;bottom: -10px;}
.article_zt .line2{position: absolute;left: 0;right: 0;margin: 0 auto;height: 2px;width: 30px;background: #e62129;bottom: -20px;}
.ebleft .indexneirong ul li .tibt-card__bottom__title-wrap .titles{text-align: center;font-size: .9rem;}
.ebleft .indexneirong ul li{height: 340px;width: 100%;}
.ebleft .indexneirong ul li a.tibt-card__top{height: 250px;}

.newscontent .article-content div span span,.newscontent .article-content p span span{text-align: center;display: block;}
.newsgg img{display: block;max-width: 100%;min-height: 65px;}