body,html{font-size: .28rem}
body{
   background: #4474F0!important;
   background-size: contain!important;
   padding-bottom: 0!important
}
.user_info{
   height: 1.6rem;
   /*background: rgb(249,249,249);*/
   background: #4474F0;
   display: flex;
   align-items: center;
   padding: 0 .24rem
}
.user_head{
   height: .94rem;
   width: .94rem;  
}
.user_head img{
   width: .95rem;
   height: 100%;
   border-radius: 50%
}
.user_name{
   font-size: .28rem;
   color: #fff;
   padding-left: .2rem;
   margin-right: .32rem;
   width: 1rem;
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.progress{
   position: relative;
   margin-top: .12rem;
}
.user_progress{
   width: 4.6rem;
}
.progress_outer{
   width: 100%;
   /*background: rgb(232,232,232);*/
   background: #C7D7FF;
   height: .06rem;
   position: absolute;
   top: 0;
   border-radius: .13rem;
}
.progress_inner{
   background: #0F1FEF;
   height: .06rem;
   position: absolute;
   top: 0;
   transition:width 1s;
   border-radius: .13rem;
}
.progress_info{
   display: flex;
   justify-content: space-between;
   font-size: .24rem;
   color: #fff
}
.progress_info p{font-size: .24rem}
.progress_info p span{
   color: #fff
}

.content{
   padding: .39rem .33rem;
   background: #fff;
   border-radius: .2rem;
   margin: 0 .27rem;
   height: 9.2rem;
   position: relative;
}
.question_tit{
   font-size: .32rem;
   color: #333;
   margin-bottom: .5rem
}
.question_select{
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
    background: #F2F4FA;
    border-radius: .2rem;
    padding: .2rem;
    font-size: .28rem;
    position: relative;
}
.question_select img{
   width: .54rem;
   height: .54rem;
   position: absolute;
   right: .28rem
}
.question_select p em{
/*   border: 1px solid rgb(213,213,213);
   border-radius: 50%;
   display: block;*/
}
.question_yes{
   background: #E7EDFC;
   color: #265EFB
}
.question_no{
   background: #FFEEEE;
   color: #FF2E2B
}
.question_select img{
   width: .32rem;
   height: .32rem;
}
.question_select p{
   font-size: .28rem;
   text-align: center;
   line-height: .52rem;
   margin-right: .2rem;
   box-sizing: border-box;
}
.footer_statistics{
   height: 1rem;
   width: 100%;
   max-width: 720px;
   position: absolute;
   bottom: 0
}
.footer_statistics div{float: right;height: .4rem;margin-top: .3rem;}
.footer_statistics div img{
   width: .4rem;height: .4rem;
       vertical-align: bottom;
       padding-right: .18rem
}
.item{display: none;}
.coupon_pop{
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.5);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99
}

.coupon_pop_content{
   background: url(https://www.zhue.cn/mobile/themes/zhue/images/dt_coupon2_03_03.png)no-repeat;
   background-size: 100% 100%;
   width: 5.33rem;
   height: 4.78rem;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%,-50%);
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}
.get_coupon_txt{
   color: #FFFFFF;
   font-size: .28rem;
   padding-top: 1.13rem;
   text-align: center;
}
.coupon_box{
   background: url(https://www.zhue.cn/mobile/themes/zhue/images/dt_coupon2_03.png)no-repeat;
   background-size: 100% 100%;
   width: 4.59rem;
   height: 1.33rem;
   position: absolute;
   left: 50%;
   -webkit-transform: translate(50%);
   -moz-transform: translate(-50%);
   -ms-transform: translate(-50%);
   transform: translate(-50%);
   margin-top: .35rem;
   display: flex;
}
.coupon_box_left{
   width: 41%;
   text-align: center;
}
.coupon_box_right{
   width: 59%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.coupon_money{
   color: #D33E23;
   font-size: .24rem;
   padding-top: .1rem;
}
.coupon_money span{
   color: #D33E23;
   font-size: .53rem;
   font-weight: bold;
}
.coupon_money_man{
   font-size: .23rem;
   color: #999999;
   /*padding-top: .1rem;*/
}
.shop_name{
   font-size: .28rem;
   color: #333333;
   padding-left: .2rem;
   width: 2.3rem;
   overflow: hidden;
}
.coupon_time{
   font-size: .2rem;
   color: #999999;
   padding-top: .1rem;
   padding-left: .2rem;
}
.coupon_btn{
   display: flex;
   align-items: center;
   justify-content: center;
}
.coupon_btn div{
   width: 2rem;
   height: .73rem;
   line-height: .73rem;
   text-align: center;
   color: #DE6717;
   font-size: .28rem;
   border-radius: .37rem;
}
.proceed_btn{
   background: #FFE557;
   background: -webkit-linear-gradient(left, #FFE557, #FFC53A 55%);
}
.use_btn{
   background: #fff;
   background: -webkit-linear-gradient(left, #FFFFFF, #FFF0C9 55%);
   margin-left: .4rem;
}
.coupon_btn{
   margin-top: 2.15rem;
}
.close_pop{
   width: .53rem;
   height: .53rem;
   position: absolute;
   left: 50%;
   -webkit-transform: translate(50%);
   -moz-transform: translate(-50%);
   -ms-transform: translate(-50%);
   transform: translate(-50%);
   bottom: -1rem
}