﻿body,
html {
	background: #f6f6f6;
}

body {
	max-width: 640PX;
	margin: 0 auto;
}
a{color:#1a1a1a !important; }

.one-overflow {
	word-break: keep-all;
	/* 不换行 */
	white-space: nowrap;
	/* 不换行 */
	overflow: hidden;
	/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow: ellipsis;
}

.two-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.five-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-x-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flex-x-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-x-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-x-sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-x-sa {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flex-y-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.flex-y-center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.flex-y-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.flex-num {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
}

.flex-one {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.title-a {
	color: #1a1a1a;
	font-size: .746667rem;
}

.v-mt__30 {
	margin-bottom: .8rem;
}

.v-pt__30 {
	padding-bottom: .8rem;
}

.v-bg__ff {
	background-color: #fff;
}

.v-bt__one {
	border-bottom: .026667rem solid #e0e0e0;
}

.v-bg__f6 {
	background-color: #f6f6f6;
}

.redColor {
	background-color: #ff6809 !important;
}

.redColor-font {
	color: #ff6809 !important;
}

.redColor-border {
	border-color: #ff6809 !important;
}


.back {
	padding: 0 .4rem;
}

a.back {
	padding: 0 .4rem;
	color: #333;
	display: inline-block;
}

.container {
	background-color: white;
}

.nav-wrap {
	position: fixed;
	width: 100%;
	top: 0;
	background: #fff;
	color: #000;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: .053333rem;
	padding-top: .533333rem;
	height: 1.786667rem;
}

.nav-space {
	height: 2.133333rem;
}

/* 标题要居中 */
.nav-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: auto;
	font-size: .96rem;
	color: #2c2b2b;
	font-weight: 600;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 20%;
	height: 1.6rem;
	line-height: 1.6rem;
}

.nav-tip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 1.6rem;
}

.nav-capsule {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 3.733333rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.navbar-v-line {
	width: 1Px;
	height: 1.2rem;
	background-color: #e5e5e5;
}

.back-pre,
.back-home {
	width: 1.2rem;
	height: 1.2rem;
	padding: 0rem .266667rem;
}

/* tab */
.tab-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	border-bottom: .026667rem solid gainsboro;
}

.tab-box .tab-item {
	font-size: .746667rem;
	padding: .533333rem 0rem .48rem;
}
    .tab-box .tab-item a {
        color:#666666;
    }

.tab-box .active {
	color: black;
	font-weight: 800;
	border-bottom: .026667rem solid black;
	border-width: .133333rem;
}

.tab-child::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

.tab-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .666667rem;
	overflow-x: scroll;
	white-space: nowrap;
	padding-right: .533333rem;
}

.tab-child .pyactive {
	color: #ff750c;
	border-color: #ff750c;
}

.tab-child div {
	text-align: center;
	padding: .426667rem .533333rem;
	border: .026667rem solid gainsboro;
	margin: .533333rem;
	border-radius: .853333rem;
	white-space: inherit;
}

/* 列表 */
.bd-bottom {
	border-bottom: .026667rem solid gainsboro;
}

.red-packet {
	font-size: .853333rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: .8rem 0rem;
	margin: 0rem .666667rem;
}

.red-packet .packet-cont {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.red-packet .packet-cont .packet-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: .853333rem;
	font-weight: 400;
}

.packet-title .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.red-color {
	color: #df6762;
}

.blue-color {
	color: #ff750c;
}

.big-font {
	font-size: 1.013333rem;
}

.packet-btn {
	width: 9.866667rem;
	padding: .266667rem 0rem;
	color: #ff750c;
	border: 1px solid #ff750c;
	border-radius: .266667rem;
	text-align: center;
	margin-top: .48rem;
}


.packet-img {
	width: 4.8rem;
	height: 4.453333rem;
}

.expert-box::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

.imgBox {
	position: relative;
}

.padding-box {
	padding: .8rem 0rem;
}

.expert-box {
	overflow-x: scroll;
	font-size: .746667rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.expert-box .expert-item {
	text-align: center;
	margin: .4rem 1.066667rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.expert-box .expert-img {
	width: 3.333333rem;
	height: 3.333333rem;
	border-radius: 50%;
}

.expert-box .expert-name {
	font-weight: 800;
}

.expert-box .expert-tip {
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.expert-box .expert-btn {
	font-size: .64rem;
	padding: .213333rem 0rem;
	border: .026667rem solid #ff800c;
	border-radius: .266667rem;
	width: 3.2rem;
	background: #ff800c;
	color: white;
}
.expert-box .expert-btn a{color:#fff !important;}

.tip-img {
	width: .746667rem;
	height: .746667rem;
	position: absolute;
	bottom: .186667rem;
	right: 0;
}

.expert-more {
	width: 3.333333rem;
	height: 3.333333rem;
	padding-bottom: .506667rem;
}

.more-box {
	font-size: .746667rem;
	font-weight: bold;
	color: rgba(255, 128, 12, 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: .586667rem;
	padding-right: .32rem;
}


/* .bd-bottom {
	border-bottom: .026667rem solid gainsboro;
} */

.list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .853333rem;
	padding: .8rem 0rem;
	margin: 0rem .666667rem;
}

.list-item .item-cont {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.list-item .item-cont  a{color:#333}

.list-item .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.list-item .img {
	/*width: 5.2rem;*/
	height: 3.466667rem;
	border-radius: .266667rem;
}

.time {
	font-size: .64rem;
	color: #666666;
	margin-top: .666667rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.column {
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

.img-column {
	/*width: 18.933333rem !important;*/
	height: 10.453333rem !important;
	margin-top: .453333rem !important;
}

.toptext {
	color: #F37A7A;
	margin-right: .266667rem;
}

.warpper .list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .853333rem;
	padding: .8rem 0rem;
	margin: 0rem .666667rem;
	border-bottom: .026667rem solid gainsboro;
}

.warpper .list-item .item-cont {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.warpper .list-item .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.warpper .list-item .time {
	font-size: .64rem;
	color: #666666;
	margin-top: .666667rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.warpper .list-item .pic-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.warpper .list-item .img {
	width: 32%;
	height: 4rem;
	border-radius: .266667rem;
	margin: .213333rem 0rem;
}

.warpper .list-item .toptext {
	color: #F37A7A;
	margin-right: 10rpx;
}