.content {
    width: 5.9392rem;
  
    margin:  .2533rem .256rem;
}

.box {
    width: 6.4rem;
    position: absolute;
    height: 92vh !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.userName {
    font-size: .2389rem;
    font-family: "pingfang";
    font-weight: 500;
    color: #333333;
    line-height: .4779rem;
    vertical-align: middle;
    margin-left: -0.17rem;
}
.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;
}
.item {
    position: relative;
margin-top: -15px;
width: 100%;
}

.item img {
    width: .4608rem;
}

.item .icontext {
    font-size: .2389rem;
    font-family: Adobe Heiti Std R;
    color: #fff;
    position: absolute;
    top: .057rem;
    left: 0.0853rem;
}
.icontext2 {
    font-size: .1389rem;
    font-family: Adobe Heiti Std R;
    color: #fff;
    position: absolute;
    top: .557rem;
    left: 0.0453rem;
    display: block;
    width: 100%;
}
.iconbox {
    display: flex;
    margin-top: .2467rem;
    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;*/
    padding-top: .03rem;
}

.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;*/
    padding-top: 0.03rem;
}

.item .icontext {
    font-size: .2389rem;
    color: #fff;

}

.title {
    margin-left: .512rem;
    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: "黑体";
}

.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;
    font-family: "pingfang";
    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;

}
/* 空白屏 */
.empty{
    margin-top: 30%;
    margin-left: .1707rem;
    
}
.hr{
    border-bottom: .0171rem #ddd solid;
    margin-top: .1707rem;
    height: .0171rem;
    width: 5.888rem;
}
/*.weidu{*/
/*    display: block;*/
/*    width: .128rem !important;*/
/*    height: .128rem;*/
/*    position: absolute;*/
/*    top: 39%;*/
/*    right: -0.0512rem;*/
/*}*/


.item  .weidu{
    display: block;
    width: .128rem !important;
    height: .128rem;
    position: absolute;
    top: 1%;
    left: 0.512rem;
    z-index: 999;
}
.item .qitaweidu{
    left: 0.582rem;
}

