.picMarquee-top:hover, .z_mor:hover {
    animation-play-state: paused
}

._3J8Dp, .deadline-number, .deadline-text, .foot-a a, .foot-a span, .line-number, .numberRun1, .numberRun2, .quick_entry li img, .silder-ctrl-next, .silder-ctrl-prev, .z_card_header img, .z_head_nav i {
    vertical-align: middle
}

.cpt_page_item, .cpt_page_next, .cpt_page_prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.cpt-modal-no-mask, .z_tubiao, .z_zhankai .RE {
    pointer-events: none
}

.cpt-modal-header-inner, .z_select_div p, .z_select_div ul li, .z_ul_hot li {
    overflow: hidden;
    text-overflow: ellipsis
}

.cpt-poptip-innner, .z_fFJ, .z_hot ._9KR_r, .z_select_div p, .z_ul_hot li {
    white-space: nowrap
}

@font-face {
    font-family: digital;
    src: url(../other/OPEN_24DISPLAY_ST.TTF)
}

.font-digital {
    font-family: digital
}

.background {
    background: url(../images/background.jpg) top center no-repeat #fff
}

.cpt-poptip-popper {
    will-change: top, left;
    min-width: 160px;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    z-index: 1060;
    display: none
}

.cpt-poptip-popper.active {
    display: block !important
}

.js-z_ul li:hover .tzMenu {
    color: #f33 !important;
    background: #f8f8f8;
    cursor: pointer
}

.tzMenu {
    font-weight: 500 !important;
    color: red
}

.cpt-poptip-arrow {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.cpt-poptip-popper[x-placement^=bottom] {
    padding: 10px 0 7px
}

.cpt-poptip-popper[x-placement^=bottom] .cpt-poptip-arrow {
    left: 50%;
    margin-left: -7px;
    top: 3px;
    border-width: 0 7px 7px;
    border-bottom-color: #eacd91
}

.cpt-poptip-innner {
    width: 100%;
    background-color: #eacd91;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    padding: 20px
}

.cpt-poptip-innner li {
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

.chart-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    visibility: hidden
}

.z_head_nav > li {
    list-style: none;
    padding: 0 20px;
    float: left;
    border-left: 1px solid #ceb37a;
    cursor: pointer
}

.z_head_nav > li a {
    color: #333
}

.z_head_nav > li:last-child {
    border-right: 1px solid #ceb37a
}

.z_head_nav i {
    font-size: 12px
}

.z_nav_ul li {
    line-height: 62px;
    padding-left: 18px;
    padding-right: 18px;
    color: #fff;
    position: relative;
    float: left;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.z_sunjiao2:after, .z_sunjiao:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 6px solid #ffaa0c;
    position: absolute
}

.z_nav_ul li:hover {
    cursor: pointer
}

.z_nav_ul-linh75 li {
    line-height: 75px
}

.z_sunjiao:after {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: none
}

.z_sunjiao2:after {
    top: -6px;
    left: 50px
}

.z_nav_ul li.active {
    background-color: #161221;
    border-bottom: 2px solid #eacd91
}

.z_nav_ul li.active.z_sunjiao:after {
    display: block
}

.z_nav_tuo2 {
    top: 63px;
    display: none;
    left: 0;
    z-index: 10
}

.z_nav_ul-linh75 .z_nav_tuo2 {
    top: 75px
}

.z_nav_ul > li:hover {
    background-color: #161221;
    cursor: pointer
}

.z_chaizhong_list li {
    padding: 0 5px;
    min-width: 80px;
    background-color: #ffda8d;
    color: #333;
    font-size: 12px;
    text-align: center;
    float: left;
    margin-right: 4px;
    margin-bottom: 5px;
    line-height: 24px;
    cursor: pointer;
    position: relative
}

.z_chaizhong_list li:nth-child(3n) {
    margin-right: 0
}

.z_chaizhong_list li.active {
    background-color: #fff
}

.z_img-r {
    background-image: url(../images/tb58.png);
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 9px 5px;
    padding-right: 15px
}

.z_off, .z_off2 {
    width: 22px;
    height: 22px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer
}

.z_off {
    background-image: url(../images/tb27.png)
}

.z_off2, .z_off:hover {
    background-image: url(../images/tb27a.png)
}

.z_zhankai {
    position: absolute;
    overflow: hidden;
    width: 38px;
    height: 80px;
    top: 0;
    right: -70px;
    cursor: pointer;
    transition-delay: .3s
}

.z_card, .z_ul_img > li, .z_zhankai .RE {
    position: relative
}

.z_zhankai .RE {
    transform: translateY(-25px);
    transition: transform .3s linear;
    width: 100%;
    height: auto
}

.z_zhankai:hover .RE {
    transform: translateY(-20px)
}

.z_ul > li {
    padding-left: 14px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px
}

.z_ul > li:hover {
    background-color: #f3f3f3
}

.z_ul > li:hover .z_flip {
    animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip
}

.z_ul > li:first-child {
    border-top: 1px solid #d8d8d8
}

.z_ul_img > li {
    height: 80px;
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 15px 26px;
    padding-right: 28px
}

.z_card {
    background-color: #fff
}

.z_card_border {
    border: 1px solid #d8d8d8
}

.z_card_header {
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    line-height: 39px;
    color: #333
}

.z_card_header img {
    margin: 0 12px
}

.z_card_extra {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 14px
}

.z_card_body .z_hero {
    margin-left: 10px
}

.z_card_body .z_hero li {
    width: 192px;
    height: 240px;
    float: left;
    margin-left: 10px;
    padding-top: 20px;
    background-color: #f2f2f2;
    font-size: 14px;
    position: relative
}

.z_card_body .flag {
    width: 0;
    height: 0;
    border-top: 32px solid #b0b8cb;
    border-right: 32px solid transparent;
    position: absolute;
    top: 0;
    left: 0
}

.z_card_body .flag1 {
    border-top-color: #fe8700
}

.z_card_body .flag2 {
    border-top-color: #ff1a70
}

.z_card_body .flag3 {
    border-top-color: #008af1
}

.z_card_body .rank {
    position: absolute;
    top: 0;
    left: 5px;
    color: #fff;
    font-size: 12px
}

.z_card_body .attention {
    position: absolute;
    bottom: 20px;
    left: 53px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    color: #333;
    border: 1px solid #999
}

.z_card_body .attention:hover {
    border-color: #ac1e2d;
    color: #ac1e2d
}

.z_card_body .thumb {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px
}

.z_card_body .thumb img {
    border-radius: 50%
}

.banner-container {
    flex: 1
}

.banner-container .js-silder {
    width: 740px;
    height: 260px
}

.banner-container .web-notice {
    width: 740px;
    height: 40px;
    margin-top: 10px;
    position: relative
}

.banner-container .invest-area {
    width: 740px;
    height: 240px;
    margin-top: 10px;
    position: relative
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.picMarquee-top, .z_mor {
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.systemDialog {
    width: 500px !important;
    height: 298px;
    background: #f7f7f7;
    position: relative
}

.systemDialog .layui-layer-btn {
    width: 500px;
    height: 70px;
    line-height: 70px;
    background: #f7f7f7;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center
}

.js-silder, .silder-main {
    position: relative
}

.systemDialog .layui-layer-btn a {
    color: #fff;
    background: #ac1e2d !important;
    font-size: 12px;
    display: inline-block;
    width: 98px;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.layui-layer-btn .layui-layer-btn0 {
    border: none;
    background: #ac1e2d !important
}

.systemDialog .img_bg {
    padding-left: 47px;
    padding-top: 34px;
    padding-right: 12px;
    float: left
}

.systemDialog .content {
    font-size: 18px;
    font-weight: 700;
    float: left;
    padding: 80px 0 0 10px
}

.systemDialog .layui-layer-content {
    height: 248px
}

.systemDialog .layui-layer-title {
    background: #c00;
    color: #fff;
    border: none;
    height: 50px
}

.systemDialog .layui-layer-btn {
    border-top: 1px solid #E9E7E7
}

.silder-main, .silder-scroll {
    width: 100%;
    overflow: hidden
}

.silder-main-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.silder-main-img img {
    width: 100%
}

.js-silder-ctrl {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0
}

.silder-ctrl-next, .silder-ctrl-prev {
    position: absolute;
    top: 0;
    width: 8%;
    height: 100%;
    cursor: pointer;
    color: #fff;
    font-family: "宋体";
    font-size: 52px;
    font-weight: 600;
    text-shadow: #666 2px 2px 5px;
    display: none
}

.z_gougao, .z_ul2 li {
    font-size: 14px;
    cursor: pointer
}

.silder-ctrl-prev {
    left: 0;
    text-align: left
}

.silder-ctrl-next {
    right: 0;
    text-align: right
}

.silder-ctrl-next > span, .silder-ctrl-prev > span {
    position: absolute;
    top: 50%;
    margin-top: -40px
}

.silder-ctrl-prev > span {
    left: 0
}

.silder-ctrl-next > span {
    right: 0
}

.silder-ctrl-con {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 50%
}

.silder-ctrl-con > span {
    display: block;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    background-color: #e4e4e4;
    border-radius: 50%;
    width: 15px;
    height: 15px
}

.silder-ctrl-con.active > span {
    background-color: #7bbedf
}

.z_gougao {
    padding-left: 124px;
    border: 1px solid #f8e3b9;
    line-height: 38px;
    color: #000
}

.z_fFJ {
    overflow: hidden
}

@keyframes tumaden {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-50%)
    }
}

.picMarquee-top {
    animation-name: marquee;
    animation-duration: 15.14s
}

.z_mor {
    animation-name: tumaden
}

.z_hot {
    top: -5px;
    right: 0;
    height: 13px;
    border-radius: 2px;
    font-style: normal;
    transform: translateX(100%)
}

.z_hot:after {
    content: " ";
    border-color: #ed3c3c transparent transparent;
    border-style: solid;
    border-width: 2px 2px 0 0;
    height: 0;
    width: 0;
    left: 2px;
    bottom: -2px;
    position: absolute
}

.z_hot ._9KR_r {
    color: #fff;
    transform: scale(.66);
    transform-origin: 50% -21%
}

.z_ul2 li {
    text-align: center;
    line-height: 35px;
    border-right: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    color: #333;
    float: left;
    border-bottom: 1px solid transparent
}

.z_ul2 li.active {
    background-color: #f7f7f7;
    color: #ac1e2d;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9
}

.z_ul2 li:not(.active) {
    border-bottom-color: #d9d9d9
}

.z_ul2 li:last-child.active {
    border-right: none
}

.z_ul2 li:first-child.active {
    border-left: none
}

.z_hover_c {
    border: 1px solid #d8d8d8 !important;
    background-color: #fff !important
}

.z_hover_c:hover {
    background-color: #F5F5F5 !important
}

.z_hover_orange {
    background-color: #f57104;
    border: 1px solid #f57104;
    color: #fff
}

.z_hover_orange:hover {
    background-color: #f38122
}

.z_hover_red2 {
    background-color: #fff;
    border: 1px solid #ff0844
}

.z_hover_red2:hover {
    background-color: #ff0844;
    color: #fff !important
}

.z_yuan_red, .z_yuan_red2 {
    display: inline-block;
    color: #fff
}

.z_yuan_red {
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 100%;
    font-size: 20px;
    margin: 3.5px 7px;
    background-color: #ed3c3c;
    cursor: default
}

.z_yuan_red2 {
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    background-color: #ac1e2d;
    cursor: default;
    text-align: center
}

.z_yuan_red-10, .z_yuan_red-5 {
    border-radius: 100%;
    color: #fff;
    background-color: #ed3c3c;
    cursor: default;
    display: inline-block
}

.z_yuan_red-5 {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 3.5px 4px
}

.z_yuan_red-10 {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: 3.5px 0
}

.z_ul3 li, .z_ul4 li {
    line-height: 30px;
    font-size: 12px;
    position: relative
}

.z_ul3 li, .z_ul4 li, .z_ul6 li {
    cursor: pointer
}

.z_yuan_red-10.z_yun_greed, .z_yuan_red-5.z_yun_greed {
    background-color: #1AB235
}

._3J8Dp {
    width: 50px;
    height: 20px;
    text-align: center;
    outline: 0;
    margin: 0 5px;
    border: 1px solid #d8d8d8
}

.z_ul4 li, .z_ul5 li {
    border-bottom: 1px solid #E0E0E0
}

.z_wh20 {
    width: 20px;
    height: 20px;
    display: inline-block
}

.z_wh20 img {
    width: 100%;
    height: 100%;
    display: block
}

.z_ul3 li {
    width: 50%;
    color: #666;
    text-align: center;
    float: left;
    background-color: #ccc
}

.z_ul3 li.active {
    background-color: #f57104;
    color: #fff
}

.z_ul4 li, .z_ul4 li a {
    color: #333
}

.box {
    display: none
}

.z_ul4 li:hover, .z_ul4 li:hover a {
    color: red;
    text-decoration: underline
}

.z_ul5 li {
    line-height: 34px
}

.z_ul6 li {
    width: 86px;
    line-height: 30px;
    margin: 6px;
    text-align: center;
    font-size: 14px;
    color: #333;
    float: left;
    border: 1px solid #ddd
}

.z_ul7 li {
    padding-top: 7px;
    padding-bottom: 6px;
    border-bottom: 1px solid #E0E0E0;
    position: relative
}

.z_ul7 li:last-child {
    border-bottom: none
}

.z_ul7 li:hover {
    background-color: #eee
}

.z_table {
    width: 100%
}

.z_table thead tr th {
    width: 20%;
    font-weight: 400;
    height: 34px;
    background-color: #333;
    color: #999;
    font-size: 14px;
    position: relative;
    border-bottom: 2px solid #fff
}

.z_table thead tr th:after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background-color: #E0E0E0;
    position: absolute;
    top: 25%;
    right: 0
}

.z_table thead tr th:last-child:after {
    display: none
}

.z_table tbody tr td {
    height: 34px;
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 2px solid #fff
}

.z_ul8 li {
    border-bottom: 1px dashed #E0E0E0
}

.z_ul9 li {
    width: 30.7%;
    background-color: #f2f2f2;
    height: 177px;
    margin-bottom: 10px;
    margin-right: 3.95%;
    float: left
}

.z_ul9 li:nth-child(3n) {
    margin-right: 0
}

.z_ul9 li .pic {
    width: 100%;
    height: 117px;
    overflow: hidden
}

.z_ul9 li img {
    height: 100%;
    width: 100%;
    display: block
}

.activity-btn {
    width: 56px;
    line-height: 26px;
    text-align: center;
    background: #FFD100;
    color: #15172D;
    font-size: 12px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 8
}

.activity-btn-grey {
    color: #fff;
    background: #ccc
}

.z_ul9 li img {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.z_ul9 li .pic:hover img {
    -webkit-transform: translateZ(0) scale(1.1);
    -moz-transform: translateZ(0) scale(1.1);
    -ms-transform: translateZ(0) scale(1.1);
    -o-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1)
}

.z_ul9 li .pic:hover .shadow2 {
    display: none !important
}

.deadline-number, .deadline-text, .foot-a a, .foot-a span, .line-number, .mt-number-animate, .number-wrap {
    display: inline-block
}

.z_ul9 li .pic:hover .activity-btn {
    color: #fff
}

.line-number, .today-win .rmb {
    color: #9B9B9B
}

.z_ul9 li .pic:hover .activity-btn-grey {
    background: #FFD100
}

.number-wrap {
    vertical-align: middle
}

.today-win {
    margin-right: 50px
}

.line-number {
    font-size: 12px;
    margin-left: 8px
}

.numberRun1, .numberRun2 {
    display: inline-block
}

.mt-number-animate {
    line-height: 30px;
    height: 30px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    font-family: Oswald, sans-serif
}

.mt-number-animate .mt-number-animate-dot {
    width: 6px;
    line-height: 30px;
    float: left;
    text-align: center
}

.mt-number-animate .mt-number-animate-dom {
    width: 13px;
    text-align: center;
    float: left;
    position: relative;
    top: 0
}

.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
    width: 100%;
    float: left
}

