*{padding:0;margin:0;font-size: 14px;}
img{max-width: 100%;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clean{ clear:both} 

.bottomBox{}
.bottomBox .block-box{height:60px;}
.bottomBox .block-box2{height:60px;background:#fff;position: fixed;left:0;bottom:0;display: flex;justify-content: space-around;align-items: center;width:100%}
.bottomBox .block-box2 a{width:152px;height:37px;background:url(btn-normal.png) no-repeat center center/cover;font-size:#ddd;line-height: 37px;font-size:18px;text-align: center;color:#666;}
.bottomBox .block-box2 a.fire{background-image: url(btn-fire.png);color:#fff;}

.bottom-plan{}
.bottom-plan .bottom-plan-block{height:60px;}
.bottom-plan .bottom-plan-block2{height:50px;padding-top:14px;background:#fff;position: fixed;left:0;bottom:0;display: flex;justify-content: space-around;align-items: center;width:100%}
.bottom-plan .bottom-plan-block2 a{width:40px;height:55px;font-size:#ddd;line-height: 20px;font-size:14px;text-align: center;color:#666;}
.bottom-plan .bottom-plan-block2 a:before{content:" ";display: block;height: 25px;background:url(btn-home.png) no-repeat center top/contain;}
.bottom-plan .bottom-plan-block2 a.fire{color:#ff9900;}

.bottom-plan .bottom-plan-block2 a.bottom-plan-bloc-home:before{background-image:url(btn-home-fire.png)}
.bottom-plan .bottom-plan-block2 a.bottom-plan-bloc-home.fire:before{background-image:url(btn-home.png)}

.bottom-plan .bottom-plan-block2 a.bottom-plan-bloc-rule:before{background-image:url(btn-rule-fire.png)}
.bottom-plan .bottom-plan-block2 a.bottom-plan-bloc-rule.fire:before{background-image:url(btn-rule.png)}

.bottom-plan .bottom-plan-block2 a.bottom-plan-bloc-rank:before{background-image:url(btn-rank-fire.png)}
.bottom-plan .bottom-plan-block2 a.bottom-plan-bloc-rank.fire:before{background-image:url(btn-rank.png)}

.plan-list-title{height:60px;line-height: 60px;text-align: center;font-size: 18px;color:#fff;background:#ff9900}

.swiper-container {
    width: 100%;
    height: 100%;
  }
.swiper-slide {
text-align: center;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.plan-list-banner{padding:10px;background:#efeff0;height:220px;position: relative;}
.plan-list-banner .swiper-slide{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active{background:#fff;}

.plan-item{background:#fff;padding:10px;display: block;color:#fff}
.plan-item .img-thumbnail{background:#ff9900;border-radius: 8px;}
.plan-item .img-thumbnail img{width:100%}
.plan-item .small-line{font-size: 11px;}
.plan-item .small-line span{float:right;font-size: 11px;padding-left:13px;
background:url(a-right.png) no-repeat left center/auto 8px;}
.plan-item p{line-height: 30px;padding:0 10px;font-size:18px;
    height: 34px;letter-spacing:2px;
    overflow: hidden;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.plan-item-title{background:url(a-left.png) #ff9900 no-repeat 10px center /35px auto;color:#fff;line-height: 30px;padding:0 10px 0 50px;display: block;}
.plan-item-title2{position: absolute;left:30px;top:20px;color:#fff;z-index: 9;}
.plan-item-box{border:10px solid #efeff0}
.plan-item-num{height:68px;background:url(plan-item-num-bg.png) no-repeat center center /auto 100%;position: relative;}
.plan-item-num .num1,.plan-item-num .num2{width:100px;height:100%;left:50%;top:0;position: absolute;text-align: center;color:#fff;line-height: 68px;}
.plan-item-num .num1{margin-left:-120px}
.plan-item-num .num2{margin-left:30px} 
.clock{text-align: center;padding:10px;color:#666}
.clock span{color:#ff9900;}
.search-bar{background:#ff9900;border-radius: 6px;height:40px;margin:10px;position:relative;padding: 0 44px 0 20px}
.search-bar input{width:90%;border:0;background:#fff;padding:0 5%;height:30px;margin-top:5px;line-height: 30px;}
.search-btn{width:23px;height: 19px;background:url(search-btn.png) no-repeat center center/cover;position: absolute;right:10px;top:50%;margin-top:-10px;}
.plan-page-vote{margin:10px 4%;width:42%;display: inline-block;float:left;position: relative;}
.plan-page-vote .title{height:25px;width:108%;left:-4%;top:80px;background:url(vote-item-title.png) no-repeat center center/100% 100%;color:#fff;position: absolute;line-height: 25px;}
.plan-page-vote .title span{display: block;padding-left:40px;overflow: hidden;padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;}
.plan-page-vote .title i{width:28px;height:30px;background:#fff;border:2px solid #ff9900;color:#ff9900;text-align: center;line-height: 30px;position: absolute;top:-5px;left:4px;border-radius: 100%;font-size: 16px;padding-right: 2px;}
.plan-page-vote .img-thumbnail{background:#efeff0;border-radius: 4px;}
.plan-page-vote .img-thumbnail img{border:4px solid #ff9900;border-radius:4px;box-sizing: border-box;margin-bottom: 20px;}
.plan-page-vote .img-thumbnail .info{line-height: 30px;padding:4px 10px;color:#666}
.plan-page-vote .img-thumbnail .info .fl a{padding-left:20px;background:url(like.png) no-repeat left center/15px 15px;color:#666}

.alert{display: none;}
.alert-bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index: 99;}
.alert-box{position: fixed;left:50%;top:40%;width:200px;line-height: 50px;margin-left:-100px;border:2px solid #ff9900;background:#fff;color:#ff9900;text-align: center;border-radius: 8px;font-size: 14px;z-index: 100;}
.alert-box .alert-btn{border-top:2px solid #ff9900;}
.alert-txt{line-height: 30px;
    padding: 8px;}
.rule-body{margin:20px;}
.rule-title{margin:20px;background:url(rule-title.png) no-repeat center center/100% 100%;width:96px;height:27px;line-height: 27px;text-align: center;color:#fff;;}

.rank-page{background:url(rank-bg.png) #ff9900 no-repeat left top/100% auto;padding-top:120px;}
.rank-page .rank-list{margin:0 20px 0 20px;background:#fff;border-radius: 8px;padding:20px;}
.rank-page .rank-list a{line-height: 30px;height:30px;overflow: hidden;position: relative;text-align: center;border-bottom: 1px solid #666;display: block;color:#666}
.rank-page .rank-list i{width:20px;height:30px;position: absolute;left:10px;top:0;font-style: normal;}
.rank-page .rank-list span.title{padding-right:50px;padding-left:50px;display: block;}
.rank-page .rank-list span.count{position: absolute;color: #ff9900;right:0;top:0;}
.rank-page .rank-list .rank-item-1,
.rank-page .rank-list .rank-item-2,
.rank-page .rank-list .rank-item-3{
    background:url(rank1.png) no-repeat center center/contain;
    line-height: 36px;
    color: #fff;
    font-size: 11px;
}
.rank-page .rank-list .rank-item-2{background-image:url(rank2.png)}
.rank-page .rank-list .rank-item-3{background-image:url(rank3x.png)}
.item-page{padding:20px;background:#fff;}
.item-page .title{width:150px;height:25px;background:url(vote-item-title.png) no-repeat center center/cover;margin:10px auto;display: block;position: relative;}

.item-page .title span{display: block;padding-left:40px;overflow: hidden;padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#fff;line-height: 25px;}
.item-page .title i{width:28px;height:30px;background:#fff;border:2px solid #ff9900;color:#ff9900;text-align: center;line-height: 30px;position: absolute;top:-5px;left:4px;border-radius: 100%;font-size: 16px;padding-right: 2px;}

.item-rank{margin:40px auto;width:220px;height:55px;background:url(item-rank-bg.png) no-repeat center center/cover;}
.item-rank>span{width:80px;float:left;padding-top:14px;text-align: center;}
.item-rank>span.v2{float:right}
.item-rank>span span{color:#ff9900}
.item-page .btn-vote{width:78px;height:78px;margin:40px auto;background:url(item-page-btn.png) no-repeat center center/cover;line-height: 78px;text-align: center;color:#fff;display: block;}

.item-page .block-box2{height:60px;background:#fff;display: flex;justify-content: space-around;align-items: center;
margin:40px 0;}
.item-page .block-box2 a{width:130px;height:30px;background:url(btn-normal.png) no-repeat center center/contain;font-size:#ddd;line-height: 30px;text-align: center;color:#666;}
.item-page .block-box2 a.fire{background-image: url(btn-fire.png);color:#fff;}


@media screen and (min-width: 900px){
    .body-wp{width:900px;margin:auto;}
    .plan-item{width:50%;margin:20px 0;display: inline-block;float: left;box-sizing: border-box;}
    .plan-page-vote .title{top:220px;height:40px;}
    .plan-page-vote .title span{height:40px;line-height: 40px;}
    .plan-page-vote .title i{top:4px}
    .item-page .title{height:50px;width:300px;}
    .item-page .title span{height:50px;line-height: 50px;}
    .item-page .title i{top:7px;}
    .plan-list-banner{height:480px;}
    .rank-page{padding-top:320px}
}

#qrcode2{margin:auto;width:180px;height:180px;}
.category-h2{padding:20px 0 0 20px;color:#ff9900;font-size: 20px;}

/*.plan-desc{height: 8em;overflow: hidden;position: relative;}*/
.plan-desc-all{height: auto;overflow: visible;}
.plan-desc-all .open-btn{display: none;}
.plan-desc .open-btn{position: absolute;left: 0;width: 100%;color: #ff9900;background: rgba(255,255,255,0.9);text-align: center;bottom: 0;}

.plan-desc{padding: 0.4rem;
    line-height: 150%;}