/* css document by 51vv-lipenghui 20151104 */

@charset 'UTF-8';

html body { 
	_background-image: url(about:blank);     /*用浏览器空白页面作为背景*/
    _background-attachment: fixed;     /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/
	_overflow:hidden;
} 
body { font-family: 'microsoft yahei';}

/* header */
.header { width: 100%; height: 690px; background: url('../images/download2015/header-bg.jpg') center no-repeat; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.contain-h { width: 960px; margin: 0 auto; position: relative; height: 100%; overflow: hidden;}
.down-box { width: 500px; height: 270px; margin: 350px 0 0 30px; overflow: hidden;}
.qrcode-box { overflow: hidden;}
.qrcode-box img { float: left; width: 150px; height: 150px;}
.qrcode-box h3 { margin: 50px 0 10px 180px; font-size: 30px; color: #444444; }
.qrcode-box p { font-size: 24px; color: #444; margin: 0 0 0 180px; }
.heaer-img { position: absolute; bottom: 40px; right: 60px;}
.down-btn-box { height: 67px; overflow: hidden; margin-top: 50px;}
.down-btn-box a { float: left; width: 225px; height: 67px;}
.down-btn-box a.down-ios { background: url('../images/download2015/btn-ios.png') no-repeat;}
.down-btn-box a.down-android { background: url('../images/download2015/btn-android.png') no-repeat; margin-left: 20px;}

/* main */
.main { width: 100%; overflow: hidden;}
.contain { width: 960px; margin: 0 auto; position: relative;}
.contain div { z-index: 10; position: absolute;}
.contain-white { width: 100%; background: #fff; border-bottom: 1px solid #e6e6e6;}
.contain-black { width: 100%; background: #f2f2f2; border-bottom: 1px solid #e6e6e6;}
.txt-box h3 { font-size: 40px; line-height: 80px; color: #323232; }
.txt-box p { font-size: 18px; line-height: 30px; color: #646464; }

.contain-1 { height: 730px;}
.contain-2 { height: 810px;}
.contain-3 { height: 905px;}
.contain-4 { height: 920px;}
.contain-5 { height: 850px;}
.contain-6 { height: 845px;}
.contain-7 { height: 805px;}
.contain-8 { height: 1110px;}

.img-box { position: relative;}
.img-box img { position: absolute;}
.img-box-1 { top: 100px; left: 110px;}
.img-box-2 { top: 180px; left: 550px;}
.img-box-3 { top: 380px; left: 325px;}
.img-box-4 { top: 250px; left: 100px;}
.img-box-5 { top: 330px; left: 110px;}
.img-box-6 { top: 230px; left: 550px;}
.img-box-7 { top: 330px; left: 300px;}
.img-box-8 { top: 420px; left: 520px;}

.img-2-1 { top: 0; left: 0;}
.img-2-2 { top: 40px; left: -50px;}
.img-2-3 { top: 155px; left: -150px;}
.img-3-1 { top: 0; left: 0; z-index: 10;}
.img-3-2 { top: 25px; left: -230px;}
.img-3-3 { top: 25px; left: 265px;}
.img-4-1 { left: 0;}
.img-4-2 { top: 162px; left: 70px;}
.img-4-3 { top: 274px; left: -45px;}
.img-8-1 { top: 128px; left: 0;}
.img-8-2 { top: 270px; left: 415px;z-index: 12;}
.img-8-3 { top: 0; left: 195px; z-index: 10;}
.img-8-4 { top: 240px; left: 180px; z-index: 11;}
.img-5-1 { left: 0;}
.img-5-2 { top: 100px; left: -160px;}
.img-6-1 { top: 0; left: 0; z-index: 10;}
.img-6-2 { top: 30px; left: -200px; z-index: 9;}
.img-6-3 { top: 159px; left: 249px; z-index: 11;}
.img-6-4 { top: 205px; left: 378px; z-index: 12;}

.txt-box-1 { width: 300px; left: 545px; top: 260px;}
.txt-box-2 { width: 300px; left: 54px; top: 400px;}
.txt-box-3 { width: 100%; top: 190px; text-align: center;}
.txt-box-4 { width: 300px; left: 600px; top: 389px;}
.txt-box-5 { width: 360px; top: 140px; left: 300px;text-align: center;}
.txt-box-6 { width: 300px; left: 60px; top: 240px;}
.txt-box-7 { width: 100%; left: 0; top: 160px; text-align: center;}
.txt-box-8 { width: 300px; left: 190px; top: 480px;}

.underline { }
.underline-r { width: 402px; height: 43px; background: url('../images/download2015/underline-r.png') no-repeat;}
.underline-l { width: 372px; height: 52px; background: url('../images/download2015/underline-l.png') no-repeat;}
.underline-1 { top: 390px; left: 423px; }
.underline-2 { top: 360px; left: 55px; }
.underline-4 { top: 554px; left: 482px; }
.underline-5 { top: 376px; left: 53px; }
.underline-7 { top: 611px; left: 170px; }


/* 弹层样式 */
.fixed { width:100%; height:100%; position:fixed; top:0px; left:0px; bottom:0; right:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:2; display:none; _height:999px}
.fixed-ie {
	_position: absolute;   /*IE6 用absolute模拟fixed*/
 	_top: expression(eval(document.documentElement.scrollTop)); /*IE6 动态设置top位置*/ 
}
.andriod, .apple { width:450px; height:221px; position:fixed; display:none; z-index:10; top:200px; left:40%;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
 	_top: expression(eval(document.documentElement.scrollTop)); /*IE6 动态设置top位置*/ 
}
.andriod { background:url(../images/pc/andriod_20150610.png) no-repeat; _margin-top:200px;}
.apple { background:url(../images/pc/apple-20150610.png) no-repeat; _margin-top:200px;}
.closeBtn { width:28px; height:28px; float:right; margin-right:5px; margin-top:5px; border:0px; background:url(../images/pc/downClose.png) no-repeat center; cursor:pointer;}
.closeBtn:hover { background:url(../images/pc/downClose-h.png) no-repeat center;}
.downBtn { width:140px; height:48px; float:left; margin-left:44px; margin-top:94px; border:0px; background:url(../images/pc/downBtn.png) no-repeat center; cursor:pointer;}

/* 分享 */
.shareTop { width: 40px; position: fixed; right: 0; bottom: 100px; _position:absolute;_bottom:auto;_margin-bottom:150px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
div#diantai{ _position:absolute;_bottom:auto;_margin-bottom:40px;display:none; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.shareTop .top,.shareTop .bdshare_b a.img,.shareTop .tecentWeibo a{background: url("../images/pc/shareby.png") no-repeat center;width: 80px;height: 296px;}
.shareTop a.top{display: inline-block;background-position: 0 0;width: 38px;height: 38px;margin-bottom: 10px;}
.shareTop a.top:hover{background-position: -40px 0;}
.shareTop .bdshare_b a.img{background-position: 0 -40px;display: inline-block;width: 38px;height: 78px;}
.shareTop .bdshare_b .img:hover{background-position: -40px -40px;}
.shareTop .tecentWeibo a{background-position: 0 -120px;display: inline-block;width: 38px;height: 176px;margin-top: 10px;}
.shareTop .tecentWeibo a:hover{background-position: -40px -120px;}
.shareTop .fanKui { width:38px; height:131px; margin-top:10px;}
.shareTop .fanKui a { display:block; width:100%; height:131px;background: url("../images/pc/shareby.png") 0 -298px  no-repeat;}
.shareTop .fanKui a:hover {background: url("../images/pc/shareby.png") -40px -298px  no-repeat;}
.kuaiyongbtn{ width:224px; height:62px; background:url(../images/pc/kuaiyongbtn.png) no-repeat; display:block; position:absolute; top:134px; left:186px;}

/* 友情链接 */
.app-down-flks { margin:15px auto; font-size:14px; color:#000; width:960px;}
.app-down-flks a,.app-down-flks a:visited { color:#333; text-decoration:none;}
.app-down-flks a:hover,.app-down-flks a:active { color:#F27616; text-decoration:none;}
.app-down-flks span { margin-right:10px;}

/* comment */
.comment-wrap {width:960px; margin:30px auto 0;}
.comment-top { height:60px; line-height:60px; font-size:24px; color:#343434; position: relative; }
.comment-top span { position:absolute; width:24px; height:24px; background:#e9b700; font-size:0; display:block; top:18px;}
.comment-top a { margin-left: 35px;}
.comment-wrap .talk_box { background-color:#fff; }
.comment-wrap .talk_box .talk_submit_btn { width:138px; height:38px;}
.comment-wrap .talk_submit_btn a { width:138px; height:38px; border-radius:0; font-size:0; text-indent:999px; background:url(../images/pc/comment_btn.png) no-repeat; border:0;}