body {
    font-family: "Microsoft YaHei", "PingFang SC", "STHeiti", "tahoma", "arial", "Hiragino Sans GB", sans-serif;
}

.super_download {
    width: 265px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 30px;
    background: url('../image/super_btn-1.0.0.png') no-repeat center;
    color: #fff;
    display: inline-block;
    font-size: 22px;
}

.super_containter {
    min-width: 1280px;
}

.super_header {
    background: #222627;
    width: 100%;
    height: 75px;
    border-bottom: 3px solid #009dc4;
}

.super_header .super_main {
    width: 1120px;
    margin: 0 auto;
    height: 100%;
}

.super_header .super_logo {
    background: url(../image/superLogo-1.0.0.png) no-repeat center;
    height: 100%;
    width: 253px;
    float: left;
}
.super_header .super_logo a{
    display: inline-block;
    width:100%;
    height:100%;
}

.super_header .super_nav {
    height: 100%;
    float: right;
}

.super_header .super_nav > li {
    float: left;
    height: 100%;
    line-height: 72px;
    padding: 0 20px;
    position: relative;
}
.super_header .super_nav > li:hover {
    background:#000;
}

.super_header .super_nav li a {
    font-size: 14px;
    padding-bottom: 5px;
    color: #dfdfdf;
}

.super_header .super_nav .super_nav_li{
    padding:0;
    width:96px;
}
.super_header .super_nav .super_nav_li > a{
    display: block;
    text-align: center;
    padding-left: 20px;
    font-size: 14px;
    height: 79px;
    color: #c4c4c4;
    background: url(../image/jiantou_hover-1.0.01.png) 13px 31px no-repeat;
    background-position: 10px 28px;
}

.super_header .super_nav .super_nav_sub{
    display: none;
    width: 100%;
    left: 0;
    top: 75px;
    position: absolute;
    background: #fff;
    opacity: .9;
    filter: Alpha(opacity=90);
    border: 1px solid #D8D8D8;
    border-top: none;
    line-height: 30px;
    padding: 10px 0;
    z-index: 999;
    font-size: 13px;
    text-align: center;
}
.super_header .super_nav .super_nav_sub a{
    color:#333;
}
.super_header .super_nav .super_nav_sub a:hover{
    color:#ff4d6f;
}

.super_header .super_nav li a:visited {
    border-bottom: 2px solid #ff4d6f;
}

.super_header .super_nav li .active {
    border-bottom: 2px solid #ff4d6f;
}
.super_header .super_nav li .no-active{
    border-bottom: none;
}

.super_body {
    width: 100%;
    height: 100%;
}

.super_body .super_section {
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.super_body .super_section_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.super_body .super_section_wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.super_body .super_section_wrap .super_section_text {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
}

.super_section_text h1,
.super_section_text span,
{
    text-align: center;
}

.super_body .super_section img {
    max-width: 100%;
}
/*.super_body .super_section .super_splice1 {background-size:100%; }
      .super_body .super_section .super_splice2 {background-size:100%; }*/

.super_body .super_section1 {
    background: #000;
    overflow: hidden;
    height: 406px;
}

.super_body .super_section1 video {
    position: absolute;
    top: 0;
    left: -90px;
    width: 100%;
    height: 100%;
}

.super_body .super_section1 .video-forIE {
    width: 100%;
    background: url(../image/super_poser2.jpg) no-repeat center;
    height: 407px;
}

.super_body .super_section1 .super_maskImg {
    background: url('../image/to-audio-hero-1.0.0.png') no-repeat center;
    width: 100%;
    height: 80%;
    position: absolute;
    top: 80px;
    left: 0;
}

.super_body .downloadBtn{
    width: 258px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: #ff4d6f;
    border-radius: 40px;
    text-align: center;
    font-size: 24px;
    float: right;
    margin-top: 335px;
    margin-right: 130px;
}

.super_body .downloadBtn a{
    position: inherit !important;
    width: 258px !important;
}

.super_body .downloadBtn small{
    font-size: 12px
}

.super_body .super_section2 {
    background: url('../image/super_04-1.0.7.jpg') no-repeat center;
    height: 435px;
}
.super_body .super_section2 a{
    width:88px;
    height:88px;
    display:block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position:absolute;
    left:820px;
    top:122px;
}
.layer_text{background-color:#fff; padding:20px;}
.layer_text p{margin-bottom: 10px; text-indent: 2em; line-height: 23px;}
.button{display:inline-block; *display:inline; *zoom:1; line-height:30px; padding:0 20px; background-color:#56B4DC; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; font-weight:normal;}

.super_body .super_section3 {
    background: url('../image/super-load-background_02.1.jpg') no-repeat center;
    height: 545px;
}

.super_body .super_section3 .super_section_text {
    right: 72px;
    top: 63%;
    text-align: right;
}

.super_body .super_section3 .super_section_text span {
    color: #fff;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    font-style: italic;
}

.super_body .super_section3 .super_section_text strong {
    color: #ff4d6f;
    font-size: 16px;
    font-weight: bold;
}

.super_body .super_section3 .super_section_text h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 50px 0 60px 0;
    font-style: italic;
}



.promise_btn{
    position: absolute;
    width: 98px;
    height: 98px;
    top: 50px;
    right: 80px;
    cursor: pointer;
}

#promise{
    background: #fff;
    display: none;
    /*    overflow-y: scroll;*/
    overflow-x: hidden;
    /*    position: fixed;
        width: 640px;
        height: 80%;
        top: 10%;
        left:0;
        margin-left: -320px*/

}

#promise h1{
    color: #ff0066;
    font-size:52px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 40px 0 20px 0;
    text-align: center;
}

