
@border-color: #e7e7e7;
@primary-color: #3367d6;
.page-container{
    position: relative;
    height: auto;
    overflow: hidden;
    width: 60%;
    min-height: 400px;
    margin: 0 auto;
    background-color: #ffffff;
    .page-header{
        height: 40px;
        padding: 0 16px;
        border-bottom: 1px solid @border-color;
        >span{
            font-size: 14px;
            font-weight: 600;
            line-height: 40px;
            margin-right: 16px;
        }
    }
    .page-content{
        position: relative;
        height: auto;
        padding: 16px;
        overflow: hidden;
        .layui-row{
            line-height: 30px;
            color: #333333;
            .layui-col-title{
                font-weight: 550;
                color: #000000;
            }
        }
    }
    .page-nav-tab{
        position: absolute;
        display: none;
        right: 0;
        top: 15px;
        z-index: 9;
        user-select: none;
        span{
            line-height: 20px;
            display: block;
            padding: 0 4px;
            margin-bottom: 6px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border: 1px solid @primary-color;
            cursor: pointer;
            &.select{
                color: #ffffff;
                background-color: @primary-color;
            }
        }
    }
    .layui-tab{
        margin: 0;
        .layui-tab-title{
            position: relative;
            padding: 0 8px;
            li{
                padding: 0 4px;
            }
            .layui-this{
                color: @primary-color;
                &:after {
                    border-bottom: 2px solid @primary-color;
                }
            }
            .layui-btn{
                position: absolute;
                right: 16px;
                top: 5px;
                background-color: @primary-color;
            }
        }
    }
    .primary-color{
        color: @primary-color;
    }
    .link-text{
        cursor: pointer;
    }
}

.fee-content{
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 0 16px;
    .fee-chart{
        height: 95px;
    }
    .fee-info{
        height: 75px;
        overflow: hidden;
        padding: 5px 10px;
        background-color: #f1f1f1;
        .layui-row{
            line-height: 25px;
            .layui-col-title{
                font-weight: 550;
                color: #000000;
            }
        }
    }
    .layui-table-view{
        margin: 16px 0;
    }
}

.mock-container{
    position: relative;
    height: auto;
    overflow: hidden;
    .mock-title{
        position: relative;
        height: 54px;
        padding: 5px 15px;
        border-bottom: 1px solid @border-color;
        .mock-title-text{
            line-height: 30px;
            font-size: 16px;
            font-weight: 550;
            span{
                margin-right: 20px;
            }
        }
        .mock-title-desc{
            line-height: 22px;
            font-size: 12px;
            color: #666666;
            span{
                font-weight: 550;
                margin-right: 20px;
            }
        }
    }
    .mock-content{
        padding: 15px;
        .mock-info{
            height: auto;
            overflow: hidden;
            .mock-info-inner{
                position: relative;
                padding: 5px 15px;
                background-color: #eff2f5;
                margin-bottom: 15px;
                .layui-row{
                    line-height: 24px;
                    .layui-col-title{
                        font-weight: 550;
                    }
                    &.title-code-name{
                        line-height: 30px;
                        .layui-col-title{
                            font-size: 14px;
                        }
                    }
                }
            }
        }
        .mock-drag{
            .mock-drag-list{
                position: relative;
            }
        }
    }
    .mock-footer{
        height: 49px;
        line-height: 49px;
        text-align: right;
        padding: 0 15px;
        border-top: 1px solid @border-color;
        .layui-btn{
            background-color: @primary-color;
        }
    }
}