.wp > .flex{
	gap: 4rem;
}
.cont .lt{
	overflow: hidden;
	flex: 1;
	    /*background: #f5f5f5;*/
    padding: 5rem 6rem;
    border-radius: .5rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.cont .lt > div{
    /*width: 80%;*/
    /*margin: 0 auto;*/
}
.cont .lt .title{
	font-size: var(--f30);
	color: #333333;
	padding-bottom: 2rem;
	border-bottom: 2px solid #dadfe3;
	position: relative;
	font-weight: normal;
}
.cont .lt .title::before{
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 2em;
	height: 2px;
	background: var(--themeColor);
	transition: none;
}

.cont .lt .detail-font{
	padding-top: 2.4rem;
}
.cont .lt .goback{
	background: var(--themeActColor);
	width: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: var(--f15);
	color: #fff;
	line-height: 1;
	height: 2.1rem;
	border-radius: 10rem;
	margin: 0 auto;
}
.cont .lt .goback i{
	font-size: var(--f22);
	transform: translateY(0.1rem);
	margin-right: .4rem;
}
.cont .lt .line{
	display: flex;
	align-items: center;
}
.cont .lt .line span:first-child,.cont .lt .line span:last-child{
	flex: 1;
	height: 2px;
	background: #d6d8e6;
}
.cont .lt .line .txt{
	font-size: var(--f18);
	color: var(--themeActColor);
	font-weight: bold;
	margin: 0 1rem;
}
.cont .lt .pian a{
	display: block;
	line-height: 2.4;
	font-size: var(--f18);
}






/* 右侧 */
.cont .rt{
	background: #f1f4f7;
	width: 21rem;
	padding: 2.4rem;
	position: sticky;
	top: 4rem;
}
.cont .rt .block1{
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #d6dbdf;
}
.cont .rt .block1 .date{
	font-size: var(--f18);
	color: #403e3e;
}
.cont .rt .block1 .date .day{
	font-size: var(--f64);
	color: var(--themeActColor);
	line-height: 1;
}
.cont .rt .block1 .date span{
	width: var(--f32);
	height: 3px;
	display: block;
	margin-bottom: .4rem;
	background-color: var(--themeActColor);
}
.cont .rt .block1 .ly{
	font-size: var(--f15);
	color: #231f1b;
	margin-top: 1rem;
}

.cont .rt .block2{
	margin-top: 1.4rem;
}
.cont .rt .block2 h4{
	font-size: var(--f24);
	color: var(--themeColor);
}
.cont .rt .block2 h5{
	font-size: var(--f26);
	color: #b7bfc7;
	font-weight: normal;
	text-transform: uppercase;
}
.cont .rt .block2 ul{
	margin-top: 2rem;
}
.cont .rt .block2 ul li{
	margin-bottom: 1rem;
}
.cont .rt .block2 ul li a:hover .txt{
	color: var(--themeActColor);
}
.cont .rt .block2 ul li a:hover .date{
	background: var(--themeActColor);
	color: #fff;
}
.cont .rt .block2 .date{
	background: #fff;
	color: #313131;
	font-size: var(--f12);
	text-align: center;
	padding: .6rem;
	margin-right: 1rem;
	transition: background .5s,color .5s;
}
.cont .rt .block2 .date .day{
	font-size: var(--f24);
	font-weight: bold;
	line-height: 1;
}
.cont .rt .block2 .txt{
	font-size: var(--f16);
	color: #313131;
	flex: 1;
	transition: color .5s;
}


@media (max-width: 750px) {
    .cont .lt{
        padding: 2rem 2rem;
    }
}