* {
	margin: 0;
	padding: 0
}

body {
	max-width: 650px;
	margin: 0 auto !important;
}

body {
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	font: 14px Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow-x: hidden
}

body,
html {
	overflow-y: auto;
	position: relative
}

/*页面自适应 start*/
@media only screen and (min-width:320px) and (max-width:360px) {
	html {
		font-size: 42.6667px
	}
}

@media only screen and (min-width:360px) and (max-width:375px) {
	html {
		font-size: 48px
	}
}

@media only screen and (min-width:375px) and (max-width:390px) {
	html {
		font-size: 50px
	}
}

@media only screen and (min-width:390px) and (max-width:414px) {
	html {
		font-size: 52px
	}
}

@media only screen and (min-width:414px) and (max-width:640px) {
	html {
		font-size: 55.2px
	}
}

@media screen and (min-width:640px) {
	html {
		font-size: 85.333px
	}
}

/*页面自适应 end*/
@font-face {
	font-family: 'DINPRO-MEDIUM';
	src: url('../../fonts/DINPRO/DINPRO-MEDIUM.otf'), url("../../fonts/DINPRO/DINPRO-MEDIUM.eot");
}

* {
	padding: 0;
	margin: 0;
}

input {
	border: none;
	outline: none;
}

a {
	text-decoration: none;
	outline: none;
	color: #333333;
}

a:-webkit-any-link {
	cursor: pointer;
}

li {
	list-style: none;
}

/*flex*/
.flex {
	display: flex;
}

.flex1 {
	flex: 1;
}

.aic {
	align-items: center
}

.fwrap {
	flex-wrap: wrap;
}

.jsp {
	justify-content: space-between;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}

/*flex end*

/* 顶部 */
.head {
	height: .8rem;
	line-height: .8rem;
	border-bottom: 1px solid #e6e6e6;
	padding: .1rem .2rem;
}

.top_logo {
	margin-top: -0.2rem;
	width: 1.2rem;
	height: .4rem;
	display: block;
}

.top_logo>img {
	width: 100%;
	height: 100%;
}

.search {
	width: 4rem;
	height: .6rem;
	line-height: .6rem;
	background: #FFFFFF;
	border: .02rem solid #D9D9D9;
	border-radius: .29rem;
	overflow: hidden;
}

.search>input {
	height: .6rem;
	width: 80%;
	text-align: center;
}

.search>button {
	width: 20%;
	height: .6rem;
	background: inherit;
	border: none;
	font-size: .26rem;
	color: #999999;
	position: relative;
	outline: none;
}

.search>button::before {
	content: '';
	position: absolute;
	top: .16rem;
	left: 0;
	width: .02rem;
	height: .30rem;
	background: #E6E6E6;
	border-radius: .02rem;
}

/* 顶部end */

/* 列表页导航 */
.nav_box{
   border-bottom: 1px solid #e6e6e6;
   height: 1.03rem;
   overflow: hidden;
}
.nav {
	width: 100%;
	white-space: nowrap;
	display: block;
	overflow-x: auto;
	padding-bottom: 1rem;
	box-sizing: border-box;
    
}


.nav li {
	display: inline-block;
	list-style-type: none;
	width: 1.3rem;
	text-align: center;
	padding: 0.28rem 0.2rem;
	font-size: 0.32rem;
}

.nav_on {
	border-bottom: 2px solid #3396F7;
}

.nav_on>a {
	color: #3396F7;
}

/* 列表页导航end */

/* 列表 */
.wenda_list>li {
	padding: 0 .2rem;
	height: .8rem;
	line-height: .8rem;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
}

.wenda_list>li:last-child {
	border-bottom: none;
}

.wenda_list>li>a {
	display: flex;
}