#promise p{
    width: 535px;
    font-size:19px;
    color: #666;
    line-height: 34px;
    text-indent: 42px;
    margin: auto;
    text-align:left;
    letter-spacing: 1px
}


#promise h2{
    width: 535px;
    height: 34px;
    font-size:19px;
    color: #ff0066;
    line-height: 34px;
    margin: auto;
    text-align:left;
    letter-spacing: 1px;
    font-weight: bold;
}

#promise .pic{
    width: 355px;
    height: 478px;
    margin: 20px auto;
}

.promise_logo{
    width: 535px;
    height: 30px;
    line-height: 30px;
    margin: 20px auto;
    margin-top: 45px
}

.promise_logo .time{
    font-size:12px;
    float: left;
    color: #666;
    padding-top: 4px
}

.promise_logo .logo{

    float: right;
}

.super_body .super_section4 .super_splice1 {
    background: url('../image/super_07-1.0.2.jpg') no-repeat center;
    height: 407px;
}

.super_body .super_section4 .super_splice2 {
    background: url('../image/super_06-1.0.1.jpg') no-repeat center;
    height: 405px;
}

.super_body .super_section4 .super_section_text {
    text-align: center;
    width: 100%;
    top: 6%;
}

.super_body .super_section4 .super_section_text h1 {
    color: #ff3300;
    display: block;
    font-size: 36px;
    margin-bottom: 20px;
}

.super_body .super_section4 .super_section_text span {
    color: #ddd;
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
}

.super_body .super_section4 .super_section_text p {
    color: #ddd;
    display: block;
    font-size: 12px;
    margin: 75px auto;
    width: 265px;
    overflow: hidden;
}

.super_body .super_section4 .super_section_text p b {
    width: 33.3333333%;
    float: left;
}

.super_body .super_section5 {}

.super_body .super_section5 .super_splice1 {
    background: url('../image/super_09-1.0.2.jpg') no-repeat center;
    height: 415px;
}

.super_body .super_section5 .super_splice2 {
    background: url('../image/super_10-1.0.1.jpg') no-repeat center;
    height: 399px;
}

.super_body .super_section5 .super_section_text {
    text-align: center;
    width: 100%;
    top: 61%;
}

.super_body .super_section5 .super_section_text h1 {
    color: #fff;
    display: block;
    font-size: 35px;
    margin-bottom: 35px;
    font-weight: normal;
}

.super_body .super_section5 .super_section_text span {
    color: #fff;
    display: block;
    font-size: 13.5px;
    margin-bottom: 12px;
    opacity: .8;
}

.super_body .super_section5 .super_section_text p {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 245px auto 0 auto;
    width: 945px;
    overflow: hidden;
}

.super_body .super_section5 .super_section_text p b {
    width: 25%;
    float: left;
}

.super_body .super_section6 {}

.super_body .super_section6 .super_splice1 {
    background: url('../image/super_11-1.0.4.jpg') no-repeat center;
    height: 412px;
}

