@charset "utf-8";
/* CSS Document */
body{margin:0px;padding:0px;font-size:16px;background:url(../images/background.png);font-family: Arial, sans;}
a img{border:0px;}
img{border:0px;}
ul{list-style:none;padding:0px;margin:0px;}
a{text-decoration:none;color:#333;}
.main{width:1000px;margin:0 auto;}
.header{border:1px solid #ddd;height:70px;background:#fff;padding:2px 0px 2px 8px;border-radius: 0 0 5px 5px;border-bottom:2px solid #ddd;border-right:2px solid #ddd;}
.mt10{margin-top:10px;}
.blank10{height:10px;clear:both;}
.gun_pic{width:520px;float:left;border:1px solid #ddd;padding:7px;background:#ffffff;border-bottom:2px solid #ddd;border-right:2px solid #ddd;}
.download{float:right;width:435px;text-align:left;}
.download h1{font-weight: normal;margin: 0;font-size: 60px;line-height: 50px;margin-bottom: 8px;font-family: Arial, sans;}
.download h2{font-size: 22px;color: #d50215;font-family: Arial, sans;font-weight: normal;}
.download ul {list-style-type: none;margin: 10px 0px 17px 0px;padding-left: 40px;padding-right: 0px;color: #333333;font-family: Arial, sans;font-size: 16px;}
.download ul li{margin-bottom: 5px;line-height: 25px;}
.download ul li .sprite {position: absolute;width: 12px;height: 11px;margin-top: 4px;margin-left: -17px;margin-right: 0px;background-image: url(../images/sprite-main.png);background-repeat: no-repeat;background-position: -166px 0px;}
#install-chrome{display: inline-block;}
.install-button:hover{box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;}
.install-button{background:#62c52b;margin-left:28px; background: -webkit-linear-gradient(top, #62c52b, #4f9d22);text-shadow: 2px 2px 2px #327d14;width: 305px;height: 50px;color: #fff;font-size: 20px;text-decoration: none;text-align: center;line-height: 50px;}

.sprite {background-image: url(../img/sprite-index.png);}
#platform-firefox {background-position: -108px -89px;}
#key-facts {margin-top: 50px;margin-left: 80px;margin-right: 0px;}
#key-facts .sub_key-facts{width: 215px;vertical-align: top;margin-left: 20px;margin-right: 0px;padding-left: 95px;padding-right: 0px;border-left: 1px dotted black;display: inline-block;float:left;border-right-width: 0px;}
#key-facts .first {width:215px;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;border-left-width: 0px;border-right-width: 0px;float:left;}
#key-facts .sprite {position: absolute;width: 67px;height: 67px;margin-top: 0px;margin-left: -80px;margin-right: 0px;border: none;}
#facts-open-source {
background-position: -68px 0px;
}.sprite {
background-image: url(../images/sprite-index.png);
}
#key-facts  h1 {
margin-top: 0px;font-size:16px;
}
#key-facts  p {
width: 225px;margin-bottom: 0px;
font-size: 14px;
}
#facts-privacy{ background-position: 0px -68px;}
.footer {
margin-top:70px;

width: 100%;
height: 220px;display: block;
background: white;
box-shadow: 0 -1px 0 0 #B5B4B0, 0 -2px 0 0 #E4E1DC;
padding: 0;
padding-top:15px;
}
#footer-content {
position: relative;
width: 980px;margin-top: 15px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
.footer .nav {
width: 600px;
}
#social {
display: inline-block;
vertical-align: top;
position: absolute;
top: 0;
right: 0;
left: auto;
}
.sub_nav {
margin-left: 55px;
margin-right: 0;
float:left;
}
#nav_first {
margin-left: 0;
margin-right: 0;
}

.footer .nav li {
width: 160px;
padding-bottom: 5px;
color: #444;
border-bottom: 1px solid #DEDEDE;
}
.footer h1 {
margin-top: 0;
margin-bottom: 15px;
font-size:16px;
}
.sub_nav{}
.sprite1{display: inline-block;
font-size: 0px;
background-image: url(../images/sprite-main.png);
background-repeat: no-repeat;}
#social-facebook {
background-position: 0px 0px;
}
.social-entry{float:left;}
.social-entry a {
width: 82px;
height: 82px;}
#social-twitter {
background-position: 0px -83px;
}#social-gplus {
background-position: -83px 0px;
}
#platform-firefox{background-position: -108px -89px;}
#platform-chrome {
background-position: -88px -68px;
}#platform-android {
background-position: -68px -89px;
}#platform-opera {
background-position: -68px -131px;
}#platform-internet-explorer {
background-position: -108px -131px;
}#platform-safari {
background-position: -88px -131px;
}
#content{margin-top:50px;}
.menu{width:400px;float:right;margin-top:7px;margin-right:180px;}
.menu li{float:left;padding-left:12px;padding-right:12px;list-style:none;height:26px;line-height:26px;text-align:center;}
.logo{width:300px;float:left;}
.menu .nav-line {
position: absolute;
left: 0;
bottom: 0;
height: 2px;
line-height: 2px;
font-size: 0;
width: 52px;
background: #35C4FD;
}