.wenda_list>li>a>p {
	max-width: 75%;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.wenda_list>li>a>div {
	flex: 1;
	display: flex;
	color: #B3B3B3;
	overflow: hidden;
}

.wenda_list>li>a>div>img {
	width: .3rem;
	height: .3rem;
	margin: .22rem .1rem 0 .2rem;
}

.wenda_list>li>a>div>p>span {
	margin-right: .1rem;
}

/* 搜索结果 */
.search_title {
	padding: 0 .2rem;
}

.search_title>p {
	line-height: .8rem;
	color: #999999;
}

.search_title span {
	color: #EB1111;
}

.search_title>p:first-child {
	font-size: .24rem;
}

.search_title>p:first-child>span {
	margin: 0 .1rem;
}

.search_title>p:last-child {
	font-size: .32rem;
}

.search_title>p:last-child>span {
	margin-right: .3rem;
}

/* 问答详情 */
.detail_title,
.best_answer {
	padding: .15rem .20rem;
}
.best_answer >div:nth-last-of-type(1){
   border: none;
}
.detail_title>p {
	font-size: .32rem;
	font-weight: bold;
	line-height: .56rem;
}

.detail_title_author {
	display: flex;
	align-items: center;
	margin-top: .15rem;
	font-size: .26rem;
	color: #999999;
	line-height: .34rem;
}

.detail_title_author>img {
	width: .66rem;
	height: .66rem;
	border-radius: 50%;
	margin-right: .2rem;
	border: 0.02rem solid #e6e6e6;
}

.detail_title_author>p:last-child {
	margin-left: .40rem;
	position: relative;
}

.detail_title_author>p:last-child::before {
	content: '';
	position: absolute;
	top: .10rem;
	left: -.20rem;
	width: .02rem;
	height: .15rem;
	background-color: #999999;
}

.detail_title_author>p>span {
	margin-right: .10rem;
}

.best_answer {
	margin-top: .30rem;
	position: relative;
}

.best_answer_author {
	display: flex;
}

.best_answer_author>img {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	border: 0.02rem solid #e6e6e6;
}

.best_answer_author>div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: .08rem;
	padding: .02rem;
}

.best_answer_author>div>p {
	font-size: .28rem;
	color: #333333;
}

.best_answer_author>div>p:last-child {
	font-size: .24rem;
	color: #999999;
}

.best_answer_author>div>p:last-child>span {
	margin-right: .10rem;
}

.best_answer_wenzi {
	font-size: .26rem;
	color: #666;
	line-height: .5rem;
	margin-top: .20rem;
}

.mgtop20 {
	margin-top: .20rem;
}

.jiaobiao {
	position: absolute;
	top: .20rem;
	right: 0;
	width: 1.37rem;
	height: .58rem;
	line-height: .58rem;
	background: #F15252;
	border-radius: .29rem 0 0 .29rem;
	text-align: center;
	font-size: .24rem;
	color: #FFFFFF;
}

.qita {
	height: .7rem;
	line-height: .7rem;
	padding-left: .20rem;
	font-size: .34rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: .12rem;
}

.qita>span {
	color: #DD0505;
}

.border_butt {
	border-bottom: .02rem dashed #E6E6E6;
}

.pading_on {
	padding: inherit;
}

.mt10 {
	margin-top: .10rem !important;
}

.best_list {
	padding: 0 .20rem;
	padding-bottom: .20rem;
}

.best_list>li {
	font-size: .28rem;
	color: #333333;
	line-height: .8rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	box-sizing: border-box;
	position: relative;
	padding-left: .25rem;
}

.best_list>li::before {
	content: '';
	position: absolute;
	top: .3rem;
	left: 0;
	width: .14rem;
	height: .14rem;
	background: #12bbb7;
}

.huan>.qita {
	margin-bottom: 0;
}

.huan a {
	padding-right: .2rem;
	font-size: .24rem;
	color: #999999;
}

.fenggeixian {
	width: 100%;
	height: .14rem;
	background: #E6E6E6;
}

