.cls {
	zoom:1
}
.wrapper {
	max-width:1100px;
	width:100%;
	margin:0 auto
}

.log-content {
	background-color:#fefefe;
	/*background:#3a3c48 url(../images/content-bg.png)*/
}

.cls:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.link:hover {
	text-decoration:underline
}


.log-content .wrapper .main .year .list ul{margin:0;padding:0}




.log-content {
	padding:50px 0;
	min-height:720px
}
.log-content .wrapper {
	position:relative;
	background:url() no-repeat right top
}
.log-content .light {
	position:absolute;
	left:55px;
	top:-50px;
	width:152px;
	height:191px;
	/*background:url(../images/t011df7512152150bb9.png) no-repeat top center*/
}
.log-content .line-left {
	position:absolute;
	left:0;
	top:15px;
	width:70px
}
.log-content .line-right {
	position:absolute;
	right:0;
	top:15px;
	width:460px
}
.log-content .main {
	background:url(../images/line-bg.png) repeat-y 79px 0
}
.log-content .light i {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	/*background:url(../images/t01cfdd74c38452f86c.png) no-repeat top center*/
}
.log-content .main .title {
	position:absolute;
	line-height:40px;
	padding-left:67px;
	left:60px;
	top:0;
	color:#58a6fb;
	font-size:24px;
	background:url(../images/uploghead.png) no-repeat left top
}
.log-content .main .year {
	position:relative;
	z-index:100
}
.ie6 .log-content .wrapper {
	/*background-image:url(../images/release-bg-8.png)*/
}
.ie6 .log-content .light {
	display:none
}
.ie6 .log-content .line-left {
	width:100px
}
.log-content .main .year h2 {
	height:40px;
	width:185px;
	padding-right:0px;
	font-size:24px;
	line-height:40px;
	text-align:right
}
.log-content .main .year h2 a {
	color:#58a6fb
}
.log-content .main .year h2 i {
	display:block;
	position:relative;
	height:0;
	width:0;
	left:100px;
	top:-20px;
	border-width:6px;
	border-style:solid;
	border-color:#59a7fb transparent transparent;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-transform-origin:6px 3px;
	-moz-transform-origin:6px 3px;
	-ms-transform-origin:6px 3px;
	-o-transform-origin:6px 3px;
	transform-origin:6px 3px
}
.log-content .main .year .list {
	margin:10px 0;
	position:relative;
	overflow:hidden;
	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;
	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s
}
.log-content .main .year .list ul {
	bottom:0
}
.ie6 .log-content .main .year h2 {
	padding-right:0;
	width:200px
}
.log-content .main .year .list ul li {
	background:url(../images/circle.png) no-repeat 65px 31px;
	padding:30px 0;
	color:#444
}
.ie7 .log-content .main .year h2 i {
	left:40px
}
.ie6 .log-content .main .year h2 a {
	cursor:default
}
.ie6 .log-content .main .year h2 i {
	display:none
}
.log-content .main .year .list ul li .date,.log-content .main .year .list ul li .version {
	float:left;
	display:block;
	clear:left;
	width:105px;
	line-height:24px;
	/*text-align:right;*/
	font-size:12px;
}

.log-content .main .year .list ul li .version {
	margin-top:0px;
	padding:0;
}


.log-content .main .year .list ul li .date {
	font-size:18px;
	line-height:32px;
	color:#2398ee;
	font-weight: 600;
}
.log-content .main .year .list ul li .intro,.log-content .main .year .list ul li .more {
	float:left;
	display:block;
	/*width:100%;
	margin-left:100px;*/
	line-height:18px;
	font-size:16px;
	
}
.log-content .main .year .list ul li .more {
	margin-top:0px;
	
}

.log-content .main .year .list ul li .more {
	line-height:28px;
	
}


.log-content .main .year .list ul li .intro {
	font-size:18px;
	line-height:32px;
	color:#2398ee;
	font-weight: 600;
}
.log-content .main .year .list ul li.highlight {
	background-image:url(../images/circle-h.png)
}
.log-content .main .year .list ul li.highlight .date,.log-content .main .year .list ul li.highlight .intro {
	color:#ec6a13
}
.log-content .wrapper:first-child .main .year.close h2 i {
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg)
}
.log-content .wrapper:first-child .main .year.close .list {
	opacity:0;
	height:0!important
}




@media only screen and (max-width: 960px) {
	
    .log-content .wrapper{width:100%;}
	.log-content .main {background-position:30px 0}	
	.log-content .main .year .list ul li{background-position:16px 0}
	.log-content .main .title{left: 12px;}
	.log-content .main .year{padding-top:0px;}
	.log-content .main .year .list ul li{padding-top:0px;}
	.log-content .main .year .list ul li .date{width:105px; top:-30; text-align: right;}
	.log-content .main .year h2{padding-bottom:60px;}
	.log-content .main .year .list ul li .more{margin-left: 55px; width:80%;}	
	.log-content .main .year .list ul li .intro{margin-left: 10px;}
	.log-content .main .year .list ul li .more {font-size:14px;}
	.log-content .main .year .list ul li .version{width:0px;}
}


@media only screen and (max-width: 540px) {
	.log-content .main .year .list ul li .more {font-size:12px;}
	
	
}