@charset "utf-8";

/*考试-计划页*/
.examName { display: block; padding: 10px 0 30px; overflow: hidden;  text-align: center; font-size: 32px; line-height: 210%;  color: #0073bd; }
.ListYear { height: 44px; line-height: 44px; padding: 0 10px 0 20px; background: #f4f4f4; border: 1px solid #dedde0; font-size: 14px;}
.ListYear .year {float: left;}
.ListYear .year span {padding-right: 10px;}
.ListYear .month {float: right; font-size: 14px;}
.ListYear .month span{width: auto; float: left;}
.ListYear .month a{width: auto; float: left; padding: 0 10px;}
.ListYear .month a:hover{color:#e2955c; border-left: 1px solid #dedde0; border-right: 1px solid #dedde0; background-color: #fff;}

.examPlanBox {width: 100%; margin-top: 20px; border-collapse: collapse;}
.examPlanTit{ }
.examPlanTit th{height: 42px; line-height: 42px; text-align: center; font-size: 16px; font-weight: bold; color: #0073bd; border: 1px solid #e1ebf2; background-color: #f3faff;}
.examPlanTit th.year{width: 212px;}
.examPlanTit th.name{width: 425px;}
.examPlanTit th.date{width: 259px; }

.examList td{text-align: center; vertical-align: top; border: 1px solid #ebebeb; }
.examList td.year{vertical-align: middle; }
.examList td.year .yearInfo{display: inline-block; *display: inline; margin: 10px; width: 110px; height: 120px; background: url(images/monthbg.png) no-repeat;}
.examList td.year .yearInfo b {height: 84px; line-height: 84px; color: #ff6600; font-size: 48px; text-align: center;}
.examList td.year .yearInfo span {color: #999; font-size: 14px; padding-left: 5px;}
.examList td.year .yearInfo p {color: #fff; margin-left: 4px; text-align: center; font-size: 14px; height: 30px; line-height: 30px;}

.examTimeList{overflow: hidden;}
.examTimeList li{overflow: hidden; font-size: 15px; color: #999; border-bottom: 1px solid #f4f4f4; }
.examTimeList li .name,
.examTimeList li .date{ height: 32px; line-height: 32px; float: left; }
.examTimeList li .name{margin: 9px 0; width: 425px;text-align: left; text-indent: 50px; background: url(images/icons.png) 36px 15px no-repeat;}
.examTimeList li .date{padding:9px 0; width: 259px; border-left: 1px solid #ebebeb;}


/* 考试-项目页 ***************************/

/* examBox */
.examBox{width: 260px; float: left; overflow: hidden;}
.examBox .hd{height: 45px; line-height: 45px; overflow: hidden; font-size: 16px; font-weight: bold; color: white; text-align: center; background-color: #0073bd;}
.examBox .bd{overflow: hidden; border: 1px solid #eee;}

/* 考试最新信息 */
#examNews{width: 620px; margin:0 10px;}
#examNews .hd{text-align: left; padding-left: 30px; background-color: #59bd00;}
#examNews .bd{padding: 5px 29px 15px;}

/*列表页*/
.newsList { overflow: hidden;}
.newsList li{margin-top: 10px; font-size:14px; height:36px; line-height:36px; background:url(images/icons.png) no-repeat 6px 17px;padding-left:20px; overflow:hidden; }
.newsList li a{}
.newsList li:hover{background-position: 6px -3px; }
.newsList li .date{ float:right; color:#999; padding-right: 5px; }
.newsList li .node{ color:#333; font-weight:bold;}
.newsList li.split { border-top: 1px dotted #ccc; margin: 25px 0; height: 1px;}
.newsList li.noData {background: #fffaf2; border: 1px dotted #e9e2d7;}

/* 考试动态 */
#examNotice .bd{}
.noticeList{overflow: hidden; margin-top: -1px;}
.noticeList li{padding:18px 0 15px; overflow: hidden; border-top: 1px solid #eeeeee;}
.noticeList li span{width: 37px; height: 37px; line-height: 37px; float: left; margin:26px 20px 0 18px; overflow: hidden; text-align: center; font-size: 21px; font-weight: bold; letter-spacing:-2px; color: #0073bc; background: url(images/examNoticeBg.png) left top no-repeat;}
.noticeList li .dateInfo{overflow: hidden; line-height: 30px; font-size: 12px; color: #999;}
.noticeList li .dateInfo strong{font-size: 14px; font-weight: bold; color: #333;}
.noticeList li .top2{color: #01bdd6;}
.noticeList li .top3{color: #5bb254;}
.noticeList li .top4{color: #f77d02;}
.noticeList li .top5{color: #7eb244;}


/* 快捷链接 */
#examLinks .bd{padding-bottom: 45px;}
.examLinksList{overflow: hidden; margin-top: -10px;}
.examLinksList li{width: 49.9%; float: left; margin-top: 45px; overflow: hidden;}
.examLinksList li a{display: block; position: relative; z-index: 1; height: 32px; line-height: 32px; padding-top: 45px; text-align: center; font-size: 15px; color: #555;}
.examLinksList li a:hover{color: #c00;}
.examLinksList li a i{position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 35px; line-height: 35px; background: url(images/examLinksIcon.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}

.examLinksList li a:hover i{
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg);
}
.examLinksList li.noLink a i{background-image: url(images/examNoLinksIcon.png);}
.examLinksList li.noLink a,
.examLinksList li.noLink a:hover{color: #999; cursor: default;}
.examLinksList li.noLink a:hover i{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
}
.examLinksList li.li2 a i{background-position: center -35px;}
.examLinksList li.li3 a i{background-position: center -70px;}
.examLinksList li.li4 a i{background-position: center -105px;}
.examLinksList li.li5 a i{background-position: center -140px;}
.examLinksList li.li6 a i{background-position: center -175px;}



/* 考试-文章列表页 **********************/
.examInfoList{margin-top: 15px; width: 100%; border-collapse: collapse;}
.examInfoList .tit{width: 55%;}
.examInfoList .date{width: 25%;}
.examInfoList .apply{width: 18%;}
.examInfoList th,
.examInfoList td{border: 1px solid #dfdfdf; text-align: center;}
.examInfoList th{height: 43px; line-height: 43px; font-size: 16px; font-weight: bold; color: #555; background-color: #efefef;}
.examInfoList td{font-size: 13px; line-height: 24px; padding: 15px 0;}
.examInfoList td.tit{text-align: left; font-size: 15px;}
.examInfoList td.tit a{margin-left: 25px;}
.examInfoList td.date{color: #999;}
.examInfoList td.apply a{color: #eba819;}
.examInfoList td.apply a:hover{color: #c00;}