.foot-a a {
    color: #7d7d7d;
    font-size: 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 24px;
    border-bottom: 1px solid transparent
}

.foot-a a:hover {
    color: #fff;
    border-bottom: 1px solid #FBA026;
    text-decoration: none
}

.foot-a span {
    margin: 0 6px;
    width: 1px;
    height: 14px;
    border-right: 1px dotted #333
}

.z_span_mb10 span, .z_ul10 li, .z_ul22 li {
    margin-bottom: 10px
}

.deadline-text {
    -webkit-font-smoothing: antialiased;
    font-family: microsoft yahei;
    font-weight: 700;
    color: #FFF
}

.deadline-text strong {
    color: #F9F2B9
}

.deadline-number {
    margin-left: 10px;
    line-height: 40px;
    width: 1px;
    height: 14px;
    border-right: 1px solid #3e3f43
}

.z_nav_tuo li, .z_nav_ul3 li {
    line-height: 30px;
    font-size: 12px;
    cursor: pointer
}

.z_jindu {
    width: 170px;
    height: 16px;
    border-radius: 30px;
    background-color: #89898f;
    position: relative;
    overflow: hidden
}

.z_jindu > div {
    height: 100%;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0
}

.z_jindu2 {
    height: 16px;
    background-color: #eee;
    position: relative;
    overflow: hidden
}

