.new_addspec{padding: 8px 0;}
.new_addspec .new_addspecont{border-radius: 15px; box-sizing: border-box; box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 25%);}
.new_specnav{width: 100.01%;background-color: #ffe9e8;border-radius: 15px 15px 0 0;}
.new_specnav li{
	display: flex;-webkit-display: flex;
	align-items: center; -webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex: 1;padding: 15px 0;cursor: pointer;
	overflow: hidden;
}
.new_specnav li .imgs{display: inline-block;}
.new_specnav .imgico_333{display: block;}
.new_specnav .imgico_fff{display: none;}
.new_specnav li img{padding-top: 4px; display: inline-block;margin-right: 3px;vertical-align: middle;}
.new_specnav li h3{display: inline-block;font-size: 28px;font-weight: bold;color: #333;}
.new_specnav li h3 span{color: #f4201b;}
.new_specnav li.active{position: relative; border-radius: 15px 15px 0 0; background: linear-gradient(to bottom, #f50c09, #f34845);}
.new_specnav li.active::after{
	content: '';position: absolute;left: 50%;
	bottom: -22px;
	transform: translateX(-50%);
	margin: 20px auto;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom-color: #fff;
}
.new_specnav li.active h3{color: #fff;}
.new_specnav li.active h3 span{color: #ffe868;}
.new_specnav li.active .imgico_333{display: none;}
.new_specnav li.active .imgico_fff{display: block;}

.new_speccant{padding:15px 20px; border-radius:0 0 15px 15px;border: 4px solid #f34946;}
.new_specitem{display: none;}
.new_specitem.active{display: block;}


.new_speccant .new_speciteml{width: 33%;}
.new_speccant .new_specitemc{width: 29.58%;}

.new_addspec .titimgs img{display: none;}
.new_addspec .titimgs img.titimgred{display: block;}
.new_addspec .pp_icpink a{background-color: #fbe5e7;color: #d6000f!important;}
.new_addspec .pp_timescroll .time_tit {background-image: linear-gradient(to right,#f43a37 40%, #fff 97%);}
.new_addspec .addp_pptime li:hover .btn{background-color: #d6000f;}
.new_addspec.pp_spec .atiem_tit a:hover,
.new_addspec.pp_spec .atiem a:hover{color: #eb3d47;}
.new_addspec .atiem_tit a.fzclor,
.new_addspec .atiem li a.fzclor{color: #eb3d47;}
.pp_spec .new_speciteml .atiem:nth-child(3){margin-bottom: 0;}
.new_addspec .pp_timescroll li:hover .wentit{color: #eb3d47;}
.new_addspec .pp_timescroll .wentxt .text{color:#eb3d47;}
.new_addspec .pp_timescroll .tutext::after{border-right: 1px dashed #e60012;}

.new_addspec .three_block a{color: #333;font-size: 18px; display: inline-block;width: 32%;height: 138px;}
.new_addspec .three_block a img{margin-bottom: 3px;}
.new_addspec .three_block a:hover{color: #eb3d47;}
.new_addspec .three_block div{width: 100%;height: 100%;background-color: #f5f5f5;}



/* 第二种排版 */
/* .new_addspec2 .new_speccant{padding:15px 20px;} */
.new_addspec2 .new_speciteml{width: 33%;padding: 15px;border-radius: 10px; box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 25%);}
.new_addspec2 .new_specitemc{width: 31.5%;padding: 15px;border-radius: 10px; box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 25%);}
.new_addspec2.new_speccant{border: none!important;}



/* 默认为红色 */
/* 红色版面 */
.new_addspered .new_specnav{background-color: #ffe9e8;}
.new_addspered .new_speccant{border: 4px solid #f34946;}
.new_addspered .new_specnav li h3 span{color: #f4201b;}
.new_addspered .new_specnav li.active h3 span{color: #ffe868;}
.new_addspered .new_specnav li.active{background: linear-gradient(to bottom, #f50c09, #f34845);}
.new_addspered .three_block a:hover{color: #eb3d47;}
.new_addspered.pp_spec .atiem a:hover{color: #eb3d47;}
.new_addspered .atiem_tit a.fzclor,
.new_addspered .atiem li a.fzclor{color: #eb3d47;}
.new_addspered .pp_timescroll .wentxt .text{color:#eb3d47;}
.new_addspered .pp_timescroll .tutext::after{border-right: 1px dashed #e60012;}
.new_addspered .pp_icpink a{background-color: #fbe5e7;color: #d6000f!important;}
.new_addspered .pp_timescroll .time_tit {background-image: linear-gradient(to right,#f43a37 40%, #fff 97%);}
.new_addspered  .addp_pptime li:hover .btn,
.new_addspered  .pp_timescroll li:hover .btn{background-color: #d6000f;}
.new_addspered .pp_timescroll li:hover .wentit{color: #eb3d47;}
.new_addspered .titimgs img{display: none;}
.new_addspered .titimgs img.titimgred{display: block;}



/* 蓝色版面 */
.new_addspeblue .new_specnav{background-color: #e7f7ff;}
.new_addspeblue .new_speccant{border: 4px solid #3053ff;}
.new_addspeblue .new_specnav li h3 span{color: #3053f3;}
.new_addspeblue .new_specnav li.active h3 span{color: #fff100;}
.new_addspeblue .new_specnav li.active{ background: linear-gradient(to bottom, #2bb9ff, #2f59f4);}
.new_addspeblue .three_block a:hover{color: #3052f3;}
.new_addspeblue.pp_spec .atiem a:hover{color: #3052f3;}
.new_addspeblue .atiem_tit a.fzclor,
.new_addspeblue .atiem li a.fzclor{color: #3052f3;}
.new_addspeblue .pp_timescroll .wentxt .text{color:#3052f3;}
.new_addspeblue .pp_timescroll .tutext::after{border-right: 1px dashed #4b82f8;}
.new_addspeblue .pp_icpink a{background-color: #eaedfe;color: #3052f3!important;}
.new_addspeblue .pp_timescroll .time_tit {background-image: linear-gradient(to right,#3052f3 40%, #fff 97%);}
.new_addspeblue .addp_pptime li:hover .btn,
.new_addspeblue .pp_timescroll li:hover .btn{background-color: #3052f3;}
.new_addspeblue .pp_timescroll li:hover .wentit{color: #3052f3;}
.new_addspeblue .titimgs img{display: none;}
.new_addspeblue .titimgs img.titimgblue{display: block;}

/* 橙色版面 */
.new_addspeorg .new_specnav{background-color: #ffded4;}
.new_addspeorg .new_speccant{border: 4px solid #f55208;}
.new_addspeorg .new_specnav li h3 span{color: #ff6600;}
.new_addspeorg .new_specnav li.active h3 span{color: #fff100;}
.new_addspeorg .new_specnav li.active{ background: linear-gradient(to bottom, #f57d5e, #f55206);}
.new_addspeorg .three_block a:hover{color: #f14c00;}
.new_addspeorg.pp_spec .atiem a:hover{color: #f14c00;}
.new_addspeorg .atiem_tit a.fzclor,
.new_addspeorg .atiem li a.fzclor{color: #f14c00;}
.new_addspeorg .pp_timescroll .wentxt .text{color:#f14c00;}
.new_addspeorg .pp_timescroll .tutext::after{border-right: 1px dashed #be4a00;}
.new_addspeorg .pp_icpink a{background-color: #feede5;color: #f14c00!important;}
.new_addspeorg .pp_timescroll .time_tit {background-image: linear-gradient(to right,#f14c00 40%, #fff 97%);}
.new_addspeorg .addp_pptime li:hover .btn,
.new_addspeorg .pp_timescroll li:hover .btn{background-color: #f14c00;}
.new_addspeorg .pp_timescroll li:hover .wentit{color: #f14c00;}
.new_addspeorg .titimgs img{display: none;}
.new_addspeorg .titimgs img.titimgorg{display: block;}

/* 绿色版面 */
.new_addspegree .new_specnav{background-color: #f0fffc;}
.new_addspegree .new_speccant{border: 4px solid #367d6b;}
.new_addspegree .new_specnav li h3 span{color: #378472;}
.new_addspegree .new_specnav li.active h3 span{color: #ffe868;}
.new_addspegree .new_specnav li.active{ background: linear-gradient(to bottom, #39c1a6, #367f6d);}
.new_addspegree .three_block a:hover{color: #03674e;}
.new_addspegree.pp_spec .atiem a:hover{color: #03674e;}
.new_addspegree .atiem_tit a.fzclor,
.new_addspegree .atiem li a.fzclor{color: #03674e;}
.new_addspegree .pp_timescroll .wentxt .text{color:#03674e;}
.new_addspegree .pp_timescroll .tutext::after{border-right: 1px dashed #257b66;}
.new_addspegree .pp_icpink a{background-color: #ebf8f5;color: #03674e!important;}
.new_addspegree .pp_timescroll .time_tit {background-image: linear-gradient(to right,#03674e 40%, #fff 97%);}
.new_addspegree .addp_pptime li:hover .btn,
.new_addspegree .pp_timescroll li:hover .btn{background-color: #03674e;}
.new_addspegree .pp_timescroll li:hover .wentit{color: #03674e;}
.new_addspegree .titimgs img{display: none;}
.new_addspegree .titimgs img.titimggree{display: block;}


@media (max-width: 1600px) {
	.new_addspec .three_block a{font-size: 16px;}
	.new_specnav li{padding: 10px 0;}
  .new_specnav8 li h3,
  .new_specnav7 li h3,
	.new_specnav6 li h3,
	.new_specnav5 li h3,
	.new_specnav4 li h3,
	.new_specnav3 li h3,
	.new_specnav2 li h3{font-size: 22px;}
	.new_addspec .three_block a img{width: 35px;height: auto;}
}
@media (max-width: 1400px) {
	.new_addspec .three_block a{font-size: 14px;}
  .new_specnav8 li h3,
  .new_specnav7 li h3,
  .new_specnav6 li h3,
  .new_specnav5 li h3,
	.new_specnav4 li h3,
	.new_specnav3 li h3,
	.new_specnav2 li h3{font-size: 20px;}
}
@media (max-width: 1300px) {
	.new_specnav li{padding: 8px 0;}
  .new_specnav8 li h3,
  .new_specnav7 li h3,
  .new_specnav6 li h3,
  .new_specnav5 li h3,
	.new_specnav4 li h3,
	.new_specnav3 li h3,
	.new_specnav2 li h3{font-size: 18px;}
	.new_addspec .three_block a img{width: 30px;height: auto;}
}