*{
    margin:0;
    padding:0;
}
html{height:100%;font-size:13.333vw!important}
body{display:flex;flex-direction:column;height:100%;font-size:0.14rem;font:Arial,Helvetica,sans-serif;}
.container {
   background:url('/Content/img/luckyDraw/bg.jpg') no-repeat top center;
   width: 100%;
   background-size: cover;
   position: relative;
}
.container .top{
    padding: 0.33rem 0 0 0.23rem;
    box-sizing: border-box;
    overflow: hidden;
    height: 4.64rem;
}
.container .top .logo{
    width:1.05rem;
    height: 1.05rem;
    border-radius:0.18rem;
    text-align: center;
    box-sizing: border-box;
    float: left;
}
.container .top .logo img{
   max-width: 100%;
   object-fit: contain;
   height: 100%;
}
.container .top .rule{
    height:0.64rem;
    width: 2.15rem;
    border-radius: 0.32rem;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.64rem;
    float: right;
    background-color: rgba(0,0,0,.5);
    margin-right: -0.13rem;
    color:#fff;
}
.container .top .rule img{
    vertical-align: middle;
    width: 0.37rem;
    height: 0.42rem;
}
.container .zhuanpan{
    /*padding-bottom: 0.7rem;*/
    height: 7.47rem;
    /*height:auto;*/
    text-align: center;
    position: relative;
    box-sizing: border-box;
    margin: 0.2rem auto 0;
}
.container .zhuanpan .zhuanpanbiao{
    width: 100%;
}
.container .zhuanpan .choujiang_img{
    position: absolute;
    top: -0.6rem;
    right: 0;
    left: 0;
    bottom: -0.6rem;
    margin: auto;
    z-index: 288;
    width: 3rem;
  }
    .container .zhuanpan .active {
        position: absolute;
        top: 0.1rem;
        left: 0rem;
        right: 0;
        bottom: 0;
        margin: auto;
        background: url(/Content/img/choujiang/zhuanpan4_1.png) no-repeat top center;
        background-size: 100%;
        overflow: hidden;
    }
    .container .bottom {
        box-sizing: border-box;
        text-align: center;
        bottom: 0;
        width: 93%;
        padding-bottom: 0.8rem;
        margin: 0 auto 0.40rem;
        background-color: #fffeff;
        background: #ffe4b7;
        border-radius: 10px;
    }
/*.container .login{
    height: 5.94rem;
}*/
    .container .bottom .explain {
        color: #ef7a34;
        font-size: 0.36rem;
        font-family: '微软雅黑';
        text-align: center;
        padding-top: 0.42rem;
    }
.bottom .inp {
    border-radius: 0.06rem;
    background-color: rgb(255, 254, 255);
    width: 6.31rem;
    height: 0.87rem;
    border:none;
    outline: none;
    color:#000;
    font-size: 0.3rem;
    text-indent: 0.27rem;
    background-color: #fffeff;
    border-radius: 6px;
    border: solid 0.03rem #fedaa4;
  }
