@charset "utf-8";

.zs-answer{
	width: 100%;
	background-color: #f6f6f6;
}
.zs-answer .filter_box{
	position: relative;
	line-height: 40px;
	background: #ffffff;
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	margin-top: 20px;
}
.zs-answer .filter_box .right{
	width: calc(100% - 60px);
}
.zs-answer .filter_box .right ul{
	width: 100%;
	height: 48px;
	overflow: hidden;
}
.zs-answer .filter_box .right ul li{
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 11px 0 11px;
	white-space: nowrap;
	color: #333;
	font-size: 16px;
}
.zs-answer .filter_box .right ul li a{
	padding: 2px 8px;
}
.zs-answer .filter_box .right ul li a.current,.zs-answer .filter_box .right ul li a:hover{
	height: 20px;
	background: #1844a7;
	text-align: center;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.zs-answer .sealiszsan {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 60px;
    padding-right: 10px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}
.zs-answer .sealiszhank, .zs-answer .sealisshouq {
    width: 60px;
    padding-right: 10px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #b2b2b2;
    flex-shrink: 0;
}
.zs-answer .sealiszhank {
    background: url(../img/select-arr.gif) no-repeat 40px -2px;
}
.zs-answer .sealisshouq {
    background: url(../img/select-arr.gif) no-repeat 40px -32px;
}
.zs-answer .sealiszhank:hover, .zs-answer .sealisshouq:hover {
    color: #1844a7;
}

.zs-answer-main{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.zs-answer-left{
	width: 75%;
	margin-right: 2.5%;
}
.zs-answer-left .answerUl{
	width: 100%;
}
.zs-answer-left .answerUl li {
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 5px;
}
.zs-answer-left .answerUl li:hover {
    border-bottom: none;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 40%);
}
.zs-answer-left .answerUl li a{
	color: #666;
	font-size: 14px;
}
.zs-answer-left .answerUl li p {
    line-height: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}
.zs-answer-left .answerUl li p i,.zs-answer-left .answerUl li h2 i{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    background: red;
    margin-right: 10px;
}
.zs-answer-left .answerUl li .time{
    text-align: right;
    color: #CCCCCC;
    margin: 10px 0;
}
.zs-answer-left .answerUl li .answer i {
    background: #40c87f;
}
.zs-answer-left .answerUl li h2{
	font-size: 14px;
	font-weight: normal;
}
.zs-answer-right{
	width: 22.5%;
}
.zs-answer-right .newestAns {
    margin: 30px 0;
    padding-bottom: 10px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
}
.zs-answer-right .newestAns h5 {
    background: #01adef;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 10px;
}
.zs-answer-right .newestAns ul li {
    margin: 0 10px;
    padding-left: 12px;
    line-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    border-bottom: 1px dashed #CCCCCC;
    position: relative;
}
.zs-answer-right .newestAns ul li::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #01adef;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    left: 0px;
}
.zs-answer-right .newestAns ul li a{
	font-size: 14px;
	color: #666;
}
.zs-answer-right .newestAns ul li:hover a {
    color: #01adef;
}
.zs-answer-right .hotAns {
    margin: 30px 0;
    padding-bottom: 10px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
}
.zs-answer-right .hotAns h5 {
    background: #40c87f;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 10px;
}
.zs-answer-right .hotAns ul li {
    margin: 0 10px;
    padding-left: 12px;
    line-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    border-bottom: 1px dashed #CCCCCC;
    position: relative;
}
.zs-answer-right .hotAns ul li::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #40c87f;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    left: 0px;
}
.zs-answer-right .hotAns ul li a{
	font-size: 14px;
	color: #666;
}
.zs-answer-right .hotAns ul li:hover a {
    color: #40c87f;
}
/* pages */
.pages {
	padding: 48px 0 48px 0;
	text-align: center;
	font-size: 12px;
	color: #666666;
	background: #F5F5F5;
}

.pages a:link,
.pages a:visited,
.pages a:active {
	background: #FFFFFF;
	border: #ffffff 1px solid;
	padding: 8px;
	text-decoration: none;
}

