kjh55128_m55128/KJH55128_Rec/public/css/common/common.less

@import './reset.less';
@import './mixin.less';
@import './iconfont.less';
//@import '//at.alicdn.com/t/font_489507_0tjrv7fqnri442t9.css';
* {
    color: #666;
    list-style: none !important;
}


body {
    background: #F0F0F0;
}

.hcontent-wrapper, .main {
    max-width:85%;
    margin: 0 auto;
}

.main {
    margin-top: 130px;

    section.mainContent {
        margin-left: -5px;
        margin-top: 10px !important;
    }

    section.main-ads-wrapper {
        box-sizing: border-box;
        margin-top: 5px;
        border-left: 5px solid #F0F0F0;
    }
}

.ball-list {
    display: inline-block;
    margin: 2px;
    height: 30px;
    width: 30px;
    font-size: 1.8rem;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
}
.ball-list-dnew {
    display: inline-block;
    margin: 2px;
    height: 30px;
    width: 30px;
    font-size: 1.8rem;
    color: #fff;
    border-radius: 0%;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
}
.ball-list-newfont {
    display: inline-block;
    margin: 2px;
    height: 36px;
    width: 36px;
    font-size: 3rem;
    text-align: center;
    line-height: 36px;
    overflow: hidden;
}
.ball-list-new {
    display: inline-block;
    margin: 2px;
    text-align: center;
    overflow: hidden;
}
.ball-list.red {
    background: @fcolor;
}
.ball-list.blue {
    background: #0092DD;
}
.ball-list.green {
    background: #1fc26b;
}
.ball-list-dnew.red {
    background: @fcolor;
}

.ball-list-dnew.blue {
    background: #0092DD;
}
.ball-list-dnew.rednew {
    background: #bfbebe;
}

.ball-list-dnew.green {
    background: #1fc26b;
}

.ball-list.shengxiao {
    background: #0092DD;
}

.ball-list.jijie {
    background: #0092DD;
}

.ball-list.fangwei {
    background: #0092DD;
}

.pk3-list {
    display: inline-block;
    margin-right: 20px;

    .iconfont {
        font-size: 3rem;
    }

    .ball-pk3 {
        font-size: 2.8rem;
        font-weight: 700;
    }

    &.hongtao span, &.fangpian span {
        color: @fcolor;
    }

    &.heitao span, &.meihua span {
        color: rgba(0,0,0,.8);
    }
}

.icon-quanguo {
    color: #B21F2D !important;
}

.icon-difang {
    color: #007BFF !important;
}

.icon-gaopin {
    color: #00B7FF !important;
}
//header部分
header {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;

    .hcontent-wrapper {
        max-width: 85%;
        margin: 0 auto;
    }
}

.logo-wrapper {
    .logo-content {
        height: 80px;

        &.logo-left {
            box-sizing: border-box;
            text-align: left;
            vertical-align: middle;
            /*padding-top: 8px;*/
            line-height: 80px;

            img {
                display: inline-block;
                height: 70px;
            }
        }

        &.logo-center {
            .logo-hot-list {
                height: 40px;
                line-height: 40px;
                padding-left: 10px;
                position: relative;
                .text-ellipsis();

                &:nth-child(1), &:nth-child(2) {
                    border-bottom: 1px solid #ddd;
                }
            }

            a {
                display: inline-block !important;
                padding: 0 3px;
            }

            .more {
                position: absolute;
                right: 0;
                color: #999;
                background: #fff;
                padding: 0 10px;
                z-index: 999;
            }

            span {
                font-size: 1.2rem;
            }

            .red {
                color: @fcolor;
                font-size: 1.4rem;
            }

            .blue, .shengxiao, .jijie, .fangwei {
                color: #0092DD;
                font-size: 1.4rem;
            }
        }

        &.logo-right {
            a.logo-right-item {
                float: right;
                text-align: right;
                line-height: 80px;
                margin: 0 5px;

                span {
                    font-size: 1.4rem;
                    cursor: pointer;

                    &:hover {
                        color: @fcolor;
                        text-decoration: underline !important;
                    }

                    &:last-child {
                        border: 0;
                    }
                }
            }
        }
    }
}

section.nav-box {
    background: @fcolor;
    position: relative;
    height: 50px;
}