/* 首页 */
.wenda_index {
	position: relative;
}

.banner {
	height: 4.5rem;
}

.index_nav {
	position: absolute;
	top: 3.2rem;
	left: 3%;
	width: 94%;
	box-sizing: border-box;
	padding: .3rem .4rem;
	padding-bottom: 0;
	background: #FFFFFF;
	box-shadow: 0 .06rem .18rem 0 rgba(0, 0, 0, 0.1);
	border-radius: .14rem;
}

.index_nav>div>ul>li {
	margin-right: .46rem;
	margin-bottom: .3rem;
	text-align: center;
	width: 1.2rem;
    height: 1.76rem;
    float: left;
}

.index_nav>div>ul>li:nth-child(4n) {
	margin-right: 0;
}

.index_nav>div>ul>li p {
	font-size: .24rem;
	color: #333333;
	line-height: .5rem;
}

.index_nav img {
	width: 1.2rem;
	height: 1.2rem;
}

.dian {
	justify-content: center;
	text-align: center;
	margin-bottom: .3rem;
}

.dian>li {
	width: .08rem;
	height: .08rem;
	background: #E6E6E6;
	box-shadow: 0 .06rem .18rem 0 rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	margin-right: .3rem;
}

.dian>li:last-child {
	margin-right: 0;
}

.dian .dian_on {
	width: .24rem;
	height: .08rem;
	background: #3C8FFF;
	box-shadow: 0rem .06rem .18rem 0rem rgba(0, 0, 0, 0.1);
	border-radius: .04rem;
}

.asking {
	margin-top: 3.8rem;
}

.asking>.qita {
	border-bottom: .02rem solid #E6E6E6;
}

.asking_list {
	margin: .3rem .2rem;
}
#dome{
	height: 8rem;
	overflow: hidden;
}
.asking_list>a {
	padding-bottom: .2rem;
	margin-bottom: .3rem;
	display: block;
	border-bottom: .02rem dashed #E6E6E6;
}

.asking_list>a:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.asking_list img {
	width: 1.10rem;
	height: 1.10rem;
	border-radius: 50%;
	margin-right: .3rem;
	border: 0.02rem solid #e6e6e6;
}

.asking_name {
	font-size: .26rem;
	color: #999;
	line-height: .40rem;
}

.asking_name>span {
	font-size: .24rem;
	color: #999;
	margin-left: .1rem;
}

.asking_content {
	margin-top: .15rem;
	font-size: .3rem;
	color: #333333;
	line-height: .50rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.index_title {
	font-size: .3rem;
	color: #333;
	border-bottom: .02rem solid #E6E6E6;
	line-height: .8rem;
	margin-top: .2rem;
}

.index_title>p {
	width: 50%;
	text-align: center;
}

.active {
	color: #D20000;
	border-bottom: .04rem solid #D20000;
}


/* 底部样式 */
.footer {
    display: block;
    clear: both;
    text-align: center;
	background: #323232;
    border-top: 1px solid #e3e3e3;
    padding: 10px 0;
    margin-top: 10px;
    font-size: 12px;
}

i, em, b {
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}
.footer a,.footer i,.footer p{
	color:#999;
}
.nodata{
	margin: 1.6rem 2.15rem;
	width: 3.2rem;
	height: 0.5rem;
}
.backtop{
	position: fixed;
	width: 0.8rem;
	height: 0.8rem;
	right: 0.55rem;
	bottom: 2.17rem;
	display: none;
}
.backtop img{
	width: 100%;
	height: 100%;
}


.swipe {
	overflow: hidden;
}
.swipe-items-wrap {
	position: relative;
	overflow: hidden;
	height: 4.12rem;
}
.swipe-items-wrap > ul {
	position: absolute;
	transform: translateX(-100%);
	width: 100%;
	height: 100%;
	display: none;
}
.swipe-items-wrap > ul.is-active {
	display: block;
	transform: none;
}