﻿/*问答提问*/
.wendaPostContainer { background-color: #fff; box-sizing: border-box; margin:10px; margin-top:0px; border-radius:5px; padding: 10px; text-align: left; }  .wendaPostTitle { font-size: 20px; line-height: 30px; padding: 20px 0px; color: #606266; display: flex; align-items: center; }  .wendaPostTitle::before { content: "\e608"; font-family: iconfont; font-size: 32px; color: #3598db; margin-right: 5px; }  #questionForm { padding: 0px; margin: 0px; width: 100%; margin-top: 10px; }  .wendaPostItem { margin-bottom: 20px; width: 100%; }  .wendaPostItem .wendaPostTitle { width: 100%; height: 45px; box-sizing: border-box; font-size: 14px; border: 1px solid #dcdfe6; border-radius: 5px; padding: 10px; display: block; color: #303133; margin: 0px; }  .wendaPostContentBox { width: 100%; border: 1px solid #dcdfe6; border-radius: 5px; padding: 10px; box-sizing: border-box; }  .wendaPostContentBox .wendaPostContent { font-size: 14px; display: block; padding: 0px; margin: 0px; border: 0px; width: 100%; box-sizing: border-box; color: #303133; }  .wendaPostContentBox .wendaPostUpload { padding-top: 10px; border-top: 1px solid #dcdfe6; margin-top: 10px; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList { width: auto; float: none; height: auto; margin: 0px; padding: 0px; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList:after { content: '\20'; clear: both; *zoom: 1; display: block; height: 0 }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList li { float: left; width: 70px; height: 70px; margin:0px; margin-right: 3px; margin-bottom: 3px; padding: 0px; list-style: none; text-align: center; border: 1px solid #dedede; position: relative; display: flex; border-radius: 3px; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList li div:first-child { overflow: hidden; border-radius: 3px; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList li img { width: 100%; height: 100%; object-fit: fill; display: block; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList li .del { text-align: center; margin: 0px; padding: 0px; cursor: pointer; position: absolute; top: -5px; right: -5px; width: 15px; height: 15px; line-height: 15px; font-size: 16px; color: #FFFFFF; background-color: #FF0000; border-radius: 10px; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList li .cor { position: absolute; bottom: 0px; left: 0px; height: 20px; line-height: 20px; background-color: #dedede; display: flex; justify-content: space-around; width: 100%; }  .wendaPostContentBox .wendaPostUpload .kfUploadPicList li .cor p { display: block; margin: 0px; padding: 0px; font-size: 13px; padding: 0px 0px; cursor: pointer; color: #606266; }  .wendaPostContentBox .wendaPostUpload .kfUploadBtn { float: left; margin: 0px; padding: 0px; list-style: none; text-align: center; border: 1px solid #dedede; position: relative; overflow: hidden; cursor: pointer; }  .wendaPostValiCodeBox { display: flex; align-items: center; height: 45px; overflow: hidden; }  .wendaPostValiCodeBox .wendaPostValiCode { border: 0px; padding: 10px; margin: 0px; display: block; box-sizing: border-box; border: 1px solid #dcdfe6; height: 45px; border-radius: 5px; }  .wendaPostValiCodeBox .wendaPostValiCodePic { cursor: pointer; height: 40px; margin-left: 10px; border-radius: 5px; }  .wendaPostValiCodeBox .wendaPostValiCodeBtn { cursor: pointer; text-align: center; height: 100%; padding: 0px 30px; display: flex; align-items: center; color: #606266; display: none; }

/*问答列表*/
.wenda_btn_list{height:90px; padding:10px 5px; background-color:#fff;}
.wenda_btn_wrap{ width:50%; float: left; overflow: hidden;}
.wenda_btn{width:auto; height: 70px; line-height: 30px; background-color:rgb(240, 249, 235); border: 1px solid rgb(225, 243, 216); color: #1fbf8c; border-radius: 3px; display: block; padding: 10px;margin-right: 3px;}
.wenda_btn .title{font-size:20px; height: 36px; line-height: 36px; font-weight: bolder; background: url("/images/ico_wenda.png") no-repeat 0px 0px; background-size: 36px; padding-left:40px; }
.wenda_btn1{width:auto; height: 70px; line-height: 30px; background-color:rgb(254, 240, 240); border: 1px solid rgb(253, 226, 226); color: #ed414a; border-radius: 3px; display: block; padding: 10px; margin-left: 3px;}
.wenda_btn1 .title{font-size:20px; height: 36px; line-height: 36px; font-weight: bolder; background: url("/images/ico_wenda1.png") no-repeat 0px 0px; background-size: 34px; padding-left:40px;}
.wenda_btn .text,.wenda_btn1 .text{font-size:14px; color:#444444; line-height: 20px;}

.wendanav{ height: 30px; width:auto; padding:10px 5px; border-top:1px solid #f2f6fc; border-bottom:1px solid #f2f6fc; background-color: #ffffff;}
.wendanav ul{margin:0px; padding:0px;}
.wendanav ul li{margin:0px; width:auto; padding:0px 0px; padding-right: 10px; list-style: none; display: inline-block; height: 30px; line-height: 30px; font-size: 14px;}
.wendanav ul li.active a{font-weight:bolder; color: #ed414a;}

.questionsbox{border: 1px solid #fff; width:auto; background-color: #ffffff; line-height: 25px; margin-bottom:10px;}
.questionsbox .userinfo{ width:auto; height:30px; margin: 10px; display:flex; align-items:center;}
.questionsbox .userinfo .headpic{width:30px; height: 30px; border-radius: 60px; overflow: hidden; margin:0px; border: 1px solid #efefef;}
.questionsbox .userinfo .headpic img{width:30px; height: 30px;}
.questionsbox .userinfo .nickname{margin-left:5px; font-size: 13px; width:auto; color:#909399;}
.questionsbox .info{ width:auto;}
.questionsbox .title{font-size:18px; color: #444444; height:auto; margin: 0px 10px;}
.questionsbox .content{color: #888888; margin: 10px; font-size:15px; line-height:25px;}
.questionsbox .pic{ margin: 0px 10px; margin-top: 10px;}
.questionsbox .pic:after{content:'\20';clear:both;*zoom:1;display:block;height:0;}
.questionsbox .picwrap{float:left; width:25%;  width:25%; height:0; position:relative; padding-bottom:25%; overflow:hidden; margin:0px;}
.questionsbox .picwrap1{width:auto; position:relative; margin-right:3px; padding-bottom:100%; overflow:hidden;  border-radius:3px;}
.questionsbox .pic img{width:100%; height:100%; position:absolute; top:0px; left:0px;}
.questionsbox .questionsboxBar{font-size: 13px; margin-top:10px; display:flex; align-items:center; height:40px; padding:0px 10px; border-top:1px solid #f2f6fc;}
.questionsbox .questionsboxBar span{margin-right: 20px; color: #888888;}
.questionsbox .questionsboxBar .adopt{ background:url("/images/ico_adopt.png") no-repeat 0px 2px; background-size: 20px; padding-left: 20px; cursor: pointer;}

/*问答内容页*/

.wendaTopBar {height:40px; display:flex; align-items:center; padding:0px 10px;}
.wendaTopBar .back {color:#606266; font-size:15px; display:flex; align-items:center; height:40px; line-height:40px;}
.wendaTopBar .back::before {content:"\e7e0"; font-family:iconfont; font-size:18px;}
.kuserinfo{}
.kuserinfo::after{content: "\20"; font-size: 0px; height: 0px; display: block; clear: both; float: none; width: 100%;}
.kuserinfo .headpic{width:40px; height: 40px; float: left; border-radius: 60px; overflow: hidden; margin:0px; border: 1px solid #efefef;}
.kuserinfo .headpic img{width:40px; height: 40px;}
.kuserinfo .info{margin-left:50px; line-height: 20px;}
.kuserinfo .info .title{ font-size: 14px;}
.kuserinfo .info .date{font-size: 14px; color: #888;}

.wendapicwrap{ margin: 10px; }
.wendapicwrap a{display: block; max-width: 100%; max-height: 500px; overflow: hidden; margin-bottom: 10px;}
.wendapicwrap img{width:100%; height:100%; object-fit: cover;}

.wenda_question_wrap{ color: #444444; line-height:25px; padding: 10px; background-color: #fff; margin: 10px; margin-top:0px; font-size: 14px; width:auto; position: relative; border-radius: 8px;}
.wenda_question_wrap>.title{margin:0px; padding:10px 0px; line-height: 30px; height: auto; font-size: 24px; font-weight: bolder;}
.wenda_question_wrap .ctr{color: #888888; position: absolute; top: 10px; right: 10px;}
.wenda_question_wrap .content{ font-size: 16px;}
.wenda_question_wrap .btn{padding:0px 20px; line-height: 35px; display: inline-block; cursor: pointer; background-color: #1fbf8c; color: #fff; margin-bottom: 10px;}

.adoptanswersbox{padding:10px; font-size: 16px; line-height: 25px; margin: 10px; background-color: #fff; border-radius: 8px; border: 1px solid #fff; box-shadow: 0px 0px 4px #fff3df; background-image: linear-gradient(to bottom,#fff3df,#fff);}
.adoptanswersbox .title{font-size:16px; background: url("/images/ico_title14.png") no-repeat 0px 0px; background-size: 20px; color: #ed414a; padding-left: 25px; height: 35px; margin: 10px;}
.adoptanswersbox .content{ margin: 10px;}
.adoptanswersbox .state{padding: 10px 0px; border-top: 1px solid #efefef; display: flex; justify-content: space-between; align-items: center;}
.adoptanswersbox .state .support::before{content:"\e7e1"; font-family: "iconfont"; font-size: 22px;}
.adoptanswersbox .state .support{cursor: pointer; display: flex; align-items: center;}

.wenda_answer{ line-height: 25px; width:auto; color: #444444; }
.wenda_answer .count{ font-size:16px; padding:0px 10px; margin-top: 20px;}
.answerpost{display:none; padding:10px; font-size: 16px; line-height: 25px; margin: 10px; background-color: #fff; border-radius: 8px;}
.answerpost .title{font-size:14px; margin-left: 10px; color: #444444; line-height:30px;}
.answerpost .title .kicon:after{content: "\e759"; font-size: 16px; margin-right: 3px; vertical-align: bottom;}
.unanswersbox{padding:10px; font-size: 16px; line-height: 50px; margin: 10px; background-color: #fff; border-radius: 8px; text-align: center; color: #888888;}
.answersbox{padding:10px; font-size: 16px; line-height: 25px; margin: 10px; background-color: #fff; border-radius: 8px;}
.answersbox .content{ margin-top: 10px;}
.answersbox .ctr{display: flex; font-size: 14px; justify-content: flex-end; margin-top: 10px;}
.answersbox .ctr span{margin-left: 30px; color: #888; display: flex;}
.answersbox .ctr .support::before{content:"\e7e1"; font-family: "iconfont"; font-size: 22px;}
.answersbox .ctr .support{cursor: pointer;}
.answersbox .ctr .adopt::before{content:"\e645"; font-family: "iconfont"; font-size: 22px;}
.answersbox .ctr .adopt{cursor: pointer;}

.wenda_hot{ padding: 10px; margin: 10px; border-radius: 8px; color: #444444; background-color: #fafafa;}
.wenda_hot .title{ background-image:url("/images/ico_title20.png"); background-repeat: no-repeat; background-position: 0px 6px; background-size: 24px; padding-left: 30px; line-height: 30px; font-size: 16px; color: #444444; font-weight: bolder;}
.wenda_hot .text{ line-height: 30px; font-size: 14px; margin: 10px 0px;}
.wenda_hot .text ul{margin: 0px; padding: 0px;}
.wenda_hot .text ul li{ list-style:none; height: auto; line-height: 20px; padding: 5px 0px;}
.wenda_hot .text a{ color:#444444;}
.wenda_adopt{ padding: 10px; margin: 10px; border-radius: 8px; color: #444444; background-color: #fafafa;}
.wenda_adopt .title{ background-image:url("/images/ico_title21.png"); background-repeat: no-repeat;  background-position: 0px 6px; background-size: 24px; padding-left: 30px; line-height: 30px; font-size: 16px; color: #444444; font-weight: bolder;}
.wenda_adopt .text{ line-height: 30px; font-size: 14px; margin: 10px 0px;}
.wenda_adopt .text ul{margin: 0px; padding: 0px;}
.wenda_adopt .text ul li{ list-style:none; height: auto; line-height: 20px; padding: 5px 0px;}
.wenda_adopt .text a{ color:#444444;}