fontend-app/html/OTC/css/lct_index.scss

@charset "utf-8";
.slide-info,
#sliderSegmentedControl {
    background: #FFFFFF;
}

body,
.mui-content {
    background: #FFFFFF;
}

//我要买入的样式
#item1 {
    h3 {
        font-size: .24rem;
        color: #333333;
        margin-left: .2rem;
        padding: .3rem;
    }
    .mui-table-view {
        padding: .2rem 0;
        &:before {
            height: 0;
        }
        &:after {
            height: 0;
        }
        .mui-table-view-cell {
            width: 83%;
            height: 1.46rem;
            background: #A6A9B2;
            margin: .2rem auto;
            border-radius: .1rem;
            text-align: center;
            line-height: 1.46rem;
            padding: 0;
        }
        .bg-active {
            background: #0272A4;
        }
    }
    .note {
        width: 83%;
        margin: 0 auto;
        color: #999999;
        p {
            font-size: .2rem;
            padding: .2rem 0;
        }
    }
}

.mui-input-row {
    padding: .1rem 0;
    &:after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #F1F1F1
    }
    .coinkind {
        float: right;
        padding: 0 .1rem;
        height: 40px;
        line-height: 40px;
    }
    .app-icon {
        font-size: .3rem;
        color: #999999;
    }
    .app-cancel{
        float: right;
        padding: 0 .4rem;
        height: 40px;
        line-height: 40px;
        color: #999999;
    }
    
    label {
        padding: 14px 15px;
    }
    .app-title{
        width: 60% !important;
        font-size: .27rem;
        color: #333333;
        font-weight: 800;
    }
    input {
        font-size: .24rem;
        text-align: right;
        &::-webkit-input-placeholder {
            color: red;
            color: #999999;
            font-size: .24rem;
            text-align: right；
        }
    }
}

.coin-txt {
    width: 100%;
    height: 17px;
    color: #80A9CF;
    font-size: .2rem;
    text-align: left;
    padding-left: .24rem;
}

.note {
    width: 100%;
    margin: 0 auto;
    color: #999999;
    p {
        font-size: .2rem;
        padding: .24rem;
    }
}

.btn {
    width: 100%;
    text-align: center;
    .app-btn-darkly {
        color: white;
        width: 60%;
        height: 0.7rem;
        background: #D43436;
        border-radius: .06rem;
        border: 1px solid #D43436;
        margin: .4rem auto .2rem auto;
    }
    .app-btn-darkly:active {
        opacity: 0.8;
        border: 1px solid #FF927D;
        background: #FF927D;
    }
}

#item3 {
    .mui-table-view {
        &:before {
            height: 0;
        }
        .mui-table-view-cell {
            &:after {
                right: 15px;
            }
            .item-ul {
                li {
                    display: flex;
                    justify-content: space-between;
                    span {
                        color: #666666;
                        padding: .06rem 0;
                        font-size: .22rem;
                    }
                    .order-kind {
                        color: #326c8f;
                    }
                    .order-situation {
                        color: #ff5e5d;
                    }
                    .item-list-txt {
                        color: #999999;
                    }
                }
            }
        }
    }
}

.mui-popover {
    height: 3rem;
    width: 100%;
}

.mui-popover ul li {
    padding: 0.25rem;
    font-size: 0.3rem;
}

//在线申请入金基本信息弹出框
#popover-online,#popover-sale{
    background: #FFFFFF;
    width: 100%;
    height: 8rem;
    input{
        color: #666666;
    }
}