html {
    position: relative;
}
html,body{
    width:100%;
    min-height:100%;
    background-color: #ff2a4e;
    box-sizing: border-box;
}
.container {
    width: 100vw;
    height: auto;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/101975/19/18711/15727/5e96df4eE00fbbc02/70c5611ac1ae7fdc.jpg");
    background-repeat: no-repeat;
    background-size: 100% 160.8vw;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom:7.6vw;
}
.header-div {
    width: 96vw;
    height: 10.8vw;
    margin: auto;
    margin-top: 2.6vw;
    background-color: rgba(203,21,56,0.8);
    border-radius: 2.6vw;
    box-shadow: 0 1px 1px 0 rgba(255,255,255,.8);
    display: flex;
    align-items: center;
}
.header-div .logo {
    width: 20vw;
    height: 6.667vw;
    border-radius: 4px;
    border:1px solid #fff;
    margin-left: 2.6vw;
}
.header-div .logo img{
    width: 100%;
    height: 100%;
}
.header-div .title {
    font-size: 3.7vw;
    margin-left: 2.6vw;
}

.top-div {
    width: 100%;
    height: 53.9vw;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/102382/32/18706/31764/5e96df4fE9963e93e/a835c4063aa86e4f.png");
    background-size: 100% 100%;
}

.top-div .rule-btn {
    width: 12.1vw;
    height: 5.4vw;
    background-image: linear-gradient(#fe871e,#ffc544);
    border-radius: 5.4vw 0 0 5.4vw;
    float:right;
    margin-top: 2vw;
    font-size: 3vw;
    text-align: center;
    line-height: 5.4vw;
    text-indent: 2vw;
}

.content-div {
    width: 96.48vw;
    min-height: 62.16vw;
    background-color: #ff4d68;
    margin: auto;
    border-radius: 10px;
    padding-bottom: 2vw;
}
.content-div > .top {
    width: 96.48vw;
    height: 3.24vw;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/118312/20/1348/861/5e96df4eE9fd76fec/dfd20a66fd5465d0.png");
    background-size: 100% 100%;
}
.content-div > .content {
    width: 91.89vw;
    height: auto;
    min-height: 10vw;
    background-color: #cf1839;
    margin: auto;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.content-div > .content > .item-div {
    width: 40.54vw;
    height: 51.35vw;
    background-color: #fff;
    margin-top: 2.7vw;
    margin-left: 3.6vw;
    border-radius: 10px ;
    overflow: hidden;
}
.content-div > .content > .item-div:last-child {
    margin-bottom: 2.7vw;
}
.item-div > .item-img {
    width: 100%;
    height: 40.54vw;
}
.item-div > .item-div > img {
    width: 100%;
    height: 100%;
}
.item-div > .item-title {
    width: 38.14vw;
    height: 7.41vw;
    color: #000;
    font-size: 2.5vw;
    overflow: hidden;
    margin: auto;
    margin-top: 1.2vw;
}
.bottom-div {
    margin: auto;
    margin-top: 2.5vw;
    margin-bottom: 7vw;
}
.bottom-div .btn-div {
    width: 90.54vw;
    height: 12.83vw;
    background-image: linear-gradient(#fff1a6 20%,#ffc544 99%,#fff1a6);
    border-radius: 90.54vw;
    box-shadow: 0 1.35vw 1px 0 rgba(255,122,15,1);
    text-align: center;
    line-height: 12.83vw;
    font-size: 5.135vw;
    color: #771902;
}

/*弹窗样式*/
.dialog-div {
    width: 79.45vw;
    height: 98.513vw;
    background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/110130/8/12468/35905/5e96df4eE2f20c687/d7650f3ea603d004.png'); background-size: 100% 100%;
}
.dialog-title {
    width: 100%;
    height: 13.333vw;
    font-size: 5.6vw;
    color: #fff;
    font-family: "Alibaba PuHuiTi M";
    text-align: center;
    line-height: 13.333vw;
    font-weight: bold;
}
.dialog-rule-content {
    width: 70.27vw;
    height: 77.027vw;
    background-color: #fff;
    border-radius: 5px;
    margin:auto;
    overflow: hidden;
    position: relative;
}
.dialog-rule-content .dialog-rule-content-div {
    width: 64.18vw;
    height: auto;
    margin: auto;
    padding-top: 5.4vw;
    color: #000;
}
.dialog-rule-content .dialog-rule-content-div > .label-div {
    width: 20.94vw;
    height: 5vw;
    text-align: center;
    line-height: 5vw;
    background-image: linear-gradient(#f65648,#f02c44);
    border-radius: 20.94vw;
    font-size: 3.37vw;
    color: #fff;
}
.dialog-rule-content .dialog-rule-content-div > .content p {
    /*margin: 2.5vw 0 ;*/
    margin-left: 2vw;
    margin-top: 1vw;
    font-size: 3.3vw;
}
.dialog-rule-content .dialog-rule-content-div > .content-num p {
    counter-increment: pnum 1;
}
.dialog-rule-content .dialog-rule-content-div > .content-num p:before{
    content : counter(pnum)". ";
}

.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 1;
}
.swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-container .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dialog-close-btn {
    width: 15vw;
    height: 15vw;
    position: absolute;
    bottom: -2.5vw;
    left: 31.5vw;
    text-align: center;
    line-height: 15vw;
}
.dialog-close-btn > i {
    font-size: 10vw;
}
/*领取奖品弹窗样式*/
.dialog-receive-title {
    font-size: 4.86vw;
    text-align: center;
    padding-top: 10.16vw;
    line-height: 8vw;
}

.dialog-content {
    width: 100%;
    height: auto;
}

/*领取奖励图标*/
.receive-icon {
    width: 62.70vw;
    height: 49.86vw;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/97372/12/18762/18302/5e96df4fE0ad8d111/09ed48d60f52872c.png");
    background-size: 100% 100%;
    margin: auto;
    margin-top: 5.75vw;
}

/*领取奖励按钮*/
.receive-btn {
    width: 71.89vw;
    height: 12.83vw;
    border-radius: 71.89vw;
    background-image: linear-gradient(#fff3b1,#ffb517);
    margin: auto;
    margin-top: 7vw;
    box-shadow: 0 7px 1px 0 #ff7a0f;
    color: #771902;
    font-size: 5.13vw;
    text-align: center;
    line-height: 13.83vw;
    /*cursor: pointer;*/
}

.register-icon {
    width: 79.45vw;
    height: 45.67vw;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/112458/30/1373/28787/5e96df4fEea0259f9/cfb84f09b456f519.png");
    background-size: 100% 100%;
    margin: auto;
    margin-top: 12.75vw;
}

.register-btn {
    width: 71.89vw;
    height: 12.83vw;
    border-radius: 71.89vw;
    background-image: linear-gradient(#fff3b1,#ffb517);
    margin: auto;
    margin-top: 12vw;
    box-shadow: 0 7px 1px 0 #ff7a0f;
    color: #771902;
    font-size: 5.13vw;
    text-align: center;
    line-height: 13.83vw;
}
.dialog-prize-info {
    width: 100%;
    font-size:5.67vw;
    margin-top: 2.7vw;
    text-align: center;
    margin-bottom: 7vw;
}
.dialog-btn {
    width:79.45vw;
    display: flex;
    justify-content: space-around;
    margin: auto;
}
.dialog-btn .left-btn {
    width: 36.75vw;
    height: 12.83vw;
    border-radius: 36.75vw;
    font-size: 5.13vw;
    text-align: center;
    line-height: 13.83vw;
    background-image: linear-gradient(#ff86c2,#ff296e);
    box-shadow:#fff 0 0 4px inset;
    border-bottom: 1.2vw solid #ff0958;
}
.dialog-btn .right-btn {
    width: 36.75vw;
    height: 12.83vw;
    border-radius: 36.75vw;
    font-size: 5.13vw;
    text-align: center;
    line-height: 13.83vw;
    color: #771902;
    background-image: linear-gradient(#fff3b1,#ffbf2e);
    box-shadow:#fff 0 0 4px inset;
    border-bottom: 1.2vw solid #ff7a0f;
}
.prize-tips {
    width: 100%;
    font-size: 2.83vw;
    margin-top: 2.7vw;
    text-align: center;
}
/*奖品图标*/
.dialog-prize-icon {
    width: 79.45vw;
    height: 55.67vw;
    background-size: 100% 100%;
    overflow: hidden;
}
.dialog-null-icon {
    margin: 30vw auto 37vw;
    text-align: center;
    font-size: 4.8vw;
}
/*积分奖品图标*/
.integrals-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/104779/13/18672/24334/5e96df4eE5d220ad6/d78f51dc8fa6784f.png");
}
.bean-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/108491/25/12338/25407/5e96df4eE59365264/5733f6d59c76b626.png");
}
.coupon-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/86943/16/18732/23536/5e96df4eE17557959/381be7047f5eb305.png");
}
.flow-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/110566/10/12411/25160/5e96df4eE74f7aae6/6ce22e3baed277b0.png");
}
.goods-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/99250/20/18772/42488/5e96df4eEdff7d17b/095bd5c88aa61b48.png");
}
.ecard-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/86859/16/18859/24158/5e96df4eE329044a9/039d692b3e09e581.png");
}
.plus-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/106322/37/18609/29332/5e96df4fE927ee992/b66d47a6932f91cb.png");
}
.iqiyi-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/112963/6/1337/21741/5e96df4eEba76874e/37cef828669f5dcd.png");
}
.null-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/98342/29/18823/15159/5e97c296E94449941/ab9d5f153c4b4f23.png");
}

