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

.content-right{float: right;width:480px;background-color: rgb(245, 248, 251);padding:20px;position: sticky;top: 100px;}
.content-right .cr-title{border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;}
.content-right .cr-title h3{font-size: 1.5rem;font-weight: bold;}
.content-right .cr-title span{display: block;color: #999;font-size: 1.5rem;font-family: BarlowCondensed-Light;}
.content-right ul li{margin-top: 20px;}
.content-right ul li a {display: flex; align-items: center; }
.content-right ul li a p:hover {color: #3B75C6;text-decoration: underline;}
.content-right ul li .time {
    color: #2B74C3;
    margin-right: 1.25rem;
    font-size: .75rem;
    width: 4rem;
    height: 4rem;
    background: #fff;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.content-right ul li .time span {font-size: 1.5rem; display: block; margin-bottom: 4px; }
.content-right ul li p {
    font-size: 1rem;
    line-height: 1.625rem;
    color: #787878;
    max-height: 3.25rem;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}


/*share*/
.content-left .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-left .share span #weixin #qrcode table{margin:0 auto;}
.content-left .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-left,.content-right{width: 100%;}
	.content-left .content video{width: 100%;}
}
@media (max-width: 576px){
	.content-left h3{font-size: 20px;}
	.content-left .d-image{width: 100%;}
	.content-left .d-info{width: 100%;padding-top: 20px;}
	.content-left .d-info h4{font-size: 22px;}
	.content-left .d-info span{font-size: 18px;}
}