@charset "UTF-8";
/**
 * 内测活动申请注册
 * @authors chengliangzhang@ebnew.com
 * @date    2014-07-23 15:39:09
 * @version 1.0
 */
 /* 清理浮动 */
.clearfix:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.clearfix {
    zoom:1; /* for IE6 IE7 */
}
.inline-block {
    display: inline-block;
}
/* 隐藏、显示, 通常用来与 JS 配合 */
.hide {
    display:none;
}
.show {
    display:block;
}
.positionRelative{
    position: relative;
}
/* 浮动左右, 设置内联, 减少浮动带来的bug */
.fl,.fr {
    display:inline;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
/* 盒子模型 */


/* 字体设置 */
.msyh {/* 微软雅黑，IE6用黑体代替 */
    font-family: "Microsoft YaHei", SimHei, sans-serif;  
    _font-family: SimHei, sans-serif;
}
.white {
    color: #fff;
}
.bold{font-weight:bold;}

/* 字体大小 */
.px12{font-size: 12px;}
.px14{font-size: 14px;}
.px16{font-size: 16px;}
.px18{font-size: 18px;}
.px22{font-size: 22px;}
.px24{font-size: 24px;}
.px26{font-size: 26px;}
.px28{font-size: 28px;}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.section {
    width: 100%;
    text-align: center;
}
.container.absolute {
    position: absolute;
    width: 1260px;
    top: 0;
    left: 50%;
    margin-left: -630px;
}
.container {
    width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 11;
}
.loginBtn {
    width: 89px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
    color: #2594c1;
    text-align: center;
    text-decoration: none;
}
.loginBtn {
    text-decoration: none;
}
.firstScreen{
    background:url(../images/sec1-bg-1.jpg)  center 70px no-repeat;
}
.firstScreenTitle {
    position: absolute;
    width: 1100px;
    height: 470px;
    top: 180px;
    left: 50%;
    margin-left: -550px;
}
.title h1 { /**/
    font-size: 48px;
    /*margin-top: 1.9em;*/
		color:#4d4d4d;
}
.title h3 {  /**/
    font-size: 18px;
    margin-top: 0.9em;
		color:#4d4d4d;
}
.tableCell {
    vertical-align: top;
    display: inline-block;
}
.regBtnBox {
    position:absolute;
		left:322px;
		bottom:5px;
}
.regBtnBox a{width:286px;height:70px;line-height:70px;font-size:30px;background:#2abd69;display:inline-block;color:#fff;text-decoration:none;font-weight:700;}
.regBtnBox a:hover{background:#20BD58;}
.regBtn{
		position:absolute;
		top:400px;
		left:428px;
}
.regBtn a{width:286px;height:70px;line-height:70px;font-size:30px;background:#4cc680;display:inline-block;color:#fff;text-decoration:none;font-weight:700;}
.regBtn a:hover{background:#41C672;}
.nextPageBtnBox {
    position: absolute;
    left:50%;
    margin-left: -37px;
    bottom: 45px;
}
.nextPageBtn {
    display: inline-block;
    width: 120px;
    height: 25px;
   	background:url(../images/home-down.png) no-repeat center 0;
    color:#b2b2b2;
    font-size: 12px;
    z-index: 10;
}
.secondScreenBg {
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left:-399px;
    width:798px;
    height:409px;
}
.fix-bg{
    position: fixed;
    width: 72px;
    height: 147px;
    background: url("../images/section2/sec2-pic3.png") no-repeat;
    top: 50%;
    margin-top: 90px;
    right: 0px;
    display: none;
}

.fix-bg a{
    display: block;
    font-family: "微软雅黑";
    width: 72px;
    height: 71px;
    line-height: 105px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-bottom: 6px;
}
.thirdScreenBg {
    position: absolute;
    bottom: 110px;
    left: 50%;
    margin-left: -450px;
    width: 900px;
    height: 496px;
}
.fourthScreenBg {
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left: -500px;
    width: 1032px;
    height: 458px;
}
.fifthScreenBg {  /**/
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left: -540px;
    width: 1080px;
    height: 423px;
}
.sixthScreenBg {
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: -462px;
    width: 924px;
    height: 421px;
}

.sevenScreenBg {
    position: absolute;
    /*top: 240px;*/
    top: 120px;
    left: 50%;
    margin-left: -462px;
    width: 924px;
    height: 421px;
}





/*-----------------------*/
.sec1-pic1{margin-top:50px;}

.sec2-pic1{position:absolute;top:180px;left:107px;}
.sec2-pic2{position:absolute;top:20px;left:0;width:798px;height:409px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.sec2-pic2-b{width:798px;height:409px;background:url(../images/section2/sec2-pic2.png) no-repeat;background: none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/section2/sec2-pic2.png", enabled=true, sizingMethod=scale);}
.zb-pic{position:absolute;top:60px;left:347px;width:109px;height:135px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.zb-pic-b{width:109px;height:135px;background:url(../images/section2/zb-pic.png) no-repeat;background: none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/section2/zb-pic.png", enabled=true, sizingMethod=scale);}
.hp-pic{position:absolute;top:110px;right:91px;width:108px;height:135px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.hp-pic-b{width:109px;height:135px;background:url(../images/section2/hp-pic.png) no-repeat;background: none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/section2/hp-pic.png", enabled=true, sizingMethod=scale)}
.cxz-pic{position:absolute;bottom:50px;right:201px;width:108px;height:135px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.cxz-pic-b{width:109px;height:135px;background:url(../images/section2/cxz-pic.png) no-repeat;background: none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/section2/cxz-pic.png", enabled=true, sizingMethod=scale)}
.bgl-pic{position:absolute;bottom:50px;left:215px;width:109px;height:135px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.bgl-pic-b{width:109px;height:135px;background:url(../images/section2/bgl-pic.png) no-repeat;background: none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/section2/bgl-pic.png", enabled=true, sizingMethod=scale)}
.mj-pic{position:absolute;top:110px;left:87px;width:108px;height:134px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.mj-pic-b{width:109px;height:135px;background:url(../images/section2/mj-pic.png) no-repeat;background: none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/section2/mj-pic.png", enabled=true, sizingMethod=scale)}


.sec4-pic3{position:absolute;bottom:-40px;right:10px;}
.animate4-1 {
    display: block;
    position: absolute;
    left: 2px;
    bottom: 2px;
    width: 0;
    height: 458px;
		background:url(../images/sec4-pic2.png) no-repeat;
}

.animate5-1 {
    display: none;
    position: absolute;
    left: -150px;
    bottom: 0;
    width: 355px;
    height: 423px;
}
.animate5-2 {
    display: none;
    position: absolute;
    left: 500px;
    bottom: 0;
    width: 551px;
    height: 423px;
}
.animate5-3 {
		display:block;
    position: absolute;
    left: 337px;
    bottom: 170px;
    width: 0;
    height: 84px;
		z-index:10;
		background:url(../images/sec5-pic3.png) no-repeat;
}


.animate5-4 {
    filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
    position: absolute;
    left: 510px;
    bottom:205px;
    width: 78px;
    height: 79px;
}
.animate5-4-b{
    width: 78px;
    height: 79px;
    background:url(../images/sec5-4.png) no-repeat;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/sec5-4.png", enabled=true, sizingMethod=scale);
}


.animate6-pic1{
	 position: absolute;
   right: 0;
   bottom: 0;
	
}
.animate6-pic2 {
    display:none;
    position:absolute;
    left:-150px;
    top:113px;
		z-index:10;
}
.animate6-pic3 {
    filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
    position:absolute;
    left:309px;
    top:67px;
    width: 58px;
    height: 58px;
		z-index:10;
}
.animate6-pic3-b{
    width: 58px;
    height: 58px;
    background:url(../images/sec6-pic3.png) no-repeat;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/sec6-pic3.png", enabled=true, sizingMethod=scale);
}
.animate6-pic4 {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    position:absolute;
    left:607px;
    top:141px;
    width: 58px;
    height: 58px;
	z-index:10;
}
.animate6-pic4-b{
    width: 58px;
    height: 58px;
    background:url(../images/sec6-pic4.png) no-repeat;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/sec6-pic4.png", enabled=true, sizingMethod=scale);
}
.animate6-pic5 {
    filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
    position:absolute;
    left:556px;
    top:236px;
    width: 58px;
    height: 58px;
		z-index:10;
}
.animate6-pic5-b{
    width: 58px;
    height: 58px;
    background:url(../images/sec6-pic5.png) no-repeat;
    background: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="./images/sec6-pic5.png", enabled=true, sizingMethod=scale);
}

.animate6-pic6{
		display:block;
    position: absolute;
    left: 160px;
    top: 100px;
    width: 0;
    height: 73px;
		z-index:10;
		background:url(../images/sec6-pic6.png) no-repeat;
		z-index:1;
}
.animate6-pic7 {
		display:block;
    position: absolute;
    left: 160px;
    top: 167px;
    width:0;
    height: 81px;
		z-index:1;
		background:url(../images/sec6-pic7.png) no-repeat;
}

.animate6-pic8 {
		display:block;
    position: absolute;
    left: 160px;
    top: 125px;
    width: 0;
    height: 63px;
		z-index:1;
		background:url(../images/sec6-pic8.png) no-repeat;
}

.sec7-logo{position:absolute;display:block;left:260px;background:url(../images/sec7-pic2.png) no-repeat;width:411px;height:411px;}
.logo-1{position:absolute;top:-500px;left:155px;display:none;}
.logo-2{position:absolute;top:-500px;left:-800px;display:none;}
.logo-3{position:absolute;top:-500px;left:1000px;display:none;}
.logo-4{position:absolute;top:138px;left:-800px;display:none;}
.logo-5{position:absolute;top:132px;left:1000px;display:none;}
.logo-6{position:absolute;top:185px;left:-800px;display:none;}
.logo-7{position:absolute;top:-500px;left:160px;display:none;}
.logo-8{position:absolute;top:172px;left:1000px;display:none;}
.logo-9{position:absolute;top:228px;left:-800px;display:none;}
.logo-10{position:absolute;top:900px;left:138px;display:none;}
.logo-11{position:absolute;top:221px;left:1000px;display:none;}
.logo-12{position:absolute;top:1000px;left:-800px;display:none;}
.logo-13{position:absolute;top:1000px;left:900px;display:none;}

/*.logo-1{position:absolute;top:48px;left:155px;}
.logo-2{position:absolute;top:88px;left:82px;}
.logo-3{position:absolute;top:84px;left:222px;}
.logo-4{position:absolute;top:138px;left:57px;}
.logo-5{position:absolute;top:132px;left:188px;}

.logo-6{position:absolute;top:185px;left:52px;}
.logo-7{position:absolute;top:171px;left:160px;}
.logo-8{position:absolute;top:172px;left:262px;}
.logo-9{position:absolute;top:228px;left:22px;}
.logo-10{position:absolute;top:222px;left:138px;}
.logo-11{position:absolute;top:221px;left:270px;}
.logo-12{position:absolute;top:269px;left:137px;}
.logo-13{position:absolute;top:267px;left:230px;}*/


.t_num {
    display: inline-block;
    vertical-align: middle;
}
#total .t_num i{
    width:50px;
    height:45px;
    display:inline-block;
    background: url(/images/beta/number.png) no-repeat;
    background-position:0 0;
    text-indent:-999em;
}
.seventhScreenBottom {
	  position: absolute;
    width:100%;
    bottom: 0;
    font-size: 12px;
		background:#494949;
		/*height:80px;*/
		padding-top:10px;
		left:0;
}
.seventhScreenBottom a{color:#fff;text-decoration:none;margin:0 8px;}
.share {
    width: 505px;
    height: 180px;
    margin: 0 auto;
}
.share .seventhShadow {
    position: absolute;
    left: 50%;
    margin-left: -252px;
    bottom: 88px;
    z-index: 11;
    _display: none;
}
.share ul {
    padding: 108px 0 0 108px;
}
.share li {
    float: left;
    position: relative;
    width: 51px;
    height: 66px;
    margin-right: 23px;
    list-style: none;
}
.share li .popOne {
    display: none;
    position: absolute;
    top: -108px;
    left: -20px;
    width: 94px;
    height: 108px;
    background:url(/images/beta/scanCode.png) no-repeat;
}
.share li .popTwo, .share li .popThree {
    display: none;
    font-style: normal;
    color: #4e5968;
    font-size: 14px;
    line-height: 38px;
    position: absolute;
    top: -50px;
    left: -27px;
    width: 112px;
    height: 48px;
    background:url(/images/beta/tipsBg.png) no-repeat;
}
.share li a {
    display: inline-block;
    width: 51px;
    height: 66px;
    background-image: url(/images/beta/share.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.share li a.two {
    background-position: -74px 0;
}
.share li a.three {
    background-position: -152px 0;
}
.share li a.four {
    height:66px;
    margin: 0px;
    background-image: url(/images/beta/share.png);
    background-repeat: no-repeat;
    background-position: -226px 0;
}


.dt-bg .tableCell{background:url(../images/sec7-pic1.png) center 10em no-repeat;}


/*新添加*/

/*头部*/
.hxg-top{height:80px;background:#2486e2;}
.hxg-top-con{width:1200px;margin:0 auto;overflow:hidden;}
.hxg-logo{width:230px;height:66px;float:left;padding-top:6px;}
.hxg-nav{color:#fff;font-size:14px;float:right;width:551px;text-align:right;}
.hxg-nav a{color:#fff;line-height:80px;margin-right:30px;text-decoration:none;}
.hxg-nav span{margin:0 10px 0 15px;}

.sec-bg1{background:url(../images/sec2-bg.jpg) repeat;}
.sec-bg2{background:url(../images/sec3-bg.jpg) repeat;}
.sec-bg7{background:url(../images/sec7-bg.jpg) repeat;}

.footer{background:#494949;height:100px;}

/*图表*/
.animate-dot{position:absolute;bottom:50px;left:35px;width:0;height:434px;display:none;z-index:10;}
.dot-bg1{width:30px;height:30px;background:url(../images/dot-bg1.png) no-repeat; cursor:pointer;}
.dot-bg2{width:30px;height:30px;background:url(../images/dot-bg2.png) no-repeat;cursor:pointer;}
.dot-bg1-h{background:url(../images/dot-bg1-h.png) no-repeat;}
.dot-bg2-h{background:url(../images/dot-bg2-h.png) no-repeat;}

.dot-g1{position:absolute;bottom:68px;left:6px;}
.dot-g2{position:absolute;bottom:80px;left:222px;}
.dot-g3{position:absolute;bottom:155px;left:441px;}
.dot-g4{position:absolute;bottom:260px;left:640px;}
.dot-g5{position:absolute;bottom:240px;left:743px;}
.dot-g6{position:absolute;bottom:370px;left:841px;}

.dot-b1{position:absolute;bottom:30px;left:6px;}
.dot-b2{position:absolute;bottom:22px;left:222px;}
.dot-b3{position:absolute;bottom:45px;left:441px;}
.dot-b4{position:absolute;bottom:99px;left:640px;}
.dot-b5{position:absolute;bottom:80px;left:743px;}
.dot-b6{position:absolute;bottom:185px;left:841px;}

.animate-text{position: absolute;bottom: 50px;left:0;width:0;height:434px;display:none;}

.chart-text1{height:20px;line-height:20px;background:#6cc463;display:inline-block;position:relative;width:auto;text-align:center;z-index:10;font-size:14px;padding:0 10px;}
.chart-text1 em{position:absolute;left:50%;margin-left:-5px;bottom:-6px;width:11px;height:6px;background:url(../images/chart-test-dot1.png) no-repeat;}
.chart-text2{height:20px;line-height:20px;background:#8b7bc9;display:inline-block;position:relative;width:auto;text-align:center;z-index:10;font-size:14px;padding:0 10px;}
.chart-text2 em{position:absolute;left:50%;margin-left:-5px;bottom:-6px;width:11px;height:6px;background:url(../images/chart-test-dot2.png) no-repeat;}

.text-g1{position:absolute;bottom:108px;left:18px;}
.text-g2{position:absolute;bottom:123px;left:234px;}
.text-g3{position:absolute;bottom:198px;left:453px;}
.text-g4{position:absolute;bottom:302px;left:647px;}
.text-g5{position:absolute;bottom:285px;left:750px;}
.text-g6{position:absolute;bottom:407px;left:847px;}

.text-b1{position:absolute;bottom:57px;left:25px;}
.text-b2{position:absolute;bottom:60px;left:240px;}
.text-b3{position:absolute;bottom:86px;left:460px;}
.text-b4{position:absolute;bottom:140px;left:658px;}
.text-b5{position:absolute;bottom:122px;left:761px;}
.text-b6{position:absolute;bottom:225px;left:859px;}

.text-h{font-size:15px;font-weight:700;height:24px;line-height:24px;padding:0 10px;margin-left:-3px;}

.sec7-num{background:#4c4c4c;display:inline-block;width:42px;height:56px;line-height:56px;border-radius:2px;margin:0 4px;color:#fff;}

.t_num {
    display: inline-block;
    vertical-align: middle;
}
#total .t_num i {
    background:url(../images/number.png) no-repeat;
    display: inline-block;
    height: 45px;
    text-indent: -999em;
    width: 50px;
}


/* 媒体查询1024 */
 
@media (max-height: 800px) {
.hxg-top{height:65px;}
.hxg-logo{width:105px;height:40px;}
.firstScreen{background-position:center 65px;}
.hxg-nav{height:65px;}
.hxg-nav a{line-height:65px;}

.firstScreenTitle{top:120px;}
.sec1-pic1{margin-top:20px;}	
.title h1{margin-top:0.8em;font-size:38px;}
.title h3{margin-top:0.5em;}

/*section2*/
.secondScreenBg{bottom:30px;}
.regBtn{
		left:448px;
		top:350px;
}
.regBtn a{font-size:26px;font-weight:700;height:60px;line-height:60px;width:246px;}

/*section3*/
.thirdScreenBg{bottom: 20px;}
/*section4*/
.fourthScreenBg{bottom: 50px;}
/*section5*/
.fifthScreenBg{bottom: 50px;}
/*section6*/
.sixthScreenBg{bottom:0;}
/*section7*/

.sevenScreenBg{top:140px;}
.sec7-num{height:50px;line-height:50px;width:38px;}
.regBtnBox{left:342px;}
.regBtnBox a{font-size:26px;font-weight:700;height:60px;line-height:60px;width:246px;}
.seventhScreenBottom{height:60px;}
	
}
@media (max-height: 768px) {
    .regBtn {
        top: 360px;
    }
    .sevenScreenBg {
        top: 110px;
    }
    .regBtnBox {
        bottom: 25px;
    }
}