.pages a:hover {
	background: #0084ff;
	border: #0084ff 1px solid;
	color: #FFFFFF;
	padding: 8px;
	text-decoration: none;
}

.pages strong {
	background: #0084ff;
	padding: 8px;
	border: #0084ff 1px solid;
	color: #FFFFFF;
}

.pages p {
	display: inline;
}
/* 详情 */
.zs-answer .tips{
	width: 100%;
	margin: 20px 0 30px 0;
	color: #999;
	font-size: 14px;
}
.zs-answer .tips a{
	margin: 0 10px;
}
.zs-answer .tips a:hover{
	color: #0084ff;
	text-decoration: underline;
}
.zs-answer-left .question {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px;
	font-size: 14px;
	color: #666;
}
.zs-answer-left .question h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
    color: #000000;
}
.zs-answer-left .question p {
    line-height: 2;
}
.zs-answer-left .question .author {
    color: #999999;
    margin: 10px 0;
}
.zs-answer-left .question p .time {
    margin-left: 40px;
}
.zs-answer-left .answerList {
    padding: 20px;
    margin: 30px 0;
    background: #FFFFFF;
    border-radius: 5px;
}
.zs-answer-left .answerList h5 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    position: relative;
}
.zs-answer-left .answerList h5 span {
    display: inline-block;
    width: calc(100% - 80px);
    height: 2px;
    background: #01adef;
    position: absolute;
    right: 0;
    top: 10px;
}
.zs-answer-left .answerList ul li {
    padding: 20px 0;
    border-bottom: 1px dashed #CCCCCC;
	font-size: 14px;
	color: #666;
}
.zs-answer-left .answerList ul li:last-child {
    border-bottom: none;
}
.zs-answer-left .answerList .ansName img {
    width: 45px;
    height: 45px;
    display: inline-block;
    margin-right: 10px;
}
.zs-answer-left .answerList .ansName h3 {
    margin-bottom: 5px;
    font-weight: bold;
}
.zs-answer-left .answerList .ansName span {
    display: block;
    color: #999999;
}
.zs-answer-left .answerList ul li p {
    line-height: 2;
    margin: 15px 0 0 0;
}
.zs-answer-right .drugCont {
    padding: 10px;
    background: #FFFFFF;
    border-radius: 5px;
	font-size: 14px;
	color: #666;
}
.zs-answer-right .drugCont .drugName {
    padding-bottom: 10px;
    border-bottom: 1px dashed #CCCCCC;
}
.zs-answer-right .drugCont .drugName img {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.zs-answer-right .drugCont .drugName p {
    line-height: 30px;
}
.zs-answer-right .drugCont .drugName p span {
    font-weight: bold;
    color: #000000;
}
.zs-answer-right .drugCont .drugName p .price {
    color: red;
}
.zs-answer-right .drugCont .drugDet {
    padding: 10px 0;
    line-height: 2;
    text-align: justify;
}
.zs-answer-left .tags{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: auto;
	line-height: 50px;
	background-color: #fff;
	font-size: 14px;
}
.zs-answer-left .tags span{
	display: inline-block;
	padding: 10px 15px;
	border-radius: 20px;
	border: 1px #0084ff solid;
	color: #0084ff;
	text-align: center;
	margin-left: 16px;
	line-height: 1;
}
.zs-answer-left .tags span:hover{
	color: #fff;
	background-color: #0084ff;
	transition: all 0.35s;
	text-decoration: none !important;
}


/* 自适应 */
/*Mobile自适应*/
@media only screen and (max-width:767px) {
	.zs-answer-left{width: 100%;margin-right: 0;}
	.zs-answer-right{width: 100%;}

  .zs-answer-left .answerUl li .time{text-align: left;}
	
	.pages a,
	.pages p {
		display: none;
	}
	
	.pages a:first-child,
	.pages a:last-child {
		display: inline-block;
	}

   .zs-answer-left .tags span{
    padding: 4px 6px;
    margin-left: 10px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}