.z_jindu2 > div {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.z_nav_ul2 > li > div {
    border-bottom: 1px solid #000
}

.z_nav_tuo li {
    color: #999;
    border-bottom: 1px solid #38384a;
    overflow: hidden;
    padding-left: 40px;
    position: relative
}

.z_nav_tuo li.active, .z_nav_tuo li.active2 {
    border-left: 10px solid #f57104;
    padding-left: 30px
}

.z_nav_tuo li.active {
    background-color: #38384a;
    color: #fff
}

.z_nav_tuo li.active2 {
    background-color: #eee;
    color: #262732
}

.z_nav_ul3 li, .z_nav_ul3a li, .z_ul10 li, .z_ul11 li {
    padding: 0 10px;
    float: left
}

.z_text * {
    max-width: 100% !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    word-wrap: break-word !important
}

.z_table4 thead tr th, .z_ul22 li.active2:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.z_ciapiao_logo {
    width: 114px;
    height: 94px;
    background-image: url(../images/tb59.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.z_numb.active, .z_styb.active {
    background-image: linear-gradient(180deg, #fac697 0, #f48932 55%, #ef6b21)
}

.z_tubiao, .z_tubiao2 {
    background-repeat: no-repeat;
    background-position: center
}

.z_ciapiao_logo img {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 14px
}

.z_nav_ul3 li {
    min-width: 50px;
    position: relative;
    color: #666;
    background-color: #cbcbcb;
    border-right: 1px solid #E0E0E0;
    text-align: center
}

.z_nav_ul3_b li, .z_nav_ul3_c li {
    line-height: 40px
}

.z_nav_ul3 li.active {
    background-color: #eee;
    color: #333
}

.z_nav_ul3 li.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d3c697;
    display: block;
    position: absolute;
    left: 0;
    top: -2px
}

.z_nav_ul3_b li.active:after, .z_nav_ul3_c li.active:after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: -4px;
    height: 2px
}

.z_nav_ul3_b li.active:after {
    background-color: #eee;
    border-top: 2px solid #f1d38c
}

.z_nav_ul3_c li {
    background-color: #1c1825;
    color: #fff;
    border-right: none
}

.z_nav_ul3_c li:hover {
    background-color: #34303e;
    color: #fff
}

.z_nav_ul3_c li.active {
    background-color: #ffaa0d;
    color: #333
}

.z_nav_ul3_c li.active:after {
    background-color: #ffaa0d;
    border-top: 2px solid #ffbf06
}

.z_nav_ul3a li {
    min-width: 50px;
    cursor: pointer;
    position: relative;
    color: #867a62;
    background-color: #f6f4f0;
    border-right: 1px solid #E0E0E0;
    text-align: center
}

.z_nav_ul3a li.active:after, .z_nav_ul3a li.active:before {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    content: ""
}

.z_nav_ul3a li:hover {
    background-color: #fcfcf9
}

.z_nav_ul3a li.active {
    background-color: #fff;
    color: #867a62
}

.z_nav_ul3a li.active:after {
    height: 2px;
    background-color: #5c5777;
    top: -2px
}

.z_nav_ul3a li.active:before {
    height: 1px;
    background-color: #fff;
    bottom: -1px
}

.z_ul10 li {
    font-size: 12px;
    line-height: 30px;
    min-width: 50px;
    cursor: pointer;
    position: relative;
    color: #666;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    margin-right: 10px
}

.z_numb:last-child, .z_styb:last-child, .z_ul10 li:last-child {
    margin-right: 0
}

.z_ul10 li.active, .z_ul10 li:hover {
    color: #fff;
    background-color: #f17e2f;
    border: 1px solid #f17e2f
}

.z_shoumin {
    position: absolute;
    z-index: 5;
    display: none
}

.z_shoumin:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f6c39f;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.z_ul10 li:hover .z_shoumin {
    display: block
}

.z_numb, .z_styb {
    display: inline-block;
    box-shadow: 0 0 5px #E0E0E0;
    text-align: center;
    margin-left: 2px
}

.z_ul10_b li {
    background-color: #474f5f;
    border: 1px solid #474f5f;
    color: #eee
}

.z_ul10_b li:hover {
    background-color: #74767c;
    border: 1px solid #74767c
}

.z_numb, .z_ul10_b li.active {
    background-color: #fff;
    color: #333
}

.z_ul10_b li.active {
    border: 1px solid #fff
}

.z_ul10_b .z_shoumin:after {
    border-top: 8px solid #f3f1eb
}

.z_div_lineh22 .z_numb {
    line-height: 22px
}

.z_div_lineh26 .z_numb4 {
    line-height: 26px
}

.z_div_lineh22 .z_sun3 {
    line-height: 22px;
    height: 26px
}

.z_div_lineh32 .z_sun3, .z_div_lineh32 span {
    line-height: 32px
}

.z_div_lineh32 {
    height: 36px
}

.z_numb {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    border: 1px solid #E0E0E0;
    font-size: 18px;
    cursor: pointer
}

.z_styb, .z_ul11 li {
    font-size: 12px;
    cursor: pointer
}

.z_numb.active {
    color: #fff
}

.z_numb:hover {
    background-color: #F2F2F2
}

@media only screen and (min-width: 100px) and (max-width: 1280px) {
    .z_numb {
        width: 30px;
        height: 30px;
        line-height: 30px
    }
}

.z_styb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    color: #333;
    line-height: 25px;
    border: 1px solid #C4C4C4
}

.z_styb.active {
    color: #fff
}

.z_styb:hover {
    background-color: #F2F2F2
}

.z_ul11 {
    border: 1px solid #bbb8ae
}

.z_ul11 li {
    color: #bbb8ae;
    background-color: #eeeadf;
    border-right: 1px solid #bbb8ae
}

.z_ul11 li:last-child {
    border-right: none
}

.z_ul11 li:hover {
    background-color: #fcfbf9;
    color: #f0751f
}

.z_ul11 li.active {
    background-color: #fff;
    color: #333
}

.z_numb_set {
    border: 1px solid #bbb8ae;
    position: relative;
    background-color: #f5f5f5;
    padding: 0 30px;
    width: 100px
}

.z_numb_set span {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #333;
    position: absolute;
    top: 0;
    z-index: 2;
    text-align: center;
    line-height: 24px
}

.z_numb_set input {
    width: 100%;
    font-size: 12px;
    border: none;
    outline-style: none;
    background-color: #eeeadf;
    padding: 8px 0;
    display: block;
    text-align: center
}

.z_tubiao2 {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(../images/tb42.png);
    background-size: 11px 14px;
    cursor: pointer
}

.z_tubiao2.active {
    background-image: url(../images/tb42a.png);
    background-size: 14px 11px
}

.z_select_div {
    width: 100%;
    position: relative
}

.z_select_div ul, .z_tubiao {
    position: absolute;
    background-color: #fff
}

.z_select_div p {
    font-size: 14px;
    text-indent: 1em;
    line-height: 28px;
    color: #999;
    margin-top: 0
}

.z_tubiao {
    width: 30px;
    height: 28px;
    background-image: url(../other/eHBhY2tldCBlbmQ9InIiPz6mpJlaAAAA.jpg);
    display: block;
    top: 0;
    right: 0;
    z-index: 4;
    cursor: pointer
}

.z_select_div ul {
    top: 30px;
    border: 1px solid #E0E0E0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    left: 0;
    z-index: 7;
    height: 150px;
    overflow-x: hidden;
    width: 100%
}

.z_select_div ul li {
    padding: 0 10px;
    white-space: nowrap;
    font-size: 14px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.z_select_div ul li:last-child {
    border-bottom: none
}

.z_select_div ul li.active {
    background-color: #03A9F4;
    color: #fff
}

.z_select_div ul li:hover {
    background-color: #06A6F2;
    color: #fff
}

.z_table2 {
    width: 100%
}

.z_table2 thead tr th {
    font-size: 14px;
    height: 30px;
    font-weight: 400
}

.z_table2 tbody tr td {
    font-size: 12px;
    height: 30px;
    text-align: center
}

.z_checkbox, .z_checkbox2 {
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    background-position: center;
    display: inline-block;
    cursor: pointer;
    vertical-align: -2px;
    background-repeat: no-repeat
}

.z_table2 tbody tr:nth-child(even) {
    background-color: #F2F2F2
}

.z_table_border thead tr th {
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0
}

.z_table_border thead tr th:last-child {
    border-right: none
}

.z_table_border tbody tr td {
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0
}

.z_table_border tbody tr td:last-child {
    border-right: none
}

.z_table_border tbody tr:last-child td {
    border-bottom: none
}

.z_table2_hover tbody tr:hover {
    background-color: #ffffe1
}

.z_checkbox {
    background-image: url(../images/tb48.png)
}

.z_checkbox.active {
    background-image: url(../images/tb48a.png)
}

.z_checkbox2 {
    background-image: url(../images/tb194.png)
}

.z_checkbox2.active {
    background-image: url(../images/tb194a.png)
}

.z_checkbox3 {
    width: 40px;
    height: 32px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/tb195.png);
    display: inline-block;
    cursor: pointer;
    vertical-align: -2px
}

.z_checkbox3.active {
    background-image: url(../images/tb195a.png)
}

.z_check {
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/tb187.png);
    display: inline-block;
    cursor: pointer;
    vertical-align: -2px
}

.z_sun, .z_sun2 {
    display: inline-block;
    vertical-align: middle
}

.z_check.active {
    background-image: url(../images/tb188.png)
}

.z_box_sun_20 .z_sun2 {
    width: 20px;
    line-height: 20px
}

.z_box_sun_20 .z_sun, .z_sun2 {
    width: 24px;
    line-height: 24px
}

.z_sun2 {
    border: 2px solid #fbcab8;
    background-color: #f36e3d;
    font-size: 16px;
    color: #fff;
    border-radius: 50%
}

