body {background: #fff;}
header {background: #fff;}
hr{
	background: #efefef;
}
.advert{
    background: url('../../images/mac/bg.jpg') repeat-x;
    background-position: 50% 50%;
    height: 45.3em;
    position: relative;
}
.center{
	background-color:#efefef;
}
.main{
    overflow: hidden;
}
.main article {
    width: 85em;
    margin:0 auto; 
}

.main article h2{
	font-size:2.8em;
    color: #4c5e8b;
    margin-bottom: 0.5em;
}
.main article aside{
	font-size: 1.4em;
	color:#787878;
}
.mac-app {
    width: 40em;
    margin: 0em auto;
    z-index: 1;  
}
.mac-app h1 {
	width: 20em;
	height: 10.3em;
	display: block;
	overflow: hidden;
	margin: 0.5em 0 2em 0;
}
.mac-app .down {
	background: url("../../images/mac/download.png") no-repeat;
	width: 26em;
	height:7em;
	display: block;
	line-height: 2.3em;
    margin:0em auto 0.8em auto;
}
.mac-app .down:hover{
    background: url("../../images/mac/download.png") no-repeat 0  -92px;
}

.mac-app .down em {
	padding: 0 0 0 1em;
	margin: 0 0 0 0;
    display: block;
    text-indent: -9999px;
}
.mac-app summary{
    color:#2e579d;
    opacity:0.6;
}
.mac-app summary p{
    color: #2e579d;
    text-align: center;
	margin:0em auto 0 auto; 
}
.mac-app summary span {
    font-size: 13px;
    text-align: center;
    margin: 2em 1em  1em  1em; 
}
.mac-app summary  .equip {
	text-decoration: underline;
	text-align: center;
    font-size: 14px;
    margin: 0.5em 0 0 0;
    display: block;
    color:#2e579d;
    opacity:0.6;
}
.mac-app .version{
    margin:79px 0 140px 408px;
    display: block;
    color: #fff;
    font-size: 18px;
}
.mac-app .version a{
    padding:0 0 0 15.8em;
    margin: 4em 0 0 0;
    font-size: 0.85em;
    color: #FFFFFF;
    line-height:13em;
}
.mac-icon {
	height: 7.5em;
	font-size: 1.4em;
	line-height: 3.5em;
	padding: 50px 0 0 10px;		   
}
.mac-icon .pineapple {
    background-image: url("../../images/mac/icon_pineapple.png?20150520");
    background-repeat: no-repeat;
    height: 3.5em;
    display: block;
    float: left;
    padding: 0em 0em 0 3.8em;
    margin: 0 0 0 2em;
}
.mac-icon .file{
    background-image: url("../../images/mac/icon_file.png");
    background-repeat: no-repeat;
    background-position: 3em 0;
    height: 3.5em;
    display: block;
    float: left;
    padding: 0em 0em 0  6.5em;
    margin: 0 0 0 2em;
}
.mac-icon .box{
    background-image: url("../../images/mac/icon_box.png");
    background-repeat: no-repeat;
    background-position: 3.5em 0;
    height: 3.5em;
    display: block;
    float: left;
    padding: 0em 0 0 6.9em;
    margin: 0 0 0 2em;
}
.mac-icon .square{
    background-image: url("../../images/mac/icon_square.png");
    background-repeat: no-repeat;
    background-position: 2.3em 0;
    height: 3.5em;
    display: block;
    float: left;
    padding: 0 0 0 6em;
    margin: 0 0 0 2em;
}
.mac-icon .arrow{
    background-image: url("../../images/mac/icon_arrow.png");
    background-repeat: no-repeat;
    background-position: 2.5em 0;
    height: 3.5em;
    display: block;
    float: left;
    padding: 0 0 0 6.3em;
    margin: 0 0 0 2em;
}
.version-left{
    color:#c0c0c0;
    height: 0.05em;
    display: block; 
}
.version-sp{
    padding: 1em 0;
    font-size: 2em;
    color: #303030;
    background: #efefef;
    margin:-1.5em auto 0 auto;
    display: block;
    width: 10em;
    text-align: center;  
}
.version-right{
    height: 0.1em;
    width: 25em;
    float: right;
    display: block;
}
.section-app, .section-file, .section-box ,.section-square ,.mac-icon{
    border-bottom:1px solid;
    border-color:#c0c0c0;
    width: 100%;
}
.section-app h2{
	  padding: 6.4em 0 0 0;		
}
.section-app aside p,.section-file aside p,.section-box aside p,.section-square aside p，.section-arrow aside p{
    padding: 0.1em 0 0.2em 0;
}
.section-app-summary{
    float:left;
}
.section-app-canvas{
    position:relative;
    height: 51em;
}
.section-file h2{
	 padding: 7em 5em 0 0;
}
.section-file-canvas{
    position: relative;
    height: 50em;
}
.section-file-summary{
    float:right;
}
.section-box h2{
	padding: 5.4em 0 0 0;	
}
.section-box-summary{
    float:left;
}
.section-box-canvas{
    position:relative;
    height: 51em;
}
.section-square-summary{
    position: absolute;
    float:right;
}
.section-square h2{
	  padding: 6em 2em 0 18em;
}
.section-square aside{
    padding: 0 0 0 36em;
}
.section-square-canvas{
    position:relative;
    height: 50em;
}
.section-arrow h2{
	padding: 7em 0 0 0;
}
.section-arrow-canvas{
    position:relative;
    height: 51em;
}
.section-arrow-summary{
    float:left;
}
.back{
    position: fixed;
    right:50px;
    bottom: 6em;
    background: url("../../images/mac/back.png") no-repeat 0 0;
    width: 14em;
    margin:0 0 10em 133em;
    height: 6em;
    display: inline-block;
    cursor: pointer;
    z-index: 999;
    display: none;
}

.back:hover{
    background: url("../../images/mac/back_hover.png") no-repeat 0 0;
}
.common-footer li a.weibo {
  width: 20px;
  height: 20px;
  display: block;
  overflow: hidden;
  background: url("../../images/ie6_select.png") no-repeat 0 -84px;
  float: left;
  margin-left: 5px;
}