.box {
    width: 100%;
    position: absolute;
    height: 92vh !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.banner {
    width: 100%;
}

.ask {
    display: block;
    width: 3.072rem;
    height: 1.1435rem;
    position: relative;
    top: -1.7067rem;
    left: 2.4917rem;
}

.toptext {
    font-size: .3413rem;
    color: #fff;
    font-family: NSimSun;
    text-align: center;

}


.bottext {
    width: 1.8773rem;
    height: .4267rem;
    border-radius: .05rem;
    background-color: #fff;
    font-size: .256rem;
    color: #00BD6C;
    font-family: PingFangSC;
    text-align: center;
    line-height: .4267rem;
    margin: 0 auto;
    position: relative;
    bottom: -0.256rem;
    box-shadow: #25b893 .0rem .031rem .0171rem;
    letter-spacing: .0171rem;
}

/*选项卡的宽度 */
.tabs {
    width: 3.6693rem;
    margin-top: -1.1947rem;
}

.content {
    width: 5.9392rem;
    height: auto;
    margin: .4533rem .256rem;
}

.content .user img {
    width: .512rem;
    height: .512rem;
    background-color: aquamarine;
    border-radius: 50%;
    overflow: hidden;
}

.userName {
    font-size: .2389rem;
    font-family: "pingfang";
    font-weight: 500;
    color: #333333;
    line-height: .4779rem;
    vertical-align: middle;
    margin-left: -0.17rem;
}

.user {
    margin-top: -0.3413rem;
}

.item {
    margin-top: -0.4013rem;
    position: relative;
}

.iconbox {
    display: flex;
    margin-top: .3967rem;
    height: .512rem;
    justify-content: center;
    align-items: center;
    margin-left: -.0512rem;
}

.ti,
.ke {
    width: .50rem;
    height: .406rem;
    background-image: url("../image/green.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    padding-top: .0853rem;
}

.ke {
    background-image: url("../image/orange.png");
}

.qita {
    width: 36px;
    height: 23px;
    background-image: url("../image/blue.png");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    padding-top: .0803rem;
}

.item .icontext {
    font-size: .2389rem;
    color: #fff;

}

.title {
    margin-left: .042rem;
    font-size: .27rem;
    width: 5.12rem;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #333;
    font-family: "黑体";
    margin-top: -.12rem;
}

.qitatitle {
    margin-left: .7873rem;
    font-size: .27rem;
    width: 5.12rem;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #333;
    font-family: "黑体";
}

.contText {
    font-size: .256rem;
    line-height: .413rem;
    margin-top: .1365rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.num {
    font-size: .2219rem;
    color: #999;
    width: 100%;
    text-align: right;
    margin-top: .13rem;

}

.problem {
    width: 2.7477rem;
    height: .9045rem;
    background-image: url("../image/radiu.png");
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 30%;
    bottom: 7%;
    z-index: 9999;
}

.problem span {
    color: #00BD6C;
    font-size: .2901rem;
    margin-left: .0853rem;
}