.z_sun2.active {
    border: 2px solid #eae7e0;
    background-color: #eae7e0;
    color: #74694e
}

.z_sun, .z_sun3 {
    font-size: 16px;
    border-radius: 50%
}

.z_sun {
    color: #f36e3d;
    width: 28px;
    line-height: 28px
}

.z_sun.active {
    color: #b2a789
}

.z_div-w40 .z_sun3 {
    width: 40px;
    line-height: 40px
}

.z_div-w35 .z_sun3 {
    width: 35px;
    line-height: 35px
}

.z_div-w30 .z_sun3 {
    width: 30px;
    line-height: 30px
}

.z_sun3, .z_sun4 {
    vertical-align: middle;
    line-height: 26px;
    display: inline-block
}

.z_sun3 {
    color: #fff;
    width: 26px
}

.z_sun3.z_sun-black2, .z_sun3.z_sun-black2-a, .z_sun3.z_sun-grey2 {
    font-family: digital;
    font-size: 20px
}

.z_sun3.z_sun-red {
    background-image: linear-gradient(180deg, #fc5338, #f13b62 55%, #fb063b)
}

.z_sun3.z_sun-blue {
    background-image: linear-gradient(180deg, #1bbafb, #17a1ee 55%, #1178d7)
}

.z_sun3.z_sun-greed {
    background-image: linear-gradient(180deg, #79cf59, #5fb94e 55%, #45a443)
}

.z_sun3.z_sun-orange {
    background-image: linear-gradient(180deg, #eda200, #ecac23 55%, #f6aa07)
}

.z_sun3.z_sun-grey {
    background-image: linear-gradient(180deg, #929292, #948f8f 55%, #929292)
}

.z_sun3.z_sun-grey3 {
    background-image: linear-gradient(180deg, #ccc, #ccc 55%, #ccc)
}

.z_sun3.z_sun-grey2 {
    background-image: linear-gradient(180deg, #fff, #fff 55%, #fff);
    border: 1px solid #b6b6b6;
    color: #b6b6b6
}

.z_sun3.z_sun-black2 {
    background-image: linear-gradient(180deg, #000, #000 55%, #000);
    border: 1px solid #ffaa0d;
    color: #fff;
    box-shadow: 0 0 2px 1px #ffaa0d
}

.z_sun3.z_sun-black2-a {
    background-image: linear-gradient(180deg, #fff, #fff 55%, #fff);
    border: 1px solid #000;
    color: #333;
    box-shadow: 0 0 2px 1px #ffaa0d
}

.z_numb4, .z_styb2 {
    box-shadow: 0 0 5px #E0E0E0
}

.z_sun_img-bg .z_sun3 {
    background-position: center 12%;
    background-repeat: no-repeat;
    background-size: 121% 121%;
    font-size: 14px;
    color: #333
}

.z_sun_img-bg .z_sun3.z_sun-red {
    background-image: url(../images/tb191.png)
}

.z_sun_img-bg .z_sun3.z_sun-blue {
    background-image: url(../images/tb192.png)
}

.z_sun_img-bg .z_sun3.z_sun-greed {
    background-image: url(../images/tb193.png)
}

.z_sun3.z_sun_line-hui {
    width: 50px;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    background: -webkit-linear-gradient(left, #aaa, #fff, #aaa);
    background: -o-linear-gradient(left, #aaa, #fff, #aaa);
    background: -moz-linear-gradient(left, #aaa, #fff, #aaa);
    background: linear-gradient(to right, #aaa, #fff, #aaa)
}

.z_ul13 > li:hover .div-m, .z_yuan2 {
    color: #fff
}

.z_ul13 li, .z_ul15 li {
    background-repeat: no-repeat
}

.z_sun4 {
    font-size: 16px;
    border-radius: 26px;
    min-width: 26px
}

.z_sun4.z_sun-blue {
    background-image: linear-gradient(180deg, #1087dd, #1087dd 55%, #1087dd);
    color: #fff
}

.z_ul12 li {
    border-bottom: 1px solid #9A9A9A
}

.z_ul12 li:last-child {
    border-bottom: none
}

.z_yuan2 {
    min-width: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #ed3c3c;
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    padding: 0 5px;
    transform: scale(.8)
}

.z_ul13 > li:hover, .z_ul14 li:hover {
    background-color: #343434
}

.z_ul13 li {
    border-right: 1px solid #e5bc00;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    position: relative;
    cursor: pointer;
    background-position: 10px center;
    background-size: 26px 26px
}

.z_ul14 li, .z_ul15 li {
    float: none;
    cursor: pointer;
    font-size: 14px
}

.z_ul13 > li.z_icon_1 {
    background-image: url(../images/tb61.png);
    padding-left: 40px
}

.z_ul13 > li.z_icon_2 {
    background-image: url(../images/tb62.png);
    padding-left: 40px
}

.z_ul13 > li:hover.z_icon_1 {
    background-image: url(../images/tb61a.png)
}

.z_ul13 > li:hover.z_icon_2 {
    background-image: url(../images/tb62a.png)
}

.z_table3 {
    width: 100%
}

.z_table3 thead tr th {
    font-weight: 400;
    border-right: 1px solid #e5bc00;
    text-align: center;
    color: #333;
    height: 40px
}

.z_table3 thead tr th:last-child {
    border-right: none
}

.z_table3 tbody tr td {
    border-right: 1px solid #e5bc00
}

.z_table3 tbody tr td:last-child {
    border-right: none
}

.z_ul14 {
    padding: 0 5px
}

.z_ul14 li {
    line-height: 35px;
    color: #333;
    position: relative;
    display: block;
    text-align: center;
    border: none
}

.z_ul14 li:hover {
    color: #fff
}

.z_sunjiao3 {
    top: 50px;
    left: 0;
    border-top: 1px solid #343434;
    display: none;
    z-index: 10
}

.z_sunjiao3:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #ffb534;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-right: 8px solid transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.z_ul15 li, .z_ul16 li, .z_ul18 li {
    position: relative
}

.z_ul13 li:hover .z_sunjiao3 {
    display: block
}

.z_ul15 li {
    line-height: 30px;
    background-image: url(../images/tb63.png);
    background-position: 0 center;
    background-size: 9px 9px;
    padding-left: 20px;
    border: none;
    color: #333;
    padding-right: 0
}

.z_page li, .z_ul17 li {
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.z_ul15 li:hover {
    color: #ed3c3c;
    text-decoration: underline
}

.z_page_down:hover, .z_page_numb.active, .z_page_numb:hover, .z_page_up:hover, .z_ul17 li.active {
    background-color: #5485e7;
    color: #fff
}

.z_ul16 li {
    width: 23%;
    margin-right: 2.666667%;
    float: left
}

.z_ul16 li:nth-child(4n) {
    margin-right: 0
}

.z_ul17 li {
    border-radius: 30px;
    cursor: pointer;
    margin-right: 10px
}

.z_ul17 li:last-child {
    margin-right: 0
}

.z_page li {
    font-size: 14px;
    line-height: 24px;
    border-right: 1px solid #E0E0E0
}

.z_ul18 li, .z_ul19 li {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    float: left
}

.z_page li:last-child {
    border-right: none
}

.z_page_down, .z_page_numb, .z_page_up {
    cursor: pointer
}

.z_ul18 li {
    color: #9ea3b0
}

.z_ul18 li.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #467be6;
    position: absolute;
    left: 0;
    bottom: 0
}

.z_ul19 li {
    position: relative;
    color: #ccc
}

.z_ul19 li.active {
    background-color: #f57104;
    color: #fff
}

.z_file_box input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 0;
    cursor: pointer
}

.z_file_box img {
    width: 100%;
    height: 100%;
    display: block
}

.z_radio, .z_radio2 {
    display: inline-block;
    vertical-align: -2px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.z_radio {
    width: 15px;
    height: 15px;
    background-image: url(../images/tb85.png)
}

.z_radio.active {
    background-image: url(../images/tb85a.png)
}

.z_radio2 {
    width: 20px;
    height: 20px;
    background-image: url(../images/tb187.png)
}

.z_table4, .z_table5, .z_table6 {
    width: 100%
}

.z_radio2.active {
    background-image: url(../images/tb188.png)
}

.z_ul20 li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    border: 1px solid #E0E0E0
}

.z_ul20 li:last-child {
    margin-right: 0
}

.z_ul21 li, .z_ul22 li {
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.z_ul20 li.active {
    border: 1px solid #007AFF
}

.z_ul21 li {
    border-bottom: 4px solid #fff
}

.z_ul21 li.active {
    border-bottom: 4px solid #26b999;
    color: #26b999
}

.z_ul22 li {
    border-radius: 5px;
    border: 1px solid #E0E0E0
}

.z_styb2:last-child, .z_ul22 li:last-child, .z_ul23 li:last-child {
    margin-right: 0
}

.z_ul22 li.active {
    border: 1px solid #449c89
}

.z_ul22 li.active2:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border: 2px solid #449c89;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px
}

.z_dindan_span, .z_numb2, .z_numb3, .z_numb4, .z_styb2 {
    display: inline-block;
    text-align: center
}

.z_table4 tbody tr td, .z_table4 thead tr th, .z_table6 tbody tr td, .z_table6 thead tr th {
    border-bottom: 1px solid #E0E0E0
}

.z_ul23 li, .z_ul24 li, .z_ul25 li, .z_ul26 li {
    position: relative;
    cursor: pointer
}

.z_ul23 li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #26272a;
    color: #ccc
}

.z_ul23 li.active {
    background-color: #ffd100;
    color: #333
}

.bar_odd-fa:nth-child(odd), .z_table4 tbody tr:nth-child(odd), .z_table5 tbody tr:nth-child(odd), .z_table6_even tbody tr:nth-child(even), .z_table6_odd tbody tr:nth-child(odd) {
    background-color: #fafafa
}

.z_table4 {
    table-layout: fixed;
    empty-cells: show
}

.z_table4 thead tr th {
    border-right: 1px solid #E0E0E0;
    box-sizing: border-box;
    font-weight: 400
}

.z_table4 tbody tr td, .z_ul29-11p li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.z_table4 thead tr th:last-child {
    border-right: none
}

.z_table4 tbody tr td {
    border-right: 1px solid #E0E0E0;
    box-sizing: border-box
}

.z_table4 tbody tr td:last-child {
    border-right: none
}

.z_table6 thead tr th {
    border-right: 1px solid #E0E0E0
}

.z_table6 thead tr th:last-child {
    border-right: none
}

.z_table6 tbody tr td {
    border-right: 1px solid #E0E0E0
}

.z_table6 tbody tr td:last-child {
    border-right: none
}

.z_table6_black tbody tr td, .z_table6_black thead tr th {
    border-right: 1px solid #262732;
    border-bottom: 1px solid #262732
}

.z_table6_border_n tbody tr td, .z_table6_border_n thead tr th {
    border: none
}

.z_dindan_span {
    width: 32px;
    height: 32px;
    margin-left: 2px
}

.z_dindan_span span {
    margin-left: 0;
    margin-bottom: 6px
}

.z_ul24_b10 li, .z_ul30 li, .z_ul33 li {
    margin-bottom: 10px
}

.z_ml2 {
    margin-left: 2px
}

.z_numb2 {
    width: 38px;
    border: 1px solid #E0E0E0;
    font-size: 28px;
    color: #fff;
    border-radius: 5px;
    background-color: #262732;
    line-height: 38px
}

.z_numb2.active {
    border: 2px solid #d9a120;
    width: 40px;
    line-height: 36px
}

.z_div-w30 .z_numb3 {
    width: 28px;
    line-height: 28px
}

.z_numb3 {
    width: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 22px;
    color: #585858;
    cursor: pointer
}

.z_numb3-grey {
    border: 1px solid #bfbfbf
}

.z_numb3-grey:hover {
    background-color: #ccc
}

.z_numb3-grey.active {
    background-color: #888;
    color: #fff
}

.z_numb3-greed {
    border: 1px solid #6faf36
}

.z_numb3-greed:hover {
    background-color: #d6f29b;
    color: #82a33e
}

.z_numb3-greed.active {
    background-color: #64bd50;
    color: #fff
}

.z_numb3-blue {
    border: 1px solid #2e7bbc
}

.z_numb3-blue:hover {
    background-color: #c9e6fd;
    color: #1055aa
}

.z_numb3-blue.active {
    background-color: #1387e0;
    color: #fff
}

.z_numb3-red {
    border: 1px solid #d38181
}

.z_numb3-red:hover {
    background-color: #f9cccc;
    color: #d17777
}

.z_numb3-red.active {
    background-color: #f32f22;
    color: #fff
}

.z_numb3_mm {
    width: 80px;
    border: 1px solid #bfbfbf
}

.z_numb3_mm:hover {
    background-color: #f9cccc;
    color: #d17777;
    border: 1px solid #d38181
}

.z_numb3_mm.active {
    background-color: #f32f22;
    color: #fff
}

.z_numb4 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #333;
    line-height: 30px;
    border: 2px solid #787878;
    cursor: pointer
}

.z_numb4_wh35 .z_numb4 {
    width: 35px;
    height: 35px;
    line-height: 35px
}

.z_numb4_wh25 .z_numb4 {
    width: 25px;
    height: 25px;
    line-height: 25px
}

.z_numb4_h35 .z_numb4 {
    width: auto;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px
}

.z_numb4:hover {
    background-image: linear-gradient(180deg, #ccc, #ccc 55%, #ccc);
    border: 2px solid #ffaa0d;
    color: #333
}

.z_numb4.active, .z_styb2.active {
    background-image: linear-gradient(180deg, #000, #000 55%, #000)
}

.z_numb4.active {
    border: 2px solid #ffaa0d;
    color: #fff
}

.z_styb2 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #333;
    line-height: 25px;
    border: 2px solid #787878;
    cursor: pointer;
    font-size: 12px
}

.z_styb2.active {
    border: 2px solid #ffaa0d;
    color: #fff
}

.z_styb2:hover {
    background-image: linear-gradient(180deg, #ccc, #ccc 55%, #ccc);
    border: 2px solid #ffaa0d;
    color: #333
}

.z_ul24 li {
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 20px;
    border: 1px solid #d9d9d9
}

.z_ul24 li.active, .z_ul24 li:hover {
    border-color: #ac1e2d
}

.z_ul24 li:last-child {
    margin-right: 0
}

.z_ul24 li.active {
    background-color: #ac1e2d;
    color: #fff
}

.z_ul25 li {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: #666;
    float: left;
    margin-right: 20px
}

.z_ul25 li:last-child {
    margin-right: 0
}

.z_ul25 li.active {
    background-color: #fff;
    color: #999
}

.z_ul25_a li {
    color: #fcf8f8
}

.z_ul25_a li.active {
    background-color: #fff;
    color: #333
}

.z_ul26 li {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #fff;
    float: left;
    margin-right: 10px;
    background-color: #a0a0a0
}

.z_ul28 li, .z_ul29 li {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    float: left
}

.z_ul26 li:last-child {
    margin-right: 0
}

.z_ul30 li, .z_ul32 li {
    margin-right: 10px;
    cursor: pointer
}

.z_ul26 li.active {
    background-color: #515368
}

.z_ul26 li.active2, .z_ul26_hover-red li:hover {
    background-color: #e33f3f
}

.z_ul27 li {
    width: 33.333333%;
    float: left;
    text-align: center;
    cursor: pointer
}

.z_ul27 li.active {
    background-color: #ffd100;
    color: #333
}

.z_ul28 li {
    cursor: pointer;
    color: #565656
}

.z_ul28 li.active {
    background-color: #fff
}

.z_h106_ovh {
    height: 106px;
    overflow: hidden
}

.z_ul29 li {
    cursor: pointer;
    border-right: 1px solid #E0E0E0
}

.z_ul29 li:last-child {
    border-right: none
}

.z_ul29 li.active {
    background-color: #fafafa
}

.z_ul29 li.active2 {
    background-color: #fb063b;
    color: #fff
}

.z_ul29-11p li {
    width: 9.090909%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.z_ul29-rsbule li {
    border-right: 1px solid #35356e;
    padding-left: 14px;
    padding-right: 15px;
    border-bottom: 1px solid #35356e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.z_ul29-rsbule li.active, .z_ul29-rsbule li:hover {
    background-color: #35356e
}

.z_ul29-rsbule li:nth-child(5n) {
    border-right: none
}

.z_ul29-rsbule li:last-child {
    border-right: 1px solid #35356e
}

.z_ul30 li {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    float: left;
    border: 1px solid #E0E0E0;
    border-radius: 5px
}

.z_ul30 li.active {
    background-color: #e33f3f;
    color: #fff;
    border: 1px solid #e33f3f
}

.z_ul30 li.active2 {
    background-color: #fff6ce;
    color: #333;
    border: 1px solid #f5b039
}

.z_ul30_hover li:hover {
    background-color: #e33f3f;
    color: #fff;
    border: 1px solid #e33f3f
}

.z_calendar li, .z_ul-week li {
    text-align: center;
    border-bottom: 1px solid #dadada;
    -webkit-box-sizing: border-box
}

#gotoTop {
    position: fixed;
    bottom: 10%;
    right: 10%;
    z-index: 99;
    width: 69px;
    height: 50px;
    background-image: url(../images/tb119.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    border-radius: 5px;
    cursor: pointer
}

.z_calendar li, .z_ul31 li, .z_ul32 li, .z_ul33 li {
    position: relative;
    float: left
}

@media only screen and (min-width: 100px) and (max-width: 1366px) {
    #gotoTop {
        right: 2%
    }
}

.z_ul31 li {
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    color: #fbfbfb
}

.z_ul31 li.active {
    background-color: #F9F9F9;
    color: #333
}

.z_ul32 li {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    color: #333;
    background-color: #dcdcdc
}

.z_ul32 li:last-child {
    margin-right: 0
}

.z_ul32 li.active {
    background-color: #fff
}

.z_ul33 li {
    width: 13.63%;
    text-align: center;
    cursor: pointer;
    margin-right: .655571%;
    background-color: #e6e6e6;
    color: #515368
}

.z_ul33 li:hover {
    background-color: #6f7184;
    color: #fff
}

.z_ul33 li:hover.active {
    color: #515368
}

.z_ul33 li.active {
    background-color: #facd03
}

.z_calendar li {
    width: 14.2857%;
    line-height: 60px;
    font-size: 24px;
    font-weight: 700;
    border-right: 1px solid #dadada;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333
}

.z_calendar li:nth-child(7n) {
    border-right: none
}

.z_calendar li.obsolete {
    background-color: #efefef;
    color: #cccad0
}

.z_calendar li.preSale {
    background-color: #dadada
}

.z_calendar li.preSale:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fc583d;
    position: absolute;
    top: 5px;
    right: 5px
}

.z_calendar li.kaijian {
    background-color: #feaf23;
    color: #fff
}

.z_calendar li.kaijian-duobao {
    background-color: #ea082c;
    color: #fff
}

.z_ul-week li {
    width: 14.2857%;
    line-height: 38px;
    font-size: 18px;
    border-right: 1px solid #dadada;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    position: relative;
    background-color: #fbb22d
}

.z_shexiao, .z_ul_tuku > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.z_ul-week li.active:after, .z_ul_tuku > li.active > div:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    z-index: 4;
    height: 0
}

.z_ul-week li.active:after {
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fcae27;
    bottom: -5px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.z_ul_tuku > li {
    width: 25%;
    float: left;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    color: #676767;
    box-sizing: border-box
}

.z_ul_tuku > li.active > div {
    background-color: #ffd100;
    color: #333
}

.z_ul_tuku > li.active > div:after {
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1c1c1c;
    bottom: -1px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.z_btn-2 {
    border: 1px solid #1A1A1A;
    background-color: #383838;
    cursor: pointer;
    display: inline-block
}

.z_btn-2:hover {
    background-color: #463c2b
}

.z_ul34 li {
    line-height: 68px;
    cursor: pointer;
    border: 1px solid transparent
}

.z_ul34 li.active {
    border: 1px solid #E0E0E0;
    background-color: #fff;
    border-right: none;
    position: relative
}

.z_shexiao, .z_zhonjian {
   // margin-left: 20px;
    margin-bottom: 16px;
    border: 1px solid #E0E0E0;
    float: left
}

.z_allin-div:after, .z_ul34 li.active:after {
    position: absolute;
    content: ""
}

.z_ul34 li.active:after {
    width: 1px;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: -1px;
    z-index: 4;
    display: block
}

.z_shexiao {
    width: 100%;
    box-sizing: border-box;
    background-image: url(../images/bg5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    line-height: 114px
}

.z_zhonjian {
    width: 352px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
     background-color: #F9F9F9
}

.z_lottery tr td.active .z_shexiao {
    background-color: #facd03
}

.z_allin-div {
    display: none
}

.z_allin-div:after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #ffffe2;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.z_ul35 li, .z_ul38 li {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    float: left
}

.z_allin:hover .z_allin-div {
    display: block
}

.z_more-btn .z_btn_2 {
    background-color: #bbb;
    color: #857565;
    border: 1px solid #bbb;
    cursor: no-drop
}

.z_fuhe-btn .z_btn_2 {
    background-color: #f17e2e;
    color: #fff;
    border: 1px solid #f17e2e
}

.z_fuhe-btn .z_btn_2:hover {
    background-color: #fff;
    color: #f17e2e;
    border: 1px solid #f17e2e
}

.z_box {
    display: none
}

.z_ul35 li {
    width: 6.666667%;
    border-right: 1px solid #35356e;
    box-sizing: border-box;
    cursor: pointer
}

.z_ul35 li.active, .z_ul35 li:hover {
    background-color: #35356e
}

.z_ul36 li {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    float: left;
    background-color: #26264f;
    color: #ffd28b;
    cursor: pointer;
    min-width: 60px;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in
}

.z_ul36 li:hover {
    background-color: #f2d9b2;
    color: #333
}

.z_ul36 li.active {
    background-color: #ffd28b;
    color: #333
}

.z_ul37 li {
    width: 19.79%;
    float: left;
    margin-right: .2625%
}

.z_ul37 li.active {
    background: #36365F;
    border-radius: 5px
}

.z_ul37-3p li {
    width: 33.333333%;
    float: left
}

.z_ul37-3p-2 li {
    width: 32.983333%
}

.z_table7 thead tr th {
    border-right: 1px solid #35356e;
    border-bottom: 1px solid #35356e
}

.z_table7 thead tr th:last-child {
    border-right: none
}

.z_table7 tbody tr td {
    border-right: 1px solid #35356e;
    border-bottom: 1px solid #35356e
}

.z_table7 tbody tr:last-child td, .z_ul40 li, .z_ul40 li.active {
    border-bottom: none
}

.z_table7 tbody tr td:last-child {
    border-right: none
}

.z_ul38 li {
    width: 16.666667%;
    cursor: pointer;
    border-right: 2px solid #191930;
    box-sizing: border-box
}

.z_ul38 li.active {
    color: #cda953;
    background-color: #2f2f64
}

.z_ul38 li.active:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #434382;
    position: absolute;
    top: 0;
    left: 0
}

.z_ul38_5p li {
    width: 20%
}

.z_ul38_2p li {
    width: 50%
}

.z_ul37_2p li {
    width: 49%;
    margin-right: 2%
}

.z_ul39 li {
    width: 33.333333%
}

.z_ul40 li {
    width: 100px;
    float: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0
}

.z_ul40 li.active {
    background-color: #fff;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0
}

.z_ul40 li.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2
}

.input-affix-wrapper, .z_ul29a, .z_ul42 li {
    display: inline-block
}

.z_cardbox {
    border-radius: 5px;
    position: relative;
    background-image: url(../images/bg10.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    margin-right: 20%;
    margin-bottom: 10px
}

.z_cardbox:nth-child(2n), .z_ul39 li:last-child {
    margin-right: 0
}

.z_div_4 {
    width: 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.z_ul39 li {
    float: left;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    cursor: pointer;
    color: #999
}

.z_ul29 li.active3, .z_ul39 li.active {
    background-color: #d88b01;
    color: #fff
}

.z_ul29a li {
    padding-left: 0;
    padding-right: 0;
    min-width: 40px;
    text-align: center
}

.bar-brown3 {
    background-color: #c8a772 !important
}

.z_ul41 li {
    float: left;
    font-size: 16px;
    margin: 0 32px;
    cursor: pointer
}

.z_ul41 li.active {
    border-bottom: 2px solid #eacd91
}

.z_ul42 li {
    color: #333;
    font-size: 14px;
    padding: 0 30px;
    cursor: pointer
}

.z_ul42 li.active {
    background-color: #ac1e2d;
    color: #fff
}

.input-affix-wrapper {
    box-sizing: border-box;
    color: rgba(0, 0, 0, .7);
    line-height: 1.5;
    position: relative
}

.input-affix-wrapper input {
    width: 100%;
    display: inline-block;
    height: 32px;
    padding: 4px 11px;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px
}

.page-responsive .heart-container-right, .page-responsive .post-item-right-content {
    display: none
}

.input-affix-wrapper .input-suffix {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.deadline {
    float: left;
    padding: 10px;
    margin: 26px 0 0 10px;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 2px rgba(33, 33, 33, .2) inset;
    border-radius: 5px;
    font-size: 34px
}

.deadline-number em, .deadline-number span {
    float: left;
    width: 7px;
    height: 5px
}

.deadline-number em {
    text-align: center;
    position: relative;
    width: 27px;
    height: 40px;
    margin-right: 5px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-color: #4a4c60;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7);
    border: 0;
    color: #E2E2E2
}

.deadline-number span.space {
    text-indent: -10000px
}

.deadline-number .deadline-num {
    line-height: 40px;
    font-family: microsoft yahei;
    font-size: 34px;
    font-weight: 100;
    color: #E2E2E2;
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 42px;
    overflow: hidden;
    text-indent: 10px;
    box-shadow: 1px 1px 1px #292B3E;
    text-shadow: 1px 1px 1px #353535
}

.deadline-number .deadline-num-t {
    height: 21px;
    top: 10px;
    top: 0;
    z-index: 4;
    background-image: linear-gradient(-180deg, #444658 0, #26283A 100%);
    background-color: #4a4c60;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    transform-origin: left bottom 0
}

.deadline-number .deadline-num-b {
    height: 21px;
    top: 10px;
    top: 21px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-color: #4a4c60;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 0
}

.deadline-number .deadline-num .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    left: -6px
}

.deadline-number .deadline-num-b .inner {
    top: -21px
}

.deadline-number .deadline-num-next-t {
    height: 21px;
    overflow: hidden;
    background-image: linear-gradient(-180deg, #444658 0, #26283A 100%);
    background-color: #4a4c60;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 0
}

.deadline-number .deadline-num-next-t .inner {
    background: 0 0
}

.deadline-number .deadline-num-next-b {
    height: 21px;
    overflow: hidden;
    top: 21px;
    z-index: 4;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
    background-color: #4a4c60;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    transform-origin: left top 0
}

.deadline-number .deadline-num-next-b .inner {
    background: 0 0;
    top: -21px
}

.deadline-number-mask {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 26px;
    height: 19px;
    border-bottom: 2px solid #2A2C3A;
    border-radius: 3px 3px 0 0;
    z-index: 4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#26000000', endColorstr='#26000000')
}

:root .deadline-number-mask {
    filter: none;
    background-color: rgba(0, 0, 0, 0)
}

.deadline-number .min-left-anim .deadline-num-t {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    animation: deadlineBg .3s;
    -moz-animation: deadlineBg .3s;
    -webkit-animation: deadlineBg .3s;
    -o-animation: deadlineBg .3s
}

.deadline-number .min-left-anim .deadline-num-next-b {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
    animation: deadlineBgB .3s;
    -moz-animation: deadlineBgB .3s;
    -webkit-animation: deadlineBgB .3s;
    -o-animation: deadlineBgB .3s
}

.heart-container {
    width: 1240px;
    position: relative;
    margin: 0 auto
}

.heart-container-left {
    width: 100%;
    padding-right: 310px
}

.heart-container-right {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-size: 14px
}

.post_list .post-item {
    min-height: 105px;
    position: relative
}

.post_list .post-item-left {
    position: absolute;
    width: 150px;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 10px;
    background-color: #F7F7F7
}

.post_list .post-item-left img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.post_list .post-item-right {
    position: relative;
    padding: 20px 120px 30px 20px;
    margin-left: 150px;
    min-height: 105px
}

.post_list .post-item-right-title {
    font-size: 16px;
    font-weight: bolder
}

.post_list .post-item-right-content {
    height: 20px;
    overflow: hidden;
    line-height: 28px
}

.post_list .post-item-right-time {
    position: absolute;
    right: 24px;
    top: 24px;
    font-size: 12px;
    color: #999
}

.post_list .post-item-right-time .z_button {
    padding: 0 10px
}

.page-responsive .post-item {
    height: 120px
}

.page-responsive .post-item-right .post-item-right-time {
    bottom: 10px;
    left: 16px;
    top: inherit;
    right: inherit
}

.page-responsive .post-item-right {
    padding-right: 20px
}

.page-responsive .heart-container-left {
    padding: 0
}

.cpt-textarea {
    min-height: 40px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    width: 100%
}

.z_process {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block
}

.cpt_checkbox, .z_process_text {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}

.z_process_line {
    position: relative;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 8px
}

.z_process_outer {
    display: inline-block;
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px)
}

.z_process_inner {
    position: relative;
    display: inline-block;
    width: 170px;
    vertical-align: middle;
    background-color: #f5f5f5;
    border-radius: 100px
}

.z_process_bg {
    position: relative;
    height: 8px;
    border-radius: 100px;
    background-color: #ff5b5b;
    -webkit-transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
    transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s
}

.z_process_text {
    width: 2em;
    margin-left: 8px;
    color: #999;
    font-size: 1em;
    text-align: left;
    word-break: normal
}

.cpt_checkbox {
    cursor: pointer;
    position: relative;
    padding-right: 5px
}

.cpt_checkbox_wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    display: inline-block;
    line-height: unset;
    cursor: pointer
}

.cpt_checkbox_input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.cpt_checkbox_inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    border-collapse: separate;
    -webkit-transition: all .3s;
    transition: all .3s
}

.cpt_checkbox_checked .cpt_checkbox_inner {
    background-color: #000;
    border-color: #000
}

.cpt_page, .cpt_page_item {
    background-color: #fff
}

.cpt_checkbox_inner::after {
    position: absolute;
    top: 50%;
    left: 21%;
    display: table;
    width: 3px;
    height: 6px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-tsransform: rotate(45deg) scale(0) translate(-50%, -50%);
    -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    content: ' '
}

.cpt_checkbox_checked .cpt_checkbox_inner::after {
    opacity: 1;
    -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    transition: all .2s
}

.cpt_page_item {
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    height: 40px;
    line-height: 38px;
    margin-right: 6px;
    text-align: center;
    list-style: none;
    user-select: none;
    cursor: pointer;
    font-family: Arial;
    font-weight: 500;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    transition: border .2s ease-in-out, color .2s ease-in-out
}

.cpt_page-item-jump-next, .cpt_page-item-jump-prev, .cpt_page_next, .cpt_page_prev {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    line-height: 38px;
    list-style: none;
    cursor: pointer;
    font-family: Arial;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle
}

.cpt_page_next, .cpt_page_prev {
    user-select: none;
    color: #666;
    border: 1px solid #dcdee2;
    border-radius: 4px
}

.cpt_page_prev img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.cpt_page_item:not(.cpt_page_item_active):hover {
    border-color: #ac1e2d;
    color: #ac1e2d
}

.cpt_page_item_active {
    border-color: #ac1e2d;
    background-color: #ac1e2d
}

.cpt_page_item_active a, .cpt_page_item_active a:hover {
    color: #fff
}

.cpt_page-item-jump-next, .cpt_page-item-jump-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #666;
    border: 1px solid transparent;
    border-radius: 4px
}

.cpt_page-item-jump-next i, .cpt_page-item-jump-prev i {
    display: none
}

.cpt_page-item-jump-next::after, .cpt_page-item-jump-prev::after {
    content: "\2022\2022\2022";
    display: block;
    color: #ccc;
    text-align: center
}

.cpt_page.mini .cpt_page_item {
    border: 0;
    margin: 0;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px
}

.cpt_page.mini .cpt_page_next, .cpt_page.mini .cpt_page_prev {
    margin: 0;
    min-width: 24px;
    height: 24px;
    line-height: 22px;
    border: 0
}

.cpt_page.mini .cpt_page-item-jump-next, .cpt_page.mini .cpt_page-item-jump-prev {
    border: 0;
    margin: 0;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px
}

.cpt_page_disabled {
    cursor: not-allowed
}

.cpt_page_disabled a {
    color: #ccc
}

.comment-list .no-comment {
    width: 100%;
    height: 92px;
    margin: 30px auto 20px;
    background: url(../images/no-comment.png) no-repeat;
    background-size: contain;
    background-position-x: 50%
}

.comment-list .text {
    padding-bottom: 50px;
    text-align: center;
    font-size: 12px;
    color: #969696
}

.comment-item .comment-item {
    padding-right: 0
}

.comment-item .author {
    padding-right: 170px;
    margin-left: 44px
}

.comment-item .avatar {
    position: absolute;
    left: -44px;
    display: inline-block;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.comment-item .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.comment-item .name {
    color: #385686;
    font-weight: bolder
}

.comment-item .comment-wrap {
    margin-top: 20px;
    color: #333;
    line-height: 1.5
}

.comment-item .meta {
    font-size: 12px;
    right: 0;
    top: 5px;
    font-family: Ragular
}

.cpt-modal {
    width: auto;
    margin: 0 auto;
    position: relative;
    outline: 0;
    top: 200px
}

.cpt-modal-hidden {
    display: none !important
}

.cpt-modal-close {
    margin-left: 10px;
    font-size: 12px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 18px;
    overflow: hidden;
    cursor: pointer
}

.cpt-modal-close .layui-layer-close1 {
    background-position: 1px -40px;
    cursor: pointer;
    width: 100%;
    height: 100%
}

.cpt-modal-content {
    position: relative;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 2px;
    background-clip: padding-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.cpt-modal-mask, .cpt-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1211;
    bottom: 0;
    left: 0
}

.cpt-modal-header {
    border-bottom: 1px solid #e8eaec;
    padding: 14px 16px;
    line-height: 1
}

.cpt-modal-header-inner {
    display: inline-block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    white-space: nowrap
}

.cpt-modal-content-drag .cpt-modal-header {
    cursor: move
}

.cpt-modal-body {
    padding: 16px;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff
}

.cpt-modal-footer {
    border-top: 1px solid #e8eaec;
    padding: 12px 18px;
    text-align: center
}

.cpt-modal-footer .layui-btn {
    width: 100px;
    height: 36px;
    line-height: 36px
}

.cpt-modal-mask {
    background-color: rgba(55, 55, 55, .6);
    height: 100%
}

.cpt-modal-wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.cpt-modal-content-drag {
    position: absolute
}

.cpt-modal-content-no-mask {
    pointer-events: auto
}

.layui-form-item.reply-footer {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -20px;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    background-color: #f7f7f7
}

.reply-footer .layui-btn {
    width: 100px;
    height: 36px;
    line-height: 36px
}

.reply-footer .layui-btn:last-child {
    background-color: #ac1e2d;
    color: #fff;
    border-color: #ac1e2d
}

.cpt-form-textarea {
    min-height: 36px;
    height: auto;
    color: #333;
    padding: 6px 10px;
    line-height: 20px;
    border: 1px solid #e6e6e6;
    word-break: break-word;
    word-wrap: break-word;
    outline: 0;
    cursor: text
}

.cpt-form-textarea:focus {
    border-color: #c9c9c9
}

@keyframes deadlineBg {
    from {
        background: #707288
    }
    to {
        background: #000
    }
}

@-moz-keyframes deadlineBg {
    from {
        background: #707288
    }
    to {
        background: #000
    }
}

@-webkit-keyframes deadlineBg {
    from {
        background: #707288
    }
    to {
        background: #000
    }
}

@-o-keyframes deadlineBg {
    from {
        background: #707288
    }
    to {
        background: #000
    }
}

@keyframes deadlineBgB {
    from {
        background: #999
    }
    to {
        background: #EFEFEF
    }
}

@-moz-keyframes deadlineBgB {
    from {
        background: #999
    }
    to {
        background: #EFEFEF
    }
}

@-webkit-keyframes deadlineBgB {
    from {
        background: #999
    }
    to {
        background: #EFEFEF
    }
}

@-o-keyframes deadlineBgB {
    from {
        background: #999
    }
    to {
        background: #EFEFEF
    }
}

.area_wrap {
    width: 210px;
    height: 900px
}

.area_wrap .area_item {
    padding-left: 76px;
    border-bottom: 1px solid #fff
}

.area_select_div ul li.active {
    background-color: #fff;
    color: #AC1E2D;
    font-weight: 700
}

.area_select_div ul li:hover {
    background-color: #fff;
    cursor: pointer
}

.rank_list_wrap {
    width: 1030px;
    background: #fff
}

.rank_list_wrap .rank_list {
    padding: 30px
}

.rank_list_wrap .preRanks {
    height: 158px;
    margin-bottom: 30px
}

.rank_list_wrap .preRanks .item {
    width: 310px;
    height: 160px;
    float: left;
    box-shadow: 0 5px 10px 0 rgba(235, 83, 42, .2);
    border-radius: 0 12px;
    margin-right: 20px;
    position: relative
}

.rank_list_wrap .item {
    border: 1px solid rgba(217, 217, 217, 1)
}

.rank_list_wrap .pink {
    color: #ff0
}

.rank_list_wrap .qs {
    border-radius: 2px;
    margin-right: 40px;
    color: #fff;
    font-size: 12px;
    padding-right: 10px;
    border: 1px solid #fff;
    text-align: right;
    position: relative;
    background-color: rgba(255, 255, 255, .3)
}

.rank_list_wrap .qsb {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 22px;
    width: 64px;
    background-color: #fff;
    text-align: center;
    color: #e9333c;
    font-weight: bolder
}

.rank_list_wrap .preRanks li::before {
    position: absolute;
    width: 53px;
    height: 64px;
    bottom: 0;
    left: 0
}

.rank_list_wrap .preRanks li:nth-child(1) {
    background: linear-gradient(90deg, rgba(247, 116, 85, 1) 0, rgba(247, 94, 52, 1) 100%)
}

.rank_list_wrap .preRanks li:nth-child(1)::before {
    content: url(../images/one.png);
    width: 37px
}

.rank_list_wrap .preRanks li:nth-child(2) {
    background: linear-gradient(90deg, rgba(255, 187, 69, 1) 0, rgba(255, 154, 2, 1) 100%)
}

.rank_list_wrap .preRanks li:nth-child(2)::before {
    content: url(../images/two.png)
}

.rank_list_wrap .preRanks li:nth-child(3) {
    background: linear-gradient(90deg, rgba(116, 131, 247, 1) 0, rgba(92, 108, 246, 1) 100%);
    margin-right: 0
}

.rank_list_wrap .preRanks li:nth-child(3)::before {
    content: url(../images/three.png)
}

.rank_list_wrap .preRanks .follow_txt {
    position: absolute;
    color: #fff;
    bottom: 12px;
    left: 139px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    cursor: pointer
}

.rank_list_wrap .ranks .get_follow:hover {
    background: #AC1E2D;
    color: #fff
}

.rank_list_wrap .ranks .followed {
    background: #ebebeb;
    color: #999
}

.rank_list_wrap .ranks .num {
    color: #999;
    width: 20px;
    margin-left: 20px;
    margin-right: 62px
}

.rank_list_wrap .ranks li {
    height: 80px;
    line-height: 80px;
    margin-bottom: 10px
}

.rank_list_wrap .ranks .item:hover {
    background: #F7F7F7
}

.rank_list_wrap .face_info {
    padding-top: 45px;
    padding-left: 20px;
    position: relative
}

.rank_list_wrap .face_info a {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden
}

.rank_list_wrap .face_info img {
    width: 100%;
    height: 100%;
    float: left
}

.rank_list_wrap .face_detail {
    padding-left: 90px;
    width: 100%
}

.rank_list_wrap .face_detail table {
    width: 100%
}

.rank_list_wrap .face_info .win_data {
    color: #FF0;
    font-size: 2px;
    height: 16px;
    line-height: 16px
}

.rank_list_wrap .face_info .win_txt {
    color: #FFDFB5;
    height: 16px;
    line-height: 16px
}

.rank_list_wrap .face_info .name {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1)
}

.rank_list_wrap .last_face_info {
    height: 80px;
    overflow: hidden
}

.rank_list_wrap .last_face_info .face {
    float: left;
    height: 80px;
    width: 130px;
    line-height: 80px
}

.rank_list_wrap .last_face_info .avator {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-top: 20px
}

.rank_list_wrap .last_face_info .avator img {
    width: 40px;
    height: 40px;
    float: left
}

.rank_list_wrap .last_face_info .name {
    height: 12px;
    font-size: 14px;
    padding-left: 10px;
    font-weight: 700;
    color: rgba(51, 51, 51, 1)
}

.rank_list_wrap .ranks .get_follow {
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin-top: 24px;
    background: rgba(172, 30, 45, .1);
    border: 1px solid rgba(172, 30, 45, 1);
    border-radius: 2px;
    float: right;
    margin-right: 20px;
    color: #AC1E2D;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.rank_list_wrap .last_face_info ul {
    float: left;
    padding-left: 34px
}

.rank_list_wrap .last_face_info ul li {
    float: left;
    min-width: 200px
}

.rank_list_wrap .last_face_info ul li .face_data {
    color: #FF5B10;
    font-weight: 700;
    padding-left: 8px
}

.rank_list_wrap .face_qs {
    display: inline-block;
    border-radius: 2px;
    font-weight: bolder;
    width: 64px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    background-color: #e9333c;
    text-align: center
}

.login_mobile_pos {
    position: absolute;
    right: 33px;
    top: 474px
}

.login_wrap {
    width: 1000px;
    position: absolute;
    height: 680px;
    left: 50%;
    top: 50%;
    margin-top: -340px;
    margin-left: -500px
}

.login_wrap .login_advance {
    width: 50%;
    height: 100%;
    background-image: url(../images/login_advance_bg.jpg);
    background-size: 100% 100%
}

.login_wrap .register_advance {
    width: 50%;
    height: 100%;
    background-image: url(../images/register_advance.jpg);
    background-size: 100% 100%
}

.login_wrap .login_form {
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    background: #fff \9;
    filter: alpha(opacity=70)
}

.login_wrap .login_form h1 {
    height: 24px;
    font-size: 24px;
    font-weight: 700;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    margin-top: 100px;
    width: 100%;
    margin-bottom: 60px
}

.login_wrap .login_form .txt {
    padding-right: 12px;
    text-align: right;
    color: #999
}

.login_wrap .login_form .put {
    width: 55%;
    border-radius: 2px
}

.login_wrap .login_form .put input {
    border-radius: 2px;
    background: #fff !important
}

#captcha {
    width: 166px
}

.login_wrap .towbtn {
    padding: 12px 0;
    text-align: right
}

.login_wrap #account, .login_wrap #password {
    width: 100%
}

.login_wrap #saveBtn {
    width: 280px;
    height: 36px;
    background: #AC1E2D;
    border-radius: 2px
}

.login_wrap .loginNow, .login_wrap .registerBtn {
    background: rgba(255, 255, 255, 1);
    text-align: center
}

.login_wrap .loginNow {
    width: 280px;
    height: 36px;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 2px;
    display: block;
    color: #333;
    line-height: 36px
}

.login_wrap #get_code {
    font-weight: 700;
    width: 92px;
    text-align: center;
    color: red;
    font-size: 14px;
    height: 30px;
    border-left: 1px solid #e0e0e0;
    margin-top: 6px;
    line-height: 30px
}

.login_wrap .form_item, .login_wrap .registerBtn {
    height: 36px;
    line-height: 36px
}

.login_wrap .put input {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.login_wrap .registerBtn {
    width: 280px;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 2px;
    color: #333;
    text-decoration: none
}

.login_wrap .registerBtn a {
    text-decoration: none;
    display: inline-block;
    width: 100%
}

.login_wrap .opwrap {
    margin-left: 25%;
    width: 280px
}

.login_wrap .forget a {
    float: right;
    text-decoration: none;
    font-size: 14px
}

.color_item {
    width: 50px;
    height: 30px;
    padding: 4px 0;
    margin-right: 6px;
    display: inline-block;
    border: 2px solid transparent;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    transition: border-color .15s ease-in-out
}

.color_item img {
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.color_item.active {
    border-color: #ffd994
}

.color_item.active img {
    opacity: 1
}

#heartWaterContainer .comment_wrap {
    width: 300px;
    margin-left: 22px;
    padding-left: 17px;
    position: relative
}

#heartWaterContainer .commentList {
    padding-top: 30px;
    background: #fff
}

#gray_bg_img {
    background: #000;
    opacity: .55;
    filter: alpha(opacity=55);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}