/*优惠券奖品弹层内容样式*/
.prize-coupon-content {
    margin-top: 9vw;
    font-family: "Alibaba PuHuiTi M";
}
.prize-coupon-content p:nth-child(1){
    color: #d78500;
    font-size: 11.08vw;
    text-align: center;
    padding-top: 5vw;
    font-weight: bold;

}
.prize-coupon-content p:nth-child(1):before {
    content: "￥";
    font-size: 2.97vw;
}
.prize-coupon-content p:nth-child(2){
    color: #d78500;
    font-size: 2.97vw;
    text-align: center;
    /*padding-top: 2vw;*/
}
.prize-coupon-discount p:nth-child(1):before {
    content: "";
}
.prize-coupon-discount p:nth-child(1):after {
    content: "折";
    font-size: 2.97vw;
}
/*E卡奖品弹层内容样式*/
/*iqiyi卡奖品弹层内容样式*/
.prize-ecard-content {
    margin-top: 20vw;
    font-family: "Alibaba PuHuiTi M";
    text-align: center;
}
.prize-ecard-content p {
    text-indent: 17vw;
    font-size: 5vw;
}

/*plus奖品弹层内容样式*/
.prize-plus-content {
    margin-top: 25vw;
    font-family: "Alibaba PuHuiTi M";
    text-align: center;
}
.prize-plus-content p {
    font-size: 3.2vw;
    color: #dfb356;
}



