book_admin/public/assets/clientweb/css/frontend/bind_award.css

.pop{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    left: 0;
    top: 0;
}
.box{
    width: 6.3rem;
    min-height: 2rem;
    background: #fff;
    border-radius: 0.24rem;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.close{
    width: 0.6rem;
    height: 0.6rem;
    background: url('../../img/frontend/images/pop_close.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translate(-50%,0%);
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
}
.top{
    width: 5.68rem;
    height: 1.14rem;
    position: absolute;
    left: 0.31rem;
    top: -0.57rem;
}
.top-left{
    width: 1.05rem;
    height: 1.14rem;
    background: url('../../img/frontend/images/pop_left.png') no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.top-right{
    width: 1.05rem;
    height: 1.14rem;
    background: url('../../img/frontend/images/pop_right.png') no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.top-middle{
    width: 4.54rem;
    height: 1.14rem;
    background: rgba(254, 237, 190, 1);
    position: absolute;
    left: 0.57rem;
    top: -0.15rem;
    z-index: 2;
    border-radius: 0.12rem;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(81,61,61,1);
    font-size: 0.48rem;
    text-align: center;
    line-height: 1.14rem;
}

.box-bg{
    width: 6rem;
    height: 2.8rem;
    margin: 0 auto;
    padding-top: 0.5rem;
}
.box-bg img{
    width: 100%;
    height: 100%;
}
.btn{
    width: 5.16rem;
    height: 0.76rem;
    line-height: 0.76rem;
    text-align: center;
    margin: 0 auto;
    background:rgba(255,180,115,1);
    border-radius: 0.76rem;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-size: 0.36rem;
}
.tip{
    font-family:PingFang-SC-Regular;
    font-weight:400;
    color:rgba(154,145,145,1);
    font-size: 0.26rem;
    margin: 0.26rem 0 0;
    text-align: center;
    padding-bottom: 0.17rem;
}