html {
    position: relative;
}
html,body{
    width:100%;
    min-height:100%;
    background-color: #EA414D;
    box-sizing: border-box;
}
.container {
    width: 100vw;
    height: auto;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/159287/38/4021/56601/6006a92aEb268b884/ff051a0206e67abc.jpg");
    background-repeat: no-repeat;
    background-size: 100% 160.8vw;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 7.6vw;
}
.top-div {
    width: 100%;
    height: 10vw;
    margin-top: 13vw;
    position: absolute;
}
.top-div .rule-btn {
    width: 10vw;
    height: 5.4vw;
    background-image: linear-gradient(#FEDE55, #F4902D);
    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;
}
.header-div {
    width: 100%;
    height: 10.667vw;
    margin: auto;
    background-color: #F7971B;
    box-shadow:rgb(255, 255, 255) 0px 0px 12px inset;
    display: flex;
    align-items: center;
}
.header-div .logo {
    width: 20vw;
    height: 6.667vw;
    border-radius: 4px;
    margin-left: 2.6vw;
    overflow: hidden;
}
.header-div .logo img{
    width: 100%;
    height: 100%;
}
.header-div .title {
    font-size: 3.7vw;
    margin-left: 2.6vw;
}

.title-div{
    width: 71.73vw;
    margin: 0 auto;
    height: 21.07vw;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/150830/37/6870/15452/5fb22571Eeaa52f54/6ebc3775a77eeed1.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.task-div{
    width: 69.07vw;
    height: 7.2vw;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    margin: 19vw auto 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.activity-prize{
    width: 90vw;
    min-height: 60vw;
    margin: 4vw auto;
    background: #CD0303;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px solid #FEFB9E;
    border-radius: 20px;
    padding: 10vw 0 15vw;
    box-shadow: rgb(255, 255, 255) 0px 0px 20px inset;
}

.activity-prize .activity-prize-logo {
    width: 65.07vw;
    height: 16.93vw;
    /*position: relative;*/
}
.activity-prize .activity-prize-logo .prize-title{
    margin-left: 5vw;
    margin-top: 4vw;
    font-size: 4vw;
}
.dialog-prize-icon .prize-title{
    margin: 15vw auto 0;
    text-align: center;
    font-size: 3vw;
    color: #CCBF73;
}

.activity-prize .prize-coupon .prize-title {
    margin: 8vw auto 0;
}
.activity-prize .prize-goods .prize-title {
    margin: 8vw auto 0;
}

.activity-prize .prize-coupon{
    background: url("//img10.360buyimg.com/imgzone/jfs/t1/167236/16/3220/9809/6006a92aE97c66f7a/eab27e714ab94096.png") ;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 2vw 0;
}
.prize-coupon > div {
    display: flex;
    height: 16.93vw
}
.prize-coupon  .price {
    font-size: 10vw;
    width: 27vw;
    text-align: center;
    line-height: 16vw;
    margin-left: 4vw;
}
.prize-coupon  .price > span {
    font-size: 4vw;
}
.prize-coupon  .condition {
    font-size: 4vw;
    width: 30vw;
    text-align: center;
    margin: auto;
    margin-right: 3vw;
}

.prize-num {
    width: 50.4vw;
    font-size: 12.2vw;
    position: absolute;
    top: 4vw;
    left: 0.5vw;
    text-align: center;
}
.prize-num > span {
    font-size: 4vw;
}
.prize-type {
    width: 100%;
    margin-top: 1.5vw;
    font-size: 5.2vw;
    text-align: center;
}


.prize-goods .prize-img {
    width: 19.333vw;
    height: 19.333vw;
    margin: 4.5vw auto 3vw;
}
.prize-goods .prize-img img {
    width: 100%;
    height: 100%;
}

.activity-btn{
    width: 100vw;
    display: flex;
    margin: -11vw auto 30vw;
    padding-left: 2vw;
    /*justify-content: center;*/
    justify-content: space-evenly;
    z-index: 99;
}
.activity-btn div {
    color: #771102;
    width: 39.2vw;
    height: 12.8vw;
    line-height: 11.8vw;
    text-align: center;
    font-size: 4.3vw;
    font-weight: bold;
}
.activity-btn .btn-color1 {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/170195/5/3415/6432/6006a92aE7213d19e/0132f3e940f0bd8f.png");
    background-size: 100%;
}
.activity-btn .btn-color2 {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/150836/6/15759/7617/6006a92aEe8d4e799/8a81f4be31e9c976.png");
    background-size: 100%;
}
.activity-btn .btn-color3 {
    width: 53.87vw;
    height: 13.07vw;
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/162805/26/3380/7894/6006a92aE0fe8be32/4578bfb21d927fbe.png");
    background-size: 100%;
}


/*规则*/
.dialog-rule-content{
    margin: 0 auto;
    padding-right: 3vw;
}
.dialog-rule-content .rule-text{
    width: 60.667vw;
    height: 70vw;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: 3vw;
    align-items: center;
    padding: 7vw 4vw 3vw;
    overflow-y: scroll;
}
.rule-text > div{
    margin-bottom: 3vw;
}
.rule-text .rule-title{
    width: 23vw;
    height: 5.5vw;
    line-height: 5.5vw;
    text-align: center;
    background-image: linear-gradient(#FEDE55, #F4902D);
    border-radius: 3vw;
}
.rule-text .rule-content{
    margin-left: 2vw;
}

/*弹窗样式*/
.dialog-prize-num {
    width: 65.5vw;
    font-size: 7.2vw;
    position: absolute;
    top: 45vw;
    left: -2.5vw;
    text-align: center;
}
.dialog-prize-num > span {
    font-size: 4vw;
}
.dialog-title {
    width: 100%;
    height: 11.333vw;
    font-size: 4.5vw;
    text-align: center;
    line-height: 11.333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vw;
}

.dialog-content {
    width: 100%;
    height: 81.6667vw;
    display: flex;
    flex-wrap: wrap;
}

.dialog-prize-icon {
    width: 59.86vw;
    height: 43.07vw;
    background-size: 100% 100%;
    margin: 3.5vw auto 0;
    position: relative;
}
.dialog-success-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/167635/22/3096/4381/6006a92aE8f17edce/73d6d8c4036e2d35.png");
    width: 17.6vw;
    height: 17.6vw;
    background-size: 100% 100%;
    margin: 8vw auto 0vw;
}

.dialog-fail-icon {
    background-image: url("//img10.360buyimg.com/imgzone/jfs/t1/156413/40/6580/4676/6006a92aEb7574703/349c11b877cf48bf.png");
    width: 17.6vw;
    height: 17.6vw;
    background-size: 100% 100%;
    margin: 8vw auto 0vw;
}

.dialog-tip-title {
    color: #FF151C;
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
    margin: 5vw 0 1vw;
}
.dialog-tip-content {
    color: #999;
    font-size: 3.5vw;
    text-align: center;
}

.dialog-close-btn {
    width: 13vw;
    height: 13vw;
    position: absolute;
    bottom: -18.5vw;
    left: 30.5vw;
    text-align: center;
    line-height: 13vw;
}
.dialog-close-btn > i {
    font-size: 13vw;
}


/*活动结束*/
.error-div {
    width: 100%;
    height: 214.46vw;
    position: relative;
    background: #FF2E29;
}
.error-icon {
    width: 40.1333vw;
    height:29.6vw;
    background-size: 100% 100%;
    position: relative;
    margin: auto;
    top: 74.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: 77.2vw;
}
.error-btn {
    width: 56vw;
    height: 12.6667vw;
    background-image: linear-gradient(#FDF0B6, #FAA712);
    color: rgb(119,25,2);
    font-size: 6.4vw;
    border-radius: 56vw;
    text-align: center;
    line-height: 12.6667vw;
    position: relative;
    margin: auto;
    top: 90vw;
    cursor: pointer;
}

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