/*实物奖弹层内容样式*/
.prize-goods-content {
    width: 22.9vw;
    height: 22.9vw;
    margin: auto;
    margin-top: 5vw;
}
.prize-goods-content img {
    width: 100%;
    height: 100%;
}
.address-submit-btn {
    width: 71.89vw;
    height: 12.83vw;
    border-radius: 71.89vw;
    background-image: linear-gradient(#fff3b1,#ffb517);
    margin: auto;
    margin-top: 12vw;
    box-shadow: 0 7px 1px 0 #ff7a0f;
    color: #771902;
    font-size: 5.13vw;
    text-align: center;
    line-height: 13.83vw;
}
.dialog-goods-address div{
    width: 67.5vw;
    height: 10.8vw;
    background: #fff;
    margin: auto;
    margin-top: 2.5vw;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.dialog-goods-address div i {
    color: red;
    font-size: 5.5vw;
    padding: 0 2.5vw;
}
.dialog-goods-address div input {
    width: 55vw;
    height: 90%;
    font-size: 3.5vw;
}
.dialog-goods-address .tips {
    font-size: 2.5vw;
    margin-left: 10vw;
}

    /*活动结束*/
.error-div {
    width: 100%;
    height: 160.8vw;
    background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/101975/19/18711/15727/5e96df4eE00fbbc02/70c5611ac1ae7fdc.jpg');
    background-size: 100% 100%;
    position: relative;
}
.error-icon {
    width: 40.1333vw;
    height:29.6vw;
    background-size: 100% 100%;
    position: relative;
    margin: auto;
    top:51.2vw
}
.error-end-icon {
    background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/116593/30/1311/16067/5e96e102E1a252007/5e950797e5734423.png');
}
.error-start-icon {
    background-image: url('//img10.360buyimg.com/imgzone/jfs/t1/116374/2/1304/18524/5e96e102E2fcfb243/4f14644cefc15557.png');
}
.error-text {
    width: 100%;
    text-align: center;
    font-size: 3.7vw;
    position: relative;
    top: 57.2vw;
}
.error-btn {
    width: 56vw;
    height: 12.6667vw;
    background-image: linear-gradient(#ffc26f, #f49228);
    color: #fff;
    font-size: 6.4vw;
    border-radius: 56vw;
    text-align: center;
    line-height: 12.6667vw;
    position: relative;
    margin: auto;
    top: 70vw;
    cursor: pointer;
}

.footer-div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.6vw;
    font-size: 1.86667vw;
    text-align: center;
    color: #fff;
}