/*content-box*/
.content-box {position: relative;width: 100%; padding: 20px 0;display: block;}
.content-main{width: 100%;float:left;padding-bottom: 20px;}
.content-main h3 {font-weight: 600; font-size: 1.7rem; padding: 1.5rem 0; color: #444;line-height: 2.2rem; text-align: center}
.content-main .info{width: 100%;height: 2.6rem; box-sizing:border-box;text-align: center;}
.content-main .info span {margin-right: 10px;color: #999; font-size: 0.875rem;}
.content-main .content {line-height: 2; font-size: 1rem; padding-top: 1.25rem; color: #777; letter-spacing:0.05rem;}
.content-main .content p{padding-top:0.5rem;text-align:justify;}
.content-main .content img{display: block; margin:0.5rem auto 0 auto; max-width: 100%; height:auto;}
.content-main .share{text-align: right;margin-top: 40px;color: #16BAAA; position: relative;}
.content-main .share span{font-size: 28px;margin-left: 5px;vertical-align: middle;cursor: pointer;}
.content-main .share span:first-child{font-size: 16px;}
.content-main .share span:hover{color:#31ecdc;}
.content-main .share span:first-child:hover{color:#16BAAA;cursor: auto;}

/*doctor*/
.content-main .d-box{width: 100%;overflow: hidden;padding-bottom: 50px;}
.content-main .d-image{float:left;width:30%;display: flex; flex-direction: column; align-items: flex-end;}
.content-main .d-image img{border-radius: 13px;}
.content-main .d-image .zan{position: relative;padding: 4px 12px;margin-top: 10px;float: right;background-color: #F5F8FB;border-radius: 15px;cursor: pointer;font-size: 12px;user-select: none;}
.content-main .d-image .zan #xin{color:red;vertical-align: middle;font-size: 20px;transition: all 0.5s ease;position: absolute;left: 10px;top: 2px;}
.content-main .d-image .zan:hover #xin{transform: scale(1.4,1.4);}
.content-main .d-image #zan{margin-left:20px;}
.content-main .d-info,.content-main .d-content{float:right;width:66%;}
.content-main .d-info h4{font-size: 30px; border-bottom:1px dashed #cad4d4;padding-bottom:20px;}
.content-main .d-info span{display: block;font-size: 20px;padding-top:20px;}
.content-main .d-content h5{font-size: 20px; margin-top: 20px;}
.content-main .d-content p{font-size: 16px; padding-top: 10px;line-height: 36px;color:#777;}

.content-main .content a,.content-main .d-content a{color:#1e9fff;}
.content-main .content a:hover,.content-main .d-content a:hover{text-decoration:underline;}

/*share*/
.content-main .share span #weixin{
	display: none;
	position: absolute;
	border:1px solid #ccc;
	right: 16px;
	top: -272px;
	padding: 10px;
	background: #fff;
	font-size: 12px;
	text-align: center;
	color: #666;
	border-radius: 5px;
}
.content-main .share span #weixin #qrcode table{margin:0 auto;}
.content-main .share span #weixin .stxt{margin-top: 4px;}

#weixin:after, #weixin:before {
	border: solid transparent;
	content: '';
	height: 0;
	top: 100%;
	position: absolute;
	width: 0;
}

#weixin:after {
	border-width: 10px;
	border-top-color: #fff;
	left: 104px;
}

#weixin:before {
	border-width: 11px;
	border-top-color: #ccc;
	left: 103px;
}

@media (max-width: 992px){
	.content-box {box-sizing: border-box;padding-top:0;}
	.content-main,.content-right{width: 100%;}
	.content-main .content video{width: 100%;}
}
@media (max-width: 576px){
	.content-main h3{font-size: 20px;}
	.content-main .d-image{width: 100%;}
	.content-main .d-image img{width: 100%;}
	.content-main .d-info{width: 100%;padding-top: 20px;}
	.content-main .d-info h4{font-size: 22px;}
	.content-main .d-info span{font-size: 18px;}
	.content-main .d-content {width: 100%;}
}