@charset "utf-8";
/* CSS Document */

.popup,.redpackge{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.8); max-width:800px; top:0; z-index:1000;}
.vacenter{position:absolute;width: 100%;height: 100%;top:0;display: flex;align-items: center;justify-content: center;}

/*积分道具*/
.integral,.sen{ width:100%;background:url(jf.png) no-repeat center;background-size: 100% 100%;/* height:50%;*/}
.integral .in-num,.sen .in-num{width: 50%;margin: 45% auto 0;text-align: center;font-size: 3.5rem;color:#fff;}
.integral .in-num i,.sen .in-num i{font-size: 1rem;}
.receive-btn{width: 50%;margin: auto;}
.receive-btn a{display: block;width: 5rem;text-align: center;color: #df3121;font-size: 0.75rem;background: #fff;margin: auto;line-height: 1.4rem;border-radius: 0.2rem;font-weight: 600;letter-spacing: 0.1rem;}

/*商品链接道具*/
.shoplink{width: 65%;position: absolute;right: 0.7rem;bottom:-50%;background: #fff;padding: 0.4rem;box-sizing: border-box;border-radius: 0.15rem; transition:1s;}
.s-imgbox{ width:2.5rem; height:2.5rem; margin-right:0.4rem;}
.s-imgbox img{ width:100%; height:100%;}
.s-infobox .shop-name{font-size: 0.65rem;line-height: 0.8rem;height: 1.6rem;font-weight: bold;overflow: hidden;}
.shop-intro .num1{ color:#999;font-size: 0.5rem;}
.shop-intro .num2{color: #ff3832;font-weight: 600;}
.shop-intro .num3 {margin-left: 0.4rem;background: #ff3832;color: #fff;padding: 0.1rem 0.5rem;line-height: 0.8rem;border-radius: 0.8rem;font-size: 0.5rem;}
.shopclose{position: absolute;right: 0.2rem;top: 0;font-size: 1rem;}
.shop-intro .num3 a{ color:#fff;}

/*是否答题*/
.testquestions{ background:url(dt.png) no-repeat center; background-size:100% auto; position:absolute; left:0; width:100%;top: -100%; transition:1s;}
.testquestions .test-title{width: 50%;position: absolute;left: 50%;margin-left: -25%;top: 55%;color: #2a4e87;font-size: 0.8rem;line-height: 1.4rem;text-align: center;}
.testquestions .test-btn{width: 60%;position: absolute;bottom: 0;left: 50%;margin-left: -30%;height: 3rem;}
.test-close{position: absolute;width:70%;left: 50%;margin-left: -35%;top: 22%;text-align: right;}
.test-close i{display: inline-block;width: 0.8rem;height: 0.8rem;background:url(testclose.png) no-repeat center; background-size:100% 100%;}

/*发布公告*/
.notice{background: #333;color: #fff;line-height: 1.4rem;height: 1.4rem;font-size: 0.6rem;position: absolute;width: 100%;left: 0;top: 10%;}

/*红包雨*/
.couten{width: 100%;height: 100%;overflow: hidden;overflow-y: hidden;}
.couten li{position: absolute;animation: all 3s linear;top:-100px;-webkit-tap-highlight-color:  rgba(0, 0, 0, 0);}
.couten li a{display: block;}
.mo{position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2);z-index: 100;display: none;}
.mo .sen{height:17rem;}
.backward{width: 100%;position:absolute;top:0;}
.backward span{display:inline-block;width:40%;height:40%;color: #fff;position:absolute;top:-10%;left:0;right:0;bottom:0;margin: auto;font-size: 4rem; text-align:center;}
.backward span i{display:block;}
.backward span .redtips{ font-size:0.8rem;}

/*发布投票*/
.vacenter .vote{width: 100%;background: url(vote.png) no-repeat center; background-size:100% 100%;margin-top: -4rem;}
.voteBox{width:54%; margin:auto;position: relative;padding-bottom:2rem;}
.voteBox .votetitle{margin-top:2rem;text-align: center;font-size: 0.8rem;color: #000;margin-bottom:1rem;font-weight: 600;}
.votestyle{font-size: 0.5rem;margin: 0.4rem 0;}
.votelist{height:6.5rem;overflow-y: auto;}
.votelist li{ line-height:1.2rem;}
.votelist input[type="radio"]{width: 0.7rem;height: 0.7rem;-webkit-appearance: none;cursor: pointer;background-image: url(radio.png);background-repeat: no-repeat;vertical-align: middle;background-size: 100% 100%;margin-right: 0.4rem;}
.votelist input[type="radio"]:checked{background-image: url(radioed.png);background-repeat: no-repeat;}
.votebtn{position: absolute;width: 100%;bottom:0rem;}
.votebtn a{display: block;width: 4.5rem;height: 1.4rem; margin:auto;line-height: 1.4rem;background: url(votebtn.png) no-repeat center;background-size: 100% 100%;text-align: center;color: #fff;}

/*投票成功*/
.votesuccess span{ display:block; text-align:center;font-size: 0.8rem;color: #000;}
.votesuccess .vote-icon{width: 2.3rem;height: 4rem;margin: -0.5rem auto 0.3rem;background:url(tpcg.png) no-repeat center; background-size:100% 100%;}
.vote-name{margin: 1rem 0 0.7rem;line-height: 0.9rem;color: #666;}
.vote-list{height: 5rem;overflow-y: auto;}
.vote-list li{ line-height:1.4rem; background:#f6f6f6; padding:0 0.4rem; font-size:0.5rem;}
.vote-list li.curr{ background:#bee7fd;}
.vote-list input[type="radio"]{width: 0.7rem;height: 0.7rem;-webkit-appearance: none;cursor: pointer;background-image: url(radio.png);background-repeat: no-repeat;vertical-align: middle;background-size: 100% 100%;margin-right: 0.4rem;}
.vote-list input[type="radio"]:checked{background-image: url(radioed.png);background-repeat: no-repeat;}


/*问卷调查*/
.questionnaire{ padding:0.5rem; background:#fff; border-radius:0.2rem; margin-top:-4rem; width:55%; position:relative;}
.quest-title{font-size: 0.75rem;margin-bottom:0.8rem; position: relative; padding-right: 0.9rem;}
.quest-icon{position: absolute;width: 1.4rem;height: 1.6rem;background: url(qq.png) no-repeat center;background-size: 100% 100%;right: -0.8rem;top: -1rem;}
.questclose{ width:0.9rem; height:0.9rem; background:url(questclose.png) no-repeat center; background-size:100% 100%;position: absolute;right: 0;top: 0;}
.questionnaire ul li{width: 80%;margin: auto;line-height: 1.4rem;/*text-align: center;*/background: #f3f3f3;margin-bottom: 0.6rem;border-radius: 1.4rem;border-bottom: 0.15rem solid #eee; padding: 0 0.5rem;}
.quest-schedule{ text-align:center;}
.schedule{ width:80%; margin:0.4rem auto 0.8rem; background:#dcdcdc; height:0.4rem; border-radius:0.4rem; overflow:hidden;}
.schedule .schedule-inner{ background:#fb4747; display:block; height:0.4rem; border-radius:0.4rem; transition:1s;}
.quest-label li{ display: block;margin-bottom:0.25rem;line-height:1.4rem; }
.quest-label li input{vertical-align: middle; margin-right:0.25rem;}
.quest-label label{vertical-align: middle;}
.quest-btn{margin-top:1rem;}
.quest-subt{ width: 100%; display: block; height:1.5rem;line-height:1.5rem; text-align: center; background: #fb4747; color: #fff; border-radius:0.15rem !important;border: 0; font-size:0.7rem}
.quest-label{ height: 4.7rem;overflow-y:auto; }
.quest-label input[type="radio"],.questionnaire ul li input[type="radio"]{width: 0.7rem;height: 0.7rem;-webkit-appearance: none;cursor: pointer;background-image: url(radio.png);background-repeat: no-repeat;vertical-align: middle;background-size: 100% 100%;margin-right: 0.4rem;}
.quest-label input[type="radio"]:checked ,.questionnaire ul li input[type="radio"]:checked{background-image: url(radioed.png);background-repeat: no-repeat;}
.quest-textarea textarea{padding: 0.5rem; box-sizing: border-box; border:0.05rem solid #ddd; border-radius: 0.15rem;width: 100%;resize: none;height: 4rem;}

/*大转盘*/
.slyderBox{ background:url(cd.png) no-repeat center; background-size:100% auto; position:absolute; left:0;top:0;width:100%;height:100%;}
.slyder .slyderrotate{display:block;width:60%;margin:25% auto 0;}
.slyder .turnplate{display:block;width:100%;position:relative;}
.slyder .turnplate canvas.item{width:100%;text-shadow:#000 0 1px 0;}
.slyder .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}
.shade-btn{ background:url(sharebtn.png) no-repeat center; height:2.4rem;background-size: 100% 100%;}
.slydershade{ width:60%;margin: 0.8rem auto;}
.slyder-gift{margin-top: 0.5rem; background:url(giftlist.png) no-repeat center; background-size:100% 100%;padding:0.8rem 1.8rem 0.8rem;}
.slyder-gift li{ line-height:1rem;font-weight: 600;}


/*中奖和未中奖的样式*/
.succslyder{ background:url(succebg.png) no-repeat center 20%; background-size:100%;}
.succstxt{color: #fbd8c7;font-size: 0.7rem;width: 70%;}
.succbtn{ position:absolute;width:7rem;height:2rem;bottom:20%;left:50%;margin-left:-3.5rem; background:url(subtn.png) no-repeat center; background-size:100%;}

.loselyder{background: url(losebg.png) no-repeat center 25%;background-size: 100%;width: 85%;height: 50%;margin-top: -20%;}
.losebtnBox{margin:7% auto; text-align:center;padding-right: 0.7rem;}
.losetxt{position: relative;width: 85%;margin: 38% auto 0;padding-top: 17%;padding-right: 0.75rem;text-align: center;font-size: 0.7rem;color: #fff; line-height:2rem;}
.losebtn{display:inline-block;width: 4rem;height:1.5rem;line-height:1.5rem; font-size:0.7rem;border-bottom:0.15rem solid #b81919;text-align: center; color:#fff; background:#da4527; border-radius:0.2rem;}
.losetxt .closeicon{position: absolute;right: -0.85rem;width: 1.9rem;height: 1.9rem;top: -0.85rem; cursor:pointer;}



