html,body{height: 100%;}
body{background-color: #eeeeee}
.content{position:relative;overflow: hidden;background-color:#feac01;min-height: 100%;color:#333333;/*padding-bottom: 23rem;*/}
.img1{background:url(../../img/dhf_formal/img1.png) no-repeat; background-size:33.4rem 105.2rem;}

.btn{height: 3.5rem;min-width:13.7rem;padding:0 1rem;font-size:1.3rem;color:#fff;line-height: 1.4;border:0.15rem solid #333333;border-radius: 0.6rem;background-color:#d34a4a;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack:center;-webkit-flex-pack:center; flex-pack:center;-webkit-justify-content:center;justify-content: center}
.btn:active{opacity: 0.6;}
    .btn_icon{position:absolute;left:0.5rem;top:0.2rem;height:0.35rem;width:2.95rem;background-position:0 0;}

.banner{position:relative;min-height:41.05rem;margin-bottom: 1.5rem;}
    .banner_img{width: 100%;}
    .banner_btn{position: absolute;left:4.8%;top:68%;}

.audio{position:absolute;left:0;top:78%;width:100%;padding:0 8% 1.5rem 4.5%;text-align: center;}
    .audio_bd{position:relative;padding:0.3rem 0 0.3rem 2.5rem;margin-top: 1.2rem}
        .audio_head{position:absolute;top:0;left:0;width: 5rem;height: 5rem;background-color:#ffefcc;border-radius: 50%;padding:0 0.2rem;}
            .audio_head>img{max-width: 100%;border-radius: 50%}
        .audio_box{background-color:#ffefcc;;height:4.4rem;border-radius: 0 0.5rem 0.5rem 0;padding:0 1.5rem 0 3.3rem;}
            .audio_icon{background:url(../../img/dhf_formal/icon_audio.png) no-repeat;background-size:1.8rem 10.55rem;width:1.9rem;height: 2.65rem;margin-right: 1rem;background-position: 0 0;}
            .audio_info{text-align: left;line-height: 1.4;}
                .audio_tit{font-size: 1.2rem;color:#4e352e;}
                .audio_txt{font-size:1rem;color:#825d54;}
                .audio_hr{position:relative;height: 1px;width: 100%;background-color:#e3cfc3;margin:0.2rem 0;}
                    .audio_jindu{position:absolute;top:0;left:0;background-color:#3BB93A;height: 100%}
                .audio_time{font-size: 1.2rem;color:#4e352e;}


.article{position:relative;width:33.4rem;height:32.4rem;margin:2.5rem auto 0;background-position:0 -32rem;}
.article.state1{height:38.7rem;background-position:0 -66.5rem;}
    .article_hd{position: absolute;left:50%;top:-0.7rem;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index: 10}
        .article_tit{height:2.5rem;width:21.9rem;}
        .section .article:nth-child(1) .article_tit{background-position:0 -23rem;}
        .section .article:nth-child(2) .article_tit{background-position:0 -18.5rem;}
        .section .article:nth-child(3) .article_tit{background-position:0 -27.5rem;}
        .article_red{position:absolute;right:-1.2rem;top:-0.8rem;height:3.65rem;width:3rem;background-position:0 -6.5rem;}
        .article_ls{position: absolute;right:-3rem;top:-1.3rem;height:4.8rem;width:5.2rem;background-position:0 -12rem;}
        .article_coupon{position:absolute;right:-1.2rem;top:-0.7rem;height:3.65rem;width:3rem;background-position:0 -1.5rem;}
    .article_bd{position:relative;padding-top:1.5rem;}
    .article_ft{padding:0 3rem;}

.rule{padding:1rem 0;border-top:1px dashed #cab79c;}
    .rule>dt{font-weight: bold;color:#684739;font-size: 1rem;margin-bottom: 0.2rem;}
    .rule>dd{font-size: 1rem;color:#684739;line-height: 1.4;padding:0.1rem 0;}
        .rule>dd>span{color:#f04d54;}

.lottery{padding:1.7rem 0;}
    .lottery_hd{position:relative;width:29.45rem;height:9.25rem;margin:0 auto;}
        .lottery_hd>img{max-width: 100%;max-height: 100%;}
        .lottery_txt{position:absolute;left:0;top:0;width:100%;font-size:1.2rem;color:#fff;padding:2rem 0 2rem 11.5rem;line-height: 1.4;}
            .lottery_txt>span{color:#fffc00;}
    .lottery_bd{position:relative;width: 25.1rem;height: 11.64rem;margin:0.5rem auto 0;}
        .lottery_bd>img{max-width: 100%;max-height: 100%;}
    .lottery_ft{padding-top: 1.5rem;}
        .lottery_btn{position:relative;width:12.4rem;margin:0 auto; }

.coupon{}
    .coupon_hd{font-size: 1.2rem;color:#4e352e;line-height: 1.5;text-align: center;padding:1.7rem 1.5rem 1.3rem;}
    .coupon_bd{position: relative;width: 14.75rem;height:6.45rem;margin:0 auto;}
        .coupon_bd>img{max-width: 100%;max-height: 100%;}
    .coupon_ft{padding:1.5rem 0;}
        .coupon_btn{position:relative;width:12.4rem;margin:0 auto; }



.footer{position: relative;margin-top: 2rem;}
    .footer_bg{min-height: 22.45rem;}
        .footer_img{width: 100%;}
    .footer_bd{position: absolute;top:0;left:0;bottom:0;right:0;padding-top: 8rem;}
        .footer_info{padding:0 1.5rem;}
            .footer_item{}
                .footer_cir{font-size:1.2rem;color:#fff1a3;width: 9.4rem;height: 9.4rem;border-radius: 50%;background-color: #feac01;font-weight: bold;line-height: 1.3;margin:0 auto;text-align: center;}
        .footer_ft{font-size: 1.05rem;color:#fff1a3;text-align: center;padding:1.5rem 0 1rem;}

.swiper-slide-active{z-index: 10;}
.swiper-lazy-preloader {
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.05rem;
    margin-top: -1.05rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.audio_playing{
    -webkit-animation:audio_playing 1.5s steps(1) infinite;
    animation:audio_playing 1.5s steps(1) infinite;
}
@-webkit-keyframes audio_playing {
    0%{
      background-position:0 -8rem;
    }
    33.33333% {
      background-position:0 -4rem;
    }
    66.66667% {
      background-position:0 0;
    }
}

@keyframes audio_playing {
    0%{
      background-position:0 -8rem;
    }
    33.33333% {
      background-position:0 -4rem;
    }
    66.66667% {
      background-position:0 0;
    }
}
.invite_more{display: none;position: fixed;bottom: 0;height: 5rem;line-height: 5rem;width: 100%;text-align: center;color: #fff;font-size: 1.6rem;background-color: #ff6314;
    max-width: 750px;}
.layer{position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    max-width: 750px;
    background-color: rgba(0,0,0,0.8);
    z-index: 2000;
    display: none;}
.layer.active {
    display: block;
}
.layer_share {
    text-align: right;
    padding: 1rem 2rem 0;
}
.layer_share>img {
    width: 28rem;
    height: 5.1rem;
}