img{width: 100%;position: relative;display: block;margin: 0;padding: 0;}
.app-download,.lz-download{display: none;}
.page{width: 100%;position: relative;display: none;}
.bg{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}

/* 首页 */
.page1{height: 100vh;}
.a1{width: 89.07vw;position: absolute;left: 5.2vw;top: 1.49vh;}
.a2{width: 77.87vw;position: absolute;left: 11.2vw;top: 14.2vh;}
.a3{width: 36vw;height:6vw;position: absolute;right: 0;top: 10vh;background: url(img/a3.png) no-repeat;background-size: 100%;font-size: 14px;color: #ffffff;text-align: center;line-height: 6vw;}
.a3 span{color: #ffcc90;}
.a4{width: 32.80vw;position: absolute;left: 15vw;bottom: 8.8vh;cursor: pointer;}
.a5{width: 32.80vw;position: absolute;right: 15vw;bottom: 8.8vh;cursor: pointer;}
.a6{width: 18.8vw;position: absolute;left: 40.6vw;bottom: 18vh;cursor: pointer;}
/* 报名页 */
.page2{height: 100vh;padding-top: 4.30vh;overflow: hidden;}
.page2 .cont{width: 100%;position: relative;}
.b1{position: absolute;left: 0;top: 19vw;}
.upImg{width: 48.4vw;margin: 0 auto 6px;position: relative;}
.upImg .showImg{width: 41.6vw;height: 41.6vw;position: absolute;left: 3.4vw;top: 3.4vw;border-radius: 22vw;background-color: #fff;overflow: hidden;}
.upImg .b3{width: 27.3vw;position: absolute;left: 10.8vw;top: 11.6vw;}
.signList,.list{width: 100%;position: relative;}
.signList{padding: 0 4vw 0 10.8vw;}
.list{margin-bottom: 3.2vw;}
.list label{font-family: hy;font-size: 16px;color: #e3a65e;display: block;}
.list .w{font-family: hy;font-size: 16px;color: #fff;}
.list select{width: 18vw;display: block;height: 6vw;border: 1px solid #a60a00;border-radius: 5px;text-align: center;margin: 0 5px;text-align-last:center;}
input,textarea{outline: none;}
.signList textarea{width: 78.93vw;height: 21.6vw;border: 1px solid #a60a00;border-radius: 5px;padding: 6px;margin-top: 2vw;}
.signList input[type="text"]{width: 68vw;height: 6vw;display:block;border: 1px solid #a60a00;border-radius: 5px;padding-left: 6px;}
.radioList{width: 100%;position: relative;padding: 3.2vw 0 0 10.8vw;}
.radioList div{width: 20.8vw;height: 4.8vw;display: inline-block;margin-bottom: 5px;}
.radioList div:nth-child(1){background: url(img/b5-1.png) no-repeat;background-size: 100%;margin-right: 11vw;}
.radioList div:nth-child(2){background: url(img/b6-1.png) no-repeat;background-size: 100%;}
.radioList div:nth-child(3){background: url(img/b7-1.png) no-repeat;background-size: 100%;margin-right: 11vw;}
.radioList div:nth-child(4){background: url(img/b8-1.png) no-repeat;background-size: 100%;}
.radioList div:nth-child(1).act{background: url(img/b5.png) no-repeat;background-size: 100%;margin-right: 11vw;}
.radioList div:nth-child(2).act{background: url(img/b6.png) no-repeat;background-size: 100%;}
.radioList div:nth-child(3).act{background: url(img/b7.png) no-repeat;background-size: 100%;margin-right: 11vw;}
.radioList div:nth-child(4).act{background: url(img/b8.png) no-repeat;background-size: 100%;}
.b4{width: 27.6vw;margin: 4.4vw auto 0;cursor: pointer;}
/* 活动规则 */
.page5{height: 100vh;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);}
.page5 .cont,.nowx .cont{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.page5 .cont .close{width: 10vw;height: 10vw;position: absolute;right: 9vw;top: -1vw;cursor: pointer;}
.page5 .cont .a8{width: 30vw;height: 11vw;position: absolute;left: 35vw;top: 125vw;cursor: pointer;}
/* 不在微信 */
.nowx{height: 100vh;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);}
.nowx .cont .close{width: 10vw;height: 9vw;position: absolute;right: 14vw;top: 8vw;cursor: pointer;}
@font-face {
    font-family: hy;
    src: url('hy.ttf');
}
/* 上传图片 */
button {font-size: 12px;font-family: arial, "Microsoft YaHei", simsun;line-height: 20px;margin: 0;padding: 0;border: none;}
#imgEditor {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 10000;display: none;}
.fuction {position: relative;height: 72px;}
.fuction #file,.fuction .btn-take-photo {position: absolute;left: 10px;top: 10px;width: 100px;height: 40px;border-radius: 10px;}	
.fuction #file {opacity: 0;}
.fuction .btn-take-photo {pointer-events: none;background-color: #ed4a63;color: #fff;}
.fuction .btn-save {position: absolute;top: 10px;right: 10px;width: 100px;height: 40px;background-color: #da7c0c;color: #fff;border-radius: 10px;}
#container {width: 320px;height: 320px;margin: 90px auto;background-color: #FFFFFF;}
#container canvas{transform: scale(0.5) translateX(-50%) translateY(-50%);}

/* 投票页 */
.page3{background: url(img/bg0.jpg) repeat-y;background-size: 100%;min-height: 100vh;padding-top: 56vw;}
.c1{width: 21.2vw;position: absolute;right: 5.6vw;top: 5.2vw;cursor: pointer;}
.c2{width: 82.4vw;position: absolute;left: 5.8vw;top: 9vw;}
.c3{width: 8.4vw;position: absolute;left: 80.5vw;top: 36.5vw;animation-duration: 2.4s;}
.page3 .cont{width: 91.2vw;margin: 0 auto;background-color: #fff;position: relative;padding-top: 9.07vw;border-radius: 12px;}
.page3 .cont .c4{width: 71.2vw;position: absolute;left: 9.8vw;top: -8.8vw;}
.search{width: 80.4vw;height: 9.2vw;margin: 0 auto 3.73vw;position: relative;}
.search input{width: 80.4vw;height: 9.2vw;background: #e5e5e5 url(img/c5.png) 8px center no-repeat;background-size: 20px 20px;border: 1px solid #959595;border-radius: 8px;padding-left: 36px;}
.search .c7{width: 12vw;position: absolute;right: 0;top: 0;cursor: pointer;}
.showList{width: 91.2vw;position: relative;padding: 0 2.8vw 2.8vw;font-size: 0;}
.showList .l{width: 39.6vw;margin: 0 1.6vw 2.53vw;display: inline-block;border-radius: 7px;overflow: hidden;}
.showList .l .top{width: 39.6vw;height: 39.6vw;overflow: hidden;}
.showList .l .bottom{width: 39.6vw;height: 7.6vw;background-color: #c71c2e;position: relative;}
.showList .l .bottom .id{font-size: 12px;color: #fff;height: 7.6vw;line-height: 7.5vw;position: absolute;left: 8px;top: 0;}
.showList .l .bottom .zan{font-size: 12px;color: #ffdc81;height: 7.6vw;line-height: 7.5vw;position: absolute;right: 7px;top: 0;background: url(img/c6.png) right 0 center no-repeat;background-size: 12px 10px;padding-right: 17px;cursor: pointer;}
.showList .l .bottom .zan.zand{background: url(img/c6-1.png) right 0 center no-repeat;background-size: 12px 10px;padding-right: 17px;}

/* 详情页 */
.page4{height: 100vh;padding-top: 11vh;}
.d7{width: 85.4vw;margin-left: 5.6vw;}
.page4 .cont{width: 100%;position: relative;}
.page4 .cont .imgShow{width: 74.2vw;height:74.2vw;overflow:hidden;position: absolute;left: 13vw;top: 5.4vw;}
.d1{position: absolute;left: 1.5vw;top: -14vw;width: 97vw;}
.page4 .zan{width: auto;height: 35px;background: url(img/d5-1.png) left center no-repeat;background-size: 34px 34px;padding-left: 40px;font-size: 16px;position: absolute;left: 15vw;top: 94.5vw;}
.page4 .zan .num{color: #9b9b9b;height: 17px;line-height: 17px;}
.page4 .zan .icon{color: #c51b2a;height: 17px;line-height: 17px;}
.page4 .zan.zand{background: url(img/d5.png) left center no-repeat;background-size: 34px 34px;font-family: hy;}
.page4 .zan.zand .num{color: #c51b2a;height: 17px;line-height: 17px;}
.page4 .zan.zand .icon{color: #9b9b9b;height: 17px;line-height: 17px;}
.page4 .showId{width: 10.4vw;height: 10.4vw;border-radius: 10vw;background-color: #d92036;line-height: 10.4vw;font-family: hy;color: #fff;text-align: center;font-size: 18px;position: absolute;right: 15vw;top: 94vw;}
.d6{width: 33.2vw;position: absolute;left: 13.2vw;cursor: pointer;top: 150vw;}
.d8{width: 33.2vw;position: absolute;right: 13.2vw;cursor: pointer;top: 150vw;}
.page4 .c1{left: 10vw;top: 3.25vw;}
/* 攻略页 */
.page6{height: 100vh;overflow: hidden;padding-top: 9.6vh;}
.myVideo{width: 90.4vw;height: 50.4vw;background-color: #000;margin: 0 auto;position: relative;}
.myVideo video{width: 100%;}
.justty{
    width: 63.46vw;
    position: absolute;
    left: 18.27vw;
    top: 106vw;
    cursor: pointer;
    animation-duration:7s;
}

/* 中奖名单 */
.prizeList{width:100%;height: 100vh;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);}
.prizeList .cont{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.closePrize{width: 46vw;height: 14vw;position: absolute;left: 27vw;bottom: 0vw;}