kjh-m-55128/M55128_rec/Content/css/zx/zxxq.less

@import '../common/header1.less';
@import url('../../font/iconfont.less');

.zxxq-page {
    position: fixed;
    top: 40px;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background: #fff;

    .zxxq-wrapper {
        position: fixed;
        top: 40px;
        bottom: 0;
        overflow: auto;
        width: 100%;

        .zxxq-wrapper-header {
            text-align: center;
            .border-1px-bottom();

            .zxxq-wrapper-title {
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                padding: 0 10px;
                .textRow();
            }

            .zxxq-wrapper-subtitle {
                height: 30px;
                line-height: 30px;
                font-size: 12px;
                color: #8F8E94;
            }
        }

        .content-wrapper-box {
            position: fixed;
            top: 110px;
            bottom: 0;
            background: hotpink;
        }

        .content-wrapper {
            position: fixed;
            top: 110px;
            bottom: 60px;
            left: 0;
            right: 0;
            padding-bottom: 70px;

            .main-wrapper {
                box-sizing: border-box;
                max-height: 100%;
                overflow-x: hidden;
                overflow-y: auto;
                padding: 10px;
            }

            .zxxq-content-wrapper {
                width: 100%;
                line-height: 25px;

                div, p {
                    margin: 0 !important;
                    padding: 0 !important;
                    white-space: normal !important;
                    word-break: break-all;
                    border: none !important;
                    font-size: 16px !important;
                }
            }
        }

        .bottom-btn-box {
            box-sizing: border-box;
            padding: 0 10px;
            /*padding-right:10px;*/
            /*text-indent: 10px;*/
            position: absolute;
            bottom: 10px;
            width: 100%;
            height: 60px;

            .bottom-btn {
                height: 30px;
                line-height: 30px;
                font-size: 14px;
                color: #005BAA;
                .textRow();

                .which {
                    border-left: 2px solid #005BAA;
                    padding-left: 3px;
                }
            }
        }
    }
}