.super_body .super_section6 .super_splice2 {
    background: url('../image/super_12-1.0.3.jpg') no-repeat center;
    height: 401px;
}

.super_body .super_section6 .super_section_text {
    text-align: center;
    color:#fff;
    width: 100%;
    top: 11%;
}

.super_body .super_section6 .super_section_text h1 {
    color: #fff;
    display: block;
    font-size: 35px;
    text-align: center;
    margin-bottom: 22px;
    font-weight: normal;
}

.super_body .super_section6 .super_section_text span {
    color: #fff;
    display: block;
    font-size: 15px;
    margin-bottom: 12px;
    opacity: 0.8;
    filter:(opacity=80);
}

@media (max-width:1280px){
    .super_section_text span{
        font-size:12px !important;
    }
}

.super_body .super_section6 .super_section_text p {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 auto 0 auto;
    width: 395px;
    overflow: hidden;
    position: absolute;
    right: 85px;
    top: 81%;
    text-align: center;
}

.super_body .super_section6 .super_section_text p b {
    width: 20%;
    float: left;
    color: #333;
}

.super_body .super_section7 {}

.super_body .super_section7 .super_splice1 {
    background: url('../image/super_13-1.0.1.jpg') no-repeat center;
    height: 353px;
}

.super_body .super_section7 .super_splice2 {
    background: url('../image/super_14-1.0.0.jpg') no-repeat center;
    height: 458px;
}

.super_body .super_section7 .super_section_text {
    text-align: center;
    width: 100%;
    top: 6%;
}

.super_body .super_section7 .super_section_text h1 {
    color: #fff;
    display: block;
    font-size: 35px;
    margin-bottom: 35px;
    font-weight: normal;
    text-align: center;
}

.super_body .super_section7 .super_section_text span {
    color: #fff;
    display: block;
    font-size: 13.5px;
    margin-bottom: 12px;
    color: #fff;
    opacity: .8;
    text-align: center;
}

.super_body .super_section7 .super_section_text p {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 118px auto 0 auto;
    width: 522px;
    text-align: center;
    overflow: hidden;
}

.super_body .super_section7 .super_section_text p b {
    width: 16.6666667%;
    float: left;
    color: #fff;
}

.super_body .super_section8 {}

.super_body .super_section8 .super_splice1 {
    background: url('../image/super_15-1.0.5.jpg') no-repeat center;
    height: 407px;
}

.super_body .super_section8 .super_splice2 {
    background: url('../image/super_16-1.0.4.jpg') no-repeat center;
    height: 403px;
}

.super_body .super_section8 .super_section_text {
    text-align: center;
    width: 100%;
    top: 6%;
}

.super_body .super_section8 .super_section_text h1 {
    color: #fff;
    display: block;
    font-size: 35px;
    margin-bottom: 35px;
    font-weight: normal;
}

.super_body .super_section8 .super_section_text span {
    color: #fff;
    display: block;
    font-size: 15px;
    margin-bottom: 12px;
    color: #fff;
    opacity: .8;
}

.super_body .super_section8 .super_section_text p {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 95px auto 0 auto;
    width: 270px;
    text-align: center;
    overflow: hidden;
}

.super_body .super_section8 .super_section_text p b {
    width: 33.3333333%;
    float: left;
    color: #fff;
}

.footerAd {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    height: 236px;
    line-height: 135px;
    border-bottom: 4px solid #009dc4;
}

.footerAd img {
    vertical-align: middle;
}

.footer {
    background-color: #282c2d;
    height: 125px;
    width: 100%;
    padding-top: 35px;
}

.footer p {
    display: inline-block;
    width: 100%;
    color: #969798;
    text-align: center;
    margin-bottom: 12px;
}

.footer a {
    color: #969798;
}

.footer a:hover {
    color: #fe4c6f;
}

@media (width:1080px) {
    .super_body .super_section_wrap {
        width: 100% !important;
    }
    .super_containter {
        min-width:1020px !important;
    }
    .super_header .super_main {
        width: 1020px !important;
    }
    .super_newbie_content {
        width: 1020px !important;
    }
    .super_newbie_right-content {
        width:770px !important;
    }
    .super_about_content {
        width:1020px !important;
    }
}

