*{padding: 0;margin: 0;}
a{text-decoration: none;}
li{list-style: none;}

.detailnav{background-color: #F2F2F2;height: 60px;display: flex;justify-content: center;align-items: center;color: #5F6464;font-size: 14px;line-height: 14px;}
.detailnav .detailNavWrapper{width: 100%; max-width: 1200px;margin: 0 auto;}
.detailnav .detailNavWrapper a{font-family: var(--PFR);
    font-weight: 400; color: #5F6464;font-size: 14px;line-height: 14px;}

.detailmain{}
.detailmain .detailnavWrapper{
	margin: 0 auto;position: relative; 
	width: 100%; max-width: 1200px;}
.detailmain .detailnavWrapper .detailBox{padding: 70px 84px 100px 60px;}
.detailmain .detailnavWrapper .detailBox .detailwz h1{
	font:500 34px/1.5 var(--PFS);color: #333333;}
.detailmain .detailnavWrapper .detailBox .detailwz .detailtime{
	display: flex;justify-content: flex-start;align-items: center;
	padding: 25px 0 20px 0;
	font:400 14px/1 var(--PFR);color: #999999;
	border-bottom: 1px solid #E8E9EA;}
.detailmain .detailnavWrapper .detailBox .detailwz .detailtime p{
	padding: 0 0 0 66px;
	display: flex;justify-content: flex-start;align-items: center;}
.detailmain .detailnavWrapper .detailBox .detailwz .detailtime p span{
	padding-left: 4px;
	font-family:400 14px/1 var(--PFR); color: #D0A846;}
.detailmain .detailnavWrapper .detailBox .detailwz p{padding-top: 30px;color: #666666;font-size: 16px;line-height: 30px;}
.detailmain .detailnavWrapper .detailBox .detailwz p a{color: #D64848;}

.newlr{display: flex;justify-content: space-between;align-items: center;margin-top: 30px;margin-bottom: 20px;}
.detailnew p {color: #666666;font-size: 14px;line-height: 14px;}
.detailnew p span{color: #DCBB6C;font-size: 14px;padding-left: 15px;}
.detailnew .left{display: flex;align-items: center;font-family: var(--PFR);
    font-weight: 400; }
.detailnew .left .liulan,.detailnew .left .dianzan{display: flex;margin-right: 40px;}
.detailnew .left .liulan,.detailnew .left .dianzan img{cursor: pointer;}
.detailnew .left p{padding-left: 4px;cursor: pointer;}
.detailnew .left p span{padding-left: 4px;cursor: auto;}

.newhd{width:100%;max-width: 1200px;height: 180px;margin: 0 auto;background: url(../images/school/hd.jpg) no-repeat;background-size: 100% 100%;margin-bottom: 20px;position: relative;cursor: pointer;}
.newhd h2{color: #484B89;font: 600 42px/1 var(--PFR); position: absolute;left: 86px;top: 38px;}
.newhd p:nth-of-type(1){color: #484B89;font: 500 24px/1 var(--PFR);position: absolute;top: 104px;left: 149px;}
.newhd p:nth-of-type(1) span{color: #E63B58;}
.newhd p:nth-of-type(2){color: #484B89;font-size: 18px;line-height: 18px;position: absolute;top: 56px;left: 595px;}
.newhd .newhdbtn{width: 175px;height: 48px;background-color: #E63B58;border-radius: 10px;display: flex;justify-content: center;align-items: center;position: absolute;top: 90px;left: 568px;}
.newhd .newhdbtn a{color: #FFFFFF;font-size: 18px;}

/*返回目录*/
.detailnew .right{
	display: flex;align-items: center;
	font:400 16px/1 var(--PFR); color: #999999;}
.detailnew .right a{color: #DAB660;}

/*文章段落*/
.detailtips{margin-top: 16px;min-height: 567px;}
.detailtips p{
	padding-top: 24px;
	font:400 16px/1.5 var(--PFM);color: #666666;/*text-align: justify !important;*/}
.detailtips p a{color: #D64848;}
.detailtips p img{max-width: 90%;width: auto !important;height: auto !important;}
.detailtips h2,h3,h4{padding-top:24px;font:400 16px/1.5 var(--PFM); color: #333333;font-size: 1.17em;font-weight: bold;}
/*下载APP分享*/
.detailbottom{
	display: flex;justify-content: flex-start;align-items: center;
	height: 184px; background-color: #F4F7FA;}
.detailbottom .left{padding-left: 20px;}
.detailbottom .left img{display: block;width: 144px;height: 144px;}
.detailbottom .right{padding-left: 15px;}
.detailbottom .right h2{
	font:500 26px var(--PFM); color: #2A2E2E;}
.detailbottom .right p{font:400 16px var(--PFR);}
.detailbottom .right p:nth-of-type(1){
	padding: 15px 0 16px 0; 
	color: #5F6464;}
.detailbottom .right p:nth-of-type(2){color: #2A2E2E;}

.share{display: flex;align-items: center;position: relative;}
.share ul{display: flex;margin-left: 4px;}
.share ul li{width: 16px;height: 16px;background-size: 100% 100%;cursor: pointer;margin-right: 10px;}
.share ul li:nth-of-type(1){background: url(../images/detail/d06.svg) no-repeat;background-size: 100% 100%;}
.share ul li:nth-of-type(2){background: url(../images/detail/d07.svg) no-repeat;background-size: 100% 100%;}
.share ul li:nth-of-type(3){background: url(../images/detail/d08.svg) no-repeat;background-size: 100% 100%;}
.share ul li:nth-of-type(4){background: url(../images/detail/d09.svg) no-repeat;background-size: 100% 100%;}
.share ul li:nth-of-type(5){background: url(../images/detail/d10.svg) no-repeat;background-size: 100% 100%;}

/*上下篇*/
.itembox{height: 87px;display: flex;justify-content: space-between;align-items: center;}
.itembox .item{max-width: 550px;display: flex;align-items: center;}
.itembox .item a{max-width: 480px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;word-break: break-all;-webkit-box-orient: vertical;margin-left: 10px;}
.itembox .item:nth-of-type(2){display: flex;justify-content: flex-end;align-items: center;}
.itembox .item span{font:400 18px/1 var(--PFR); color: #999999;}
.itembox .item a:hover span{color: #0e90d2;}

/*相关和热门推荐*/
.bottomwz{
	margin-bottom: 80px;margin-top: 50px;
	display: flex;justify-content: space-between;align-items: flex-start;
	width:100%; max-width: 1200px;}
.xgwz,.hotwz{
	padding-left: 21px;width:50%;
	font:500 12px var(--PFM);}
.bottomwz ul{padding-top: 10px;}
.bottomwz ul li{line-height: 36px;}
.bottomwz ul li a{
	padding: 8px 0;
	font:400 16px var(--PFR); color: #666666;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;word-break: break-all;-webkit-box-orient: vertical;}
	.bottomwz ul li a:hover{color: #0e90d2;}



/* 旧的文章详情 */
.detailfixed{position: absolute;top: 226px;right: -48px;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;}
.detailfixed ul{margin-top: 6px;}
.detailfixed ul li{margin-top: 40px;width: 48px;height: 48px;background-size: 100% 100%;}
.detailfixed ul li:nth-of-type(1){background: url(../images/detail/d01.svg) no-repeat;}
.detailfixed ul li:nth-of-type(2){background: url(../images/detail/d02.svg) no-repeat;}
.detailfixed ul li:nth-of-type(3){background: url(../images/detail/d03.svg) no-repeat;}
.detailfixed ul li:nth-of-type(4){background: url(../images/detail/d04.svg) no-repeat;}
.detailfixed ul li:nth-of-type(5){background: url(../images/detail/d05.svg) no-repeat;}

.detailfixed ul li:nth-of-type(1):hover{background: url(../images/detail/d06.svg) no-repeat;}
.detailfixed ul li:nth-of-type(2):hover{background: url(../images/detail/d07.svg) no-repeat;}
.detailfixed ul li:nth-of-type(3):hover{background: url(../images/detail/d08.svg) no-repeat;}
.detailfixed ul li:nth-of-type(4):hover{background: url(../images/detail/d09.svg) no-repeat;}
.detailfixed ul li:nth-of-type(5):hover{background: url(../images/detail/d10.svg) no-repeat;}

@media only screen and (max-width: 992px) {
	.detailmain .detailnavWrapper .detailBox{padding: 6vw;}
	.detailnav{height: initial;}
	.detailnav .detailNavWrapper{padding: 3vw; }
	
	.detailmain .detailnavWrapper .detailBox .detailwz h1{font-size: var(--t91);}
	
	.detailbottom .right h2{font-size: var(--t92);}
	
	.detailtips p,
	.detailmain .detailnavWrapper .detailBox .detailwz .detailtime,
	.detailbottom .right p:nth-of-type(1),
	.detailbottom .right p:nth-of-type(2),
	.itembox .item span,
	.detailnav .detailNavWrapper,
	.detailnav .detailNavWrapper a,
	.bottomwz ul li a{font-size: var(--t-93);}	
	.bottomwz ul li{padding: 2vw;}
	.bottomwz ul li a{padding: 0;}
	
	/*广告*/
	.newhd{height: 22vw;}
	.newhd h2{font-size: var(--t91) !important;left: 3vw;top: 7vw;}
	.newhd p:nth-of-type(1){font-size: var(--t92); top: 12vw; left: 3vw;}
	.newhd p:nth-of-type(2){top: 7vw; left: 50vw; font-size: var(--t92);}
	.newhd .newhdbtn{left: 50vw;}
	.newhd .newhdbtn{top: 11vw; width: 20vw; height: 3vh;}
	.newhd .newhdbtn a{font-size: var(--t93);}
}

@media only screen and (max-width: 640px) {
	.detailmain .detailnavWrapper .detailBox{padding: 6vw;}
	.detailtips{margin-top: 5vw;}
	.detailmain .detailnavWrapper .detailBox .detailwz h1{font-size: var(--t61);}
	.itembox{padding:6vw 3vw; height: initial;}
	.detailnav{height: initial;}
	.detailnav .detailNavWrapper{padding: 3vw; }
	
	.detailbottom .right h2{font-size: var(--t62);}
	
	.detailtips p,
	.detailmain .detailnavWrapper .detailBox .detailwz .detailtime,
	.detailbottom .right p:nth-of-type(1),
	.detailbottom .right p:nth-of-type(2),
	.itembox .item span,
	.detailnav .detailNavWrapper,
	.detailnav .detailNavWrapper a,
	.bottomwz ul li a{font-size: 16px;}
	
}