/*banner*/
.breadcrumbs {width: 100%;background: url(../img/bread-bg.jpg) center center no-repeat ; background-size: cover; position: relative; padding: 100px 0 40px 0; overflow: hidden;}
.container {width: 100%; margin: 0 auto; text-align: center;color: #fff;}
.container h3{font-size: 28px;font-weight: bold;}
.container .path{margin: 0 auto;margin: 20px 0;font-size: 14px;}
.container .path span{font-size: 24px;vertical-align: middle;}
.container .path a{color:#fff;font-size: 14px;}
.container .path a:hover{color:#EAED80;}
.container .path span:first-child{color: #d6e8f5;margin-right: 8px;font-size: 20px;}

/*main*/
.content-box {width: 100%; padding: 50px 0;}
.content-main{width: 1200px;margin:0 auto;}
.content-main h3 {font-weight: 600; font-size: 1.7rem; text-align: center; padding: 1.5rem 0; color: #444;}
.content-main .info{width: 100%;text-align: center;height: 2.6rem; border-bottom: 1px solid #e4e4e4; box-sizing:border-box;}
.content-main .info span {margin-right: 10px;color: #999; font-size: 0.875rem;}
.content-main .content {line-height: 2; font-size: 0.875rem; padding-top: 1.25rem; color: #777; letter-spacing:0.05rem;text-indent:2em}
.content-main .content p{padding-top:0.5rem;}
.content-main .content img{display: block; margin:0 auto; max-width: 100%;padding-bottom:0.5rem;}
.content-main .share{text-align: right;margin-top: 40px;color: #1A6CB5; 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:#39ADFF;}
.content-main .share span:first-child:hover{color:#1A6CB5;cursor: auto;}

/*doctor*/
.content-main .d-box{width: 100%;overflow: hidden;padding-bottom: 50px;}
.content-main .d-image{float:left;width:30%;}
.content-main .d-image img{width:100%;}
.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:blue;}
.content-main .content a:hover,.content-main .d-content a:hover{text-decoration:underline;}

/*share*/
.content-main .share span #weixin{
	display: none;
	position: absolute;
	width:207px;
	height: 238px;
	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 {padding: 20px;box-sizing: border-box;}
	.content-main{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-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%;}
}

.hr-twill {
    border: 0;
    padding: 3px;
    background: linear-gradient(135deg, red, orange,green, blue, purple);
    --mask-image: repeating-linear-gradient(135deg, #000 0px, #000 1px, transparent 1px, transparent 6px);
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    margin-bottom: 30px;
}

body{padding-top: 0;}
.headerMenu{position: relative;}
.btn{display: inline-block;width:250px;height:56px;border:1px solid #DEEEFA;color:#666;margin:20px;line-height:56px;text-align:center;font-size:16px;border-radius:5px;background-color:#DEEEFA;}
.btn:hover{color:#fff;background-color:#1A6CB5;}