/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

html {
    overflow: -moz-hidden-unscrollable;
    height: 100%;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
    overflow: auto;
    background-color: #252525 !important;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,
ul {
    list-style: none
}

q:after,
q:before {
    content: ''
}

abbr,
acronym,
fieldset,
img {
    border: 0
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.col-c,
.col-l,
.col_c,
.col_l,
.l {
    float: left
}

.col-r,
.col_r,
.r {
    float: right
}

.c {
    clear: both
}

.fix {
    *zoom: 1
}

.fix:after,
.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

em {
    font-weight: 400;
    font-style: normal
}

body {
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 3rem;
    /* overflow: hidden; */
}

img {
    max-width: 100%;
    border: none
}

input,
select,
textarea {
    font-size: 14px;
    color: #333;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

select::-ms-expand {
    display: none
}

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

/*!-----------------[初始化结束]--------------*/
.wp {
    width: 62.5%;
    max-width: 1200px;
    margin: 0 auto
}

/*!******************************
    -------[=头部]-------
********************************/
/**
.header{position:fixed;top:0;left:0;width:100%;height:1.3rem;background-color:#a77929;padding:0 .2rem;z-index:10}
**/
/**
.header{position:fixed;top:0;left:0;width:100%;height:1.3rem;background-color:#ffffff;padding:0 .2rem;z-index:10}
.logo{float:left;font-size:0;display:block;line-height:1.3rem}
.logo img{display:inline-block;vertical-align:middle;height:.97rem}
**/
.header {
    /*position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    /* height: 2.5rem; */
    background-color: #000;
    /* padding: 0 .2rem; */
    z-index: 10;
}

.logo {
    float: left;
    font-size: 0;
    display: block;
}
/* 
.logo img {
    display: inline-block;
    vertical-align: middle;
    height: 1.5rem
} */

/* .h-info {
    float: right;
    display: flex;
    height: 2.0rem;
    flex-direction: column;
    justify-content: center
} */

.time {
    float: right;
    font-size: 15px;
    color: #fff;
    padding-left: 1rem;
    background: url(/images/c_i1.png) left center no-repeat;
    background-size: .37rem;
    /* position: absolute; */
    /* bottom: 0; */
    /* right: 0.6rem; */
}


.h-info .time2 {
    font-size: .32rem;
    color: #a77929;
    padding-left: .5rem;
    background: url(/images/c_i1.png) left center no-repeat;
    background-size: .37rem
}

.h-info .ss {
    text-align: right;
    font-size: 0;
    line-height: .52rem
}

.h-info .btn,
.h-info .num,
.h-info .share {
    display: inline-block;
    font-size: .32rem
}

.h-info .btn,
.h-info .num2,
.h-info .share {
    display: inline-block;
    font-size: .32rem
}

.h-info .num {
    color: #ffc766
}

.h-info .num2 {
    color: #a77929
}

.h-info .share {
    text-align: right;
}

.h-info .share img {
    vertical-align: middle;
    height: 56px;
    width: 57px;
    padding-bottom: 6px;
}

.h-info .btn {
    padding: 0 .2rem;
    text-align: center;
    background-color: #0ec700;
    border: 1px solid #509542;
    color: #fff;
    border-radius: 4px;
    margin-left: .15rem
}


.head_t {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 1.1rem;
    /* background-color: #a77929; */
    line-height: 1.3rem;
    z-index: 10
}

.head_t h3 {
    text-align: center;
    font-size: .48rem;
    /* color: #fff */
}

.head_t .back {
    display: block;
    width: 1.2rem;
    height: 1.3rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/c_back.png) 90% 50% no-repeat;
    background-size: .37rem
}

/*!******************************
    -------[=底部]-------
********************************/
.tabbar {
    height: 1.1rem
}

.tabbar .con {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 1.1rem;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    z-index: 100;
    /* border-top: 1px solid #363636 */
}

.tabbar .item {
    position: relative;
    z-index: 1;
    width: 25%;
    /* border-right: 1px solid #ccc; */
}

.tabbar .link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: .2rem
}

.tabbar .icon {
    display: block;
    width: .65rem;
    height: .65rem;
    line-height: .65rem;
    font-size: 0;
    text-align: center;
    margin-right: .1rem
}

.tabbar .icn {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%
}

.tabbar .icn:last-child {
    display: none
}

.tabbar .name {
    font-size: .44rem;
    color: #363636
}

.tabbar .on .icn {
    display: none
}

.tabbar .on .icn:last-child {
    display: block
}

.tabbar .on .name {
    color: #90600c
}

/*!******************************
    -------[=公用]-------
********************************/
/*!****** lib.css end *******/
/*!****** bl *******/
.g-switch {
    /* position: fixed; */
    /* top: 3.85rem; */
    left: 0;
    width: 100%;
    /* height: 1.1rem; */
    /* background-color: #452c00; */
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    z-index: 10;
    /*padding: 12px 0;*/
    line-height: 40px;
}

.g-switch .item {
    display: flex;
    /* height: 1.1rem; */
    align-items: center;
    justify-content: center;
    float: left
}

.g-switch .arrow {
    margin-left: 5px
}

.g-switch .arrow img {
    display: block;
    width: .28rem
}

.g-switch .w2 {
    width: 32.4%
}

.g-switch .w3,
.g-switch .w4,
.g-switch .w5 {
    width: 22.5%
}

.m-conb1 .group {
    position: relative
}

.m-conb1 .type {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.11rem;
    height: 100%;
    text-align: center;
    background-color: #90600c;
    line-height: 1.5
}

.m-conb1 .type span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 23px;
    color: #fff
}

