#app {
    width: 100%;
    background: url("./../images/vote-index-bg.jpg") no-repeat;
    background-size: 100% 100%;
}

.centerBox {
    padding: 0 .4rem;
    box-sizing: border-box;
}

.border-blue {
    border: 2px solid #1e6bff;
    border-radius: .17rem;
    overflow: hidden;
    background: #ffffff;
}

.commentTitle {
    line-height: .65rem;
    text-align: center;
    letter-spacing: .05rem;
    font-size: .3rem;
    background: url("./../images/vote-media.title-bg.png") no-repeat;
    background-position: center top;
    background-size: 75% 100%;
    color: #ffffff;
}

.topImg {
    width: 100%;
    height: 2.8rem;
    object-fit: cover;
}

/*描述*/
.absBox {
    padding: .3rem 0;
    background: rgba(49, 107, 233, .8);
    margin-bottom: .46rem;
}

.absBox p {
    line-height: .3rem;
    color: #ffffff;
    font-size: .19rem;
    text-align: justify;
}

.absBox p span {
    font-weight: bold;
}

/*时间*/
.timeBox {
    margin-bottom: .55rem;
}

.timeBox p {
    color: #3D3D30;
    text-align: center;
    line-height: .7rem;
    font-size: .3rem;
    width: 80%;
    letter-spacing: .03rem;
    margin: .35rem auto;
    box-shadow: -2px 0 5px 1px #f5f5f5,
    0 -2px 5px 1px #f5f5f5,
    2px 0 5px 1px #f5f5f5,
    0 2px 5px 1px #f5f5f5;
}

/*内容*/
.messBox {
    margin-bottom: .62rem;
}

.messBox p {
    color: #3D3D30;
    padding: 0 .47rem;
    font-size: .22rem;
    box-sizing: border-box;
    letter-spacing: .01rem;
    margin-bottom: .1rem;
}

/*要求*/
.askBox {
    margin-bottom: .7rem;
}

.askBox .topBox {
    padding: 0.47rem .5rem .44rem;
    display: flex;
}

.askBox .topBox img {
    width: .7rem;
    height: .7rem;
    border-radius: .1rem;
    margin-right: 0.2rem;
}

.askBox .topBox h5 {
    flex: 1;
    line-height: .35rem;
    font-size: .22rem;
    letter-spacing: .017rem;
}

.askBox .topBox h5 span {
    color: #B10217;
}

.askBox p {
    padding: 0 .38rem;
    margin-bottom: .15rem;
    font-size: .2rem;
    line-height: .35rem;
    letter-spacing: .01rem;
}

.askBox p span {
    color: #B10217;
}

/*展示*/
.showBox {
    margin-bottom: .78rem;
}

.showBox p {
    color: #3D3D30;
    padding: 0 .47rem;
    font-size: .22rem;
    box-sizing: border-box;
    letter-spacing: .01rem;
    margin-bottom: .1rem;
}

/*奖项*/
.prizeBox {
    margin-bottom: .82rem;
}

.prizeBox h4 {
    font-size: .22rem;
    line-height: .6rem;
    color: #B10217;
}

.prizeBox p {
    text-align: center;
    line-height: .3rem;
    font-size: .18rem;
}

/*按钮*/
.btnBox {
    padding: .3rem 0;
    box-sizing: border-box;
    background: blue;
    text-align: center;
    background: url("./../images/vote-media-bottom-bg.png") no-repeat;
    background-size: 100% 100%;
}

.van-button--small {
    min-width: 1rem;
    height: .5rem;
    padding: 0 .3rem;
    font-size: .22rem;
    line-height: .5rem;
    border-radius: .06rem;
    margin-right: .2rem;
}

/*弹窗*/
.van-popup {
    height: 98%;
    width: 97%;
}

.copyrightBox {
    padding: .2rem .3rem;
    position: relative;
}

.copyrightBox > .closeBtn {
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: .4rem;
}

.copyrightBox h5 {
    text-align: center;
    font-size: .28rem;
    line-height: .8rem;
    letter-spacing: .02rem;
}

.copyrightBox p {
    font-size: .24rem;
    line-height: .45rem;
    letter-spacing: .01rem;
    margin-bottom: .1rem;
}