@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);background: #f8feff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; border-radius: 0;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.fl{ float:left;}
.fl1{ float:left;}
.fr{ float:right;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}
*:focus{ outline: none;}

.img-box{ position:relative;}
.img-box img{ width:100%;}
.img-box a{ bottom:55px; right:340px; position:absolute; width:246px; height:92px; border-radius:46px; background:#fff; font-size:42px; text-align:center; color:#4f525c; line-height:92px; }
.img-box .sharebtn{}
.img-box .sharebtn em{ background:url('/images/icons_01.png') no-repeat; width:52px; height:52px; display:inline-block; margin-right:30px;}

.img-box .coinnum{ background:#4da1ff; color:#fff; right:70px;}

.content{width:100%;  position:relative; }
.content .content_tab{height: 185px; width: 100%;background: #fff}
.content .content_tab a{width: 618px; font-size: 57px;height: 170px; line-height: 170px;text-align: center;display: inline-block;color:#6f6f77; }
.content .content_tab a.on{font-weight: bold;color: #4da1ff;border-bottom: 15px solid #4da1ff}
.content .content_con{width: 1242px;height: inherit;margin: 0 auto;display: none}

.main-body{ margin:0 111px 0 111px;  border-bottom:3px solid #e3e7e9; height:402px; width:1020px;}

.sec-1{ margin-top:70px; color:#484848;}
.sec-1 h4{ font-size:75px; line-height:100px; margin-bottom:25px;}
.sec-1  p{ font-size:42px; line-height:80px; margin-bottom:35px;}
.sec-1  .des{ color:#4f525c; font-size:50px; line-height:80px;}
.sec-1  .stars{ font-size:42px;}
.sec-1  .stars em{ display:inline-block; margin-right:12px; background:url('/images/icons_01.png') no-repeat -100px 0; width:50px; height:62px; vertical-align:middle}
.sec-1  .intro { margin-left:60px;font-size:42px;}
.sec-1  .intro em{ display:inline-block; margin-right:12px; background:url('/images/icons_01.png') no-repeat -200px 0; width:45px; height:58px; vertical-align:middle}


.sec-intro{margin:0 130px 0 130px;}
.sec-intro h4{ color:#4da1ff; font-size:51px; line-height:243px; text-align:center;}
.sec-intro h4:before{ content:""; display:inline-block; width:18px; height:18px; background:url('/images/ic_spot1.png') no-repeat; margin-right:39px; vertical-align:middle;}
.sec-intro h4:after{ content:""; display:inline-block; width:18px; height:18px; background:url('/images/ic_spot1.png') no-repeat; margin-left:39px; vertical-align:middle;}
.sec-intro p{ font-size:42px; color:#4f525c; line-height:60px;}
.sec-intro .sectionbox{ padding:80px 60px; border:1px  solid #ff6f5f; border-radius:30px; position:relative; margin-top:90px;}
.sec-intro .sectionbox em{ background:url('/images/icons_01.png') no-repeat 0 -250px; width:200px; height:70px; top:-20px; left:-3px; position:absolute;}

.sec-recommend {margin:0 120px 0 120px;}
.sec-recommend .recommend{padding:240px; position:relative; margin-top:90px; background: url('/images/ic_spot2.png') no-repeat top;}
.sec-recommend h4{ color:#FFFFFF; font-size:51px; line-height:20px; text-align:center; }
.sec-recommend p{font-size:36px; color:#000000; padding:90px 90px; border:1px  solid #FFF; border-radius:20px; position:relative; margin-top:-220px; background:#FFF; z-index:-1}

.sec-intro2 {margin:0 130px 0 130px;}
.sec-intro2 h4{ color:#ffcc44; font-size:51px; line-height:243px; text-align:center;}
.sec-intro2 h4:before{ content:""; display:inline-block; width:18px; height:18px; background:url('/images/ic_spot3.png') no-repeat; margin-right:39px; vertical-align:middle;}
.sec-intro2 h4:after{ content:""; display:inline-block; width:18px; height:18px; background:url('/images/ic_spot3.png') no-repeat; margin-left:39px; vertical-align:middle;}
.sec-intro2 p{ font-size:42px; color:#4f525c; line-height:65px;}

.sec-intro3 {}
.sec-intro3 h4{ color:#4da1ff; font-size:51px; line-height:243px; text-align:center;}
.sec-intro3 h4:before{ content:""; display:inline-block; width:18px; height:18px; background:url('/images/ic_spot1.png') no-repeat; margin-right:39px; vertical-align:middle;}
.sec-intro3 h4:after{ content:""; display:inline-block; width:18px; height:18px; background:url('/images/ic_spot1.png') no-repeat; margin-left:39px; vertical-align:middle;}

.trycontainer{ position:relative;}
.justtry{ position:absolute; top:50%; left:50%; width:126px; height:126px; background: url('/images/btn_play2.png') 0 0 no-repeat;background-size: cover; margin:-72px 0 0 -72px; }
.trycontainer.on .justtry{background: url('/images/btn_play1.png') 0 0 no-repeat;}

.sec-intro3 .storylist{margin:0 72px;}
.sec-intro3 .storylist li{ border-top:2px solid #f6f6f6; padding-top:60px; margin-bottom:60px;}
.sec-intro3 .storylist li:first-child{ border:none; padding:0;}
.sec-intro3 .storylist .playbtn{ width:128px; height:128px; background:url('/images/icons_01.png') -100px -100px no-repeat; margin:60px 65px 0 18px;}
.sec-intro3 .storylist .playbtn.playing{ background-position:-300px -100px;}
.sec-intro3 .storylist .detail{  width:850px;}

.sec-intro3 .storylist .detail h5{ font-size:56px; line-height:56px; color:#484848; line-height:70px; margin-bottom:30px; font-weight:normal;}
.sec-intro3 .storylist .detail h5 em{ background:url('/images/ic_audition.png') no-repeat; margin-left:30px; width:90px; height:42px; content:""; display:inline-block;}
.sec-intro3 .storylist .detail p{ color:#7f828d; font-size:42px;}
.sec-intro3 .storylist .detail .time{ float:left; color:#b7b7b7; font-size:36px; margin-top:35px;}
.sec-intro3 .storylist .detail .time em{ vertical-align:middle; content:""; display:inline-block; background:url('/images/icons_01.png') 0px -100px  no-repeat; width:46px; height:56px; margin-right:24px;}

.download{width: 1188px;height: 228px;background: #fff;border-radius: 50px;overflow: hidden; position: fixed;bottom: 50px;left: 50%;margin-left: -590px;-moz-box-shadow:0px 6px 20px #BDBDBD; -webkit-box-shadow:0px 6px 20px #BDBDBD; box-shadow:0px 6px 20px #BDBDBD;}
.download .logo{width: 150px; height: 150px;float: left;margin: 40px 0 0 40px;font-size: 62px;}
.download .txt{width: 620px;float: left; margin: 30px 0 0 30px;color: #484848}
.download .txt h3{line-height: 100px;font-size: 62px}
.download .txt span{font-size: 42px;}
.download .btn{width: 244px; height: 94px; background: #4da1ff;color: #fff;text-align: center;line-height: 94px; border-radius: 50px;font-size: 42px;display: block;float: right;margin: 60px 40px 0 0}


.bottom{width: 1188px;height: 360px;bottom: 50px;left: 50%;margin-left: -590px;}

.blur {
        -webkit-filter: blur(4px);
           -moz-filter: blur(4px);
            -ms-filter: blur(4px);   
                filter: blur(4px);
    }
	
.sec-img{width:100%;overflow:hidden;}

.sec-img img{ width:100%;float:left;vertical-align:top;}