.m-conb1 {
    font-size: 19px;
    font-family: Arial;
    text-align: center
}

.m-conb1 .line {
    /* padding-left: 1.11rem; */
    overflow: hidden
}

.m-conb1 .line:nth-child(even) {
    background-color: #eaeaea
}

.m-conb1 .item {
    float: left;
    width: 2.44rem;
    height: 52px;
    /* line-height: 1.85rem; */
    padding: 3px 0;
    line-height: 52px;
    /* border-right: 1px solid #cbcbcb */
}

.m-conb1 .item:last-child {
    width: 2.37rem;
    border: none
}

.m-conb1 .name {
    font-size: 23px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m-table {
    width: 100%;
    text-align: center
}

.m-table td {
    height: 1.65rem;
    border-right: 1px solid #cbcbcb
}

.m-table td.w1,
.m-table td:last-child {
    border: none
}

.m-table tr:nth-child(even) {
    background-color: #eaeaea
}

.m-table .name {
    font-size: .38rem;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m-table .c1 {
    font-size: .55rem;
    font-family: Arial
}

.m-conb1 .s1,
.m-table .s1 {
    font-size: 17px;
    font-family: Arial;
    height: 23px;
    line-height: 23px;
    display: block
}

/* .m-conb1 .s1:nth-child(1),
.m-table .s1:nth-child(1) {
    border-bottom: 1px solid #cbcbcb
} */

.m-conb1 .red,
.m-table .red {
    color: red
}

.m-conb1 .green,
.m-table .green {
    color: #00ff00
}

.m-conb1 .emptyline {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    overflow: hidden;
    background-color: #fff !important
}

.emptyline .item {
    float: left;
    border-right: 1px solid #cbcbcb;
    height: .4rem
}

.emptyline .item:last-child {
    border: none
}

.m-conb1.sty1 .line {
    padding-left: 0
}

.m-conb1.sty1 .item:nth-child(1) {
    width: 32.4%
}

.m-conb1.sty1 .item:nth-child(2),
.m-conb1.sty1 .item:nth-child(3) {
    width: 22.5%;
}

.m-conb1.sty1 .item:nth-child(4) {
    width: 22.5%;
}

.m-conb2 .group {
    position: relative
}

.m-conb2 .type {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.11rem;
    height: 100%;
    text-align: center;
    background-color: #90600c;
    line-height: 1.5
}

.m-conb2 .type span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .44rem;
    color: #fff
}

.m-conb2 {
    font-size: .55rem;
    font-family: Arial;
    text-align: center
}

.m-conb2 .line {
    padding-left: 1.11rem;
    overflow: hidden
}

.m-conb2 .line:nth-child(even) {
    background-color: #eaeaea
}

.m-conb2 .item {
    float: left;
    width: 2.44rem;
    height: 1.65rem;
    line-height: 1.65rem;
    border-right: 1px solid #2c2c2c
}

.m-conb2 .item:last-child {
    width: 2.37rem;
    border: none
}

.m-conb2 .name {
    font-size: .38rem;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.m-conb2 .s1,
.m-table .s1 {
    font-size: .4rem;
    font-family: Arial;
    height: .85rem;
    line-height: .85rem;
    display: block
}

.m-conb2 .s1:nth-child(1),
.m-table .s1:nth-child(1) {
    border-bottom: 1px solid #2c2c2c
}

.m-conb2 .red,
.m-table .red {
    color: #FF0000
}

.m-conb2 .green,
.m-table .green {
    color: #00FF00
}

.m-conb2 .emptyline {
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #2c2c2c;
    overflow: hidden;
    background-color: #fff !important
}

.m-conb2.sty2 .line {
    padding-left: 0
}

.m-conb2.sty2 .item:nth-child(1) {
    width: 32.4%
}

.m-conb2.sty2 .item:nth-child(2),
.m-conb1.sty1 .item:nth-child(3) {
    width: 22.5%;
}

.m-conb2.sty2 .item:nth-child(4) {
    width: 22.5%;
}

.m-conb2 .w2 {
    width: 32.4%
}

.m-conb2 .w3,
.m-conb2 .w4,
.m-conb2.w5 {
    width: 22.5%
}


.bg1 {
    background-color: #90600c
}

.m-table .type {
    width: .5rem;
    font-size: .44rem;
    color: #fff;
    margin: 0 auto
}

.w1 {
    width: 10.37%
}

.w2,
.w3,
.w4 {
    width: 22.68%
}

.w5 {
    width: 21.59%
}

.empty {
    background-color: #fff !important;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

.empty td {
    height: .4rem
}

.empty td:first-child {
    border: none
}

.bg0,
.bg0 .header {
    background-color: #252525;
    /* overflow: hidden; */
}
.con .item:nth-child(1) {
    /* background-color: #fff; */
    color: #000 !important;
}
.con .item {
    background-color: #2b3036;
}
.tabbar .con .name {
    color: #fff ;
}
.line {
    background-color: #252525;
}
.bg0 .h-info .time {
    color: #FFBF24;
    background-image: url(../images/c_i4.png)
}

.bg0 .g-switch {
    color: #fff;
    background-color: #000;
    /* position: fixed; */
    overflow: hidden;
}

.m-conb1.sty1 .name,
.m-table.sty1 .name {
    color: #FFBF24
}

.m-conb1.sty1 .line:nth-child(even),
.m-table.sty1 tr:nth-child(even) {
    background-color: #000;
}

.bg0 .w2 {
    width: 32.4%;
    border-right: 1px solid #444;
}

.bg0 .w3,
.bg0 .w4,
.bg0 .w5 {
    width: 22.5%;
    border-right: 1px solid #444;
}


.bg0 .empty,
.sty1.m-conb1 .emptyline {
    background-color: #000 !important;
    border-top: 1px solid #2c2c2c;
    border-bottom: 1px solid #2c2c2c
}

/* .m-conb1.sty1 .s1:nth-child(1),
.m-table.sty1 .s1:nth-child(1) {
    border-bottom: 1px solid #2c2c2c
} */

 /* .m-conb1.sty1 .item,
.m-table.sty1 td {
    border-right: 1px solid #2c2c2c;
     border-left: 1px solid #2c2c2c; 
}  */
/* 
.hpt1 {
    padding-top: 1.3rem
} */

.ul-listb1 .con {
    display: block;
    padding: .5rem .4rem;
    border-bottom: 1px solid #bebebe;
    overflow: hidden
}

.ul-listb1 .pic {
    float: left;
    width: 3.6rem;
    height: 2.3rem;
    line-height: 2.3rem;
    text-align: center;
    font-size: 0;
    border: 1px solid #bebebe;
    overflow: hidden;
    margin-right: .65rem
}

.ul-listb1 .pic img {
    display: inline-block;
    vertical-align: middle
}

.ul-listb1 .txt {
    padding-right: .4rem;
    background: url(../images/c_back1.png) right center no-repeat;
    background-size: .37rem;
    line-height: 2.3rem
}

.ul-listb1 .name {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    font-size: .6rem;
    color: #363636
}

.m-detailsb1 {
    font-size: .44rem;
    color: #000;
    line-height: 1.8;
    padding: .6rem .4rem
}

.m-detailsb1 h1 {
    text-align: center;
    font-size: .48rem;
    color: #000;
    font-weight: 400
}

.m-detailsb1 .txt {
    padding: .6rem 0
}

.ul-newsb1 {
    padding: 0 .45rem
}

.ul-newsb1 .con {
    display: block;
    border-bottom: 1px solid #f1f2f3;
    margin-bottom: .3rem
}

.ul-newsb1 .tit {
    font-size: .48rem;
    line-height: 1.33;
    color: #191a1b;
    margin-bottom: 5px
}

.ul-newsb1 .date {
    font-size: .32rem;
    font-family: Arial;
    color: #959597;
    line-height: .9rem
}

.m-cardb1 .pic {
    border-radius: .3rem;
    overflow: hidden
}

.ul-newsb1 .pic img {
    display: block;
    width: 100%;
    object-fit: cover
}

.m-cardb2 .pics {
    overflow: hidden;
    margin: 0 -.05rem
}

.m-cardb2 .box {
    float: left;
    width: 33.33%
}

.m-cardb2 .pics .img {
    height: 2.15rem;
    overflow: hidden;
    margin: 0 .05rem .1rem
}

.m-cardb2 .box:first-child .img {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.m-cardb2 .box:last-child .img {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.m-cardb3,
.oh {
    overflow: hidden
}

.m-cardb3 .r {
    width: 3.25rem;
    margin-left: .3rem
}


/*!****** bl end *******/

/*@media (max-width: 1300px) {*/
/*    .middles {*/
/*        margin-top: 36%;*/
/*    }*/
/*  }*/
  /*@media (min-width: 684px) and (max-width: 740) {*/
  /*  .middles {*/
  /*      margin-top: 28%;*/
  /*  }*/
  /*}*/
/*@media (min-width: 640px) and (max-width: 740px) {*/
/*    .middles {*/
/*        margin-top: 28%;*/
/*    }*/
/*  }*/
/*  @media (min-width: 740px) and (max-width: 950px) {*/
/*    .middles {*/
/*        margin-top: 26%;*/
/*    }*/
/*  }*/
/*    @media (min-width: 950px) and (max-width: 1399px) {*/
/*    .middles {*/
/*        margin-top: 24%;*/
/*    }*/
/*  }*/
/*@media (min-width: 1400px) {*/
/*    .middles {*/
/*        margin-top: 22%;*/
/*    }*/
/*  }*/