@charset "UTF-8";
/* CSS Document */

@keyframes swing{
    0%{transform: rotate(0); transition: ease-in-out;}
    50%{transform: rotate(10deg); transition: ease-in-out;}
    100%{transform: rotate(-10deg); transition: ease-in-out;}
}


@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?7dxsji');
    src:    url('../fonts/icomoon.eot?7dxsji#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?7dxsji') format('truetype'),
        url('../fonts/icomoon.woff?7dxsji') format('woff'),
        url('../fonts/icomoon.svg?7dxsji#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],[class*=" icon-"],.iconfont{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*body{background:RGBa(62,204,126,1);}*/

::selection{background:RGBa(62,204,126,1); color: #fff;}
.gBGsel ::selection{background:rgb(25,66,86); color: #fff;}

a{transition: 0.2s ease-in-out;}



#header{position:fixed; left:0; top:0; width:100%; height:88px; z-index:999; border-bottom:1px solid RGBa(246,246,246,0); background:RGBa(255,255,255,1); transition: 0.7s ease-in-out;}
.hcon{width:916px; margin:0 auto; height:88px;}
#header .logo a{display:block; color:#3ECC7E; margin-top:20px; font-size:58px; line-height:1em; transition: 0.7s ease-in-out;}

#fullpageMenu{position:fixed; left:60px; top:0; width:100%; height:88px;  z-index:1000; font-size:20px;}
#fullpageMenu ul{float:right;}
#fullpageMenu li{float:left; margin-left: 14px;}

#fullpageMenu li a{display:block; padding:57px 24px 12px; font-size:18px; line-height:1em; color:#3ECC7E; border-bottom:2px solid RGBa(62,204,126,0); transition: 0.2s ease-in-out;}
#fullpageMenu li a:hover,#fullpageMenu li.active a{border-bottom:2px solid RGBa(62,204,126,1)}
#fullpageMenu ul:hover li.active a{border-bottom:2px solid RGBa(62,204,126,0)}
#fullpageMenu ul:hover li.active a:hover{border-bottom:2px solid RGBa(62,204,126,1)}

#fullpageMenu dl.respMenu{display: none;}

.fp-viewing-page1 #fullpageMenu li a{color: rgba(255,255,255,1); border-bottom:2px solid RGBa(255,255,255,0) }
.fp-viewing-page1 #fullpageMenu li a:hover,.fp-viewing-page1 #fullpageMenu li.active a{color: #3ECC7E; border-bottom:2px solid #3ECC7E; }
.fp-viewing-page1 #fullpageMenu ul:hover li.active a{border-bottom:2px solid RGBa(255,255,255,0)}
.fp-viewing-page1 #fullpageMenu ul:hover li.active a:hover{border-bottom:2px solid #3ECC7E;}

.fp-viewing-page5 #fullpageMenu .hcon a.HLfp5{color:RGBa(62,204,126,1); border-bottom:2px solid RGBa(62,204,126,1); }
.fp-viewing-page5 #fullpageMenu .hcon ul:hover a.HLfp5{color:RGBa(62,204,126,1); border-bottom:2px solid RGBa(62,204,126,0); }
.fp-viewing-page5 #fullpageMenu .hcon ul:hover a.HLfp5:hover{color:RGBa(62,204,126,1); border-bottom:2px solid RGBa(62,204,126,1); }


.fp-viewing-page2 #header,.fp-viewing-page3 #header,.fp-viewing-page4 #header{ border-bottom:1px solid RGBa(246,246,246,1);background:rgba(255,255,255,0.5);}
.fp-viewing-page5 #header,.fp-viewing-page3 #header{background:rgba(255,255,255,1);}
.fp-viewing-page2 #header a,.fp-viewing-page3 #header a,.fp-viewing-page4 #header a,.fp-viewing-page5 #header a{color: RGBa(62,204,126,1);}


/*第一屏*/
.section1 .main{/*display: inline-block; position: relative; left:50%; transform: translateX(-50%);*/ width:876px; margin:0 auto;  overflow: hidden;}/*2016年5月9日更新*/
.section1 .main .mobTit{display: none;}
.section1 .con{float:left; width: 560px; }
.section1 .con h1{margin-top:130px; font-size: 30px; line-height: 40px; color: #fff; font-weight: 400;}
.section1 .con p{margin-top:16px; font-size: 20px; line-height: 30px; color: #fff; font-weight: lighter;}
.section1 .con span{display: block;}

.section1 .con .downloadLink{margin-top:52px; font-size: 0; line-height: 0;}
.section1 .con .downloadLink a{display: inline-block; font-size: 12px; line-height: 36px; color: #fff; font-weight: lighter; padding: 0 9px; margin-right: 18px; border: 1px solid #fff; border-radius: 5px;}
.section1 .con .downloadLink a:hover{box-shadow: 0 0 20px 2px RGBa(255,255,255,0.25);}
.section1 .con .downloadLink a.iphone:before{content: "\e902";}
.section1 .con .downloadLink a.android:before{content: "\e901";}
.section1 .con .downloadLink a:before{font-size: 24px; line-height: 36px; padding-right: 6px; font-family: "icomoon"; vertical-align: middle;}

/*更新！！！醒目！！！！！！！！*//*2016年05月24日*/
.section1 .pdVideo{width:258px; height:532px; background:url(../svg/1.phone.1.svg) center no-repeat; background-size:cover; float: left; margin-right: 58px; font-size: 0; line-height: 0; position: relative; }
.section1 .pdVideo:after{content: " "; display: block; width: 226px; height: 400px; border:1px solid #fff; position: absolute; left:15px; top: 64px; background: url(../video/226x400.output_HTML5_768Kbps_360p_html.vs-1.jpg) center no-repeat; background-size:100% auto;}
.section1 .pdVideo video{width: 226px; height: 400px; margin:64px 15px 66px; border:1px solid #fff; font-size: 0; line-height: 0; position: relative; z-index: 999;}
/*更新！！！醒目！！！！！！！！*//*2016年05月24日*/



/*更新！！！醒目！！！！！！！！*//*2016年5月9日更新*/
@media (max-height: 768px) {
	.section1 .main{transform:scale(0.95,0.95); padding-top: 45px;}
	}
@media (max-height: 650px) {
	.section1 .main{transform: scale(0.88,0.88);}
	}
/*更新！！！醒目！！！！！！！！*/






/*第2屏*/
/*2016年05月24日更新*/
.section2{overflow:hidden;}
.section2 .con{margin:0 auto; width: 1300px;}
.section2 dl{width:31.333%;margin:30px 1%; float:left; text-align: center; position: relative; top:1000px;}
.section2 dt{/*width: 126px; height: 109px;*/ position: relative; width: 100px; height: 88px; left: 50%; margin-left: -50px;}
.section2 dd h1{font-size: 24px; line-height: 36px; font-weight: normal; color:#3ECC7E; margin-top: 30px;}
.section2 dd p{font-size:16px; line-height: 28px; color: #4F4F4F; margin-top: 11px;}


@media (max-width: 1300px) {
	.section2 .con{width:100%;}
	}





/*第3屏*/
.section3 .con{margin:0 auto; overflow:hidden; text-align: center; font-size: 0; line-height: 0; height: 450px; padding: 10px 0; transition: 0.4s ease-in-out;}
.section3 dl{display: inline-block;width:320px; height: 430px; margin:0 30px; overflow:hidden; box-shadow:1px 1px 10px rgba(170,170,170,0.29); border-radius: 5px; clear: both;}
.section3 dt{width:100%; height:263px; background-size: auto 100% !important; border-radius:5px 5px 0 0; transition: 0.4s ease-in-out;}

.section3 dt a{opacity: 0;} /*2016年05月24日更新*/
.section3 dt a.playAudio{display:block; width:100%; height:263px; background:url(../svg/play.svg) center no-repeat rgba(0,0,0,0); background-size: 55px;}
.section3 dt a.pauseAudio{display:block; width:100%; height:263px; background:url(../svg/pause.svg) center no-repeat rgba(0,0,0,0); background-size: 55px;}


.section3 dl:hover dt{background-size: auto 105% !important; transition: 0.2s background ease-in-out}
.section3 dl:hover dt a.playAudio{background:url(../svg/play.svg) center no-repeat rgba(0,0,0,0.2); background-size: 55px;}
.section3 dl:hover dt a.pauseAudio{background:url(../svg/pause.svg) center no-repeat rgba(0,0,0,0.2); background-size: 55px;}


.section3 dd{margin:54px 24px 24px;text-align: left;}
.section3 dd h1{font-size: 24px; line-height: 1em; font-weight: normal; color: #4f4f4f;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section3 dd p{font-size: 14px; line-height: 28px; font-weight: lighter; color: #959595;  margin:0 0 16px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section3 dd .left{float:left; max-width: 159px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section3 dd .left span{display: inline-block;font-size: 12px; line-height:1em; color: #3ecc7e; padding: 5px; border: 1px solid #3ecc7e; border-radius: 3px; margin-right: 10px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.section3 dd .right{float:right; font-size:12px;}
.section3 dd .right b,.section3 dd .right i{font-size: 12px; line-height: 19px; color: #959595; font-weight: lighter; text-decoration: none; font-style: normal; max-width: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.section3 dd .right b:before {content: "\e903";font-family: 'icomoon' !important; color:#3ecc7e;}
.section3 dd .right b.liked:before {content: "\e908";font-family: 'icomoon' !important; color:#3ecc7e;}
.section3 dd .right i:before {content: "\e904";font-family: 'icomoon' !important; color:#3ecc7e;margin-left: 13px;}
.section3 dd .right b:before,.section3 dd .right i:before{font-size: 14px; line-height: 19px; margin-right: 5px; vertical-align: middle;}


.section3 .getApp{clear:both; text-align:center; margin:115px auto 0; width: 220px;height: 106px; position: relative;}
.section3 .getApp .mask{width: 0; height: 0; background:rgba(0,0,0,0); position: absolute; left: 50%; top: 50%;}
.section3 .getApp .bg{width: 50px;height: 85px; position: absolute; bottom: 21px; left: 50%; margin-left: -25px; cursor: pointer;}
.section3 .getApp .bg svg{width: 50px; height: auto;}
.section3 .getApp .bg svg .getappst0{fill:rgba(255,255,255,0);}
.section3 .getApp .bg svg .getappst1{fill:rgba(62,204,126,1);stroke:rgba(62,204,126,0);}

.section3 .getApp .qr{position: absolute; top: 30px; left: 50%; margin-left: -10px;  width: 20px; height: 20px; }

.section3 .getApp .qr a.qrCodeS{display: block; width:20px; height: 20px; background:url(../svg/popupQrSmall_20.svg) center no-repeat ; opacity: 1; position: absolute; top:0; left: 50%;transform: rotate(0deg); margin-left: -10px; }
.section3 .getApp .qr a.qrCodeB{display: block; width:115px; height: 115px; background:url(../svg/popupQrBig_115.svg) center no-repeat; opacity: 0; position: absolute; top:0; left: 50%; margin-left: -52.5px;}
.section3 .getApp:hover .qr a.qrCodeS{transform:rotate(360deg);}

.section3 .getApp>a{display:block; width: 220px; border-top:1px solid #3ECC7E; border-bottom: 1px solid #3ECC7E; background: #fff; color: #3ecc7e; font-size: 18px; line-height: 37px;  text-align: center; position: absolute; top: 67px;left: 50%; margin-left: -110px;  z-index: 1000;}
.section3 .getApp>p{width: 120px; border-top:1px solid #3ECC7E; border-bottom: 1px solid #3ECC7E; background:rgba(255,255,255,1); color: #3ecc7e; font-size: 15px; line-height: 33px;  text-align: center; position: absolute; top: 67px; left: 50%;margin-left: -60px;  opacity:0;}

.section3 .mask, .section3 .bg,.section3 .bg svg, .section3 .qr,.section3 .qr a.qrCodeS, .section3 .qr a.qrCodeB{transition: 0.4s ease-in-out;}


.section3 .getAppBig{clear:both; width:100%; height: 100%; position:absolute; top: 0; bottom: 0; left: 0; right: 0;}

.section3 .getAppBig .mask{width:100%; height: 100%; position:relative; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; background:rgba(0,0,0,.7)}
.section3 .getAppBig .bg{width:226px; height:452px;  margin: 0 auto; margin-left: -113px; position: absolute; bottom:-66px; left: 50%;}
.section3 .getAppBig .bg svg{width: 226px; height:452px;}
.section3 .getAppBig .bg svg .getappst0{fill:rgba(255,255,255,1);}
.section3 .getAppBig .bg svg .getappst1{fill:rgba(62,204,126,0);stroke:rgba(62,204,126,1);}

.section3 .getAppBig .qr{position: absolute; bottom: 153px; left: 50%;margin-left: -60px;  width: 120px; height: 120px; }
.section3 .getAppBig .qr a.qrCodeS{display: block; width:20px; height: 20px; background:url(../svg/popupQrSmall_20.svg) center no-repeat ; opacity: 0; position: absolute; top:0; left: 50%;transform:rotate(0deg);margin-left: -10px; }
.section3 .getAppBig .qr a.qrCodeB{display: block; width:120px; height: 120px; background:url(../svg/popupQrBig_115.svg) center no-repeat; opacity: 1; position: absolute; top:0; left: 50%;transform:rotate(0deg); margin-left: -60px;  z-index: 1500;}
.section3 .getAppBig .qr a.qrCodeB:hover{transform:rotate(360deg);}

.section3 .getAppBig>a{display:block; width: 220px; border-top:1px solid #3ECC7E; border-bottom: 1px solid #3ECC7E; background: #fff; color: #3ecc7e; font-size: 18px; line-height: 37px;  text-align: center; position: absolute; top: 67px;left: 50%; transform: translateX(-50%); opacity:0;}
.section3 .getAppBig>p{width: 120px; border-top:1px solid #3ECC7E; border-bottom: 1px solid #3ECC7E; background:rgba(255,255,255,1); color: #3ecc7e; font-size: 15px; line-height: 33px;  text-align: center; position: absolute; bottom: 105px; left: 50%; margin-left: -60px; opacity:1;}



@media(max-height:1000px){
    .section3 .con{transform: translateY(45px)}
}
@media(max-height:800px){
    .section3 .getApp{margin:60px auto 0;}
}
@media(max-height:720px){
    .section3 .getApp{margin:45px auto 0;}
}

@media (max-width: 1140px) {
	.section3 .con{width:100%;}
    .section3 dl{width:26.66666%; height: 430px; margin:0 3.33333%;}
	}

@media (max-width:720px){
    .section3 .con{width:100%; height: auto;}
    .section3 dl{display: block; width:90%; height: 430px; margin:30px auto;}
    .section3 dt{background-size: cover !important;}
    .section3 dt:hover{   background-size: cover !important;}
}

/*更新！！！醒目！！！！！！！！*/
@media (max-height: 710px) {
    .section3 .con{height: 400px;margin-top: 45px;}
.section3 dl{height: 370px;}
.section3 dt{height: 233px;}
    .section3 dt a.playAudioBtn{height: 233px;}
.section3 dd{margin: 24px;text-align: left;}
        .section3 .getApp{margin:35px auto 0;}
}
@media (max-height: 650px) {
    .section3 .con{height: 330px}
    .section3 dl{height: 300px;}
    .section3 dt{height: 163px;}
    .section3 dt a.playAudioBtn{height: 163px;}
    .section3 .getApp{margin:35px auto 0;}
}
/*更新！！！醒目！！！！！！！！*/



/*第4屏*/
.section4 h1{font-size: 30px; line-height: 1em; color: #3ECC7E; text-align: center; font-weight: lighter;}
.section4 .con{ position: relative; /*display: inline-block; left:50%; transform: translateX(-50%);*/  /*overflow: hidden;*/ margin: 122px auto 0; font-size: 0; line-height: 0; /*word-spacing: 130px;*/ text-align:center; }
.section4 dl{width: 300px;display: inline-block; margin: 0 65px; clear: both; overflow: hidden; cursor: pointer; word-spacing: normal; vertical-align:top; position: relative; top: 1000px;}

.section4 dt{width: 178px;height: 140px; margin: 0 auto; position: relative;}
.section4 dt h1{width: 110px; height: 110px; background:#cfffe0; border-radius: 50%; position: absolute; left: 34px; bottom: 0;font-size: 0; line-height: 0;}
.section4 dt h2{width: 110px; height: 140px; border-radius:0 0 55px 55px; position: absolute; left:34px; bottom: 0; background-size: 110px 140px; background-position: 0 0; font-size: 0; line-height: 0;}
.section4 dt h3{width: 56px; height: 56px; line-height: 56px; background: url(../svg/4.0.svg) center no-repeat; background-size: cover; position: absolute; left: 122px; bottom:66px; display: table-cell; vertical-align: middle; text-align: center; transform-origin: 5px 56px;}
.section4 dt h3 span{display:inline-block; font-size: 13px; line-height: 16px; font-weight: normal; text-align:center;vertical-align: middle; color: #fff; transform: rotate(17.5deg);transform-origin:50% 50%;}

@keyframes 'swing'{
    0%{transform: rotate(0); transition: ease-in-out;}
    25%{transform: rotate(10deg); transition: ease-in-out;}
    75%{transform: rotate(-10deg); transition: ease-in-out;}
    100%{transform: rotate(0deg); transition: ease-in-out;}
}
.section4 dl:hover h3{animation: swing 0.5s ease-in-out infinite alternate;}




.section4 dd{text-align: center;}
.section4 dd h1{font-size: 24px; line-height: 1em; margin-top: 36px; color: #3ECC7E; font-weight: normal;}
.section4 dd p{font-size: 16px; line-height: 28px; margin: 20px 0 55px; color:#4f4f4f; font-weight: lighter;}
.section4 dd a{font-size: 16px; line-height: 1em; color: #3ecc7e; font-weight: lighter;}
.section4 dd a:after{content: ">"; padding-left: 8px;}


@media (max-width:1300px){
    .section4 .con{width: 100%;}
    .section4 dl{margin:0 30px;}
}
@media (max-width:1080px){
    .section4 .con{word-spacing: 0px;}
    .section4 dl{width: 30%; margin: 0 1.66666%;}
}
@media (max-width:720px){
    .section4 .con{ margin-top:0;}
    .section4 dl{display: block; margin: 20px auto;width: 100%;}
}
/*更新！！！！！！！！！！！！！！！！！！！！！！！！！*/
@media (max-height: 700px) {
    .section4 h1{margin-top: 60px;}
    .section4 .con{margin: 62px auto 0;}
}
@media (max-height: 650px) {
    .section4 .con{margin: 32px auto 0;}
    .section4 dd p{ margin: 10px 0 35px;}
}
/*更新！！！！！！！！！！！！！！！！！！！！！！！！！*/


/*第5屏*/
.section5 .con,.section5 .coLink,.section5 .fnav, .section5 .footer{position: relative; top:35px; }/*2016年05月24日更新*/
.section5 .con{text-align: center;}
.section5 .con dt h1{font-size: 18px; line-height: 1em; margin-bottom: 14px; font-weight: 500; color: #fff;}
.section5 .con dt img{display: inline-block; width: 115px; height: 115px; padding: 10px; background: #fff; margin-bottom: 37px;}
.section5 .con dd{font-size: 0; line-height: 0;}

.section5 .con dd p{font-size: 16px; line-height: 28px; color: #fff;}

.section5 .con .soci{margin: 30px 0 92px;font-size: 0; line-height: 0; position: relative;}
.section5 .con .soci>a{display:inline-block; font-size: 42px; line-height: 1em; padding: 0 18px; color:rgba(255,255,255,1);position: relative; z-index: 501;}
.section5 .con .soci>a:hover{color:RGBa(37,171,97,1)}

.section5 .con .soci .wxPopup{display: none; width: 135px; height: 135px; border-radius: 4px; background:rgba(255,255,255,1);box-shadow:0 0 95px 45px rgba(0,0,0,.0862); position: absolute; left:50%; bottom: -8px; transform: translate(-50%,100%); z-index: 500; }
.section5 .con .soci .wxPopup::after{content: "";width: 10px; height: 10px; display: block; position: absolute; left:50%; top: 0; transform: translate(-50%,-50%) rotate(45deg); background: rgba(255,255,255,1)}
.section5 .con .soci .wxPopup a{display: block; background: url(../svg/5.qrWx.svg) center no-repeat; background-size: cover; width: 115px; height: 115px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}



.section5 .coLink{padding: 35px 0 16px; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);}
.section5 .coLink ul{font-size: 0; line-height: 0; width: 860px; text-align: center; margin: 0 auto;}
.section5 .coLink li{display: inline-block; width: 86px; margin-bottom: 16px;}

.section5 .coLink li div{width: 60px; height: 33px; display: inline-block;background: url(../images/5.jpg) ;}
.section5 .coLink li p{font-size: 12px; line-height: 1em; margin-top: 7px; transform: scale(0.91666, 0.91666); color: #fff;}
.section5 .coLink li a:hover p{color: #fff;}

.section5 .fnav{border: 0;margin:0;}
.section5 .fnav ul{font-size: 0; line-height: 0; width: 860px; text-align: center; margin: 0 auto;}
.section5 .fnav li{display: inline-block; margin-bottom: 16px;}
.section5 .fnav a{ margin-right: 30px;font-size: 11px;color: #ffffff;}

.footer .downloadLink{display: none;}
.footer{color:#fff; text-align: center;}
.footer p{font-size: 12px; line-height: 1em; margin:23px auto 0;}
.footer span{margin: 0 15px;}
.footer span i{font-style: normal; white-space:nowrap; margin: inherit;}
.footer .soci{display: none;}

@media (max-width:860px){
    .section5 .coLink ul{width:100%;}
}


/*更新！！！！！！！！！！！！！！！！！！！！！！！！！*/
@media (max-height: 900px) {
    .section5 .con{width: 900px; margin: 65px auto 0;}
    .section5 .con:after{content: " "; display: block; width: 0; height: 0;font-size: 0; line-height: 0; clear: both; overflow: hidden; visibility: hidden;}
    .section5 .con dt h1{line-height: 28px;}
    .section5 .con .soci{margin: 30px auto 40px;}
}

@media (max-height: 820px) {
    .section5 .con dt{float: left;}
    .section5 .con dd{float: left; width: 735px; margin-left: 30px; }
    .section5 .con dd p{text-align:left;}
    .section5 .con .soci{margin: 15px auto;text-align: left;}
    .section5 .con .soci .wxPopup{position: absolute; left:99px;}
    .section5 .con .soci>a{margin: 0 36px 0 0; padding: 0;}
}


/*更新！！！！！！！！！！！！！！！！！！！！！！！！！*/





aside{position: fixed;right: 20px; bottom: 35px;}

aside .audioPr {overflow: hidden; color: #fff;width: 65px; height: 65px; transition: 0.4s ease 0.2s; display: none;}
aside .audioPr:hover{width: 380px; transition: 0.4s ease;}
aside .audioPr::after{content: " "; display: block; width: 0; height: 0;font-size: 0; line-height: 0; clear: both; overflow: hidden; visibility: hidden;}

aside .audioPr .con{width: 380px; height: 65px;}
aside .audioPr dt{float: left; width: 65px; height: 65px; background-size: cover !important;}
aside .audioPr dt a{display: block; width: 65px; height: 65px; background-size:45px 45px !important;}

aside .audioPr dt #Prplay{background: url(../svg/PrPlayBtn.svg) center no-repeat rgba(0,0,0,0.6);}
aside .audioPr dt #Prpause{background: url(../svg/PrPauseBtn.svg) center no-repeat rgba(0,0,0,0.6);}

aside .audioPr dd{float: right; width:315px; height: 65px;padding: 16px 24px 0 15px; background: RGBa(62,204,126,1); position: relative; box-sizing: border-box;}
aside .audioPr .closePr{display: block; background: url(../svg/PrCloseBtn.svg); background-size: cover; width: 10px; height: 10px;position: absolute; right: 7px; top: 7px;transform: rotate(0deg);}
aside .audioPr .closePr:hover{transform: rotate(180deg);}
aside .audioPr dd>p{width: 276px; height: 13px; font-size: 13px; line-height: 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
aside .audioPr .Prprogress{margin-top: 12px; width: 276px;}
aside .audioPr .PgsRate{width: 240px; height: 2px; position: relative; background: #f2f2f2;z-index: 1;margin-top: 6px; float:left;}
aside .audioPr .PgsRate b{height: 2px; position: absolute; top: 0; left: 0; background: #fff;z-index: 2;}
aside .audioPr .PgsRate i{height: 2px; position: absolute; top: 0; left: 0; background: #209e59;z-index: 3;}
aside .audioPr .PgsTime{display: inline-block; float: right; }
aside .audioPr .PgsTime p{font-size: 12px; line-height: 1em; transform: scale(0.91666, 0.91666);}

/*aside .goTop {margin: 17px 0 0; width: 63px; height: 63px; border: 1px solid #3ecc7e; background: #fff; transition: 0.4s ease; overflow: hidden;float: right;}*/
aside .goTop::after{content: " "; display: block; width: 0; height: 0;font-size: 0; line-height: 0; clear: both; overflow: hidden; visibility: hidden;}
aside .goTopBtn{display: block; width: 63px; height: 63px; background:url(../svg/goTopBtn.svg) center no-repeat; background-size: 24px 23px;}
aside .goTopBtn:hover{transform:rotate(360deg);}

.fp-viewing-page1 .goTop,.fp-viewing-page2 .goTop{width: 0; height: 0;margin: 0; border: 0px;}



.Adfloat{width: 100%; height: 280px; position:fixed; bottom: 0; transition: 0.4s ease;}
.Adfloat b{display: block; width: 100%; height: 250px; position: absolute; bottom: 0;z-index: 4000; background:rgba(76,75,153,0.85);}
.Adfloat i{display: block; width: 100%; height: 4px; position: absolute; bottom: 10px;z-index: 5000; background: rgba(255,255,255,1);}

.Adfloat .bgCon{width:1240px;position: absolute; left: 50%; height: 280px; bottom: 12px; transform:translateX(-50%);z-index: 4501;}
.Adfloat .bgCon a{background-size: cover !important; transform-origin: 50% 100% !important;}

.Adfloat:hover .sanmao{  -webkit-animation-name: hvr-buzz;  animation-name: hvr-buzz;  -webkit-animation-duration: 0.15s;  animation-duration: 0.15s;  -webkit-animation-timing-function: linear;  animation-timing-function: linear;  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.Adfloat:hover .speedline{  -webkit-animation-name: hvr-buzz;  animation-name: hvr-buzz;  -webkit-animation-duration: 0.15s;  animation-duration: 0.15s; animation-delay:0.075s; -webkit-animation-delay:0.075s;  -webkit-animation-timing-function: linear;  animation-timing-function: linear;  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.Adfloat:hover .ufo{  -webkit-animation-name: hvr-wobble-bottom;  animation-name: hvr-wobble-bottom;  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}





.Adfloat .bgCon .tree1{display: block;position: absolute; left: 89px; bottom: 0; width: 23px; height: 52px;}
.Adfloat .bgCon .tree2{display: block;position: absolute; left: 115px; bottom: 0; width: 23px; height: 32px;}
.Adfloat .bgCon .hill1{display: block;position: absolute; left: 139px; bottom: 0; width: 88px; height: 62px;}
.Adfloat .bgCon .hill2{display: block;position: absolute; left: 167px; bottom: 0; width: 137px; height: 96px; z-index: 4501;}
.Adfloat .bgCon .ufo{display: block;position: absolute; left: 207px; bottom: 0; width: 258px; height: 265px; transform-origin: 50% 34%;}
.Adfloat .bgCon .sanmao{display: block;position: absolute; left: 287px; bottom: 77px; width: 66px; height: 70px;z-index: 4502;}
.Adfloat .bgCon .speedline{display: block;position: absolute; left: 290px; bottom: 24px; width: 83px; height: 162px;}
.Adfloat .bgCon .flag{display: block;position: absolute; left: 1019px; bottom: 0; width: 69px; height: 94px;}
.Adfloat .bgCon .tent{display: block;position: absolute; left: 1026px; bottom: 0; width: 119px; height: 57px;}
.Adfloat .bgCon .tree3{display: block;position: absolute; left: 1147px; bottom: 0; width: 37px; height: 68px;}
.Adfloat .bgCon .tree4{display: block;position: absolute; left: 1185px; bottom: 0; width: 44px; height: 54px;}


.Adfloat .Adcon{width:1240px;position: absolute; left: 50%; bottom: 12px; transform:translateX(-50%);z-index: 4502; }
.Adfloat .Adcon .tit{display:block;position: absolute; left: 450px; bottom: 79px; width: 297px; height: 97px;}

.Adfloat .Adcon dl.AdappQr{width:98px;position: absolute; left:773px; bottom: 72px;}
.Adfloat .Adcon dl.AdWxQr{width:98px;position: absolute; left:892px; bottom: 72px;}
.Adfloat .Adcon dl p{font-size: 12px; line-height: 12px; color: #fff;}

.Adfloat .Adcon dd{padding: 7px;margin-top:9px; width:84px; height:84px;}
.Adfloat .Adcon .AdappQr dd{background: url(../svg/adSvg/ad_qr1.svg) center no-repeat #fff;background-size:84px 84px;}
.Adfloat .Adcon .AdWxQr dd{background: url(../svg/adSvg/ad_qr2.svg) center no-repeat #fff;background-size:84px 84px;}

.Adfloat a.closeAd{display: block; width: 30px; height: 30px;position: absolute; left: 50%; bottom: 198px;  background: url(../svg/adSvg/ad_close.svg); background-size: 100%; transform: translateX(493px) rotate(0deg) scale(1,1);z-index: 5000;}
.Adfloat a.closeAd:hover{transform:translateX(493px) rotate(180deg) scale(1.05,1.05);}



.fp-viewing-page3 .Adfloat, .fp-viewing-page4 .Adfloat, .fp-viewing-page5 .Adfloat{bottom: -280px;}


/*站长统计隐藏*/