/**
* @author: minihui <huimini>
* @date:   2016-10-13-17:08:33-thursday
* @email:  iloveminihui@icloud.com
* @project: 大事记
* @last modified by:   huimini
* @last modified time: 2016-10-16-11:42:22-friday
*/



/*大事记 品牌logo*/
.events-brand { width: 1200px; margin: 0 auto; height: 258px; background: url(/uploads/image/cimg/eventslogo.png) center top no-repeat; }
/*大事记 年记*/

.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.events-switch { margin-top: 74px;/*padding-bottom: 100px;*/
}
.arrows { position: relative; }
.arrow-left, .arrow-right { position: absolute; top: 42px; z-index: 2; display: block; width: 13px; height: 24px; }
.arrow-left { left: 516px; background:  left top no-repeat; }
.arrow-right { right: 520px; background:  left top no-repeat; }
.slide-cont { cursor: pointer; }
.page-ctrl { height: 112px; overflow: hidden; }
.page-swiper { width: 100%; height: 112px; margin: 0 auto; }
.page-ctrl .slide-cont { width: 106px; height: 86px; padding-top: 20px; margin: 0 auto; border: 3px solid #f7f7f7; }
.page-ctrl .swiper-slide-active .slide-cont { border: 3px solid #1583f0; }
.page-ctrl .swiper-slide-active .year { color: #1583f0; }
.year, .year-decoration { display: block; height: 38px; text-align: center; font-size: 30px; line-height: 38px; font-weight: 600; color: #a9b0c7; }
.year-decoration { height: 30px; display: inline; text-align: left; font-size: 16px; margin-left: 22px; font-weight: 100; line-height: 26px; border-bottom: 3px solid #a9b0c7; }
.e-swiper { min-height: 300px; width: 1200px; overflow: hidden; margin: 0 auto; }
.e-swiper-ctrl {  // width: 98%;
}
.e-swiper-ctrl .swiper-slide { width: 100%; }
.e-swiper-ctrl .slide-ctrl { position: relative; padding-top: 58px; }
.e-swiper-ctrl .slide-ctrl:before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1px; display: block; width: 0; height: 100%; outline: 1px solid #e6e6e6; }
.item-cont { position: relative; width: 48%; padding-bottom: 36px; }
/*ie8 兼容--抽离奇偶关系的css并单列*/
.item:nth-child(even) .item-cont { float: left; margin-right: 24px; text-align: right; }
.item .cont-even { float: left; margin-right: 24px; text-align: right; }
.item:nth-child(odd) .item-cont { float: right; margin-left: 24px; }
.item .cont-odd { float: right; margin-left: 24px; }
/*
jq中将.item区分奇偶，奇数个.item下的.item-cont加载.cont-odd类，偶数同理;
*/
/*-------------------------*/

.events-txt { font-size: 18px; line-height: 26px; color: #6b7280; position: relative; }
.month, .events-txt { display: block; }
.month { position: relative; /* display: inline;
	width: 0; */
font-size: 0; line-height: 0;/* font-size: 18px;
	line-height: 28px;
	color: #a9b0c7; */
}
.item .month:before { content: ""; position: absolute; top: 8px; z-index: 2; display: block; width: 8px; height: 8px; background: #1583f0; border: 3px solid #f7f7f7; -moz-border-radius: 100%; border-radius: 100%; }
/* 
.item .events-txt:before{
	content: "";
	position: absolute;
	top: 8px;
	z-index: 2;
	display: block;
	width: 8px;
	height: 8px;
	background: #1583f0;
	border:3px solid #f7f7f7;
	-moz-border-radius: 100%;
	     border-radius: 100%;
} 
*/
.item:nth-child(even) .events-txt:before { right: -30px; }
.item .even-month:before { right: -30px; }
.item:nth-child(odd) .events-txt:before { left: -32px; }
.item .odd-month:before { left: -32px; }
.item:nth-child(even) .month:before { right: -30px; }
.item .even-month:before { right: -30px; }
.item:nth-child(odd) .month:before { left: -32px; }
.item .odd-month:before { left: -32px; }
/*
使用jq向第偶数个item的.month增加.odd-month类
*/
/*--------------------*/
.item:last-child .item-cont:after { content: ""; position: absolute; top: 20px; right: -23px; display: block; /*width: 0;*/
height: 100%; outline: 1px solid #fff; }
/*
奇数偶数统一设置
*/
.swiper-slide .last-item .item-cont:after { content: ""; position: absolute; top: 20px; right: -23px; display: block; width: 0; height: 100%; outline: 1px solid #fff; }
/*
使用jq向最后一个item增加.last-item类
.item(.last-item)>.item-cont(.cont-odd)
*/
/*----------------------*/

.item:nth-child(odd):last-child .item-cont:after { right: auto; left: -25px; }
/*为奇数单独设置*/
.swiper-slide .slide-ctrl .last-item .cont-odd:after { right: auto; left: -25px; }
/*
使用jq向第奇数个且为最后个item
*/
/*-----------------------*/
.hide-pseudo { display: none; }
.hide-pseudo:before, .hide-pseudo:after { content: ""; display: none; }