/*main*/
body,html{ background:#fff; font: 14px "Myriad-Pro-Regula", Helvetica, Arial, Verdana, sans-serif; color:#000;-webkit-font-smoothing:antialiased; }
.wrapper{width:1000px; margin:0 auto; display:block; position: relative; }

a { text-decoration: none;}
.top { width: 100%; position: absolute; top: 0; height: 70px; border-bottom: solid #d8d8d8 1px;}
.top .logo { float: left; margin-top: 20px; height: 32px; line-height: 34px;
  text-indent: 40px;
  font-family: 'Myriad-Pro-Regular';
  font-weight: normal;
  font-size: 18px;
  background: url('../../../source/images/icons.png') no-repeat;
}
.top .logo a {
  color: #000;
  text-decoration: none;
}
h2 {font-family: 'Myriad-Pro-Regular';}
/*header*/
.header{ height: 479px; background: url(../images/banner.jpg); padding-top: 71px;font-family: 'Myriad-Pro-Regular'; }
.header .left { float: left;}
.header .left h2{line-height:39px;padding-top:55px;font-size:60px;font-weight:normal;}
.header .left h2 sup{display:inline-block;width:48px;height:20px;color: #fff;line-height:20px;border-radius:10px;text-align:center;vertical-align:top;background-color:#dd0038;font-size:14px}
.header .left h2+h3{margin-top:20px;margin-bottom:25px;font-size:22px;font-weight:normal}
.header .left dl { padding-top: 20px; margin-bottom: 40px;}
.header .left dl dt{ margin-bottom: 10px; font-weight: bold; font-size: 16px;}
.header .left dl dd { background: url(../images/list.png) no-repeat 0px 2px; text-indent: 25px; font-size: 16px; color: #373737; line-height: 26px; }
.btn { display: block; width: 250px; height: 60px; font-size: 20px; background-color: #1067b8; border-radius: 35px; text-align: center; line-height: 60px; color: #fff;
    background-image: -moz-linear-gradient(90deg, #1067b8 0, #33b0ff 100%);
    background-image: -webkit-linear-gradient(90deg, #1067b8 0, #33b0ff 100%);
    background-image: -ms-linear-gradient(90deg, #1067b8 0, #33b0ff 100%);
    box-shadow: 0 8px 20px 0 #bcbcbc;
  }
.btn  i { display: inline-block; width: 22px; height: 17px; margin-right: 10px; background: url('../../../source/images/icons.png') no-repeat; background-position: -2px -350px;}

.header .computer{ width:520px; height:344px; float:right; margin-top: 70px;}

.content {font-family: 'Myriad-Pro-Regular';}
/*cross*/
.mac-virus { margin-top: 45px;}
.mac-virus h2 { font-size: 28px; text-align: center;}
.mac-virus dt { font-size: 22px; margin-bottom: 15px;}
.mac-virus dd { line-height: 24px; color: #373737; font-size: 16px;}

.mac-virus .nalware { margin-top: 80px;}
.mac-virus .nalware .img-box { float: left; width: 588px; margin-left: -60px;}
.mac-virus .nalware dl { float: right; width: 450px; margin-top: 65px;}

.mac-virus .real-time { padding: 35px 0px;  background-color: #f1f1f1;}
.mac-virus .real-time dl { float: left; width: 460px; margin-top: 50px;}
.mac-virus .real-time .img-box { float: right; width: 520px;}

.mac-virus .privacy .img-box{ margin-left: 0px; width: 520px;}
.mac-virus .privacy dl { margin-top: 80px;}


.content .user-reviews { margin-top: 60px; padding-bottom: 60px; border-bottom: solid #ccc 1px;}
.content .user-reviews dt { float: left; margin-left: 15px;}
.content .user-reviews dd { position: relative; float: left; margin-left: 140px; width: 640px; font-size: 14px; line-height: 24px; color: #373737;}
.content .user-reviews h4 { position: relative; margin-bottom: 15px; font-size: 20px; font-weight: normal;}
.content .user-reviews h4:after { display: block; position: absolute; content: ""; width: 55px; height: 37px; left: -85px; top: -15px; background: url(../images/left-point.jpg);}
.content .user-reviews dd:last-child:after {display: block; position: absolute; content: ""; width: 55px; height: 37px; right: -85px; top: 0px; background: url(../images/right-point.jpg);}
.content .user-reviews dd span { float: right;}

/*license & contact & eula*/
.content .license,.content .contact,.content .eula{ margin:30px 0;}
.content .license h3,.content .contact h3,.content .eula h3{ font-size:32px; font-weight: normal; line-height:36px; margin:15px 0;}
.content .license p,.content .contact p,.content .eula p{ font-size:16px; line-height:24px;}
.content .license p a,.content .contact p a,.content .eula p a{color:#0c87e4; text-decoration:underline;}

.dow-btn {}
.dow-btn .btn { margin: 0px auto;}
.content .more-than {margin-top: 80px; margin-bottom: 30px;}
.content .more-than .img-box { width: 493px; height: 200px; float: left; border: solid #eee 1px; text-align: center;}
.content .more-than .img-box img { margin-top: 30px;}
.content .more-than .img-box.right { float: right;}
/*bottom*/
.content .bottom{ width:365px; margin:10px auto;}
.content .bottom .btn{ background:url(../images/btn_download.png) no-repeat; width:365px; height:76px; font-size:30px; color:#fff; text-shadow:0px -1px 0px #000; display:block; text-decoration:none; line-height:75px; text-indent:55px; margin:0 auto; cursor:pointer;}
.content .bottom .btn:hover{ background-position:0 -76px;}
.content .bottom .click{ color:#0c87e4; text-decoration:underline; text-align:center; font-size:14px; display:none; margin:5px 0 0 0;}

.footer { height: 76px;}
.footer .footer-info { bottom: 10px; border-top: none;}