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

@import '../common/header1.less';
@import url('../../font/iconfont.less');
.zxzlxq-page {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    z-index: 999;
    background: #fff;

    .zxzlxq-wrapper-title {
        background: #fff;
        width: 100%;
        overflow: hidden;
        height: 50px;
        .border-1px-bottom();

        .title-box {
            border: 1px solid rgba(0,0,0,.1);
            /*.testbg();*/
            height: 100%;
            white-space: nowrap;
            width: auto;
            overflow: hidden;
            overflow-x: auto;
            display: flex;
            display: -webkit-flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-content: center;
            /* //重写滚动条样式*/
            /*&::-webkit-scrollbar {
					    background-color: #E84542;
					  }  */
            /*定义滚动条轨道 内阴影+圆角*/
            /*&::-webkit-scrollbar-track {  
					    -webkit-box-shadow: inset 0 0 6px #E84542 !important;
					  }     */
            /*定义滑块 内阴影+圆角*/
            /*&::-webkit-scrollbar-thumb {
					    background-color:#E84542 !important;  
					  }*/
            .zxzlxq-itemlist {
                flex: 1 1 auto;
                padding: 5px 10px;
                /*margin:9px 0;*/
                text-align: center;
                font-size: 16px;
                .center();

                &.active {
                    color: #E84542;
                    /*font-size:15px;*/
                    /*background:#fafafa;*/
                    /*border-bottom:3px solid #E84542;*/
                    font-weight: 600;
                }
            }
        }
    }

    .zxzlxq-newslist-wrapper {
        position: relative;
        height: auto;

        .zxzlxq-newslist-title {
            height: 50px;
            line-height: 50px;
            /*.border();*/
            .border-1px-bottom();
            /*border-bottom:2px solid red;*/
            padding: 0 15px;
            .title-bg();

            span {
                float: left;
            }

            .iconfont {
                /*border-right:2px solid red;*/
                font-size: 26px;
                padding-right: 4px;

                &.icon-right {
                    float: right;
                    color: rgba(0,0,0,.4);
                    font-size: 14px;
                    border-right: 0;
                }
            }
        }

        .zxzlxq-newslist {
            width: 100%;
            position: fixed;
            top:140px;
            bottom:40px;
            overflow: hidden;
        }

        footer {
            position: fixed;
            bottom: 0;
            height: 40px;
            width: 100%;
            background: #fff;
            .center();
            .title-bg();
        }
    }
    /*}*/
}

.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;
    }
}