.mnav {
    height: 100%;
    height: 50px;
    line-height: 50px;
    text-align: right;
    z-index: 999;
    display: none;
    background-color:#fff;
    &.show {
        display: block;
    }

    .iconfont {
        display: inline-block;
        height: 100%;
        color: @fcolor;
        font-size: 24px;
        padding: 0 20px;
    }
}

.nav-wrapper {
    background: @fcolor;
    display: none;

    &.show {
        display: block;
    }

    .nav-content {
        box-sizing: border-box;
        height: 50px;
        color: #fff;
        float: left;

        > a {
            display: inline-block;
            height: 100%;
            line-height: 50px;
            text-align: center;
            padding: 0 12px;

            span.nav-item {
                cursor: pointer;
                color: #fff;
                font-size: 1.6rem;

                span.iconfont {
                    color: #fff;
                    font-size: 1.2rem;
                    padding: 0 4px;
                }
            }
        }

        &:hover, &.active-nav {
            background: rgba(0,0,0,.1);
        }

        &.mobile {
            //          float:right;
            position: relative;

            img {
                width: 140px;
            }

            &:hover {
                .cp-fl-box {
                    display: block;
                }
            }

            .cp-fl-box {
                position: absolute;
                right: 0;
                background: #fff;
                border: 1px solid rgba(0,0,0,.1);
                padding: 10px;
                display: none;

                p {
                    line-height: 30px;
                    text-align: center;
                }
            }
        }

        &:hover .cp-fl-wrapper {
            display: block;
        }

        &:nth-child(2):hover, &:nth-child(3):hover, &:nth-child(4):hover, &:nth-child(5):hover {
            border-top: 1px solid @fcolor;
            background: #fff;

            span.nav-item, span.iconfont {
                color: @fcolor;
            }
        }
    }

    .ksj {
        position: relative;

        .ksj-wrapper {
            width: 100%;
            display: none;
            position: absolute;
            border: 2px solid @fcolor;
            border-top: 0;
            box-sizing: border-box;
            top: 100%;
            left: 0;
            background: #fff;

            .ksj-list {
                width: 100%;
                line-height: 40px;
                text-align: center;

                a {
                    font-size: 1.4rem;

                    &:hover {
                        color: @fcolor;
                        text-decoration: underline !important;
                    }
                }
            }
        }
    }
}
.cp-fl-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0,0,0,.15);
    background: #fff;
    padding: 10px 0;
    display: none;

    .cp-fl-box {
        max-width: 85%;
        margin: 0 auto;
    }

    .cp-fl-list {
        padding: 5px 20px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        .clear();

        &:last-child {
            border: 0;
        }

        .cp-fl-title {
            width: 120px;
            float: left;
            line-height: 35px;
            font-size: 1.6rem;
            font-weight: 700;
            color: #666;

            .iconfont {
                font-size: 2.5rem;
                padding: 0 10px;
                float: left;
                font-weight: 100;

                &.icon-GPCK3 {
                    font-size: 3rem;
                }
            }
        }

        .cp-fl-content {
            height: 35px;
            overflow: hidden;
            margin-left: 120px;

            a.lot-list {
                float: left;
                border-radius: 3px;
                line-height: 35px;
                color: #666;
                padding: 0 10px;
                font-size: 1.4rem;

                &:hover {
                    .firbg();
                    color: #fff;
                }
            }
        }

        &:hover, &:hover .cp-fl-content {
            cursor: pointer;
            height: auto;
        }
    }
}
    //底部footer样式
    footer {
        background: #3F404F;
        color: #fff;
        padding-top: 25px;
        width: 100%;

        .hcontent-wrapper {
            max-width: 80%;
            margin: 0 auto;
            padding: 10px;
        }
    }