/*???*/
#download_box{
    position:relative;
    width:100%;
    height:302px;
    left:5.8%;
    top:195px;
}
.mobile_u_download,.rme_download,.mobile_r_download,.dgt_download,.stream4x5_download{
    width:190px;
    height:302px;
    position:absolute;
    border-radius:10px;
    overflow:hidden;
}
.mobile_u_download{
    background:url('../image/super_load_mobile_u-1.0.0.png') no-repeat center;
}
.mobile_r_download{
    background:url('../image/super_load_mobile_u_mini-1.0.0.png') no-repeat center;
    left:200px;
}
.dgt_download{
    background:url('../image/super_load_dgt-1.0.0.png') no-repeat center;
    left:400px;
}
.stream4x5_download{
    background:url('../image/super_load_stream4x5-1.0.0.png') no-repeat center;
    left:600px;
}
.rme_download{
    background:url('../image/super_load_rme-1.0.1.png') no-repeat center;
    left:800px;
}

.mobile_u_download_pos,.rme_download_pos,.mobile_r_download_pos,.dgt_download_pos,.stream4x5_download_pos{
    position:absolute;
    width:190px;
    height:302px;
    top:-352px;
}
.mobile_u_download_pos{
    background:url('../image/super_open_mobile_u-1.0.0.png') no-repeat center;
    transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
}
.mobile_r_download_pos{
    background:url('../image/super_open_mobile_u_mini-1.0.0.png') no-repeat center;
    transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
}
.dgt_download_pos{
    background:url('../image/super_open_dgt-1.0.0.png') no-repeat center;
    transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
}
.stream4x5_download_pos{
    background:url('../image/super_open_stream4x5-1.0.0.png') no-repeat center;
    transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
}
.rme_download_pos{
    background:url('../image/super_open_rme-1.0.1.png') no-repeat center;
    transition: all 0.3s ease-in 0.1s;
    -webkit-transition: all 0.3s ease-in 0.1s;
}

.mobile_u_download:hover .mobile_u_download_pos{
    top:0;
}
.rme_download:hover .rme_download_pos{
    top:0;
}
.mobile_r_download:hover .mobile_r_download_pos{
    top:0;
}
.dgt_download:hover .dgt_download_pos{
    top:0;
}
.stream4x5_download:hover .stream4x5_download_pos{
    top:0;
}

.super_download_mobile_u,.super_download_rme,.super_download_mobile_r,.super_download_gdt,.super_download_stream4x5{
    width: 156px;
    height: 53px;
    text-align: center;
    border-radius: 10px;
    background: url('../image/download_btn-1.0.0.png') no-repeat center;
    background-size:100%;
    display: inline-block;
    margin:110% 9%;
}
/*???*/
.clears{
    clear:both;
}
.super_btn_background{
    width:50%;
    min-width: 984px;
    margin:0 auto;
}
.super_btn_pos{
    position:relative;
    float:left;
}
.super_btn_pos1{
    margin-left:12px;
}
.super_btn_pos img,.super_btn_pos a{
    display:block;
}
.super_download_btn1{
    width: 207px;
    height: 56px;
    border-radius: 30px;
    background: url('../image/download_btn-1.0.0.png') no-repeat center;
    position:absolute;
    left:-6px;
    top:157px;
}
.super_download_btn1{
    margin-right:85px;
    margin-left:-8px;
}
.super_download_btn2{
    margin-left:95px;
}



#confirm-layer{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
#confirm-layer .bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}
.confirm-main{
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #ffffff;
    z-index: 1000;
    width: 530px;
    height: 200px;
    margin-left: -265px;
    margin-top: -100px;
    border-radius: 5px;
    font-weight: bold;
    color: #535e66;
}
.confirm-main .title{
    line-height: 30px;
    padding: 10px 30px;
    border-bottom: solid 1px #eef0f1;
    font-size: 16px;
    text-align: left;
}
.confirm-main .con{
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    padding: 30px;
    height: 88px;
}
.confirm-footer{
    border-top: solid 1px #eef0f1;
    padding: 12px 10px;
}
.confirm-footer a{
    display: block;
    cursor: pointer;
    float: left;
    width: 86px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    font-weight: normal;
}
.confirm-footer a.true{
    background-color: #009dc4;
}
.confirm-footer a.false{
    background-color: #ddd;
    margin-left: 10px;
}
.confirm-footer > div{
    float: right;
}