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

@import '../common/common.less';

.zx-page {
    position:fixed;
    top:55px;
    bottom:60px;
    width:100%;
    .zx-category-wrapper {
        .center();
        .border-1px-bottom();

        .zx-category-item { /*HEIGHT:70PX;*/
            flex: 1;
            text-align: center;
            padding: 10px 0;

            .zx-category-icon, .category-name {
                width: 100%;
                display: block;
            }

            .zx-category-icon {
                height: 50%;
                font-size: 26px;
            }

            .zx-category-name {
                height: 50%;
                font-size: 16px;
            }
        }
    }

    .zx-lottery-information-wrapper {
        width: 100%;
        position:absolute;
        top: 70px;
        overflow: auto;
        bottom:0;
        .zx-lottery-information-title {
            .title-bg();
            height: 45px;
            line-height: 45px;
            padding: 1px 10px;
            .border-1px-bottom();

            .zx-title-left, .zx-title-right {
                width: 50%;
                float: left;

                &.zx-title-left {
                    font-size: 15px;

                    .zx-lottery-information-icon {
                        margin: 0 5px;
                        float: left;
                        font-size: 28px;
                    }
                }

                &.zx-title-right {
                    text-align: right;
                    height: 45px;
                    font-size: 12px;
                    color: #8F8E94;

                    .icon-right {
                        font-size: 12px;
                        font-weight: 800;
                    }
                }
            }
        }
    }
}

.news-item {
    height: 45px;
    line-height: 45px;
    padding: 1px 10px 1px 0;
    font-size: 15px;
    .border-1px-bottom();

    .news-item-text {
        position: absolute;
        left: 35px;
        right: 105px;
        color: #030303;
        .textRow();
    }

    .news-item-time {
        width: 95px;
        float: right;
        text-align: right;
        color: #8F8E94;
        font-size: 12px;
    }
}