/* 主体内容 */
.all {
	width: 100%;
	padding: 10px 0 0;
	background-color: #f5f7f9;
}
/* 左边内容 */
.div {
	width: 100%;
}
.question_left {
	float: left;
	width: 68%;
	margin-right: 20px;
}
.design {
	width: 100%;
	padding:20px;
	background-color: #fff;
}
.design_up ul li {
	padding-bottom: 6px;
}
.design_up ul li a {
	color: #333;
}
.design ul li {
	float: left;
	color: #333;
	font-size: 16px;
	margin-right: 30px;
	line-height: 25px;
	cursor: pointer;
	margin-bottom: 10px;
	border-bottom: 1px dashed #fff;
}
.design_up ul li:hover {
	border-bottom: 1px dashed #db214c;
}
.design ul li:nth-last-child(1) {
	margin-right: 0 !important;
}
.desigin_active {
	border-bottom: 1px dashed #db214c;
}
.design_down {
	margin-top: 20px;
}
.design_down ul li {
	float: left;
	margin: 0 20px 10px 0;
}
.design_down ul {
	display: none;
}
.design_down .desigin_content {
	display: block;
}
.design_down ul li:nth-of-type(8n) {
	margin-right: 0 !important;
}
.design_down ul li a {
	display: block;
	color: #666;
	font-size: 12px;
	padding: 8px 15px;
	background-color: #f3f6f8;
	border-radius: 3px;
}
.design_down ul li a:hover {
	background-color: #db214c;
	color: #fff;
	font-size: 12px;
}
.second a{
	background-color: #db214c !important;
	color: #fff !important;
	font-size: 12px !important;
}
.solve {
	margin-top: 20px;
}
.solve_all, .solve_resolved, .solve_unsolved {
	float: left;
	width: 74px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	border-radius: 14px;
	background-color: #fff;
	margin-right: 20px;
	cursor: pointer;
	border: 1px solid #fff;
}
.styleColor {
	border: 1px solid #db214c;
	color: #db214c;
}
.styleColor a {
	color: #db214c !important;
}
.question_list {
	width: 100%;
	margin-top: 20px;
}
.question_list ul li {
	width: 100%;
	padding: 20PX;
	margin-bottom: 20px;
	background-color: #fff;
}
.question_list ul {
	display: none;
}
.question_list .question_block {
	display: block;
}
.quetion_title {
	display: block;
	width: 100%;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	margin-bottom: 10px;
}
.quetion_title:hover {
	color: #db214c;
}
.color {
	color: #db214c;
	font-size: 12px;
}
.text_color {
	color: #999;
	font-size: 12px;
}
.portrait {
	margin-top: 17px;
}
.list_img {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.question_name {
	float: left;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 12px;
	margin-left: 10px;
}
.content_text {
	width: 100%;
	height: 40px;
	color: #999;
	line-height: 22px;
	font-size: 14px;
	margin: 15px 0;
	display: -webkit-box;
  overflow: hidden;
  white-space: normal !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.praise {
	margin-top: 20px;
}
.praise_img{
	float: left;
	margin-right: 30px;
}
.look_img {
	display: block;
	float: left;
	margin-top: 4px;
}
.praise_num {
	color: #999;
	font-size: 14px;
	display: block;
	float: right;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
}
/* 分页 */
/* .list_page {
	height: 50px;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	margin-top: 40px;
} */
.total {
	float: left;
	margin-left: 220px;
}
.paging {
	float: left;
	margin-left: 30px;
}
.paging a {
	display: block;
	float: left;
	padding: 0 12px;
	text-align: center;
	line-height: 30px;
	margin-left: 10px;
	background-color: #fff;
	border-radius: 3px;
}
.paging a:hover{
	color: #fff;
	background-color: #db214c;
}
.page_active {
	color: #fff !important;
	background-color: #db214c !important;
}
.leave {
	float: left;
	margin-left: 30px;
}
.leave div {
	float: left;
	color: #666;
	line-height: 30px;
	margin-right: 10px;
}
.leave div:nth-child(2) input {
	width: 50px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #fff;
}
/* 右边内容 */
.quetion_right {
	float: right;
	width: 30%;
}
.answer {
	position: relative;
	width: 100%;
	height: 210px;
	background-color: #fff;
	padding: 20px;
}
.answer_img {
	width: 171px;
	height: 173px;
	position: absolute;
	float: left;
	right: 20px;
	top: 10px;
	margin-top: 20px;
}
.answer_title {
	color: #333;
	font-size: 26px;
	font-weight: 700;
	margin-top: 10px;
}
.answer_text {
	color: #333;
	font-size: 14px;
	margin-top: 30px;
	margin-left: 6px;
}
.answer_txt {
	color: #db214c;
	font-size: 28px;
	font-weight: 700;
}
.answer_btn {
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #db214c;
	cursor: pointer;
}
.answer_btn span {
	color: #fff;
	font-size: 18px;
	padding-left: 5px;
	font-weight: 600;
}
.ask {
	margin-top: 20px;
	background-color: #fff;
}
.ask_title {
	color: #333;
	font-size: 16px;
	padding: 18px 0 17px 20px;
	border-bottom: 1px solid #e0e0e0;
}
.ask_list {
	width: 100%;
}
.ask_list ul {
	padding: 10px 0;
}
.ask_list ul li{
	overflow: hidden;
	width: 100%;
	padding: 10px 20px;
}
.ask_left {
	float: left;
	width: 20%;
}
.ask_lefttext {
	display: block;
	/* width: 45px;
	height: 45px; */
	line-height: 22px;
	text-align: center;
	background-color: #fafafa;
}
.lefttext {
	color: #db214c;
	font-size: 14px;
}
.lefttxt {
	color: #333;
	font-size: 12px;
}
.ask_righttext {
	float: right;
	width: 75%;
	padding-right: 20px;
	padding-top: 1px;
}
.righttext_content a:hover {
	color: #db214c;
}
.right_text {
	display: block;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.right_txt {
	margin-top: 12px;
	font-size: 12px;
	color: #999;
}
.right_txt span {
	padding-left: 10px;
}
.hot_question {
	margin-top: 20px;
	background-color: #fff;
}
.hot_list {
	padding: 20px;
}
.hot_content {
	position: relative;
	width: 100%;
	margin-left: 20px;
	padding: 0 0 20px 20px;
	border-left: 1px solid #cbcccc;
}
.hot_content:nth-last-child(1) {
	border-left: 0 !important;
}
.interest_img {
	position: absolute;
	width: 13px;
	height: 13px;
	text-align: center;
	line-height: 13px;
	background-color: #fff;
	left: -7px;
}
.questions_text {
	height: 15px;
	line-height: 13px;
}
.questions_name {
	font-size: 12px;
	color: #999;
}
.wen {
	width: 100%;
	margin-top: 15px;
}
.wen_img {
	float: left;
	width: 8%;
	color: #327FFF;
	font-size: 14px;
	/* margin-right: 5px; */
}
.da_img {
	float: left;
	width: 8%;
	color: #FF9000;
	/* margin-right: 5px; */
	font-size: 14px;
}
.wen_txt {
	float: left;
	width: 80%;
	height: 20px;
	line-height: 20px;
	/* padding: 0 5px; */
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wen_text {
	color: #333;
	font-size: 16px;
	font-weight: 700;
}
.wen_txt:hover {
	color: #db214c;
}
.wen_txt:hover a {
	color: #db214c;
}
.da_text {
	width: 100%;
	height: 48px;
	line-height: 23px;
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.da_txt {
	float: left;
	width: 80%;
	line-height: 22px;
	/* padding: 0 5px; */
}
.footer_link {
	background-color: #fff;
	/* padding: 40px 0; */
	margin-top: 50px;
}