/*reset start*/
html,body{
    width:100%;
    height:100%;
}
body{
    font-family:"Microsoft YaHei";
    position:relative;
    overflow:auto;
}
body,div,p,a,img,h1,h2,h3{
    margin:0;
    padding:0;
}
a{
    display:block;
    text-decoration:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
img{
    display:block;
    vertical-align:top;
    margin:0 auto;
}

/*reset end*/


/*page1 start*/
.pagesWrap,.swiper-container{
    width:100%;
    height:100%;
    position:relative;
}
.page1{
    background:url(http://p2.ifengimg.com/l/2017/49/c4da964480bbb44/page1-bg.jpg) no-repeat center top;
}
.logos{
    width:100%;
    overflow:hidden;
    margin-top:25px;
}
.logos img{
    float:right;
}
.logos span{
    float:right;
    width:1px;
    height:28px;
    background:#848484;
    margin:6px 24px 0 26px;
}
.logos img:nth-of-type(1){
    margin-right:22px;
}
.page1-time{
    margin-top:126px;
    margin-left:69px;
}
.swiper-button-next{
    left:50%;
    margin-left:-24px;
    width:47px;
    height:51px;
    background:url(http://p2.ifengimg.com/l/2017/49/c4da964480bbb44/btn-next.png) no-repeat center center;
    top:auto;
    bottom:60px;
    -webkit-animation:nextBtn-move 2.6s linear infinite;
    animation:nextBtn-move 2.6s linear infinite;
}

@-webkit-keyframes nextBtn-move {
    0%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px);
    }
    30%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    60%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px);
    }
    90%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px);
    }
    100%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px);
    }
}
@keyframes nextBtn-move {
    0%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px);
    }
    30%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    60%{
        -webkit-transform:translateY(6px);
        transform:translateY(6px);
    }
    90%{
        -webkit-transform:translateY(-6px);
        transform:translateY(-6px);
    }
    100%{
        -webkit-transform:translateY(-12px);
        transform:translateY(-12px);
    }
}
.swiper-button-disabled{
    display:none;
}
/*page1 end*/


/*page2 start*/
.page2Wrap{
    width:100%;
    height:100%;
    overflow:auto;
}
.page2{
    width:100%;
    height:auto;
    overflow:hidden;
}
.top-img{
    height:100%;
    position:relative;
    height:auto;
}
.mask-bg{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:86px;
    background:rgba(0,0,0,0.6);
}
.mask-bg h3{
    font-size:28px;
    line-height:86px;
    text-indent:1em;
    color:#fff;
}
.page2 .logos{
    text-align:center;
    margin-top:38px;
    margin-bottom:40px;
}
.page2 .logos img{
    display:inline-block;
    float:none;
    margin:0;
}
.page2 .logos span{
    float:none;
    display:inline-block;
    margin-left:20px;
    margin-right:16px;
}
.video-box{
    width:100%;
    height:auto;
    position:relative;
}
.btnA-videoPlay{
    width:84px;
    height:84px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:url(http://p1.ifengimg.com/l/2017/49/c4da964480bbb44/btn-playVideo.png) no-repeat center center;
}
.introduce{
    overflow:hidden;
}
.title{
    margin-top:26px;
}
.title p{
    font-size:20px;
    color:#a10000;
    text-indent:1em;
    line-height:20px;
}
.title span{
    color:#bababa;
    margin-left:10px;
}
.title-detail{
    font-size:26px;
    line-height:36px;
    color:#2e2e2e;
    margin-top:20px;
    padding:0 21px;
}
.introduce-gray{
    font-size:20px;
    line-height:36px;
    color:#6b6b6b;
    margin-top:18px;
    padding:0 21px;
}
.toPopPages{
    margin-top:30px;
}

.introduce:last-child{
    margin-bottom:32px;
}
/*page2 end*/

/*popPages start*/
.pop-pagesBox{
    width:100%;
    height:100%;
    overflow:auto;
    position:fixed;
    left:0;
    top:0;
    background:#fff;
    z-index:100;
    display:none;
}

.pop-pages{
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    display:none;
    /*background:#fff;*/
}

.pop-pages .btnA-videoPlay{
    left:36px;
    top:auto;
    bottom:28px;
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    background:url(http://p3.ifengimg.com/l/2017/49/c4da964480bbb44/btn-videoPlayGray.png) no-repeat center center;
}
.popTitle .title p{
    margin-top:38px;
    text-indent:36px;
}
.popTitle h2{
    font-size:30px;
    line-height:46px;
    font-weight:bold;
    margin-top:25px;
    padding:0 36px;
    color:#2e2e2e;
}
.articles p{
    font-size:24px;
    line-height:48px;
    color:#6b6b6b;
    margin:18px 0;
    padding:0 36px;
}
.articles img{
    margin:35px auto 35px auto;
}
.advertisement{
    margin-top:40px;
}

.returnBack-btn{
    width:61px;
    height:61px;
    background:url(http://p2.ifengimg.com/l/2017/49/c4da964480bbb44/btn-returnBack.png)no-repeat center center;
    position:fixed;
    bottom:200px;
    right:12px;
}
/*popPages end*/

/*video start*/
.video-componentBox{
    position:absolute;
    left:0;top:0;
    z-index:100;
}
.videoComponent{
    display:none;
}
/*video end*/