.wrapperMain{margin: 0 auto 2%;clear: both;zoom: 1;overflow: hidden;}

.newsNav,.detailNav{width: 100%;text-align: center;margin: 3% 0;position: relative;}
.newsNav a,.detailNav a{display: inline-block;letter-spacing: 1px;padding: 0 0 0.8% 0;border-bottom:2px solid #ffffff;margin: 0 3%; color: #666666;}
.newsNav a.active{color: #99003a; border-bottom: 2px solid #99003a; }
.detailNav a{border:none;padding: 0;}
.detailNav a.active{ color: #99003a}
.detailNav{padding: 0;margin: 0;background: #ebebeb;}
.detailNav .wrapperMain{margin:0 auto;padding: 2% 0;}

.dateList{width: 21%;float: left;background: #f3f5f7;}
.yearList{width: 70%;margin: 15% 15% 0 15%;position: relative;
    border: 1px solid #999999;background: #fff;
    border-radius: 50px;
    padding: 0 1em;}
.yearList select{    width: 100%;
    line-height: 3em;
    border: none;
    height: 3em;
    background: none;
    box-sizing: border-box;
    color: #666666;}
.monthList{margin: 15% 0;}
.monthItem{padding: 6.4% 0;text-align: center;color: #848484;cursor: pointer;}
.monthList strong{ font-size: 1.5em; }
.monthItem.active{ color: #99003a;background: url(../image/meida_l.png) left center no-repeat; }
.monthItem.active strong{ }
.newsList{float: left;width: 79%;}
.newsItem{display: inline-block;width: 30.3%;margin: 0 -4px 0 3%;vertical-align: top;overflow: hidden;position: relative;}
.newsItem a{display: block;/* margin-left: 8%; */background: #f3f5f7;overflow: hidden;margin-bottom: 8%;}
.newsItem a p{padding: 1.5em;color: #000000;display: block;}
.newsItem a p strong{line-height: 1.45em;display: block;font-weight: normal; height: 2.9em; overflow: hidden}
.newsItem a p span{color: #848484;margin-top: 1em;display: block; font-size: .6em;}
.imgItem{position: relative;padding-top: 55%;width: 100%;display: block;overflow: hidden;}
.imgItem img{position: absolute;left: 0;top: 0;}

.tagList{position: absolute;top: 50%;margin-top: -1.1em;width: 15%;}

/* .tagList h5{background: url(../images/sel.png) right center no-repeat #fff;border-radius: 50px;font-weight: normal;line-height: 2em;padding: 0 10%;width: 100%;text-align: left;border: 1px solid #999999;border-radius: 50px;}
.tagList ul{position: absolute;top: 100%;background: #fff;width: 100%;border: 1px solid #ddd;display: none;}
.tagList ul li{padding: 5%;}
.tagList ul li.active{ background: #ddd; } */
.eventList{ }
.eventList .newsItem{ width: 31.3%; }
.eventList .newsItem:nth-child(3n+1){ margin:0 -4px 0 0; }
.videoList .newsItem{ width: 31.3%; }
.videoList .newsItem:nth-child(3n+1){ margin:0 -4px 0 0; }
.eventTips{position: absolute;left: 5%;top: 0;background: url(../image/eventend.png) 0 0 no-repeat;background-size: 100% auto;padding-top: 15%;width: 15%;}
.eventTips.progressing{background: url(../image/eventing.png) 0 0 no-repeat;background-size: 100% auto;}
.videoIcon{position: absolute;left: 0%;top: 0;width: 100%;background: url(../image/video.png) center center no-repeat rgba(0,0,0,0.5);background-size: 10% auto;padding-top: 56%;}
.deatalVideo{ width: 90%; margin:2% auto;}
.deatalVideo video{ width: 100%; }
.backList{background: #99003a;color: #fff;text-align: center;position: absolute;right: 0;top: 50%;margin-top: -1.1em;width: 5em;height: 2.2em;line-height: 2.3em;border-radius: 50px;cursor: pointer;}
.detailMain .wrapperMain{background: #ffffff;padding: 5%;}
.detailMain{background: #f5f5f5;padding-bottom: 2%;}
.detailTitle{ margin-bottom: 3%; text-align: center;}
.detailCont{color: #666666;line-height: 1.75em;}

.detailCont *{ font-size: 16px!important; line-height: 1.45em!important; }
.detailCont img,.detailCont video{ max-width:90%!important; margin:0 auto!important; display: block!important;}
@media screen and ( max-width: 1280px ) {
}