
/*top header*/
.topbox01 { width:960px; height:60px; padding:30px 0 0 0; }
.topbox01 .logo { width:97px; height:30px; display:block; float:left; background:url(/template/aug/images/new/siteicon.png) 0 -120px no-repeat; }
.topbox01 .userbox {float:right; font-size:14px; padding:5px 0 0 0; }
.topbox01 .userbox a {float:left; display:block; padding:0 0 0 10px; }
.topbox01 .userbox a:hover { text-decoration:underline;}
.topbox01 .toptip01 { padding:0 0 0 120px; display:block; }
.topbox01 .toptip01 p { font-size:24px; color:#666; margin:-4px 0 0 0; }
.topbox01 .toptip02 { padding:0 0 0 60px; margin:-7px 0 0 0;  text-align:left; font-size:14px; }
.topbox01 .toptip02 a { color:#5cadff; display:block; height:16px;  }
.topbox01 .toptip02 a:hover { text-decoration:underline;  }

/*leftbox*/
.leftwrap { padding:20px 0 40px 0; margin:0 0 60px 0; width:748px;}
.leftwrap h1 {color:#333; padding:0 20px 20px 20px; margin:0 0 15px 0; border-bottom:1px solid #e2e2e2;}
/*--------navigation--*/
.leftnav { padding:0;  }
.leftnav ul li {float:left; margin-right:12px; font-size:16px;}
.leftnav ul li a { display:block; width:60px; height:19px; line-height:19px; color:#666;padding:8px 24px; background-color:#f5f5f5; margin-top:0px; white-space:nowrap; text-align:center; }
.leftnav ul li a:hover { color:#fff; height:19px; background:#1790dd; margin-top:0;padding:8px 24px;}
.leftnav a.unchosed { display:block; width:60px; height:19px; line-height:19px; color:#666; padding:8px 24px; background-color:#f5f5f5; margin-top:0px;}
.leftnav a.chosed { color:#fff; background:#1790dd; padding:8px 24px;; margin-top:0;}

/*end*/
/*-------introduction- box--*/
.leftwrap .infobox01  { display: none; }
.leftwrap .infobox01 .flashbox { padding:20px 0 60px 0px; }
.leftwrap .infobox01 .flashbox a { width:100%; height:100%; }
.leftwrap .infobox01 .flashbox .showflash { display:block; width:100%; height:100%; background:url(/template/aug/images/extension/video.jpg) 0 0 no-repeat;  }
.leftwrap .infobox01 .flashbox .showflash:hover { width:100%; height:100%; background:url(/template/aug/images/extension/video.jpg) 0 -283px no-repeat; }
/*end*/
/*-------introduction2- box--*/
.leftwrap .infobox02  {display:block; }
.leftwrap .infobox02 img {padding:0 0 0 10px; margin:40px 0 50px 0; }
/*end*/
/*--------comment box--*/
.leftwrap .infobox03 { display:none; padding:0 0 60px 0;}
.leftwrap .infobox03 img { width:560px; height:310px; padding:20px 0 0 0;}

/*end*/

/*rightbox*/
.rightwrap { width:200px;}

.rightwrap .dlbox_now_wrap { height:67px; width:178px; display:block; text-align:center; background-color:#fff; margin:0 0 8px 0;position:relative;}
.rightwrap .dlbox_now { display:block; padding:0 10px; background:url(/template/aug/images/extension/btn_bg03.png) 0 0 no-repeat; width:178px; height:67px; position:relative; }
.rightwrap .dlbox_now:hover { background:url(/template/aug/images/extension/btn_bg03.png) 0 -67px no-repeat;}
.rightwrap .dlbox_now span { display:block; background:url(/template/aug/images/extension/browsers-64.png) 0 -168px no-repeat; width:56px; height:56px; margin:5px 0 0 0; float:left;}
.rightwrap .dlbox_now p {font-size:16px; position:absolute; top:33px; left:94px;color:white}
.rightwrap .dlbox_now p:hover{color:#fff668}
.rightwrap .dlbox_other { padding:10px 20px; _padding:10px 0px;}
.rightwrap .dlbox_other li {padding:10px 0px;_padding:10px 15px;}
.rightwrap .dlbox_other li a {display:block; font-size:16px; }
.rightwrap .dlbox_other li a span {display:block; float:left; margin:0 10px 0 0; }
.rightwrap .dlbox_other li.weibo{text-align:center;}
.rightwrap .dlbox_other li.weibo a{display:inline-block;font-size:14px;color:#666;padding-left:4px;border-left:17px solid #cecece;line-height:17px;}
.rightwrap .browser_big{width:40px;height:40px;display:block;background:url(/template/aug/images/extension/browser_big.png) no-repeat;position:absolute;top:15px;left:20px;zoom:1;}
.rightwrap .ie{background-position:0px 0px;}
.rightwrap .chrome{background-position:-40px 0px;}
.rightwrap .firefox{background-position:-80px 0px;}
.rightwrap .maxthon{background-position:-120px 0px;}
.rightwrap .sougou{background-position:-160px 0px;}
.rightwrap .fx360{background-position:-200px 0px;}
.rightwrap .fengye{background-position:-240px 0px;}
.rightwrap .se360{background-position:-280px 0px;}
.rightwrap .green{background-position:-320px 0px;}
.rightwrap .maxthon3{background-position:-360px 0px;}
.rightwrap .opera{background-position:-400px 0px;}
.rightwrap .safari{background-position:-440px 0px;}
.rightwrap .uc{background-position:-640px 0px;}
.rightwrap .liebao{background-position:-480px 0px;}
.rightwrap .taobao{background-position:-520px 0px;}
.rightwrap .qq{background-position:-560px 0px;}
.rightwrap .qqmac{background-position:-560px 0px;}
.rightwrap .baidu{background-position:-600px 0px;}
.rightwrap .wp2345{background-position:-680px 0px;}
.rightwrap .js2345{background-position:-720px 0px;}

.browser_big{width:40px;height:40px;display:block;background:url(/template/aug/images/extension/browser_big.png) no-repeat;}
.browser_loc{ float: left; margin-left: 60px; color:#999; font-size:12px; }
.chrome_icon { float: left; margin-left: 75px; width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -25px 0 no-repeat;}
.se360_icon { float: left; margin-left: 75px; width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -175px 0 no-repeat;}
.fx360_icon { float: left; margin-left: 75px; width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -125px 0 no-repeat;}
.chrome_icon_big{float: left; margin-left: 65px; background-position:-40px 0px;}
.fx360_icon_big{float: left; margin-left: 65px; background-position:-200px 0px;}
.se360_icon_big{float: left; margin-left: 65px; background-position:-280px 0px;}

.rightwrap .dlbox_other .ie span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) 0px 0 no-repeat;}
.rightwrap .dlbox_other .se360 span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -175px 0 no-repeat;}
.rightwrap .dlbox_other .chorme span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -25px 0 no-repeat;}
.rightwrap .dlbox_other .lbbrowser span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -300px 0 no-repeat;}
.rightwrap .dlbox_other .uc span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png?v=20140424) -400px 0 no-repeat;}
.rightwrap .dlbox_other .taobrowser span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -325px 0 no-repeat;}
.rightwrap .dlbox_other .qqmac span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png?v=20140301) -350px 0 no-repeat;}
.rightwrap .dlbox_other .baidu span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png?v=20140318) -375px 0 no-repeat;}
.rightwrap .dlbox_other .firefox span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -50px 0 no-repeat;}
.rightwrap .dlbox_other .sougou span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -100px 0 no-repeat;}
.rightwrap .dlbox_other .fx360 span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -125px 0 no-repeat;}
.rightwrap .dlbox_other .opera span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -250px 0 no-repeat;}
.rightwrap .dlbox_other .safari span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -275px 0 no-repeat;}
.rightwrap .dlbox_other .maxthon span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -75px 0 no-repeat;}
.rightwrap .dlbox_other .maxthon3 span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -225px 0 no-repeat;}
.rightwrap .dlbox_other .greenbrowser span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -200px 0 no-repeat;}
.rightwrap .dlbox_other .chromeplus span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -150px 0 no-repeat;}
.rightwrap .dlbox_other .wp2345 span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -425px 0 no-repeat;}
.rightwrap .dlbox_other .js2345 span { width:25px; height:25px; display:block; background:url(/template/aug/images/extension/surficon_new.png) -450px 0 no-repeat;}