.look_prize{
   color: #faa823;
   font-size:0.26rem;
}
  .bottom .inp::-webkit-input-placeholder { /* WebKit browsers */
       color:#debfae;
        }
  .bottom .inp::-moz-placeholder {
     color:#debfae;
     }
  
  .bottom .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
      color:#debfae;
      }
  
  .bottom .inp::-ms-input-placeholder { /* Internet Explorer 10+ */
      color:#debfae;
  }
  .bottom .phone_inp{
    margin-top:0.3rem;
  }
  .bottom .verifyBox {
      position: relative;
      margin:0.34rem auto 0;
     width: 6.34rem;
  }
  .bottom .verifyBox  .getVerificationCode{
        position: absolute;
        right:-1px;
        top:0;
        width: 3rem;
        height:100%;
        line-height: 0.9rem;
        z-index: 146;
    font-size: 0.3rem;
        color:#fff;
        background-color: #faad2f;
        border-radius: 0 6px 6px 0;
  }
    /*.bottom .verifyBox .btn-yzm{background-image: -moz-linear-gradient( 90deg, rgb(243,57,48) 0%, rgb(247,136,45) 16%, rgb(251,215,41) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(243,57,48) 0%, rgb(247,136,45) 16%, rgb(251,215,41) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(243,57,48) 0%, rgb(247,136,45) 16%, rgb(251,215,41) 100%);}*/
  .bottom .login_btn,.lottery_draw .choujiang_btn{
        /*background-image: -moz-linear-gradient( -90deg, rgb(253,226,199) 0%, rgb(255,213,140) 100%);
        background-image: -webkit-linear-gradient( -90deg, rgb(253,226,199) 0%, rgb(255,213,140) 100%);
        background-image: -ms-linear-gradient( -90deg, rgb(253,226,199) 0%, rgb(255,213,140) 100%);*/
        /*width:6.3rem;*/
        height:1rem;
        text-align: center;
        font-size: 0.45rem;
        font-family: "Microsoft YaHei";
        font-weight: bold;
        line-height: 1rem;
    margin: 0.35rem auto 0;
        border-radius: 0.5rem;
        box-shadow: 0px 4px 9px 0px rgba(158, 17, 37, 0.35);
        background-image: linear-gradient(180deg, #ffdb5a 0%, #ff3827 100%), linear-gradient( #fce701, #fce701);
        color: #fff;
        width: 90%;
  }
  .container .lottery_draw{
      height: 3.6rem;
      padding-top: 0.2rem;
      box-sizing: border-box;
  }
  .lottery_draw .choujiang_btn{
     margin-top:0.3rem;
  }
  .lottery_draw .winning_record{
        font-size: 0.21rem;
        font-family: "Microsoft YaHei";
        text-decoration: underline;
        text-align: center;
        -moz-transform: matrix( 1.23474157898129,0,0,1.23443289358654,0,0);
        -webkit-transform: matrix( 1.23474157898129,0,0,1.23443289358654,0,0);
        -ms-transform: matrix( 1.23474157898129,0,0,1.23443289358654,0,0);
        margin-top:0.35rem;
        color: #faa823;
  }
  .lottery_draw  .choujiang_box,.login .choujiang_box {
      position: relative;
  }
  .lottery_draw  .choujiang_box img,.login .choujiang_box img{
        position:absolute;
        right: -3rem;
        width: 0.95rem;
        height: 0.77rem;
        z-index: 468;
        top:0;
        left:0;
        bottom:0;
        margin:auto;
        animation: move 1.5s infinite;
        -moz-animation: move 1.5s infinite;	/* Firefox */
        -webkit-animation: move 1.5s infinite;	/* Safari 和 Chrome */
        -o-animation: move 1.5s  infinite;	/* Opera */     
 }
 /* 手指上下移动动画 */
 @keyframes move
 {
  0% {top:0rem;}
  50%{top:0.3rem}
  100%{top:0rem;}
}

@-moz-keyframes move /* Firefox */
{
    0% {top:0rem;}
  50%{top:0.3rem}
  100%{top:0rem;}
}

@-webkit-keyframes move /* Safari 和 Chrome */
{
    0% {top:0rem;}
    50%{top:0.3rem}
    100%{top:0rem;}
}

@-o-keyframes move /* Opera */
{
    0% {top:0rem;}
  50%{top:0.3rem}
  100%{top:0rem;}
}
/* 弹窗公共样式 */
.dialog_box{
    position:fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0,.52);
    top: 0;
    z-index: 999;
}
.hide{
    display:none;
}
.dialog_box .dialog_container{
    position: absolute;
    left:0;
    right:0;
    top:0;bottom:0;
    margin:auto;
    width:5.8rem;
    height: 8.01rem;
}
    .dialog_box .dialog_container .close {
        width: 0.6rem;
        margin: 1.0rem auto;
        float: none;
    }
.dialog_box .dialog_container .close img{
    width: 100%;
}
/* 活动规则弹窗 */
#rule_dialog_box .rule-container{ 
        padding-top: 0.8rem;
        box-sizing: border-box;
        background: url(/Content/img/choujiang/rule_bg.png)no-repeat top;
        background-size: contain;
}
#rule_dialog_box .rule-container .title{
        font-size: 0.45rem;
        font-family: "Microsoft YaHei";
        color: rgb(51, 51, 51);
        text-align: center;
}
#rule_dialog_box .rule-container .text{
        font-size: 0.26rem;
        font-family: "Microsoft YaHei";
        color: rgb(102, 102, 102);
        text-align: left;
        z-index: 584;
        margin-top:0.42rem;
        padding: 0 0.56rem 0 0.45rem;  
}
#rule_dialog_box .rule-container .text .p2 span{
    color: rgb(255, 153, 0);
}
    #rule_dialog_box .rule-container .text .p4 {
        margin-top: 0.72rem;
    }
    #rule_dialog_box .rule-container .sure {
        font-size: 0.36rem;
        font-family: "Microsoft YaHei";
        color: rgb(51, 51, 51);
        line-height: 1.2;
        text-align: center;
        font-weight: bold;
        margin-top: 0.86rem;
    }

