.context_box{
    width:18.75rem;
    height: 33.35rem;
    background-image: url('../images/context.jpg');
    background-size: 100%;
    position: relative;
}
.rule_box{
    width:18.75rem;
    height: 33.35rem;
    background-image: url('../images/rule.jpg');
    background-size: 100%;
    position: relative; 
}
.back_icon{
    width:0.6rem;
    height: 1.05rem;
    display:inline-block;
    background-image: url('../images/back.png');
    background-size: 100%;
    margin: 0.1rem 0.2rem 0 0;
}
.shade{
    width:18.75rem;
    height: 33.35rem;
    position: absolute;
    background: #000;
    opacity: 0.8;
    top:0;
    left: 0; 
}
.shade_box{
    width:18.75rem;
    height: 33.35rem;
    position: absolute;
    top:0;
    left: 0; 
}
.gone_box{
    width:12.1rem;
    height:8.425rem;
    border-radius: 0.325rem;
    background: #fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-6.05rem;
    margin-top:-4.21rem;
}
.gone_box_title{
    font-size: 0.75rem;
    text-align: center;
    line-height: 2rem;
}
.gone_box_text{
    font-size: 0.7rem;
    text-align: center;
    line-height: 1rem;
}
.gone_box_btn{
    margin-top:1.5rem;
}
.gone_box_btn a:nth-child(1){
    display:inline-block;
    width:3.5rem;
    height: 1.1rem;
    font-size:0.625rem;
    line-height: 1.1rem;
    text-align: center; 
    border-radius:0.5rem;
    color:#000;
    border:1px solid rgba(58, 58, 58, 1); 
    margin:0 2.3rem 0 1.3rem;
}

.gone_box_btn a:nth-child(2){
    display:inline-block;
    width:3.5rem;
    height: 1.1rem;
    font-size:0.625rem;
    line-height: 1.1rem;
    text-align: center; 
    border-radius:0.5rem;
    color:rgba(252, 170, 13, 1);
    border: solid 1px rgba(252, 170, 13, 1);
}
.confirm_box{
    width:12.1rem;
    height:6.5rem;
    border-radius: 0.325rem;
    background: #fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-6.05rem;
    margin-top:-3.25rem;
}
.confirm_box_text{
    width:10rem;
    margin: 1.5rem auto 0;
    font-size: 0.7rem;
    text-align: center;
    line-height: 1rem;
}
.confirm_btn{
    display:block;
    width:3.5rem;
    height: 1.1rem;
    font-size:0.625rem;
    line-height: 1.1rem;
    text-align: center; 
    border-radius:0.5rem;
    color:rgba(252, 170, 13, 1);
    border: solid 1px rgba(252, 170, 13, 1);
    margin: 1rem auto 0;
}

.red_prize_box{
    width:16.75rem;
    height:24rem;
    border-radius: 0.325rem;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-8.375rem;
    margin-top:-12rem;
}
.red_bag{
    width:16.875rem;
    height:19.05rem;
    background-image:url(../images/red.png);
    background-size: 100%;
}
.red_bag_text{
    padding-top:6.5rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    color:#f9220d;
    text-align: center;
}
.red_bag_text2{
    padding-top:5rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
    color:#f9220d;
    text-align: center; 
}
.red_bag_img{
    width: 2.8rem;
    height:2.8rem;
    margin: 0 auto;
    display: block;
    border:1px solid #ccc;
    margin-top:0.3rem;
}
.hero_name{
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.6rem;
    color:red;
}
.form_info{
    padding-top:6.35rem;
}
.form_info span{
    font-size: 0.55rem;
    color:#fff;
    margin-left:2.875rem;
}
.form_info_input{
    width: 8.425rem;
    height:1.65rem;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 11px 11px 11px 11px;
    font-size: 0.55rem;
    padding-left: 5px;
}
.red_bag_text1{
    margin-top:0.65rem;
    border-top:2px solid #feda02;
    border-bottom:2px solid #feda02;
    color: #feda02;
    line-height:1.65rem;
    font-size: 0.675rem;
    text-align: center;
}
.red_bag_text span{
    font-size: 1.25rem;
    font-weight: bold;
}