.rightwrap .dlbox_info  {width:178px; padding:10px 10px; }
.rightwrap .dlbox_info a { display:block; padding:0 8px 0 0; float:left; font-size:14px; transform:all 0.2s ease-in-out; white-space:nowrap;}
.rightwrap .dlbox_info span {width:14px; height:22px; background:url(/template/aug/images/extension/cell.png) top left no-repeat; display:block; float:left;  }
.rightwrap .dlbox_info .mobile { margin:0 0 0 5px;}
.rightwrap .dlbox_info_share  {padding:10px 10px;line-height:18px }
.rightwrap .dlbox_info_share a { display:block; padding:0 0 0 0; float:left; width:18px ;height:18px; font-size:14px; transform:all 0.2s ease-in-out; white-space:nowrap;}

.rightwrap .dlbox_device  {width:178px; padding:10px 10px; }
.rightwrap .dlbox_device p  { font-size:14px; float:left; margin:5px 0 0 0; }
.rightwrap .dlbox_device a  { margin:0 0 0 10px; display:inline-block;}
.rightwrap .dlbox_device .mac {width:25px; height:25px; background:url(/template/aug/images/extension/device.png) 0 0 no-repeat; float:left;  }
.rightwrap .dlbox_device .android {width:25px; height:25px; background:url(/template/aug/images/extension/device.png) -25px 0 no-repeat; float:left;  }
.rightwrap .dlbox_device .mobile {width:20px; height:25px; background:url(/template/aug/images/extension/device.png) -50px 0 no-repeat; float:left;  }
.rightwrap .dlbox_back { width:56px; height:56px; position:fixed; bottom:10px;_position:absolute;_bottom:auto;}
.rightwrap .dlbox_back a { width:56px; height:56px; display:block; background:url('/template/aug/images/extension/back_top_hover.png') no-repeat;}
.rightwrap .dlbox_back a:hover { background:url('/template/aug/images/extension/back_top_hover.png') no-repeat;}
.rightwrap .dlbox_weixin{text-align:center;padding:10px 0;}
.rightwrap .dlbox_weixin .desc{margin-top:10px;color:#666;}


/*-------------mobile page------------------*/
.mobilewrap { padding:20px 0 40px 0; margin:0 0 60px 0; width:958px;}
.mobilewrap h1 {color:#585858; margin:0 0 8px 0; }
.mobilewrap .boxtitle { padding:0 20px 10px 20px; margin:0 0 15px 0; border-bottom:1px solid #e2e2e2;}
.mobilewrap .boxtitle { font-size:13px;}
.mobilewrap .mbox { padding:20px 20px 40px 20px; width:898px; height:400px; }
.mobilewrap .m_infobox { padding:0 0 0 10px; font-size:13px;}
.mobilewrap .mbox h2 { font-size:25px; color:#3399ff; padding:0 0 20px 0; }
.mobilewrap .mbox p { font-size:13px; }
.mobilewrap .iphonebox {display:none; }
.mobilewrap .iphonebox a { display:block; margin:60px 0 0 0; width:195px; height:76px; background:url(/template/aug/images/extension/dlbtn02.png) 0 -76px no-repeat;  }
.mobilewrap .ipadbox {display:block;}
.mobilewrap .ipadbox a {display:block;margin:60px 0 0 0; width:195px; height:76px; background:url(/template/aug/images/extension/dlbtnipad02.png) 0 -76px no-repeat;  }
.mobilewrap .androidbox  { display:none;  }
.mobilewrap .androidbox .and_dl { width:195px; padding:20px 10px 10px 10px ; text-align:center; margin:40px 0 0 0; background-color:#f5f5f5;  }
.mobilewrap .androidbox .and_dl p { display:block; margin:10px 0 0 0;  color:#585858;  }
.mobilewrap .androidbox .and_dl .download_btn { display:block; margin:0 auto; width:195px; height:76px; background:url(/template/aug/images/extension/dlbtn02.png) 0 0 no-repeat;  }
.mobilewrap .androidbox .and_dl02 { width:120px; padding:0 0 0 20px ; margin:40px 0 0 0;  }
.mobilewrap .androidbox .and_dl02 a {display:block; width:135px; height:135px; background:url(/template/aug/images/extension/code.jpg) top left no-repeat;  }
.mobilewrap .androidbox .and_dl02 p {display:block; padding:0 0 12px 0; font-size:14px;  }
.mobilewrap .wapbox  {display:none;  }
.mobilewrap .wapbox a {display:block;color:#3399ff;  }
.mobilewrap .wapbox a:hover {text-decoration:underline; }
