body{
	background:#f5f7fb;
}



/* /顶部 */

.map{
    height: 60px;
    line-height: 60px;
    margin:10px 0 5px 0;
	overflow:hidden;
}
.map .page-title{
    font-size: 20px;
    font-weight: 400;
    color: inherit;
    float:left;
    margin-right: 20px;
}
.map ul{
    float:left;
}
.map ul li{
    display: inline-block;
}
.map ul li a{
    display: block;
    color: #6e7582;
    font-size:12px;
}
.map ul li a:before{
    content: "›";
    margin:0 8px 0 4px;
    color: #6e7582;
    position: relative;
    top:-2px;
}
.map ul li:first-child a:before{
    display: none;
}

.detail{
	overflow:hidden;
	background:#fff;
	padding:20px 20px;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    border: 1px solid rgba(110,117,130,.2);
	border-bottom:none;
    border-radius: 3px 3px 0 0;
}
.detail .pd-title{
    margin-bottom: 25px;
    border-bottom:1px solid #eee;
}
.detail .pd-title h1{
    font-size:24px;
    color: #354052;
    padding-bottom: 10px;
	margin-top:10px;
}
.detail img{
	max-width: 100%;
}

.link{
	background:#fff;
	box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
	border-radius:0px 0px 3px 3px;
    border: 1px solid rgba(110,117,130,.2);
	overflow:hidden;
	padding:10px 10px;
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.link div{
	max-width:50%;
	border:1px solid #ddd;
	border-radius:3px;
	margin:0 5px;
}
.link div:hover{
	border:1px solid #00a1e9;
}
.link div a{
	display:block;
	margin:8px 12px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.link div:hover a{
	color:#00a1e9;
}



/* 相关推荐 */
.rec{
    background: #fff;
    box-shadow: rgb(53 64 82 / 4%) 0 2px 4px 0;
    border: 1px solid rgba(110,117,130,.2);
    padding:15px 15px 5px 15px;
    border-radius: 3px;

}
.rec-title{
	color:#ea5c24;
	font-size:22px;
	font-weight:bold;
	text-indent:15px;
}
.rec ul li a{
	display:block;
	font-size:16px;
	margin:10px 0;
	padding:2px 15px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rec ul li a:hover:before{
	background:#fff;
}

/* /祥情 */

@media screen and (max-width:768px){
	.detail .pd-title h1{font-size:18px;}
	.rec-title{text-indent:0px;}
	.rec ul li a{padding:2px 0px;}
	.link div a{font-size:13px;}
	.detail{  padding:10px;}
	.rec ul li a{font-size:14px;}

	
}