.kjnav-wrapper {
    padding: 10px;
    .clear();

    .kjnav-left {
        float: left;
        width: 100px;

        .kjnav-title {
            font-size: 1.6rem;
            font-weight: 700;
            color: rgba(255,255,255,.7);
        }
    }

    .kjnav-right {
        margin-left: 100px;

        .kjnav-item {
            display: inline-block;
            padding-right: 10px;
            padding-left: 10px;
            white-space: nowrap;
            cursor: pointer;
            border-right: 0.15rem solid rgba(0,0,0,.2);
            margin:2px 0;
            &:last-child {
                border-right: 0;
            }

            span {
                display: inline-block;
                font-size: 1.5rem;
                color: rgba(255,255,255,.7);
                padding-top: 2px;
                padding-bottom: 2px;

                &:hover {
                    color: @fcolor;
                }
            }

            &.flex-empty {
                .flex-empty();
            }
        }

        .kjnav-item-span {
            font-weight: 800;
            color: rgba(0,0,0,.2);
            padding-left: 5px;

            &:last-child {
                display: none;
            }
        }
    }
}

    .fnav-box {
        border-top: 3px solid rgba(0,0,0,.2);
    }

    .footer-nav {
        padding: 10px 0 0;
        text-align: center;

        a.footer-nav-item {
            display: inline-block;
            padding: 5px 15px;
            border-right: 0.15rem solid rgba(0,0,0,.2);
            font-size: 1.2rem;
            font-weight: 700;
            cursor: pointer;
            color: rgba(255,255,255,.5);

            &:last-child {
                border: 0;
            }

            &:hover {
                color: @fcolor !important;
            }
        }
    }

    .copyright-wrapper {
        text-align: center;

        .copyright {
            font-size: 1.2rem;
            line-height: 25px;
            color: rgba(255,255,255,0.4);

            a {
                color: rgba(255,255,255,0.4);
            }

            a:hover {
                color: @fcolor;
            }
        }
    }
    //网页main-header样式
    .bread-nav {
        padding: 20px 10px 20px 0;

        .lable {
            font-size: 1.6rem;
            color: #666;
        }

        .iconfont {
            font-size: 10px;
            font-weight: 700;
        }

        a {
            display: inline-block;
            font-size: 1.6rem;
            color: #666;
            font-weight: normal;
        }

        a:hover {
            color: #C31A00;
            font-weight: bold;
            text-decoration: none;
        }
    }

    .icon-hot {
        color: @fcolor;
        padding: 0 10px;
    }

section.hot-lottery-wrapper {
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;

    .hot-lottery-title {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        font-size: 1.6rem;
        border-bottom: 1px solid rgba(0,0,0,.1);

        .iconfont {
            color: @fcolor;
            font-size: 2.5rem;
            padding-left: 10px;
        }

        .lot-more {
            float: right;
            cursor: pointer;
            display: none;
            font-size: 1.4rem;
            .iconfont {
                font-weight: 700;
                font-size: 1.5rem;
            }
        }
    }

    .hot-lottery-content {
        padding: 10px 3px 3px;
        height: 95px;
        overflow: hidden;

        &.gpc {
            display: none;
        }

        &.gpc.active {
            display: block;
        }

        &.row {
            margin: 0 !important;
        }

        .hot-lottery-list {
            text-align: center;
            border-radius: 3px;
            padding: 10px 0 5px;
            cursor: pointer;
            height: 95px;

            &:hover {
                box-shadow: 0 0 3px 3px rgba(0,0,0,.1);
            }

            .iconfont {
                font-size: 5rem;
                color: @fcolor;
                line-height: 50px;
            }

            .icon-lable {
                display: block;
                font-size: 1.4rem;
                line-height: 30px;
                .text-ellipsis();
            }
        }
    }
}

.hot-lot-btn-box {
    padding: 10px 0 0;
    border-bottom: 2px solid @fcolor;
    &.row {
        margin: 0 !important;
    }

    .hot-lot-lable {
        float: left;
        padding: 5px 15px;
        //      font-weight: 600;
        font-size: 1.7rem;
        border-radius: 5px 5px 0 0;
        cursor: pointer;

        &.active {
            color: #fff;
            background: @fcolor;
        }
    }

    .lot-more {
        float: right;
        cursor: pointer;
        display: none;

        .iconfont {
            color: rgba(0,0,0,.4);
            font-weight: 700;
            font-size: 1.4rem;
        }
    }
}
    //网页main-left样式
