@import "../../../common/css/index.css";

.list-item-wrap {
    display: flex;

    flex: auto;
}

.list-item-wrap.x-secure-bottom {
    padding-bottom: 34px;
}

.list-item-wrap.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.list-item-wrap.fixed-bottom .fixed-bottom {
    padding: 14.49rpx 30.8rpx;
}

.list-item {
    display: flex;
    box-sizing: border-box;
    width: 100vw;
    padding: 0 30.8rpx;
    vertical-align: middle;

    justify-content: space-between;
}

.list-item.list-hover-feedback {
    /*margin-top: -1px;*/
}
.list-item.padding-top-bottom {
    padding-top: 37.44rpx;
    padding-bottom: 36.23rpx;
}


.list-item.border::after {
    right: 30.8rpx;
    left: 30.8rpx;
}

.list-item .left {
    max-width: 100%;

    flex: 1;
}
.list-item .right {
    display: flex;
    width: auto;

    align-items: center;
}

.list-item .title {
    font-size: 34.42rpx;
    line-height: 45.29rpx;
    color: #000;
}

.list-item .desc {
    overflow: hidden;
    width: 95%;
    margin-top: 7.25rpx;
    font-size: 25.36rpx;
    line-height: 36.23rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
}