epdc-analysis-mp-yushan/miniprogram/subpages/partyInteract/pages/partyInteractIndex/partyInteractIndex.wxss

.pick_tab_box {
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    height: auto;
    background: white;
    justify-content: space-between;
    box-sizing: border-box;
    /* align-items:center; */
}

.fixed{
    position: fixed;
    width: 100%;
    height: 90rpx;
    z-index: 99;
    top: 0;
    left: 0;
    background: #fff;
    overflow-x: auto;
    /* border: 1rpx solid red; */
    box-sizing: border-box;
}
.none{
    height: 90rpx;
    width: 100%;
    border: 1rpx solid rgba(255, 255, 255, 0);
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

.tab_active {
    font-weight: bold;
    font-size: 26rpx;
    color: #29B9A5;
}

.item {
    display: inline-flex;
    /* display: flex; */
    flex-direction: column;
    box-sizing: border-box;
    /* padding: 20rpx 0rpx 0rpx 0rpx; */
    justify-content: center;
    font-size: 26rpx;
    color: #999999;
    height: 90rpx;
    position: relative;
    /* border: 1rpx solid red; */
}

.line {
    width: 30rpx;
    height: 8rpx;
    background: #29B9A5;
    margin: auto;
    border-radius: 4rpx;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15rpx;
    /* transform: translate(-50%, -50%); */
    /* margin-top: 40rpx; */
}

.seleted {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #fff;
    margin-top: 21rpx;
    /* overflow: hidden; */
}

/* 搜索框 */
/* search */
.search-bar {
    width: 100%;
    height: 120rpx;
    background: #fff;
    border-top: 1rpx solid #f6f6f6;
    box-sizing: border-box;
    padding: 0 20rpx;
    display: flex;
    align-items: center;
}

.search-bar .condition {
    width: 100%;
    height: 60rpx;
    border-radius: 30rpx;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 20rpx;
    position: relative;
}

.search-bar .condition .option-list {
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    top: 60rpx;
    box-sizing: border-box;
    background: #f4f4f4;
    padding: 0rpx 20rpx;
    margin-top: 4rpx;
    border-radius: 6rpx;
    height: 240rpx;
    overflow-y: scroll;
}
/* .option-list::-webkit-scrollbar-track-piec{
    background: #fff;
} */
.option-list .list-item {
    color: #BABABA;
    font-size: 26rpx;
    height: 60rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-bar .condition .select-condition {
    color: #BABABA;
    font-size: 26rpx;
}

.search-bar .condition .trigger {
    width: 0;
    height: 0;
    border: 12rpx solid transparent;
    border-top: 15rpx solid #c2c2c2;
    position: relative;
    top: 8rpx;
    transform: rotate(0deg);
    transform-origin: center 7rpx;
    transition: transform 0.4s;
}

.search-bar .condition .trigger.reverse {
    transform: rotate(180deg);
    transform-origin: center 7rpx;
    transition: transform 0.4s;
}

/* 下拉框结束 */

/* 下拉框样式结束 */
.caseTotal {
    margin-left: 20rpx;
    margin-right: 20rpx;
    height: 150rpx;
    /* border: 1rpx solid red; */
    /* padding-top: 30rpx; */
    box-sizing: border-box;
}

.num {
    color: #333333;
    font-size: 32rpx;
    vertical-align: middle;
}

.num1 {
    margin-left: 10rpx;
    font-size: 38rpx;
    font-weight: bold;
    vertical-align: middle;
}

.time {
    color: #B6BAC6;
    font-size: 26rpx;
    float: right;
}

.explain {
    width: 30rpx;
    height: 30rpx;
    vertical-align: middle;
    margin-left: 5rpx;
}

.caseTotal .percent {
    margin-top: 18rpx;
    color: #92949B;
    font-size: 26rpx;
}

.percent-text2 {
    color: #666666;
    font-size: 30rpx;
    margin-left: 13rpx;
}
/* 弹框开始 */
.pop-box{
    box-sizing: border-box;
    width: 411rpx;
    height: auto;
    background: #fff;
    padding: 0rpx 12rpx 0rpx 20rpx;
    z-index: 9999;
}
.pop-title{
    margin-top: 10rpx;
}
.pop-header{
    color: #333333;
    font-size: 28rpx;
}
.pop-content{
    color: #999999;
    font-size: 26rpx;
    /* margin-top: 14rpx; */
    /* padding-top: 10rpx; */
    width: 100%;
    height: auto;
    white-space:normal;
    /* word-break:break-all; */
    box-sizing: border-box;
}
.cover-img{
    width: 34rpx;
    height: 34rpx;
    float: right;
}
.float{
    float: left;
}