.layer_border{
    text-align:center;
    padding-top: .5rem;
}
.InputShow{
    padding: .5rem;
    display:none;
    padding-top: .8rem;
}
.InputShow input{
    display:inline-block;
    width: 90%;
 height: 30px;
 border-radius: 4px;
 border: 1px solid #ddd;
 padding-left: 0.15rem;

}
/* 中奖弹窗 */
#prize_dialog_box .prize_container{
    background: url(/Content/img/choujiang/zhongjiang_bg.png)no-repeat center;
    background-size: contain;
    padding-top: 1.5rem;
    background-size: 100%;
    /* box-sizing: border-box; */
}
#prize_dialog_box .title{
    font-size: 0.45rem;
    font-family: "Microsoft YaHei";
    color: rgb(255, 153, 0);
    text-align: center;
    margin-top: 0.8rem;
}
#prize_dialog_box .prize{
        font-size: 0.36rem;
        font-family: "Microsoft YaHei";
        color: rgb(51, 51, 51);
        line-height: 1.2;
        text-align: center;
}
#prize_dialog_box .prize_img{
    text-align: center;
    height: 3.37rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
}
#prize_dialog_box .prize_img img{
    max-width: 100%;
    max-height: 100%;
}

#prize_dialog_box .place{
font-size: 0.36rem;padding-top: 0.2rem;font-family: "Microsoft YaHei";color: rgb(51, 51, 51);line-height: 1.2;text-align: center;height: 1.95rem;position: absolute;bottom: 10%;width: 90%;border-top: 1px dashed rgb(204, 204, 204);left: 5%;
  }
#prize_dialog_box  .Orderplace{
        bottom: 8%;
            line-height: 1.95rem;
}
#prize_dialog_box .close{
    position: absolute;
    bottom: -2.22rem;
    left: 50%;
    margin-left: -0.3rem;
}
/* 奖品已领取按钮 */
#prize_dialog_box .received{
    height: 1.96rem;
    position: absolute;
    width: 100%;
    bottom: 0;
}
#prize_dialog_box .received_btn{    
    width: 4.6rem;
    height: .9rem;
    line-height: .9rem;
    z-index: 566;
    color: #fff;
    font-size: 0.36rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    background-color: #ccc;
    border-radius: 0.5rem;
    margin: 0.1rem auto 0;
}
/* 抽奖名单 */
.container  .getGiftList{
    height: 0.8rem;
    padding-left:0.78rem;
    padding-right:0.82rem;
    overflow: hidden;
}
.getGiftList .wrap{
        font-size:0.25rem;
        font-family: "Microsoft YaHei";
        color: rgb(255, 244, 212);
        line-height: 3.15;
        z-index: 63;
        display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox; /* 混合版本语法: IE 10 */
        display: -webkit-flex; /* 新版本语法: Chrome 21+ */
        display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ 
        align-items: center;
        height: 0.8rem;   
}
.getGiftList .wrap img{
    width: 0.49rem;
    height: 0.37rem;
}
.getGiftList .wrap .phone{
    margin: 0 0.29rem 0 0.1rem;
}
.getGiftList .wrap .prize_text{
    width: 2rem;
    margin-right:0.29rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
/* 抽奖后显示框 */
.lottery_after_box .explain span{
    text-decoration: underline;
    cursor: pointer;
}
.lottery_after_box .choujiang_btn_un{
    background-color: #ccc;
    width:6.3rem;
    height:1rem;
    text-align: center;
    font-size: 0.45rem;
    font-family: "Microsoft YaHei";
    color:#fff;
    font-weight: bold;
    line-height: 1rem;
    margin:0.43rem auto 0;
    border-radius: 0.5rem;
    margin-bottom:0.38rem;
}
.Show_click{
display: block;
    width: 4.6rem;
    height: 1rem;
    line-height: 1rem;
    z-index: 566;
    color: #fff;
    font-size: 0.36rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    background-color:#008C95;
    border-radius: 0.5rem;
    margin: 0.5rem auto 0;
}
  
.OrderClick {
    /*display: block;*/
    width: 4.6rem;
    height: 1rem;
    line-height: 1rem;
    z-index: 566;
    color: #fff;
    font-size: 0.36rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    background-color:#008C95;
    border-radius: 0.5rem;
    margin: 1rem auto 0;
    position: relative;
    z-index: 10;
}
.InputShow input {
    display: inline-block;
    width: 90%;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding-left: 0.15rem;
}
.layer_border{
    text-align:center;
    padding-top: .5rem;
}
.InputShow{
    padding: .5rem;
    display:none;
    padding-top: .8rem;
}