.other_browser_to_down {
border: solid 2px #B16565;
width: 234px !important;
position: absolute;
top: 220px;
right: 548px;
padding: 7px 0 18px;
background:#ffffff;
}
.hide_other_browser_to_down {
text-align: right;
color: #3074BF;
text-decoration: underline;
padding: 0 10px 15px;
}
.browsers li {
line-height: 32px;
width: 134px;
display: block;

padding: 0 20px 10px;
}
.browsers li a {
display: block;
height: 36px;
line-height: 36px;
text-align: left;
color: #161922;
}.clearfix::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ico-browser {
background: url("../images/browsers-32.png") no-repeat scroll 0 0 transparent;
display: block;
height: 36px;
margin: 0px;
width: 36px;
float: left;
cursor: pointer;
margin-right: 7px;
}
.ico-firefox {
background-position: 0 -72px;
}
.ico-ie {
background-position: 0 -108px;
}
.ico-safari {
background-position: 0 0;
}
.ico-sogou {
background-position: 0 -324px;
}
.ico-maxthon {
background-position: 0 -180px;
}
.ico-360 {
background: url("../images/browser-icon.png") no-repeat;
background-position: -3px -191px;
}
.ico-theworldc {
background-position: 0 -288px;
}
.ico-360c {
background-position: 0 -216px;
}
.ico-opera {
background-position: 0 -144px;
}
.ico-chrome {
background: url("../images/browser-icon.png") no-repeat;
background-position: -3px -47px;
}
.ico-chromeplus {
background-position: 0 -252px;
}
.ico-liebao {
background: url("../images/browser-icon.png") no-repeat;
background-position: -3px -407px;
}
.ico-green {
background: url("../images/browser-icon.png") no-repeat;
background-position: -3px -515px;
}
.ico-taobao {
background: url("../images/browser-icon.png") no-repeat;
background-position: -3px -443px;
}

.discuss {
position: relative;
height: 980px;
font: 12px/1.5 "微软雅黑","tahoma", Verdana, Geneva, sans-serif;
}
.discuss h2 {
height: 136px;
background: url(../images/txt1.png) no-repeat center center;
}
.discuss dl.item {
width: 570px;
position: absolute;
}
.discuss dl.item dt.avatar01 {
background-image: url(img.v2/avatar1.png);
}
.discuss dl.item dt.avatar {
float: left;
width: 150px;
height: 150px;
background-repeat: no-repeat;
background-position: center -5px;
}
.discuss dl dd {
display: block;
-webkit-margin-start: 40px;
}
.discuss dl.item dd .content {
font-size: 14px;
color: #7F7F7F;
line-height: 1.5;
padding: 5px 0;
}
.discuss dl.item dd .nick a {
font-size: 16px;
color: black;
}
.discuss dl.item dt.avatar01 {
background-image: url(../images/avatar1.png);
}
.discuss dl.item dt.avatar02 {
background-image: url(../images/avatar2.png);
}
.discuss dl.item dt.avatar03 {
background-image: url(../images/avatar3.png);
}
.discuss dl.item dt.avatar04 {
background-image: url(../images/avatar4.png);
}
.discuss dl.item dt.avatar05 {
background-image: url(../images/avatar5.png);
}