.close_btn{
    display: block;
    width:1.8rem;
    height:1.8rem;
    margin: 0.65rem auto;
}
.close_btn img{
    width:100%;
    height: 100%;
}
.submit_btn{
    width:9.5rem;
    height:1.65rem;
    font-size:0.9rem;
    color:#fff;
    text-align: center;
    line-height: 1.65rem;
    background: #f7c51b;
    border-radius: 0.8rem;
    margin: 1rem auto 0;
}

.record_btn{
    margin: 1rem 0.8rem 0 0;
}
.record_btn1{
    margin: 0.4rem 0.8rem 0 0;
}

.return_btn{
    margin: 1rem 0 0 0.8rem;
}
.return_btn1{
    margin: 0.5rem 0 0 0.8rem;
}
.time_box{
    height:1.1rem;
    position: absolute;
    top:0.9rem;
    right: 1.3rem;
}
.time_box p{
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #0a6be0;
    text-align: center;
}

.time_box1{
    height:1.1rem;
    position: absolute;
    top:0.6rem;
    right: 1.3rem;
}
.time_box1 p{
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #0a6be0;
    text-align: center;
}

.title_box{
    width:18.75rem;
    position: absolute;
    top:4.2rem;
    text-align: center;
    font-size: 0.7rem;
    line-height: 0.8rem;
    color: #feda02;
}
.prize_num_text{
    width:18.75rem;
    position: absolute;
    top:5.5rem;
    left: 0;
}
.prize_num_text p{
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #0a6be0;
    text-align: center;
    width: 100%;
    font-weight:bold;
}
.substance_box{
    position: absolute;
    top:5.8rem;
    left:0.7rem;
    width:17.325rem;
    height:23.5rem;
}
.num_box{
    margin-top:2.02rem;
    padding-left:1.5rem;
}
.num_item{
    width:2.15rem;
    height:2.575rem;
    font-size:1.6rem;
    line-height: 2.575rem;
    text-align: center;
    color:#fce216;
    font-weight: bold;
    background: #0a6be0;
    border-radius: 10%;
    margin-right:0.9rem;
}
.prize_box{
    padding-left: 1.5rem;
}
.prize-item{
    margin-top:0.7rem;
    width:3.15rem;
    height: 3.15rem;
    background: #ccc;
    margin-right:0.6rem;
}
.prize-item img{
    width:100%;
    height: 100%;
    vertical-align: middle;
}

.prize_box1{

}
.prize-item1{
    width:5.15rem;
    height: 5.15rem;
    background: #ccc;
    margin:0.4rem 0.3rem 0 0.3rem;
}
.prize-item1 img{
    width:100%;
    height: 100%;
    vertical-align: middle;
}


.container{
    width:8.4rem;
    margin: 0.7rem auto;
    position: relative;
}

.main2{
    background: url("../images/btn_bor.png");
    background-size:100%;
    height: 3rem;
    width:8.4rem;
    margin:0 auto;
}
.num{
    position: absolute;
    top: 0.575rem;
    width: 7rem;
    height: 1.925rem;
    overflow: hidden;
    border-radius: 10%;
}
.num-con{
    position: relative;
    /*top:-266px;*/
    top:0rem;
}
.num-img{
    /*background: url("../images/num1.jpg");*/
    width: 7rem;
    height: 30rem;
    /*background-size: 100%;*/
}
.num-img img{
    height: 100%;
    width:100%;
}
.num2{
    left:0.66rem;
}
.number_count{
    font-size: 0.7rem;
    line-height: 0.7rem;
    text-align:center;
    margin:0.5rem auto;
    width:14.9rem;
    line-height: 1rem;
}

