/* pop */


    .pop { display: none; position: absolute; margin-left: auto !important; margin-top: auto !important; left: 50%; top: 50%; transform: translate(-50%, -50%); }

    .pop .close { position: absolute; right: -60rem; top: 0rem; width: 46rem; height: 46rem; background: url(../img/pop/close.png) center center no-repeat; background-size: 100% auto; transition: all .5s ease-in-out; }

    .pop .close:hover { transform: rotate(360deg); }

    .zhuce { width: 790rem; height: 472rem; background: url(../img/pop/pop1.png) center center no-repeat; background-size: 100% auto; }

    .zhuce h3 {text-align: center;font-size: 38rem;color: #511500;font-weight: bold;margin-top: 60rem;}

    .zhuce .poptext { width: 100%; height: 335rem; position: relative; }

    .zhuce .poptext h4 {font-size: 16rem;text-align: center;color: #938870;position: absolute;transform: translate(-50%);left: 50%;width: 90%;top: 0;}


    .zhuce .poptext .tips {font-size: 16rem;color: #af6648;display: none;position: absolute;left: 150rem;top: 35rem;}






    .zhuce .poptext .inp {position: absolute;transform: translate(-50%);left: 50%;font-size: 23rem;line-height: 50rem;height: 50rem;border: 1rem solid #af6648;color: #511500;background-color: #fff9ea;text-indent: 20rem;width: 500rem;top: 70rem;border-radius: 10rem;}

    .zhuce .poptext .inp::placeholder { color: #b5a295; text-align: center; }



    .zhuce .poptext .lookpp {position: absolute;left: 130rem;width: 70%;top: 138rem;line-height: 26rem;}

    .zhuce .poptext .lookpp span { display: inline-block; cursor: pointer; width: 30rem; height: 30rem; background: url(../img/pop/check.png) center center  no-repeat; background-size: 30rem auto; vertical-align: text-top; }

    .zhuce .poptext .lookpp span.on { background: url(../img/pop/checkon.png) center center no-repeat; background-size: 30rem auto; }

    .zhuce .poptext .lookpp em { width: 86%; display: inline-block; font-size: 16rem; color: #938870; margin-left: 10rem; vertical-align: text-top; }

    .zhuce .poptext .lookpp em a { text-decoration: underline; color: #511500; text-underline-offset: 7rem; }

    .zhuce .poptext .sub { position: absolute; bottom: 0rem;text-transform: uppercase; transform: translate(-50%); left: 50%; width: 272rem; height:66rem; font-size: 38rem; color: #ffecd6; line-height: 66rem; text-align: center; background: url(../img/pop/sub.png) center center no-repeat; background-size: 100% auto; }






    .thank { width: 790rem; height: 380rem; background: url(../img/pop/pop2.png) center center no-repeat; background-size: 100% auto; }

    .thank h3 {     width: 100%;text-transform: uppercase; text-align: center; font-size: 38rem; color: #511500; font-weight: 400; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }




    .yypop{ position: relative; width: 790rem; height: 710rem; background: url(../img/pop/pop3.png) center center no-repeat; background-size: 100% auto; }


    .yypop .title { color: #ffdf91; width: 280rem; margin: 70rem auto 0; height: 123rem; }

    .yypop .title h4 { color: #ffebb9; font-size: 43rem; font-weight: bold; position: relative; text-align: center; }

    .yypop .title h4::after { content: ''; position: absolute; height: 37rem; width: 93rem; background: url(../img/pop/left.png) no-repeat; background-size: 100% auto; left: -100rem; top: 50%; margin-top: -15rem; }

    .yypop .title h4::before { content: ''; position: absolute; height: 37rem; width: 93rem; background: url(../img/pop/right.png) no-repeat; background-size: 100% auto; right: -100rem; top: 50%; margin-top: -15rem; }


    .yypop .showgift{ height: 470rem; width: 720rem; margin: 20rem auto 0; }
    .yypop .showgift ul { font-size: 0; }
    .yypop .showgift li{ display: inline-block; width: 185rem; height: 185rem; margin-right: 80rem; }
    .yypop .showgift li:nth-child(3n){ margin-right: 0; }
    .yypop .showgift li img{ width: 100%; }

    .yypop .showgift p{ color: #fbdaa0; font-size: 16rem; margin-top: 20rem; }

    .yypop .showgift p span{ color: #fff; }

    .yypop .popyuyue{ position: absolute; width: 296rem; height: 63rem; line-height: 63rem; text-align: center; text-indent: 20rem; background: url(../img/pop/popyuyue.png) center center no-repeat; background-size: 100% auto; font-size: 32rem; color: #44290b; left: 50%; transform: translate(-50%); bottom: -30rem; }
    .yypop  .yyon{ background: url(../img/pop/popyuyueon.png) center center no-repeat; background-size: cover; color: #ffecc4; }







    .popvideo {
        display: none;
        position: absolute;
        z-index: 50;
        width: 1263rem;
        height: 711rem;
    }
    
    .popvideo .popContent {
        width: 1263rem;
        height: 711rem;
        margin: 0 auto;
        background: url(../img/pop/pop.png) center top no-repeat;
        background-size: 1263rem auto;
        overflow: hidden;
        position: relative;
    
    }
    
    .popvideo .popContent .videobox{
        position: absolute;
        width: 1260rem ;
        height: 708rem ;
        left: 50%;
        top: 50%;
       transform: translate(-50%,-50%);
    }


    .popvideo .popContent .videobox iframe{
        width: 100%;
        height: 100%;
    }