.doc-ft {
background: #F8F8F8;
color: #999;
border-top: 1px solid #F0F0F0;
font: 12px/1.6 Tahoma,Verdana,Arial,"宋体b8b\4f53";
}
.doc-ft .in {
width: 960px;
margin: 0 auto;
}
.partner {
height: 71px;
border-bottom: 1px solid #F0F0F0;
}
.friendLink {
  padding: 15px 25px 0 25px;
}
.copyright {
text-align: center;
border-top: 1px solid white;
line-height: 28px;
padding: 15px 0 34px;
}
.partner dt {
float: left;
font: 16px "微软雅黑e\8f6f\96c5\9ed1";
margin: 24px 17px 0 34px;
_display: inline;
}
.partner dt dd {
display: block;
-webkit-margin-start: 40px;
}
.cert {
background: url(http://p9.qhimg.com/t01b3c1bf29a58126a9.png) no-repeat 0 -4px;
width: 508px;
height: 48px;
margin: 0 auto;
margin-top: 20px;
}
.partner dd a {
background: url(links.png) no-repeat;
float: left;
margin: 0 10px;
}
.partner dd a.sogou {
    background: url(../images/sogou_icon.png) no-repeat;
    width: 190px;  
    height: 59px;
    zoom: 56%;
    margin-top: 37px;
}
.partner .chinamobile {
width: 117px;
height: 34px;
margin-top: 20px;
}
.partner .microsoft {
width: 130px;
height: 34px;
background-position: -117px 0;
margin-top: 20px;
}
.partner .chinatelecom {
width: 140px;
height: 34px;
background-position: -250px 0;
margin-top: 20px;
}
.partner .google {
width: 125px;
height: 34px;
background-position: -393px 0;
margin-top: 20px;
}
.partner .intel {
width: 82px;
height: 30px;
background-position: -339px 0;
margin-top: 20px;
}
.partner .dndac {
width: 156px;
height: 31px;
background-position: -423px 0;
margin-top: 21px;
}
.partner .cnnvd {
width: 130px;
height: 31px;
background-position: -580px 0;
margin-top: 21px;
}






/* 分栏 */
.con{ padding:30px 0px;}
.con ul.title{ border-bottom:1px solid #cacaca; height:auto; padding-left:45px; height:50px;}
.con ul.title li{ float:left; width:126px; height:50px; line-height:50px; font-size:28px; color:#888; text-align:center; cursor:pointer; position:relative; margin-right:10px;}
.con ul.title li.current{color:#333; border:1px solid #cacaca; border-bottom:1px solid #ECE5DB; height:49px; _margin-bottom:-1px;}
.con ul.title li.hover{color:#333;}
.container{ padding:40px 10px 0 10px; height:auto; overflow:hidden; display:none;}
.container .side{ width:275px; float:right; padding:0 0 30px 15px; border-left:1px solid #ccc;}
.container .side h2,.container .side h3{ font-size:22px; color:#333; font-weight:normal;}
.container .side h3{ color:#000; font-size:16px; /* padding:30px 0 20px; */ padding-top: 30px;}
.side .
w_d_button,.side .a_d_button,.side .iphone_d_button,.side .ipad_d_button,.side .wp_button{ width:145px; padding:10px 0 0 57px; height:45px; line-height:17px; display:block; margin-bottom:3px; text-decoration:none;}
.side .w_d_button:hover,.side .a_d_button:hover,.side .iphone_d_button:hover,.side .ipad_d_button:hover,.side .wp_button:hover{ text-decoration:none;}
.side .ipad_d_button{width:137px;}
.side ul.list-unstyled li {
  line-height: 28px;
}
.container .side p{ line-height:24px;}
.container .side .down p{ line-height:20px; font-size:12px;}
.container .side .other a:link,.container .side .other a:visited{ color:#333;}.container .side .other a:hover{color:#ff7c32;}
.container .side .list em,.container .side .list a.more,.container .side .list a.more:link,.container .side .list a.more:visited{ font-size:12px; color:#666666;}
.container .side .list a.more:hover{color:#ff7c32;}
.container .side .list li{ line-height:24px;}
.container .side .problem{ margin:40px 0 20px; font-size:12px;background:url(../images/line.gif) no-repeat; height:30px; line-height:30px; color:#fff; width:202px; padding:0 30px;}
.container .side .problem .pro,.container .side .problem .helpc{ color:#fff; font-size:14px;}
.container .side .problem .pro{ margin-right:40px;}.container .side .problem .helpc{ margin-left:40px;}
.container .main{ width:630px; float:left; overflow:hidden; padding:0px 0px 0px 40px;}
.container .main .out_line{ text-indent:2em; line-height:30px; }
.container .main .block{ margin-top:40px; height:auto; overflow:hidden;}
.container .main .block .function{ width:285px; height:150px; overflow:hidden; float:left;color:#717171; padding-bottom:65px; margin-right:20px;}
.container .main .block .function p{ line-height:24px;}
.main .block .function h2{ height:64px; overflow:hidden; line-height:90px; font-weight:normal; color:#000; margin-bottom:15px;}
.main .block .function em{ background:url(../images/icon.png) no-repeat; width:64px; height:64px; float:left; margin-right:15px;}
.main .block .function .tit01 em{ background-position:0 0;}
.main .block .function .tit02 em{ background-position:0 -65px;}
.main .block .function .tit03 em{ background-position:0 -130px;}
.main .block .function .tit04 em{ background-position:0 -195px;}
.main .block .function .tit05 em{ background-position:0 -260px;}
.main .block .function .tit06 em{ background-position:0 -325px;}
.main .block .function .tit07 em{ background-position:0 -390px;}
.main .block .function .tit08 em{ background:url(../images/icon_add.gif) no-repeat 0 0;}
.main .block .function .tit09 em{ background:url(../images/icon_add.gif) no-repeat 0 -74px;}
.container .main .block .function.last{ background:none;}
.side .w_d_button{ background: url(../images/installButton.png); /* background-position: 0 0; */ width: 205px; height: 52px; display: block; /* overflow: hidden; */ /* text-indent: -999em; */}
.side .w_d_button:hover{ background: url(../images/installButton.png) 0px -53px no-repeat;}
.side .a_d_button{ background:url(../images/a_down.jpg) no-repeat;}
.side .a_d_button:hover{ background:url(../images/a_down_hover.jpg) no-repeat;}
.side .a_d_button{ background:url(../images/a_down.jpg) no-repeat;}
.side .a_d_button:hover{ background:url(../images/a_down_hover.jpg) no-repeat;}
.side .iphone_d_button{ background:url(../images/i_down.jpg) no-repeat;}
.side .iphone_d_button:hover{ background:url(../images/i_down_hover.jpg) no-repeat;}
.side .ipad_d_button{ background:url(../images/ipad_down.jpg) no-repeat;}
.side .ipad_d_button:hover{ background:url(../images/ipad_down_hover.jpg) no-repeat;}

.side .wp_button{ background:url(../images/wp_down.jpg) no-repeat;}
.side .wp_button:hover{ background:url(../images/wp_down_hover.jpg) no-repeat;}

.side .w_d_button .wtit,.side .a_d_button .wtit{ font-size:16px;}
.side .a_d_button .wtit{ text-shadow:2px 2px 2px #456924;}
.side .iphone_d_button .wtit,.side .ipad_d_button .wtit{ text-shadow:2px 2px 2px #1c667f;}
.side .a_d_button .wbb{ color:#c2f297;}
.side .wp_button .wbb{ color:#ffbfbf;}
.side .iphone_d_button .wbb,.side .ipad_d_button .wbb{ color:#a0e7ff;}
.side .iphone_d_button, .side .ipad_d_button{ line-height:20px; padding-top:8px; height:47px;}


div.viewcontent { clear:both; }
#content1 h1
{
  font-size: 30px;
}

#content1 h2
{
  font-weight: bold;
  font-size: 25px;
}

#content1 h3
{
  font-size: 20px;
}

.toc
{
  display: inline-block;
  border: 1px solid #aaa;
  background: #fff;
  padding: 16px 20px;
}

.toc ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

.toc ul ul
{
  padding-left: 40px;
}

.toc li
{
  margin: 4px 0;
}

#content1, #footer-content
{
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

#content1
{
  width: 680px;
  margin-top: 71px;
  margin-bottom: 280px;
  margin-left: auto;
  margin-right: auto;
}