@import '~css/public.scss';

.TableList{
    width: 100%;
    padding-top: .02rem;
    background-color: $pageBg;
    .table{
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 .08rem;
        tr{
            width: 100%;
            height: .4rem;
            line-height: .2rem;
            text-align: left;
            background-color: #fff;
            th,td{
                padding: 0 .1rem;
                &:first-of-type{
                    padding-left: .2rem;
                }
                &:last-of-type{
                    padding-right: .2rem;
                }
                &.red{
                    color: #ff0000;
                }
                &.green{
                    color: #2bb2ac;
                }
                .status{
                    position: relative;
                    >b{
                        height: 100%;
                        color: $main;
                        position: absolute;
                        left: -0.1rem;
                        top: 0;
                        transform: translate3d(-100%,0,0);
                        -webkit-transform: translate3d(-100%,0,0);
                    }
                }
            }
        }
    }
    &.fundList,&.style1{
        .table{
            thead{
                display: none;
            }
            tr{
                td:last-of-type{
                    text-align: right;
                }
            }
            .doubleKey{
                padding: .05rem 0;
                h3:nth-of-type(2){
                    font-size: .12rem;
                    color: $minor;
                }
            }
        }
    }
}