#app {
    width: 100%;
    position: relative;
}
*{
    margin: 0;
    padding:0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
ul,li{
    list-style: none;
}
.abs{
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
}
*{
    margin: 0;
    padding:0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
ul,li{
    list-style: none;
}
html{
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei UI";
}
body{
    height: 100%;
    width: 100%;
}
.hdqyfb-body {
    position: relative;
    margin: auto;
    width: 100%;
    height: 5964px;
    font-size: 16px;
    min-width: 1200px;
    overflow-x: hidden;
}
.popupWindow{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 99;
}
.popup-wrap{
    width: 760px;
    height: 450px;
    background: url("../img/popupBG.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popupMsg{
    top:100px;
    font-size: 60px;
    text-align: center;
    color: #866f40;
    width: 700px;
    left: 30px;
}
.comfireBtn{
    width: 300px;
    height: 80px;
    background: url("../img/popupBtn.png") no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 50px;
    left:230px;
}
#hdqybanner .swiper-pagination-bullet {
    margin: 0 4px !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d6ae43;
}
#hdqybanner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #a69365;
    width: 15px;
    height: 15px;
}
.yy-gift-title{
    width:838px;
    height: 66px;
    top: 1000px;
    left: 541px;
    background-image: url("../img/title2.png");
}
.yy-gift-icon{
    width:1160px;
    height: 282px;
    top: 1130px;
    left: 380px;
    background-image: url("../img/gift.png");
}
.hdqyfb{
    position: absolute;
    width:1920px;
    height: 5964px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #202020;
}
.session5{
    width: 100%;
    position: relative;
    height: 830px;
}
.te-title{
    width:516px ;
    height: 158px;
    left: 702px;
    top: 40px;
    background-image: url("../img/title5.png");
}
.ts-banner{
    width: 990px;
    height: 500px;
    position: absolute;
    top: 240px;
    left: 465px;
}
.nav{
    position: fixed;
    z-index: 9;
    width: 220px;
    height: 508px;
    top: 20%;
    right: 0;
    background: url("../img/navbg.png") no-repeat;
    padding:30px 24px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1300px) {
    .nav{
        position: fixed;
        z-index: 9;
        width: 220px;
        height: 508px;
        top: 20%;
        right: -200px;
        background: url("../img/navbg.png") no-repeat;
        padding:30px 24px;
        box-sizing: border-box;
        transition: all 0.3s ease-in-out;
    }
    .nav:hover{
        right: 0;
    }
}
.nav-li{
    width: 178px;
    height: 62px;
    margin: 24px 0px;
    overflow: hidden;
    cursor: pointer;
}
.nav-li-imgwrap{
    font-size: 0;
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}
.nav-li img{
    width: 178px;
    height: 62px;
}
.banner{
    width: 1920px;
    height: 1118px;
    position: relative;
    background: url("../img/banner.jpg?v=0504") no-repeat;
}
.wrap{
    width: 100%;
    height: 4512px;
    position: relative;
    background: url("../img/bg.jpg") no-repeat;
}
.wrap .session2{
    width: 100%;
    position: relative;
    height: 1570px;
}
.yy-wrap{
    width: 1184px;
    height: 1028px;
    top: -110px;
    left: 368px;
    background-image: url("../img/fb-bg1.jpg");
}
.wrap .session3{
    width: 100%;
    position: relative;
    height: 1040px;
}
.yyjj-title{
    width: 516px;
    height: 197px;
    left: 702px;
    top: 40px;
    background-image: url("../img/title3.png");
}
.yyjj-time{
    width: 658px;
    height: 124px;
    left: 631px;
    top: 260px;
    background-image: url("../img/title3-2.png");
}
.yyjj-num{
    width: 306px;
    height: 38px;
    left: 807px;
    top: 410px;
    background-image: url("../img/now-num.png");
}
.yyjj-num-text{
    position: absolute;
    text-align: center;
    top: 40px;
    font-size: 60px;
    font-weight: bold;
    color: #9b885c;
    width: 100%;
}
.yyjj-progress{
    width: 1145px;
    height: 408px;
    left: 388px;
    top: 580px;
    /*background-image: url("../img/gift-progress.png");*/
}
.yyjj-progress .yyjj-progress-bar{
    width: 1110px;
    height: 12px;
    border-radius: 8px;
    border: 2px solid #27bcdc;
    top: 5px;
    left: 16px;
}
.yyjj-progress-bar .yyjj-progress-loaded{
    width: 1110px;
    height: 12px;
    border-radius:8px 0 0 8px;
    background-color:#27bcdc;
    transform-origin: 0% 50%;
}
.yyjj-progress .yyjj-progress-g{
    width: 240px;
    height: 416px;
    top: -20px;
}
.yyjj-progress .yyjj-progress-g img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wrap .session4{
    width: 100%;
    position: relative;
    height: 1070px;
}
.yq-title{
    width: 569px;
    height: 158px;
    left: 676px;
    top: 50px;
    background-image: url("../img/title4.png");
}
.yq-gift1{
    width: 278px;
    height: 600px;
    left: 421px;
    top: 260px;
    background-image: url("../img/gift-bar1.png");
}
.yq-gift2{
    width: 278px;
    height: 600px;
    left: 821px;
    top: 260px;
    background-image: url("../img/gift-bar2.png");
}
.yq-gift3{
    width: 278px;
    height: 600px;
    left: 1221px;
    top: 260px;
    background-image: url("../img/gift-bar3.png");
}
.yq-btn{
    width: 334px;
    height: 90px;
    overflow: hidden;
    cursor: pointer;
    top: 900px;
    left: 792px;
}
.yq-btn img{
    width: 334px;
    height: 90px;
}
.foot{
    width: 100%;
    height: 220px;
    background: url("../img/foot.jpg?v=0513") no-repeat;
    background-position: center;
    background-color: #202020;
}
.foot-info{
    position: relative;
    text-align: center;
    font-size: 14px;
    background-color: black;
    padding: 20px;
    color: #b7b7b7;
}
.foot-info .levelicon{
    position: absolute;
    width: 60px;
    height: 60px;
    top: 18px;
    left: 690px;
}
.banner-yybtn{
    width: 381px;
    height: 88px;
    overflow: hidden;
    cursor: pointer;
    top: 860px;
    left: 770px;
}
.banner-yybtn img{
    width: 381px;
    height: 88px;
}
.nav-li-imgwrap:hover{
    transform: translateY(-50%);
}
.logo{
    width: 160px;
    height: 52px;
    top: 20px;
    left: 360px;
    position: absolute;
    background: url("../img/logo.png") no-repeat;
}
.fb-login{
    width: 760px;
    height: 108px;
    left: 225px;
    top: 240px;
    background-image: url("../img/fb-btn.png");
}
.fb-login.loginded{
    background-image: url("../img/logined.png");
}
.fb-ljyy{
    width: 760px;
    height: 108px;
    left: 225px;
    top: 510px;
    background-image: url("../img/yy-btn.png");
}
.fb-googleplay{
    width: 360px;
    height: 108px;
    left: 225px;
    top: 650px;
    background-image: url("../img/gp-btn.png");
}
.fb-app{
    width: 362px;
    height: 108px;
    left: 625px;
    top: 650px;
    background-image: url("../img/app-btn.png");
}
.fb-zan{
    width: 230px;
    height: 104px;
    left: 225px;
    top: 790px;
    background-image: url("../img/zan1.png");
}
.fb-share{
    width: 230px;
    height: 104px;
    left: 490px;
    top: 790px;
    background-image: url("../img/zan2.png");
}
.fb-fans{
    width: 230px;
    height: 104px;
    left: 754px;
    top: 790px;
    background-image: url("../img/zan3.png");
}
.fb-text{
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #4f4f4f;
    bottom: 90px;
}
.phone-input-inputCom{
    position: absolute;
    top: 0;
    left: 290px;
    font-size: 42px;
    text-align: center;
    width: 460px;
    border: 0;
    outline: 0;
    line-height: 100px;
    background: none;
    -webkit-appearance: none;
}
.phone-input-lable{
    position: absolute;
    top: 18px;
    left: 6px;
    font-size: 42px;
    text-align: center;
    width: 260px;
    cursor: pointer;
}
.phone-input-ul{
    position: absolute;
    z-index: 10;
    top: 100px;
    border: 2px solid #7e7e7e;
    border-radius:0 0 4px 4px;
    background-color: #d4d4d4;
    padding: 10px;
    left: 6px;
    top: 100px;
    width: 260px;
}
.phone-input-li{
    cursor: pointer;
    font-size: 30px;
    line-height: 48px;
    text-align: center;
}
.phone-input-li:hover{
    background-color: #ccc;
}
.phone-input{
    width: 760px;
    height: 100px;
    left: 225px;
    top: 380px;
    background-image: url("../img/input-phone.jpg");
    z-index: 9;
}
.simplebtn{
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    cursor: pointer;
}
.simplebtn:hover{
    opacity: 0.8;
}