div.typecell-list-box {
    box-sizing: border-box;
    padding: 5px;
    overflow: hidden;

    .typecell-list {
        background: #fff;
        width: 100%;

        &:hover {
            box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
        }
    }

    div.typecell-header {
        padding: 10px 10px 0;

        div.typecell-icon-wrapper {
            box-sizing: border-box;
            padding: 25px 30px 25px 20px;
            float: left;

            .iconfont {
                font-size: 3rem;
                color: red;
                box-shadow: 0 0 10px 10px #fff,0 0 15px 15px #DADADA;
                border-radius: 20px;
            }
        }

        div.typecell-hright-wrapper {
            text-align: left;

            .qs-box {
                margin-left: 20px;
                font-size: 1.4rem;
            }

            .hright-title {
                padding: 10px 0;
                font-size: 1.2rem;
                .text-ellipsis();
            }

            .lotName {
                color: #666;
                font-size: 1.6rem;
                font-weight: 700;
            }

            .qishu, .cqishu {
                color: @fcolor;
                font-size: 1.6rem;
                font-weight: 700;
            }

            .KJRate {
                font-size: 1.2rem;
            }

            div.hright-kjsm {
                color: #999;
                padding: 3px 0;
                font-size: 1.2rem;

                .timebox {
                    color: @fcolor;
                    font-size: 1.4rem;
                }
            }
        }
    }

    div.typecell-ball {
        padding: 10px 30px;
        overflow: hidden;
    }

    div.typecell-table {
        padding: 5px 10px;

        table {
            border-collapse: collapse;
            border-spacing: 2px;
        }

        th, td {
            border: 1px solid rgba(0,0,0,.1);
        }

        th {
            color: @fcolor;
            font-size: 1.3rem;
            font-weight: 400;
        }

        td {
            font-size: 1.2rem;
            color: #676767;
        }
    }

    div.typecell-button {
        margin: 10px 0 0;
        border-top: 1px solid rgba(0,0,0,.1);
        /*padding: 0 20px;
            overflow: hidden;*/
        .flex-center();
        flex-wrap: nowrap;
        .btn-list {
            height: 49px;
            line-height: 50px;
            cursor: pointer;
            text-align: center;
            flex:auto;
            a {
                font-size: 1.4rem;

                &:hover {
                    color: @fcolor;
                }
            }
        }
    }
}
    //网页main-right样式
    //section.main-ads-wrapper{
    //  border-left:10px solid #F0F0F0;
    //}
    section.ads-section {
        margin-bottom: 10px;
        background: #fff;
    }

    .ads-list-title {
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        border-bottom: 1px solid #f0f0f0;

        .ads-title-lable {
            font-size: 1.6rem;
            color: #666;
            font-weight: 700;
            .text-ellipsis();
        }

        .more {
            color: darkgray;
            font-size: 1rem;
            cursor: pointer;
            text-align: right;

            span {
                color: darkgray;
                font-weight: 700;
                font-size: 1rem;
            }

            .iconfont {
                font-size: 0.4rem;
                color: darkgray;
            }
        }
    }

    .ads-list-content {
        padding: 10px;

        .ads-list {
            width: 100%;
            height: 30px;
            line-height: 30px;
            border-bottom: 1px solid ghostwhite;
            cursor: pointer;

            &:first-child {
                margin-top: -10px;
            }

            &:last-child {
                border: none;
            }

            a {
                overflow: hidden;
                position: relative;
            }

            .ads-list-lable {
                display: block;
                padding-right: 75px;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                color: #666;
                font-size: 1.4rem;
                .text-ellipsis();

                &:hover {
                    color: @fcolor;
                }
            }

            .ads-list-time {
                position: absolute;
                right: 0;
                top: 0;
                width: 75px;
                height: 100%;
                text-align: right;
                color: darkgrey;
            }
            /**新增**/
            .ads-list-zs {
                width: 48%;
                text-align: center;
                display: inline-block;

                &:hover {
                    text-decoration: underline;
                    color: @fcolor;
                }
            }
        }

        .ads-wfcontent {
            width: 100%;
            height: 100%;
            display: block;
            text-indent: 2rem;
            line-height: 35px;
            font-size: 1.4rem;

            p {
                font-size: 1.4rem;
            }
        }

        .ads-recomkjh {
            width: 100%;
            height: 100%;
            display: block;
            position: relative;
            padding: 5px 0;
            border-bottom: 1px solid ghostwhite;

            .ads-name {
                display: inline-block;
                width: 56px;
                line-height: 36px;
                font-size: 1.6rem;
                position: absolute;
                left: 0;
                top: 0;
            }

            .ads-kjh {
                display: inline-block;
                left: 56px;
                top: 0;
                position: relative;
            }

            .ads-kjh-more {
                position: absolute;
                right: 0;
                top: 0;
                line-height: 36px;
            }
        }

        .hot-lottery-list {
            overflow: hidden;
            float: left;
            padding: 10px 10px;
            min-width: 10%;
            text-align: center;
            border-radius: 5px;

            &:hover {
                box-shadow: 0 0 3px 3px rgba(0,0,0,.1);
            }

            .iconfont {
                font-size: 30px;
                color: @fcolor;
            }

            .icon-lable {
                display: block;
                padding: 10px 0;
                font-size: 1.6rem;
                color: #666;
                .text-ellipsis();
            }
        }
    }

    .tool-list-wrapper {
        margin: 0 -10px;
        border-bottom: 1px solid #f0f0f0;

        .list-header {
            color: #666;
            padding: 0 10px;
            line-height: 50px;
            overflow: hidden;

            .iconfont {
                font-size: 40px;
                float: left;
                color: #01B4EE;
            }

            .tools-lable {
                margin-left: 10px;
                float: left;
                font-size: 1.4rem;
            }
        }

        .list-footer {
            padding: 10px;
            padding-top: 0;
            overflow: hidden;

            .tool-btn {
                font-size: 1.3rem;
                word-break: keep-all;
                height: 25px;
                line-height: 25px;
                .text-ellipsis();
                cursor: pointer;
                color: #666;

                &:hover {
                    color: @fcolor;
                    text-decoration: underline;
                    /*background:#04D603;*/
                }
            }
        }
    }

    .ads-wrapper {
        padding: 10px 0;
        padding-left: 70px;
        background: #fff;
        overflow: hidden;
        position: relative;

        .tuiguang {
            background: @fcolor;
            color: #fff;
            line-height: 30px;
            font-size: 1.6rem;
            width: 160px;
            text-align: center;
            letter-spacing: 2px;
            position: absolute;
            top: 15px;
            left: -45px;
            transform: rotate(-45deg);
            //      -webkit-transform:rotate(-45deg);
            //      -o-transform:rotate(-45deg);
            //      -ms-transform:rotate(-45deg);
            //      -moz-transform:rotate(-45deg);
            //      -khtml-transform:rotate(-45deg);
        }

        .ads-list {
            text-align: center;
            line-height: 25px;
            font-size: 0.8rem;
            padding: 0 10px;
            .text-ellipsis();

            &:hover {
                color: @fcolor;
                text-decoration: underline;
            }
        }
    }

    .main-title-wrapper {
        padding: 10px;
        margin-left: 5px;
        margin-top: 5px;
        background: #fff;

        .main-title {
            overflow: hidden;
            line-height: 35px;
            border-bottom: 2px solid @fcolor;

            .main-title-lable {
                float: left;
                padding: 0 15px;
                cursor: pointer;
                border-radius: 5px 5px 0 0;
                font-size: 1.7rem;

                &.active {
                    background: @fcolor;
                    color: #fff;
                }
            }
        }
    }

    .ksj-content-wrapper {
        margin-left: 5px;
    }

    .ksj-base-wrapper {
        margin: 10px 0;
        padding: 10px;
        background: #fff;
        overflow: hidden;

        .ksj-base-icon {
            float: left;
            padding: 25px 35px 25px 25px;

            .iconfont {
                .lot-shadow();
                font-size: 4rem;
            }
        }
    }

    .ksj-base-right {
        margin-left: 100px;
        padding-left: 10px;

        .lot-name {
            line-height: 35px;
            //      border-bottom: 2px solid @fcolor;
            //      padding-bottom: 5px;
            //      margin-bottom: 5px;
            .lotName {
                font-size: 1.6rem;
                font-weight: 700;
            }

            .qishu {
                margin-left: 20px;
                font-size: 1.3rem;

                .select-qs {
                    height: 25px;
                    padding: 0 3px;
                    margin: 0 10px;
                    .border();
                }
            }
        }

        .kj-time {
            font-size: 1.3rem;
            line-height: 17px;
            color: rgba(0,0,0,.5);
        }

        .kj-btn {
            padding: 8px 0;

            .lot-btn {
                display: inline-block;
                font-size: 1.4rem;
                line-height: 16px;
                padding: 0 15px;
                color: @fcolor;
                //          border-right:2px solid rgba(0,0,0,.1);
                border-right: 1px solid @fcolor;

                &:last-child {
                    border: none;
                }

                &:first-child {
                    padding-left: 0;
                }

                &:hover {
                    color: @fcolor;
                }
            }
        }
    }

    .ksj-num-wrapper {
        height: 201px;
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
        margin-right: 10px;

        .qishu {
            line-height: 30px;
            font-size: 1.7rem;
            padding: 5px 0;
        }

        .ksj-ball {
            padding: 5px 0;
        }

        .ksjxq {
            line-height: 32px;
            /*line-height: 35px;*/
            font-size: 1.6rem;

            > span {
                font-size: 1.4rem;
            }
        }

        .kj-btn {
            line-height: 20px;

            .strong {
                font-size: 1.6rem;
                font-weight: 700;
            }

            .lot-btn {
                display: inline-block;
                font-size: 1.6rem;
                padding: 0 10px;
                color: @fcolor;
                cursor: pointer;

                &:first-child {
                    padding-left: 0;
                }

                &.active, &:hover {
                    font-weight: 800;
                }
            }
        }
    }

    .ksj-select-wrapper {
        /*height: 165px;*/
        /*overflow: hidden;*/
        padding: 10px 0;
        /*margin-bottom: 10px;*/
        margin-right: 10px;
        background: #fff;

        .title {
            line-height: 30px;
            font-size: 1.6rem;
            padding: 5px 0;
        }

        .select-list {
            line-height: 30px;
            /*overflow: hidden;*/
            display: inline-block;
            /*.lable {
            font-size: 1.4rem;
        }*/
            .input-btn-group {
                display: inline-block;
                min-width: 160px;
                height: 100%;
                font-size: 0;
                position: relative;

                input {
                    .border();
                    float: left;
                    width: 105px;
                    height: 28px;
                    border-right: 0;
                    text-indent: 10px;

                    &#startInput {
                        .border();
                    }
                }

                .query-select {
                    position: absolute;
                    top: 30px;
                    left: 0;
                    /*width: 155px;*/
                    width: 105px;
                    background: #fff;
                    padding: 5px;
                    box-sizing: border-box;
                    z-index: 99;
                    max-height: 220px;
                    overflow-x: hidden;
                    overflow-y: scroll;
                    border: 1px solid #ddd;
                    border-top: 0;
                    display: none;

                    li {
                        line-height: 25px;

                        a {
                            text-align: center;
                            font-size: 1.4rem;

                            &:hover {
                                background: @fcolor;
                                color: #fff;
                            }
                        }
                    }
                }

                button {
                    width: 50px;
                    height: 30px;
                    border-radius: 0 3px 3px 0;
                    background: @fcolor;
                    color: #fff;
                }
            }

            .eg {
                font-size: 1.4rem;
                color: #999;
                vertical-align: bottom;
                margin-left: 5px;
                line-height: 40px;
            }
        }
    }

    .ksj-table-wrapper {
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
        margin-right: 10px;

        .title {
            /*overflow: hidden;*/
            padding: 15px 10px;

            span {
                font-size: 1.8rem;
            }

            .qishu-box {
                /*float: left;*/
                padding: 10px 0;

                .lot-btn {
                    display: inline-block;
                    font-size: 1.6rem;
                    color: @fcolor;
                    padding: 0 10px;
                    cursor: pointer;

                    &.active, &:hover {
                        font-weight: 800;
                    }
                }
            }
        }
    }

    .ksj-table {
        border-collapse: collapse;
        border: 1px solid rgba(0,0,0,0.1);
        //  border-bottom: 0;
        tr {
            //      border-top:1px solid #ddd;
            &.single {
                background: #ededed;
            }
        }

        th {
            font-size: 1.5rem;
            line-height: 40px;
            font-weight: 500;
        }

        td {
            line-height: 40px;
            font-size: 1.3rem;

            span {
                font-size: 1.3rem;
            }

            .red {
                color: @fcolor;
            }

            .blue {
                color: #0092DD;
            }

            .shengxiao {
                color: #0092DD;
            }

            .jijie {
                color: #0092DD;
            }

            .fangwei {
                color: #0092DD;
            }
        }
    }

    .btn-refresh {
        display: inline-block;
        width: 64px;
        height: 28px;
        line-height: 26px;
        text-align: center;
        border-radius: 3px;
        background: #C31A00;
        color: #fff;
        cursor: pointer;
    }

