fontend-app/mine/css/project_white_paper.scss

@charset "UTF-8";
body,
.mui-content {
    background: #F5F5F5;
}

.mui-table-view-cell>a:not(.mui-btn).mui-active {
    background: none;
}

.mui-collapse:first-child:after {
    height: 1px !important;
    left: 0 !important;
}

.mui-table-view-cell.mui-active {
    background: #FFFFFF;
    margin-top: -15px !important;
}

.all-select {
    position: relative;
    margin: -0.2rem .18rem !important;
    color: #C7282C !important;
}

.mui-collapse {
    margin-top: -15px;
}

.all-select:after {
    content: '\e581';
    font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #C7282C;
    -webkit-font-smoothing: antialiased;
    top: 22px;
    padding: 0 .1rem;
}

.mui-table-view-cell.mui-collapse.mui-active>.all-select:after {
    content: '\e580';
}

.item-ul {
    display: flex;
    flex-wrap: wrap;
    .item-list {
        width: 1.82rem;
        height: .55rem;
        //      background: #FFFFFF;
        border-radius: .28rem;
        border: 1px solid rgba(0, 0, 0, 0.09);
        text-align: center;
        line-height: .55rem;
        margin: .1rem .05rem;
    }
    .mui-active {
        background: #F9E9E9;
        color: #C7282C;
    }
}


/*图文列表样式*/

.mui-media {
    margin-bottom: .2rem !important;
}

.mui-content>.mui-table-view:first-child {
    margin-top: 5px;
}

.mui-table-view:after,
.mui-table-view:before {
    height: 0;
}

.mui-table-view {
    background-color: #F5F5F5;
}

.mui-table-view-cell {
    background: #FFFFFF;
}

.mui-table-view-cell:after {
    height: 0;
}

.mui-table-view .mui-media-object {
    width: 1.3rem !important;
    height: 1.3rem;
    max-width: none;
    margin: 0 .2rem;
}

.mui-table-view-cell>a:not(.mui-btn) {
    white-space: normal;
}

.product-title {
    font-size: .26rem;
    color: #0F1826;
    line-height: .37rem;
    display: block;
}

.product-situation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .1rem 0;
}

.weight {
    font-size: .26rem;
    font-weight: 400;
    color: #999999;
    line-height: .37rem;
    position: absolute;
    right: .2rem;
    bottom: .24rem;
    img {
        width: .26rem;
        height: .26rem;
        margin-right: .1rem
    }
}

.price {
    width: 1.3rem;
    height: .28rem;
    background: linear-gradient(133deg, rgba(255, 124, 126, 1) 0%, rgba(219, 56, 59, 1) 100%);
    border-radius: 1px;
    color: #FFFFFF;
    font-size: .18rem;
    text-align: center;
    line-height: .28rem;
}

.product-txt {
    width: 100%;
    height: .7rem;
    color: #A9AFB8;
    overflow: hidden;
    //  white-space: nowrap;
    text-overflow: ellipsis;
    line-height: .37rem;
    margin: .1rem 0;
}

//項目詳情的樣式
.mui-slider-indicator.mui-segmented-control {
    text-align: left;
}

.mui-segmented-control .mui-control-item {
    display: inline-block;
    margin: 0 .51rem;
    overflow: auto;
    width: auto;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    border-bottom: 2px solid #E02020 !important;
    color: #E02020;
}

.note {
    width: 95%;
    font-size: .2rem;
    color: #999999;
    background: #F5F5F5;
    text-align: left;
    margin: 0 auto;
    margin-bottom: .2rem;
}

//简介样式
.market-bottom-item {
    background: #FFFFFF;
    color: #142133;
    font-size: .24rem;
}

.introduction {
    background: #FFFFFF;
    padding: .1rem 0;
    margin: .05rem 0 0 0;
    h3 {
        width: 90%;
        color: #333333;
        margin: .2rem auto;
        font-size: .24rem;
    }
    .introduction-item {
        .introduction-item-list {
            width: 90%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: .24rem;
            margin: 0 auto;
            span {
                padding: .1rem 0;
            }
            .introduction-item-list-txt {
                color: #666666;
            }
            .introduction-item-list-num {
                width: 70%;
                color: #999999;
                word-wrap: break-word;
                word-break: normal;
                text-align: right;
            }
        }
    }
}

.descr {
    background: #FFFFFF;
    margin: .2rem 0 0 0;
    padding: .1rem 0;
    h3 {
        width: 90%;
        color: #333333;
        margin: .2rem auto;
        font-size: .24rem;
    }
    p {
        width: 90%;
        color: #666666;
        line-height: .3rem;
        margin: 0 auto;
        text-indent: .4rem;
        padding-bottom: .2rem;
    }
}

//项目报告样式
.report {
    .report-list {
        background: #FFFFFF;
        margin: .05rem 0 0 0;
        padding: .1rem 0;
        h3 {
            width: 90%;
            color: #333333;
            margin: .2rem auto;
            font-size: .24rem;
        }
        .item-ul {
            width: 94%;
            display: flex;
            margin: 0 auto;
            .item-list {
                flex: 1;
                border-radius: 0;
                border: 0;
                color: #999999;
                font-size: .2rem;
                text-align: center;
                margin: .1rem .05rem;
            }
            .mui-active {
                width: 1rem;
                height: .5rem;
                line-height: .5rem;
                border-radius: 14px;
                background: #F9E9E9;
                color: #C7282C;
            }
        }
    }
}

.report-info {
    background: #FFFFFF;
    margin: .2rem 0 0 0;
    padding: .1rem 0;
    h3 {
        width: 90%;
        margin: .2rem auto;
        font-size: .24rem;
        color: #A9AFB8;
        padding-bottom: .2rem;
        border-bottom: 1px solid #EBEBEB;
    }
    .report-content {
        position: relative;
        span {
            display: block;
            padding-left: .3rem;
        }
        .report-title {
            width: 60%;
            color: #0F1826;
            font-size: .27rem;
            margin: .1rem 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .report-time {
            color: #A9AFB8;
            font-size: .23rem;
        }
        .report-download {
            position: absolute;
            right: .3rem;
            top: .2rem;
            color: #F02537;
        }
    }
}

//搜索样式
.mui-search {
    width: 100%;
    display: flex;
    //  clear: initial;
    //  position: absolute;
    //  bottom: 0px;
    background: #FFFFFF;
    //  justify-content: space-around;
    input {
        //      flex: 1;
        //      width: 60%;
        margin-left: .3rem;
        background: #FFFFFF;
        border-radius: 2px;
        border: 1px solid rgba(219, 219, 219, 1);
    }
    .mui-placeholder {
        right: 18%;
    }
    .mui-input-clear~.mui-icon-clear {
        right: 18% !important;
    }
    label {
        width: 20%;
    }
}

.mui-search.mui-active:before {
    left: .37rem;
}

.nothing {
    width: 4rem;
    height: 2rem;
    //  text-align: center;
    color: #999999;
    font-size: .6rem;
    //  position: fixed;
    //  top: 50%;
    //  left: 50%;
    //  margin-top: -1rem;
    //  margin-left: -2rem;
    //  z-index: 1000;
    text-align: center;
    margin: 0 auto;
    line-height: 200px; //这里的行高由大盒子的高决定
}