.a{
    position:absolute;
   top:0;
    left:3.9rem;
    width:9.5rem;
    height:1.675rem;
    background-image: linear-gradient(0deg, 
        rgba(235, 164, 71, 1) 0%, 
        rgba(254, 218, 2, 1) 100%), 
    linear-gradient(
        rgba(123, 42, 222, 1), 
        rgba(123, 42, 222, 1));
    background-blend-mode: normal, 
        normal;

    text-align:center; 
    line-height:1.675rem;
    text-decoration:none;
    color:#fff;
    font-size:0.75rem;
    font-family:微软雅黑;
    font-weight:bold; 
    box-shadow: inset 0 0 0.25rem #fff,0 0.3rem 0.125rem #000;
    text-shadow:0.05rem 0.05rem 0.125rem #000;
    -webkit-transition:.3s all ease;
    border-radius:1rem;
}
.a:hover{ box-shadow: inset 0 0 0.75rem #fff,0 0.3rem 0.125rem #000;}
.a:active{box-shadow: inset 0 0 0 #fff,0 0.125rem 0.125rem #000; top:0.175rem; text-shadow:0px 0px 0px #000;}

.footer_btn{
    margin-top:2rem;
    height: 0.7rem;
    line-height: 0.7rem;
}
.rule_btn{
    margin-left:4.7rem;
    line-height: 0.7rem;
}
.rule_btn a{
    font-size: 0.7rem;
    color:#fff;
}
.share_btn{
    line-height: 0.7rem;
}
.share_btn a{
    font-size: 0.7rem;
    color:#fff;
}
.line{
    height:0.5rem;
    border-left:3px solid #fff;
    display: block;
    margin:0.2rem 0.8rem 0 0.8rem;
}


.context_box_share{
    width:18.75rem;
    height: 37.2rem;
    background-image: url('../images/share.jpg');
    background-size: 100%;
    position: relative;
}

.share_box{
    position: absolute;
    top: 8.8rem;
    left: 0.7rem;
    width: 17.325rem;
    height: 14.675rem;
}
.share_box1{
    position: absolute;
    top: 4.5rem;
    left: 0.7rem;
    width: 17.325rem;
    height: 14.675rem;
}

/*滚动*/

#div1{overflow:hidden;position:absolute; top:28.6rem; left:1rem;width:16.5rem;height:5.75rem;}
#ul1{ position:absolute; left:0; top:0;}
#ul1 li{width:16.5rem;height:1.3rem; padding:0 10px; font-size: 0.7rem; line-height: 1.3rem;}
.airing_icon{
    display:block;
    width:0.7rem;
    height: 0.7rem;
    background-image: url('../images/lb.png');
    background-size: 100%;
    margin-right:0.25rem;
    margin-top:0.15rem;
}
#ul1 li p{
    width:12.5rem;
}


#div2{overflow:hidden;width:13rem;height:0.8rem; margin: 0 auto; position: relative;}
#ul2{ position:absolute; right:0; top:0;}
#ul2 li{
    padding:0 0.7rem;
    height:0.8rem;
   /* width:13rem;*/
    text-align: center;
    font-size: 0.7rem;
    line-height: 0.8rem;
    color: #feda02;
 }


.rule_text{
    width:15.1rem;
    height: 19.5rem;
    margin:7rem auto 0;
    font-size:0.7rem;
    line-height: 1rem;
    text-align: center;
}
.share_shade_box{
    width:18.75rem;
    height:9.4rem;
    background: #fff;
    position: absolute;
    bottom:0;
    left: 0;
}
.share_shade_btn{
    width:18.75rem;
    height:2.35rem;
    background: #efb64b;
    position: absolute;
    bottom:0;
    left: 0;
}
.share_shade_btn a{
    display: block;
    width:100%;
    height:100%;
    text-align: center;
    line-height: 2.35rem;
    color: #fff;
    font-size: 0.85rem;
}
.share_shade_icon{
    margin:0.925rem 0 0.5rem 2.65rem;
    width:2.775rem;
    height: 2.775rem;
}
.qq{
    display: block;
    width:2.775rem;
    height: 2.775rem;
}
.qq img{
    height: 100%;
    width:100%;
}
.share_shade_text{
    width:13.75rem;
    line-height:1.2rem;
    font-size:0.625rem;
    color:#393838;
    margin: 0 auto; 
    text-align: center;
}


/*抽奖记录*/
.record_item{
    height: 3rem;
    background: #fff;
    margin-bottom:0.15rem;
    line-height: 3rem;
}
.item_time{
    font-size: 0.7rem;
    text-align: center;
    padding-left:1rem;
    color:#818181;
}
.item_name{
    width:9.5rem;
    color:#ff3641;
    font-size: 0.7rem;
    text-align: center;
}