@media screen and (min-width: 768px) {
    .ksj:hover .ksj-wrapper {
        display: block;
    }

    .hot-lottery-wrapper:hover .hot-lottery-content {
        height: auto;
    }

    //右侧固定联系客服框
    section.fiexed-wrapper {
        position: fixed;
        top: 50%;
        right: 3px;

        .fixed-list {
            background: #fff;
            border-radius: 3px;
            box-shadow: 0 0 2px 2px rgba(0,0,0,.1);
            margin: 3px 0;
            height: 50px;
            width: 50px;
            cursor: pointer;
            text-align: center;
            line-height: 50px;

            &.shouji:hover {
                background: @fcolor;
            }

            &.weixin:hover {
                background: #04D603;
            }

            &.qq:hover {
                background: #01B4EE;
            }

            &.fankui:hover {
                background: #FF7779;
            }

            &.gotop:hover {
                background-color:#FC73AB;
            }

            &.weixin, &.shouji {
                position: relative;
                .code-box {
                    position: absolute;
                    top: 3px;
                    right: 100%;
                    z-index: 999;
                    display: none;
                    margin-right: 3px;

                    img {
                        width: 100px;
                    }
                }

                &:hover .code-box {
                    display: inline-block;
                }
            }

            &.gotop {
                display: none;
            }

            span.iconfont {
                font-size: 40px;
                color: @fcolor;

                &.icon-shouji {
                    font-size: 45px;
                }

                &.icon-weixin {
                    color: #04D603;
                }

                &.icon-qq {
                    color: #01B4EE;
                }

                &.icon-fankui {
                    color: #FF7779;
                }

                &.icon-gotop {
                    color: #FC73AB;
                }
            }

            span.icontext {
                display: none;
                line-height: 18px;
                font-size: 1.2rem;
                color: #fff;
                padding-top: 7px;
            }

            &:hover span.icontext {
                display: inline-block;
                color: #fff;
            }

            &:hover span.iconfont {
                display: none;
            }
        }
    }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    .hcontent-wrapper, .main {
        max-width: 100% !important;
    }

    header {
        position: relative !important;
        margin-bottom: 10px;

        .logo-wrapper {
            display: none;
        }

        .nav-box {
            height: auto !important;
        }

        .nav-content a, .nav-content .nav-item {
            display: block !important;
            text-align: center;
        }

        .nav-content {
            height: auto !important;
        }

        .ksj-wrapper {
            position: relative !important;
            top: 0;
        }

        .logo-img {
            display: inline-block;
            height: 100%;
            overflow: hidden;
            float: left;

            img {
                height: 90%;
                margin-left: 10px;
            }
        }
    }

    .main {
        margin-top: 0 !important;

        .lot-more {
            display: inline-block !important;
        }
    }
    footer{
        padding-top:0;
    }
    .kjnav-wrapper {
        .kjnav-left {
            display: block;
            float: none;
            width: 100%;

            .kjnav-title {
                line-height: 35px;
                font-size: 1.4rem;
            }
        }

        .kjnav-right {
            margin-left: 0;

            .kjnav-item {
                span {
                    font-size: 1.1rem ;
                    .text-ellipsis();
                }
            }
        }
    }

    section.fiexed-wrapper {
        position: fixed;
        bottom: 20px;
        right: 10px;

        .fixed-list {
            display: none;
            span.icon-gotop {
                font-size: 40px;
                color: #FC73AB;
            }
            .icontext{
                display:none;
            }
        }
    }
}
@media screen and (min-width: 0px) {
    .lg-a-1 {
        width: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 926px) {
    .lg-a-2 {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 1200px) {
    .lg-a-5 {
        width: 20%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}
.lg-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.pon {
    max-width: 100% !important;
}
.lg-a-5 {
    width: 20%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}