@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Helvetica;
    src: url(msyh.ttf);
    src: url(msyh.ttf);
}

figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, * {
    margin: 0;
    padding: 0;
    border: 0 none;
    font-size: 100%;
    font: inherit;
}

em, s, i {
    font: normal;
}

body {
    font: 1rem Helvetica;
    background: #f4f4f4;
    color: #4d4d4d;
}

body, html {
    width: 100%;
    height: auto;
    font-weight: 400;
    min-width: 320px;
    font-family: Microsoft YaHei;
    overflow-x: hidden;
}

h1 {
    font-size: 1.25rem;
}

h2 {
    font-size: 1.125rem;
}

input {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

ol, ul, dl, dt, dd {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.wred, .wRed {
    color: #db5440 !important;
}

.wblue, .wBlue {
    color: #186ea7 !important;
}


/*================================页头======================================*/
.topbar {
    background: #cd302e;
    margin: 0 auto;
    clear: both;
    background: -moz-linear-gradient(left, #ff4824, #cd302e);
    background: -webkit-linear-gradient(left, #ff4824, #cd302e);
    background: -ms-linear-gradient(left, #ff4824, #cd302e);
    background: -o-linear-gradient(left, #ff4824, #cd302e);
    height: 2.75rem;
    overflow: hidden;
    z-index: 999;
    text-align: center;
}

    .topbar .logo {
        display: inline-block;
        float: left;
        margin: .5rem;
        width: 8.75rem;
        height: 1.75rem;
        background: url(logo.png) no-repeat top left;
        background-size: 100%;
    }

    .topbar .kjlogo {
        display: inline-block;
        float: left;
        margin: .5rem;
        width: 8.75rem;
        height: 1.75rem;
        background: url(kjlogo.png) no-repeat top left;
        background-size: 100%;
    }

    .topbar .slogan {
        display: block;
        float: right;
        margin-right: .625rem;
        margin-top: 1.25rem;
        width: 10.3515rem;
        height: 1.275rem;
        background-size: 10.3515rem 1.275rem;
        -moz-background-size: 10.3515rem 1.275rem;
        -webkit-background-size: 10.3515rem 1.275rem;
    }

    .topbar .back {
        display: inline-block;
        width: 2rem;
        height: 3rem;
        position: absolute;
        top: 0;
        left: 0;
        background: url(ico_back.png) no-repeat left;
        background-size: .75rem 1.125rem;
        margin-left: .625rem;
    }

.open, .new-lot {
    width: 1.75rem;
    height: 2.75rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url(ico_tab.png) no-repeat right;
    background-size: 1.25rem 1.25rem;
    margin-right: .5rem;
}

.new-lot {
    right: 2rem;
    background: url(new_lot.png)no-repeat center;
    background-size: 1.5rem 1.25rem;
}

.topbar .menu {
    width: 100%;
}

.topbar h1 {
    color: #fafafa;
    text-align: center;
    line-height: 3rem;
    text-shadow: 0 2px 0 #073c5f;
    -moz-text-shadow: 0 2px 0 #073c5f;
    -webkit-text-shadow: 0 2px 0 #073c5f;
}

    .topbar h1 span {
        color: #fff;
        display: block;
        font-size: 1.125rem;
        width: 70%;
        margin-left: 10%;
        height: 2.75rem;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .topbar h1 img {
        width: 1rem;
        height: 1rem;
        margin-left: .25rem;
        position: relative;
        top: .175rem;
    }

@media (device-width:320px) {
    .topbar h1, .topbar h1 span {
        font-size: 1rem;
    }
}


.menubox {
    overflow: hidden;
    font-size: 1rem;
    text-align: left;
    color: #fafafa;
    z-index: 999;
}

    .menubox .menu_nav {
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 2.75rem;
        width: 100%;
        height: auto;
        overflow: hidden;
        z-index: 999;
        transition: visible 0.8s ease-in;
        -moz-transition: visible 0.8s ease-in;
        -webkit-transition: visible 0.8s ease-in;
    }

.menu_nav > ul, .menu_nav .bar {
    background: #fff;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
    overflow: hidden;
    width: 100%;
    padding: .5rem 0;
}

.topbar .menubox .menu_nav .top {
    padding-top: .5rem;
}

.menu_nav {
    box-shadow: 0 0 10px #aaa;
}


    .menu_nav .lot-whole {
        padding: .25rem .5rem 1rem .5rem;
        background: #fff;
    }

        .menu_nav .lot-whole .title {
            font-size: 1.125rem;
            height: 2rem;
            line-height: 2rem;
            border-bottom: 1px #ddd solid;
            color: #333;
            position: relative;
        }

            .menu_nav .lot-whole .title span {
                display: inline-block;
                position: absolute;
                width: .125rem;
                height: 1.125rem;
                background: #ff8a2c;
                top: .5rem;
                left: 0;
            }

        .menu_nav .lot-whole ul {
            overflow: hidden;
        }

        .menu_nav .lot-whole li {
            display: inline-block;
            float: left;
        }

            .menu_nav .lot-whole li a {
                display: inline-block;
                padding: .5rem .75rem;
                font-size: 1rem;
                color: #666;
            }

        .menu_nav .lot-whole.equal:nth-child(n+4) {
            display: none !important;
        }

    .menu_nav .equal li {
        width: 30.7%;
        margin: 0 .25rem;
        overflow: hidden;
        height: 2.5rem;
    }

        .menu_nav .equal li a {
            width: 100%;
            line-height: 2.5rem;
        }

    .menu_nav .topnav > a, .menu_nav .topnav .lot {
        width: 22.5%;
        margin: .25rem;
        border-radius: .25rem;
        -moz-border-radius: .25rem;
        -webkit-border-radius: .25rem;
        font-size: 1rem;
        line-height: 2.25rem;
        text-align: center;
        display: block;
        float: left;
        background-color: #f4f4f4;
    }

    .menu_nav .topnav a span {
        display: inline-block;
        width: 1.25rem;
        height: 1.25rem;
        background: url(ico_nav.png) no-repeat top left;
        background-size: 100%;
        background-position: 0 0px;
        vertical-align: middle;
    }

    .menu_nav .lot a span {
        background-position: 0 -56px;
    }

    .menu_nav .zst a span {
        background-position: 0 -28px;
    }

    .menu_nav .tool a span {
        background-position: 0 -113px;
    }

    .menu_nav .miss a span {
        background-position: 0 -140px;
    }

    .menu_nav .kaij a span {
        background-position: 0 -84px;
    }

    .menu_nav .table a span {
        background-position: 0 -169px;
    }

    .menu_nav .help a span {
        background-position: 0 -196px;
    }

    .menu_nav .bar h2 {
        margin: .25rem .625rem;
        border-bottom: 2px #ef9d91 solid;
        color: #ef9d91;
        font-size: 1.125rem;
        line-height: 2.5rem;
        height: 2.25rem;
    }

        .menu_nav .bar h2 .square {
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background: none;
            background-color: #ef9d91;
            margin-right: .5rem;
            margin-top: -4px;
            vertical-align: middle;
            border-radius: 50%;
            -moz-border-radius: 50%;
            ;
            -webkit-border-radius: 50%;
        }

    .menu_nav .topnav a {
        color: #333;
    }

    .menu_nav .bar ul {
        overflow: hidden;
        color: #333;
        margin: 0 .25rem;
    }

    .menu_nav .bar a {
        display: inline-block;
        float: left;
        line-height: 1.75rem;
        height: 1.75rem;
        padding: 0 .5rem;
        font-size: .875rem;
    }

    .menu_nav .topnav .lot {
        background: #f4f4f4 url(unfold.png) no-repeat 90% center;
        background-size: 1rem .5rem;
        text-align: left;
        text-indent: .25rem;
        position: relative;
        color: #333;
        cursor: pointer;
    }

        .menu_nav .topnav .lot > ul {
            position: absolute;
            left: 0;
            top: 2.125rem;
            display: inline-block;
            background-color: #f4f4f4;
            width: 100%;
            display: none;
        }

            .menu_nav .topnav .lot > ul li {
                margin: .5rem 0;
            }

            .menu_nav .topnav .lot > ul a {
                display: inline-block;
                width: 100%;
                height: 1.75rem;
                line-height: 1.75rem;
            }

        .menu_nav .topnav .lot:hover > ul {
            display: block;
        }

        .menu_nav .topnav .lot:hover {
            background: #f4f4f4 url(retract.png) no-repeat 90% center;
            background-size: 1rem .5rem;
        }

        .menu_nav .topnav .lot li:hover {
            background-color: #ddd;
        }

.menu img {
    width: 2rem;
    height: 2.25rem;
    position: absolute;
    top: .25rem;
    right: 0;
    cursor: pointer;
    margin-right: .5rem;
    background: none;
}

.menu_nav .title {
    background: #fff;
    font-size: 1.125rem;
    height: 2.25rem;
    line-height: 2.25rem;
    border-bottom: 1px #ddd solid;
    text-indent: .625rem;
    color: #777;
}

.menu_nav .bbs {
    display: none !important;
}

    .menu_nav .bbs .title a {
        color: #ff8a2c;
    }

    .menu_nav .bbs li {
        background: url(new.gif) no-repeat right .25rem;
        background-size: 1rem;
        padding-right: .25rem;
    }



/*===========================================banner===============================================*/
.wrap {
    overflow: hidden;
}

.content {
    clear: both;
    display: inline-block;
    width: 100%;
    float: left;
    background-color: #fff;
    overflow: hidden;
}

.banner {
    width: 100vw;
    overflow: hidden;
    clear: both;
}

    .banner li {
        line-height: 0;
        width: 100%;
    }

    .banner a {
        display: inline-block;
        width: 100%;
        line-height: 0;
    }

    .banner li a img {
        width: 100%;
        margin: 0;
        padding: 0;
    }


/*===========================================KJ-NAV===============================================*/
.kj-nav {
    width: 100%;
    background: #ebf7ff;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

    .kj-nav a, .kj-nav #dataHighBtn {
        display: block;
        height: 2rem;
        line-height: 2rem;
        color: #4d4d4d;
        font-size: .875rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        text-align: center;
        outline: none;
    }

        .kj-nav a:nth-of-type(3) {
            background: url(new.gif)no-repeat right .25rem;
            background-size: 1.125rem;
        }

        .kj-nav a.active, .kj-nav input.active {
            border-bottom: 2px solid #5282cc !important;
            line-height: 1.875rem !important;
            height: 1.875rem;
            color: #5282cc !important;
        }


/* 高频彩导航分类 */
.cz-column {
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 99999;
}

    .cz-column ul {
        overflow: hidden;
    }

    .cz-column .gs {
        text-align: center;
        line-height: 2rem;
    }

    .cz-column .cz, .cz-column .zs {
        text-align: center;
        line-height: 2rem;
    }

    .cz-column ul li, .cz-column ul li a {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 2rem;
    }

    .cz-column ul li {
        width: 31%;
        padding: 0 1%;
        float: left;
        font-size: .875rem;
    }

        .cz-column ul li a {
            color: #4d4d4d;
        }

    .cz-column ul.gs li {
        width: 23%;
    }

    .cz-column ul {
        display: none;
        padding: .5rem 0;
    }

/*===========================================当前开奖号及分类导航图标===============================================*/
.current-lotnum {
    display: inline-block;
    width: 200%;
    height: 2.25rem;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    overflow: hidden;
}

    .current-lotnum #pmds {
        float: left;
        width: 900%;
        overflow: hidden;
    }

    .current-lotnum .pmdlist {
        float: left;
    }

/* @-webkit-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
@-moz-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
@-ms-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
@-o-keyframes marquee {0% { left: 20%; }100% { left: -170%; }}
@keyframes marquee {0%{left:20%}100%{left: -170%}} */
.marquee {
    height: 2.25rem;
    height: 40px;
    overflow: hidden;
    position: relative;
}
/* .marquee div {display: block;height:2.25rem;position: absolute;overflow: hidden;-webkit-animation: marquee 40s linear infinite;-moz-animation: marquee 40s linear infinite;
  -ms-animation: marquee 40s linear infinite;-o-animation: marquee 40s linear infinite;animation: marquee 40s linear infinite;} */

.current-lotnum ul {
    margin: 0 .5rem;
    overflow: hidden;
    float: left;
    width: 320px;
}

.current-lotnum li {
    display: inline-block;
    float: left;
    line-height: 2.25rem;
    color: #5a5d62;
    font-size: .875rem;
}

.current-lotnum .title {
    font-size: 1rem;
    color: #333;
    margin-right: .5rem;
    line-height: 2.125rem;
    font-weight: bold;
}

.lotnum {
    margin-left: .25rem;
    overflow: hidden;
}

    .lotnum span {
        display: inline-block;
        float: left;
        margin: 0 .125rem;
        font-weight: bold;
        font-size: .875rem;
    }

    .lotnum .red {
        color: #e84542;
    }

    .lotnum .blue {
        color: #52a8e1;
    }

/*分类导航图标*/
.lot-nav {
    display: inline-block;
    float: left;
    width: 100%;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    line-height: 0;
}

    .lot-nav ul {
        display: inline-block;
        width: 100%;
        overflow: hidden;
    }

    .lot-nav li {
        display: inline-block;
        width: 24.5%;
        float: left;
        border-left: solid 1px #ddd;
        text-align: center;
    }

        .lot-nav li:first-child {
            border: 0 none;
        }

    .lot-nav .lotnav a {
        display: inline-block;
        width: 100%;
        height: 1.75rem;
        line-height: 1.75rem;
        padding-top: 3rem;
        background: url(ico_index.png) no-repeat top center;
        background-size: 2.75rem;
        margin: .625rem 0;
    }

    .lot-nav .tool a {
        background-position: center -80px;
    }

    .lot-nav .miss a {
        background-position: center -156px;
    }

    .lot-nav .table a {
        background-position: center -240px;
    }

    .lot-nav .bbs a {
        background-position: center -156px;
    }



/*===========================================全国彩导航===============================================*/
/*导航标题*/
.lot-title {
    padding: 0 .625rem;
    background: #fff7f2;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px #ddd solid;
    width: 100%;
    position: relative;
}

    .lot-title.blue {
        border-bottom: 2px #ef9d91 solid;
    }

    .lot-title span {
        display: inline-block;
        width: .5rem;
        height: .5rem;
        background: none;
        background-color: #c3dff1;
        margin-right: .5rem;
        margin-top: -4px;
        vertical-align: middle;
        border-radius: 50%;
        -moz-border-radius: 50%;
        ;
        -webkit-border-radius: 50%;
    }

        .lot-title span.blue {
            background-color: #ef9d91;
        }

    .lot-title.nav-list span {
        width: 1.5rem;
        height: 1.75rem;
        background: url(lot_logo.png) no-repeat top center;
        background-size: 100%;
    }

    .lot-title span.fc3d {
        background-position: center 4px;
    }

    .lot-title span.ssq {
        background-position: center -22px;
    }

    .lot-title span.dlt {
        background-position: center -48px;
    }

    .lot-title span.p3 {
        background-position: center -74px;
    }

    .lot-title span.p5 {
        background-position: center -98px;
    }

    .lot-title span.kl8 {
        background: url(logokl8.png) no-repeat top center;
    }

    .lot-title span.qlc {
        background-position: center -122px;
    }

    .lot-title span.qxc {
        background-position: center -148px;
    }

    .lot-title span.hc1 {
        background-position: center -174px;
    }

    .lot-title span.eexw {
        background-position: center -200px;
    }

    .lot-title span.ssc {
        background-position: center -226px;
    }

    .lot-title span.syxw {
        background-position: center -252px;
    }

    .lot-title span.klsf {
        background-position: center -278px;
    }

    .lot-title span.qyh {
        background-position: center -304px;
    }

    .lot-title span.slxq {
        background-position: center -335px;
    }

    .lot-title span.syxq {
        background-position: center -362px;
    }

    .lot-title span.swxq {
        background-position: center -392px;
    }

    .lot-title span.swxw {
        background-position: center -416px;
    }

    .lot-title span.ljy {
        background-position: center -441px;
    }

    .lot-title span.qws {
        background-position: center -466px;
    }

    .lot-title span.klye {
        background-position: center -493px;
    }

    .lot-title span.ks {
        background-position: center -522px;
    }

    .lot-title span.klpk {
        background-position: center -583px;
    }

    .lot-title span.xysc {
        background-position: center -612px;
    }

    .lot-title span.ytdj {
        background-position: center -642px;
    }

    .lot-title span.pks {
        background-position: center -670px;
    }

    .lot-title span.kl8 {
        background-position: center;
        background-size: 100%;
    }

    .lot-title span.ssl {
        background-position: center -730px;
    }

    .lot-title a {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 3.5rem;
        padding-right: 3rem;
        font-size: 1rem;
        color: #666;
        text-align: right;
        background: url(more-128.png)no-repeat center;
        background-size: 1.25rem;
        background-position: 70% center;
    }

    .lot-title h1 {
        font-size: 1rem;
        position: relative;
    }

    .lot-title span.square {
        background: none;
        width: .125rem;
        height: 1rem;
        background: #ff8800;
        border-radius: 0;
    }

.navlist li .pc-zs {
    background: #fff7f2;
    border: 1px solid #63b4ea;
    color: #63b4ea;
}

.navlist li .cur {
    color: #ff8800;
}

.navlist p {
    font-size: .875rem;
    height: 1.75rem;
    text-indent: .5rem;
}

    .navlist p span {
        color: #186ea7;
        font-weight: bold;
    }

/*主体*/
.content .lot-column {
    padding: 0 .5rem;
    border-bottom: 1px #ddd solid;
    overflow: hidden;
}

.content .column {
    display: inline-block;
    float: left;
    width: 100%;
    padding: .625rem 0;
    border-bottom: 1px #ddd solid;
    overflow: hidden;
}

    .content .column ul {
        display: inline-block;
        width: 49.5%;
        float: left;
        border-left: 1px #ddd solid;
        overflow: hidden;
    }

        .content .column ul:first-child {
            border: 0 none;
        }

    .content .column li {
        display: inline-block;
        width: 50%;
        float: left;
        text-align: center;
    }

.lot-column .column .lot-logo span {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    background: url(lot_logo.png) no-repeat top center;
    background-size: 100%;
}

.lot-column .column .fc3d span {
    background-position: center 0px;
}

.lot-column .column .ssq span {
    background-position: center -50px;
}

.lot-column .column .dlt span {
    background-position: center -102px;
}

.lot-column .column .p3 span {
    background-position: center -152px;
}

.lot-column .column .p5 span {
    background-position: center -202px;
}

.lot-column .column .qlc span {
    background-position: center -254px;
}

.lot-column .column .qxc span {
    background-position: center -302px;
}

.lot-column .column .hc1 span {
    background-position: center -356px;
}

.lot-column .column .eex5 span {
    background-position: center -406px;
}

.lot-column .column .more span {
    background-position: center -486px;
    padding-top: 2rem;
}

.lot-column .column .title {
    height: 3.5rem;
    line-height: 3rem;
    font-weight: bold;
}

.lot-column .column .mores span {
    line-height: 1.125rem;
    display: inline-block;
    width: 4em;
    color: #999;
    margin-top: 1.5rem;
}

.lot-column .column li a {
    display: inline-block;
    width: 4rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border: 1px #ddd solid;
    font-size: .875rem;
    color: #666;
    border-radius: .75rem;
    -moz- border-radius:.75rem;
    -webkit- border-radius:.75rem;
}

.lot-column .column .lot-logo a, .lot-column .column .title a {
    border: 0 none;
    width: 100%;
    line-height: 3rem;
    height: 3rem;
}

/*分类首页样式*/
.navlist {
    padding: .5rem .25rem 0 .25rem;
    background-color: #fff;
    overflow: hidden;
}

    .navlist ul {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        margin-bottom: .5rem;
    }

    .navlist li {
        width: 34%;
        overflow: hidden;
        float: left;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        height: 2rem;
        background-color: #fff;
        position: relative;
        text-align: center;
        vertical-align: middle;
    }

    .navlist .local li {
        width: 49%;
    }

    .navlist li a {
        display: block;
        width: 90%;
        padding: 0 1%;
        margin: 0 3%;
        font-size: .875rem;
        text-align: center;
        color: #4d4d4d;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 1.875rem;
        line-height: 1.875rem;
        overflow: hidden;
        border: 1px #ddd solid;
        border-radius: .125rem;
    }

    .navlist .hot {
        background: url(hot.gif) no-repeat top left;
    }

    .navlist .new {
        background: url(new.gif) no-repeat top left;
    }

    .navlist .hot, .navlist .new {
        display: inline-block;
        width: 1.125rem;
        height: .75rem;
        background-size: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }


/*===========================================subnav子菜单样式===============================================*/
.subnav, .sub-nav {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 9;
    margin-bottom: .25rem;
    overflow: hidden;
    text-align: center;
}

    .subnav ul {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: 100%;
    }

    .subnav li {
        text-align: center;
        height: 2.25rem;
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

        .subnav li:last-child {
            display: none !important;
        }

        .subnav li a {
            display: inline-block;
            width: 100%;
            line-height: 2.125rem;
            height: 2.125rem;
            padding: 0 .125rem;
            text-align: center;
            font-size: 1rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            position: relative;
        }

            .subnav li a i {
                position: absolute;
                top: 1.825rem;
                left: 40%;
                margin-left: -0.5rem;
                display: inline-block;
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 6px solid #e84542;
                color: #e84542;
                margin-left: .25rem;
                z-index: 1;
            }
    /* .subnav li a i.b{border-bottom: 8px solid #fff;color:#fff;top:1.825rem;z-index:2;} */

    .subnav .active a {
        color: #e84542;
        border-bottom: 3px #e84542 solid;
        height: 2.0625rem;
        font-size: 1.125rem;
    }

    .subnav .high-zst a {
        border-bottom: none;
        color: #e84542;
        height: 2.25rem;
        font-size: 1.125rem;
    }

    .subnav .unfold {
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 10%;
        height: 2.25rem;
        text-align: center;
        box-shadow: -4px 0 4px #e5e5e5;
        z-index: 888;
        -moz-box-shadow: -4px 0 4px #e5e5e5;
        -webkit-box-shadow: -4px 0 4px #e5e5e5;
        background: url(unfold.png) no-repeat center;
        background-size: 1.25rem;
        cursor: pointer;
    }

.unfold-up {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10%;
    height: 2.25rem;
    text-align: center;
    box-shadow: -4px 0 4px #e5e5e5;
    z-index: 888;
    -moz-box-shadow: -4px 0 4px #e5e5e5;
    -webkit-box-shadow: -4px 0 4px #e5e5e5;
    background: url(retract.png) no-repeat center;
    background-size: 1.25rem;
    cursor: pointer;
}


.zst-subnav {
    display: none;
    padding: 0 .5rem 1rem .5rem;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    top: 2.75rem;
    left: 0;
    z-index: 9;
    box-shadow: 0 0 4px #ddd;
}

    .zst-subnav ul {
        display: inline-block;
        float: left;
        width: 100%;
    }

    .zst-subnav li {
        display: inline-block;
        width: 32%;
        float: left;
        text-align: center;
        height: 2.25rem;
        margin: 0 0.5%;
        overflow: hidden;
    }

        .zst-subnav li a {
            display: inline-block;
            width: 94%;
            color: #186ea7;
            line-height: 2.25rem;
            height: 2.25rem;
            padding: 0 .125rem;
            text-align: center;
            font-size: .875rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .zst-subnav .unfold {
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 10%;
        height: 2.25rem;
        text-align: center;
        box-shadow: -4px 0 4px #e5e5e5;
        z-index: 888;
        -moz-box-shadow: -4px 0 4px #e5e5e5;
        -webkit-box-shadow: -4px 0 4px #e5e5e5;
        background: url(unfold.png) no-repeat center;
        background-size: 1.25rem;
        cursor: pointer;
    }

/* 走势图选项 */
.sub-nav {
    margin-top: -.25rem;
    border-top: 1px #ddd solid;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .sub-nav span {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        font-size: .875rem;
        line-height: 2rem;
    }

        .sub-nav span.active {
            color: #186ea7;
            border-bottom: 2px #186ea7 solid;
        }

/*栏目切换*/
.tab-title {
    padding: .5rem;
    background-color: #f4f4f4;
    height: 1.625rem;
    text-align: center;
}

nav {
    width: 100%;
    text-align: center;
    height: 1.625rem;
    padding: 0;
    background-color: #f4f4f4;
    margin: .25rem 0 .5rem 0;
}

.tab-mune {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

    .tab-mune li {
        display: inline-block;
        text-align: center;
        float: left;
        width: 6.25rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .75rem;
        color: #186ea7;
        border: 1px #186ea7 solid;
        border-radius: 0 .25rem .25rem 0;
        -moz-border-radius: 0 .25rem .25rem 0;
        -webkit-border-radius: 0 .25rem .25rem 0;
        cursor: pointer;
    }

        .tab-mune li a {
            display: inline-block;
            width: 100%;
            color: #186ea7;
            line-height: 1.5rem;
        }

        .tab-mune li:first-child {
            border-right: 0 none;
            border-radius: .25rem 0 0 .25rem;
            -moz-border-radius: .25rem 0 0 .25rem;
            -webkit-border-radius: .25rem 0 0 .25rem;
        }

    .tab-mune .select a, .tab-mune .select {
        background-color: #186ea7;
        color: #fff;
    }

.miss li {
    width: 4.5rem;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

    .miss li:last-child {
        border-radius: 0 .25rem .25rem 0;
        -moz-border-radius: 0 .25rem .25rem 0;
        -webkit-border-radius: 0 .25rem .25rem 0;
    }




/*===========================================footer===============================================*/

.footer {
    overflow: hidden;
    background: #f5f7fa;
    width: 100%;
    position: relative;
}

.kcl {
    position: absolute;
    top: .5rem;
    left: .5rem;
    display: block;
    width: 4.5rem;
    height: 5.5rem;
    overflow: hidden;
}

    .kcl i {
        font-size: .625rem;
        line-height: .75rem;
        float: left;
    }

    .kcl img {
        width: 100%;
        float: left;
    }

.link, .copyright {
    width: 100%;
    text-align: center;
    line-height: 1.5rem;
    color: #666;
}

.link {
    padding-top: 1rem;
    padding-bottom: .5rem;
    margin-left: 2rem;
}

.copyright {
    padding-bottom: 1.25rem;
    font-size: .875rem;
    padding-top: .25rem;
    color: #b2b2b2;
    margin-left: 2rem;
}

.link a {
    color: #666;
    font-size: 1rem;
}



/*===========================================广告样式===============================================*/
.shadow {
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(221, 221, 221, .5);
    -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5);
    box-shadow: 0 1px 2px rgba(221, 221, 221, .5);
    margin-bottom: .25rem
}


.banner-text {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;
    -moz-box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;
    box-shadow: 0 1px 2px rgba(221, 221, 221, .5) inset;
    border-top: 1px #ddd solid;
}

.banner-t {
    overflow: hidden;
}

    .shadow ul, .banner-t ul {
        overflow: hidden;
        text-align: center;
        width: 93.8%;
        float: left;
        display: inline-block;
    }

    .shadow li, .banner-t li {
        display: inline-block;
        width: 49.6%;
        float: left;
        font-size: .875rem;
        color: #666;
        line-height: 1.875rem;
        border-left: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
    }

        .shadow li:last-child, .shadow li:nth-last-child(2) {
            border-bottom: 0 none;
        }

        .shadow li a, .banner-t li a {
            color: #666;
            padding-left: .625rem;
            background: url(banner_icon.png) no-repeat left center;
            background-size: .375rem;
        }

.shadow .extend {
    display: inline-blcok;
    float: left;
    width: 6.2%;
    height: 3.75rem;
    line-height: 2.3rem;
    font-size: 1rem;
    color: #666;
    text-align: center;
}




/*===========================================404样式===============================================*/
.no-found {
    width: 100%;
    min-height: 30rem;
    /*background: #f5f9ff url(../images/no_found.jpg)no-repeat center top;*/
    background-size: 100%;
}

    .no-found .home-back {
        padding-top: 77%;
        overflow: hidden;
        border-bottom: 1px #62a0d0 dashed;
        padding-bottom: 2rem;
    }

        .no-found .home-back a {
            display: inline-block;
            width: 35%;
            margin-left: 5%;
            float: left;
            height: 4rem;
        }

            .no-found .home-back a:first-child {
                width: 50%;
            }

    .no-found .more-recommend {
        margin: 0 .5rem;
        overflow: hidden;
    }

        .no-found .more-recommend h1 {
            font-size: 1.125rem;
            line-height: 2.5rem;
            color: #186ea7;
        }

            .no-found .more-recommend h1 span {
                display: inline-block;
                width: .125rem;
                height: 1.125rem;
                margin: 0 5px;
                background-color: #eb4941;
                position: relative;
                top: 3px;
            }

        .no-found .more-recommend a {
            display: inline-block;
            width: 40%;
            float: left;
            margin-left: 5%;
            font-size: .875rem;
            line-height: 2rem;
            color: #808080;
        }




/*===========================================浮标样式===============================================*/
.kancl {
    position: fixed;
    top: 70%;
    right: .25rem;
    z-index: 9999999;
    width: 3rem;
    height: 3.25rem;
    background: url(kancla.png)no-repeat center;
    background-size: 2.5rem 3.25rem;
}

.kancla {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 9999999;
}

    .kancla p {
        display: block;
        font-size: .875rem;
        padding: .5rem;
        width: 80%;
        margin-left: 10%;
        line-height: 1.75rem;
        background-color: #fff;
        position: absolute;
        top: 47%;
        border-radius: .25rem;
        text-align: left;
    }

        .kancla p span {
            color: #186ea7;
            font-weight: bold;
        }





/*=======================================================日历================================================================================*/
.laydate_body .laydate_box, .laydate_body .laydate_box * {
    margin: 0;
    padding: 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.laydate-icon,
.laydate-icon-default,
.laydate-icon-danlan,
.laydate-icon-dahong,
.laydate-icon-molv {
    height: 22px;
    line-height: 22px;
    padding-right: 20px;
    border: 1px solid #C6C6C6;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    outline: 0;
}

/*
.laydate-icon-default {
    background-image: url(../images/icon_01.png)
}

.laydate-icon-danlan {
    border: 1px solid #B1D2EC;
    background-image: url(../images/icon_01.png)
}

.laydate-icon-dahong {
    background-image: url(../images/icon_01.png)
}

.laydate-icon-molv {
    background-image: url(../images/icon_01.png)
}
*/

.laydate_body .laydate_box {
    max-width: 340px;
    width: 90%;
    font: 12px '\5B8B\4F53';
    z-index: 99999999;
    *margin: -2px 0 0 -2px;
    *overflow: hidden;
    _margin: 0;
    _position: absolute !important;
    background-color: #fff;
    border: 5px #ddd solid;
}

    .laydate_body .laydate_box li {
        list-style: none;
    }

    .laydate_body .laydate_box .laydate_void {
        cursor: text !important;
    }

    .laydate_body .laydate_box a, .laydate_body .laydate_box a:hover {
        text-decoration: none;
        blr: expression(this.onFocus=this.blur());
        cursor: pointer;
        font-size: 28px;
        color: #999;
    }

        .laydate_body .laydate_box a:hover {
            text-decoration: none;
        }

    .laydate_body .laydate_box cite, .laydate_body .laydate_box label {
        position: absolute;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: dashed;
        border-color: transparent;
        overflow: hidden;
        cursor: pointer;
    }

    .laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time {
        display: none;
    }

    .laydate_body .laydate_box .laydate_show {
        display: block;
    }

    .laydate_body .laydate_box input {
        font-family: '微软雅黑';
        color: #999;
        outline: 0;
        font-size: 24px;
        background-color: #fff;
    }

.laydate_body .laydate_top {
    position: relative;
    height: 32px;
    padding: 10px;
    *width: 100%;
    z-index: 99;
}

.laydate_body .laydate_ym {
    position: relative;
    float: left;
    height: 32px;
    cursor: pointer;
}

    .laydate_body .laydate_ym input {
        float: left;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border: none;
        cursor: pointer;
    }

    .laydate_body .laydate_ym .laydate_yms {
        position: absolute;
        left: -1px;
        top: 34px;
        height: 181px;
    }

.laydate_body .laydate_y {
    width: 151px;
}

    .laydate_body .laydate_y input {
        width: 92px;
        margin-right: 6px;
    }

    .laydate_body .laydate_y .laydate_yms {
        width: 141px;
        height: 0;
        text-align: center;
    }

        .laydate_body .laydate_y .laydate_yms a {
            position: relative;
            display: none;
            height: 0px;
            overflow: hidden;
        }

        .laydate_body .laydate_y .laydate_yms ul {
            height: 0;
            padding: 0;
            *overflow: hidden;
            0
        }

            .laydate_body .laydate_y .laydate_yms ul li {
                float: left;
                font-family: '微软雅黑';
                color: #999;
                width: 80px;
                height: 32px;
                font-size: 18px;
                line-height: 32px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

.laydate_body .laydate_m {
    width: 120px;
}

    .laydate_body .laydate_m .laydate_yms {
        width: 120px;
        height: auto;
        padding: 0;
        background: #fff;
        border: 1px #ddd solid;
        overflow: hidden;
    }

    .laydate_body .laydate_m input {
        width: 62px;
        margin-right: 15px;
    }

    .laydate_body .laydate_m .laydate_yms span {
        font-family: '微软雅黑';
        color: #999;
        display: block;
        float: left;
        width: 42px;
        margin: 5px 0 0 5px;
        line-height: 32px;
        text-align: center;
        _display: inline;
        background: #fff;
        font-size: 18px;
    }

.laydate_body .laydate_choose {
    display: block;
    float: left;
    position: relative;
    width: 20px;
    height: 32px;
}

    .laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite {
        left: 50%;
        top: 50%;
    }

.laydate_body .laydate_chtop cite {
    margin: -7px 0 0 -5px;
    border-bottom-style: solid;
}

.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label {
    top: 50%;
    margin: -2px 0 0 -5px;
    border-top-style: solid;
}

.laydate_body .laydate_chprev cite {
    margin: -5px 0 0 -7px;
}

.laydate_body .laydate_chnext cite {
    margin: -5px 0 0 -2px;
}

.laydate_body .laydate_ym label {
    background: url(more_01.gif)no-repeat center;
}

.laydate_body .laydate_y label {
    right: 0px;
}

.laydate_body .laydate_m label {
    right: 30px;
}

.laydate_body .laydate_table {
    max-width: 320px;
    width: 100%;
    margin: 0 5px;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .laydate_body .laydate_table td {
        font-family: '微软雅黑';
        color: #999;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        cursor: pointer;
        font-size: 20px;
    }

        .laydate_body .laydate_table td:hover {
            background: #f1f1f1;
        }

    .laydate_body .laydate_table .laydate_click {
        font-weight: bold;
        color: #333;
    }

    .laydate_body .laydate_table thead {
        height: 22px;
        line-height: 22px;
    }

        .laydate_body .laydate_table thead th {
            font-family: '微软雅黑';
            color: #999;
            font-weight: 400;
            font-size: 20px;
            text-align: center;
        }

.laydate_body .laydate_bottom {
    position: relative;
    display: none;
}

    .laydate_body .laydate_bottom #laydate_hms {
        position: relative;
        z-index: 1;
        float: left;
    }

.laydate_body .laydate_time {
    position: absolute;
    left: 5px;
    bottom: 26px;
    width: 129px;
    height: 125px;
    *overflow: hidden;
}

    .laydate_body .laydate_time .laydate_hmsno {
        padding: 5px 0 0 5px;
    }

        .laydate_body .laydate_time .laydate_hmsno span {
            display: block;
            float: left;
            width: 24px;
            height: 19px;
            line-height: 19px;
            text-align: center;
            cursor: pointer;
            *margin-bottom: -5px;
        }

.laydate_body .laydate_time1 {
    width: 228px;
    height: 154px;
}

    .laydate_body .laydate_time1 .laydate_hmsno {
        padding: 6px 0 0 8px;
    }

        .laydate_body .laydate_time1 .laydate_hmsno span {
            width: 21px;
            height: 20px;
            line-height: 20px;
        }

.laydate_body .laydate_msg {
    left: 49px;
    bottom: 67px;
    width: 141px;
    height: auto;
    overflow: hidden;
}

    .laydate_body .laydate_msg p {
        padding: 5px 10px;
    }

.laydate_body .laydate_bottom li {
    float: left;
    height: 20px;
    line-height: 20px;
    border-right: none;
    font-weight: 900;
}

.laydate_body .laydate_bottom .laydate_sj {
    width: 33px;
    text-align: center;
    font-weight: 400;
}

.laydate_body .laydate_bottom input {
    float: left;
    width: 21px;
    height: 20px;
    line-height: 20px;
    border: none;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
}

.laydate_body .laydate_bottom .laydte_hsmtex {
    height: 20px;
    line-height: 20px;
    text-align: center;
}

    .laydate_body .laydate_bottom .laydte_hsmtex span {
        position: absolute;
        width: 20px;
        top: 0;
        right: 0px;
        cursor: pointer;
    }

        .laydate_body .laydate_bottom .laydte_hsmtex span:hover {
            font-size: 14px;
        }

.laydate_body .laydate_bottom .laydate_btn {
    position: absolute;
    right: 5px;
    top: 5px;
}

    .laydate_body .laydate_bottom .laydate_btn a {
        float: left;
        height: 20px;
        padding: 0 6px;
        _padding: 0 5px;
    }

.laydate_body .laydate_bottom .laydate_v {
    position: absolute;
    left: 10px;
    top: 6px;
    font-family: Courier;
    z-index: 0;
}
/*  去掉广告 */
.shadow .extend {
    display: none;
}
/*#gg_class56,#gg_class57,.ncc,.kcl{display: none;}*/
/* 外部京东、小红书广告 */
.wbadv {
    height: 60px;
    width: 100%;
}