@charset "utf-8";
/**/
body{font-size: 14px;line-height: 1.5;-webkit-overflow-scrolling: touch;background: #db2736;color: #fff;}
a{ color: #fff; text-decoration: none}
p{color: #fff}
.mxwidth{max-width: 735px; margin: 0 auto; height: 100%;}
.title{padding: 10% 0 5%;}
.title img{width: 65%;margin: 0 auto;}
.banner{position: relative;}
.banner img{position: absolute;}
.banner .bg{position: relative;}
.banner .img1{ top: 10%; width: 36%; left: 32%; animation-delay: .3s;}
.banner .btn1{ top: 44%; width: 30%; left: 35%;animation-delay: 1.2s;}
.banner .btn2{ top: 50%; width: 30%; left: 35%;animation-delay: 1.3s;}
.banner .btn3{ top: 56%; width: 30%; left: 35%;animation-delay: 1.4s;}
.banner .zhuti{ top: 17%;animation-delay: .5s;}
.banner .xiaozhuti{ top: 34%; width: 40%; left: 29%;animation-delay: .8s;}

/**/
.weft01{background: url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa02-daoyu.jpg) no-repeat top;background-size: contain;padding: 14% 18% 0;text-align: justify;}

/**/
.weft02{background: url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa03-beijing.jpg) no-repeat top;background-size: contain;}
.vote_cont .swiper-container{ width: 60%; float: left;margin-right: 3%;}
.vote_cont .swiper-slide h2{position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0.9) 75%); color: #fff;padding: 5px 10px;}
.vote_cont li{background: url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa03-kuang.jpg) no-repeat; background-size: contain;padding: 8% 5%; color: #fff; margin-bottom: 4%;}
.vote_cont li::after{display: block;height: 0;content: "";clear: both;}
.vote_cont .voteInfo{width: 37%; float: left;}
.vote_cont .voteInfo h1{font-size: 20px; font-weight: bold;margin-top: 10px; background: url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa03-jiantou.png) no-repeat right;padding-right: 15px; display: inline-block;background-size: auto 36%;}
.vote_cont .voteInfo h2{font-size: 16px; margin-bottom: 20px;}
.vote_cont .voteInfo .votebtn{background: url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa03-anniu.png) no-repeat;background-size: contain; width: 100%;height: 40px; border: 0;font-size: 16px; line-height: 2;}
.showInfo{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, .8) url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa03-fuceng.png) no-repeat center; background-size: contain;}
.showInfo:after{ display: inline-block; content: ''; width: 0; height: 100%; vertical-align: middle;}
.showInfo .showInfoInner{padding: 0 23%;font-size: 16px;display: inline-block;vertical-align: middle;position: relative;margin-top: 5%;text-align: justify;}

/**/
#commentBox ul{max-height: 300px;overflow-y: scroll;margin-bottom: 10px;}
#commentBox li{padding-bottom: 4%;border-bottom: 1px dotted #ff7261;margin-bottom: 4%;}
#commentBox li img{width: 15%; margin-right: 3%;float: left; border-radius: 5px;}
#commentBox li p{width: 82%; float: left;}
#commentBox li .userName{font-weight: bold;margin-right: 10px;}
#commentBox li:after{display: block;height: 0;content: "";clear: both;}
#comment{width: calc(80% - 20px);float: left;border-radius: 8px 0 0 8px;border: none;padding: 10px;font-size: 12px;line-height: 1.5;height: 4em;}
#goEnter{width: 20%;float: left;line-height: calc(4em + 4px);font-size: 16px;text-align: center;border-radius: 0 8px 8px 0;background: #ffd074;color: #db2736;}

/**/
.weft03{background: url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa09-bg.png) no-repeat center;background-size: contain;}
#randomDraw{width: 40%;margin: 10% auto 0;position: relative;}
#randomDraw > img{position: absolute;width: 30%;left: 35%;-webkit-transition: all 0.2s;transition: all 0.2s;}
#randomDraw .drawResult{display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;background: rgba(0, 0, 0, .8) url(//x0.ifengimg.com/cmpp/2020/1/a4b89fc8b294456/xa10-bg.png) no-repeat center;background-size: 80%;padding: 15%;text-align: center;color: #ffedb6;}
.drawbtn{position: relative;z-index: 2;padding-top: 60%;}
.disable{ user-select: none;pointer-events:none;}
.wenzi{ position: relative; z-index: 2; width: 80%; left: 10%; margin-top: -5%;}
.drawResult .zjtitle{width: 80%;margin: 19% auto 5%;}
.drawResult h2{font-size: 16px;}
.drawResult h2 span{font-size: 22px;}
.drawResult .qrcode{width: 40%; margin: 5% auto}
.drawResult input{border: 0;border-bottom: 1px solid #ffedb6;background: transparent;color: #ffedb6;font-size: 14px;margin: 2%;border-radius: 0;}
.drawResult .tijiao{width: 30%;margin: 3% auto 0;}
.closeBtn{ width: 10%; position: absolute; bottom: 5%; left: 45%;}