@charset "utf-8";
 @import url("../font/iconfont.css");
::-webkit-scrollbar {
 width:1vmin;
 height:1vmin;
 overflow: auto
}

::-webkit-scrollbar-thumb {
 background-color: #d9d9d9;
 min-height:1vmin;
 min-width:1vmin;
 border: 1px solid #e0e0e0;
 border-radius: 10em;
}

::-webkit-scrollbar-track {
 background-color: #f7f7f7;
 border: 1px solid #efefef
}
* {
    padding: 0;
    margin: 0;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    color: inherit;
    text-decoration: none;
    color: #4f4f4f;
    cursor: pointer;
}
a:hover, button:hover {
    color: var(--red);
    transition: all .7s ease;
    cursor: pointer
}
a, button {
    transition: all .7s ease;
}
a:hover, button:hover {
    -webkit-filter: brightness(1.15);
    filter: brightness(1.15);
}
:hover {
    transition: all .1s ease
}
a:focus {
    text-decoration: none;
    outline: none;
}
ul, ol, li {
    margin: 0;
    list-style-type: none;
}
body, button, input, select, textarea {
    font-family: Microsoft YaHei, "bahnschrift", tahoma, arial, Hiragino Sans GB, sans-serif;
    font-family: mt, Source Han Sans, Source Han Sans SC, system-ui, -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif, "bahnschrift";
    /* font-size: 14px;*/
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    color: #4f4f4f;
    border: 0;
    outline: none;
    -webkit-text-size-adjust: none;
    /* -webkit-appearance: none;*/
    background: #fff;
    font-size: 100%;
}
body {
 font-size: calc(100vw * 18 / 1920);
    background:#710c11
}
textarea {
    resize: none
}
 a:focus, a:active, button::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, select::-moz-focus-inner, input[type='file']>input[type='button']::-moz-focus-inner {
 border: 0;
 outline: 0;
}
label {
    font-weight: normal;
    margin-bottom: 0;
}
img {
    vertical-align: middle;
}
b {
    font-weight: 600;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-items {
    display: flex;
    align-items: center;
}
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.flex-all {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.flex-sub {
    flex: 1
}
.flex-warp {
    display: flex;
    flex-wrap: wrap;
}
.image {
    position: relative
}
.image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.row-1 {
    padding-bottom: calc((100% - 0px)/4)
}
.row-2 {
 padding-bottom: calc((100% - 0px)/4*2)
}
.row-3 {
 padding-bottom: calc((100% - 0px)/4*3)
}
.row-4 {
 padding-bottom: calc((100% - 0px)/4*4)
}
.row-5 {
    padding-bottom: calc((100% - 0px)/2.5)
}
.text-xs {
    font-size: 85%;
}
.text-sm {
    font-size: 100%;
}
.text-df {
    font-size: 140%;
}
.text-lg {
    font-size: 180%;
}
.text-xl {
    font-size: 220%;
}
.text-xxl {
    font-size: 280%;
}
.text-sl {
    font-size: 320%;
}
.text-xsl {
    font-size: 360%;
}
body {
 --red: #dc2321;
 --black: #4f4f4f;
 --borbottom: 1px solid #4f4f4f;
}
@font-face {
    font-family: "bf";
    /* Project id 2552103 */
    src: url("../fonts/bahnschrift.ttf")
}
.banner {
    position: relative;
 padding-bottom: calc((100% - 0px)/3*1);
}
.banner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*百团大战*/


.col-1 {
    width: 10% !important;
}
.col-15 {
    width: 15% !important;
}
.col-2 {
    width: 20% !important;
}
.col-25 {
    width: 25% !important;
}
.col-3 {
    width: 30% !important;
}
.col-35 {
    width: 35% !important;
}
.col-4 {
    width: 40% !important;
}
.col-45 {
    width: 45% !important;
}
.col-5 {
    width: 50% !important;
}
.col-55 {
    width: 55% !important;
}
.col-6 {
    width: 60% !important;
}
.col-65 {
    width: 65% !important;
}
.col-7 {
    width: 70% !important;
}
.col-75 {
    width: 75% !important;
}
.col-8 {
    width: 80% !important;
}
.col-85 {
    width: 85% !important;
}
.col-9 {
    width: 90% !important;
}
.col-95 {
    width: 95% !important;
}
.col-100 {
    width: 100% !important;
}
[class*="col-"] {
    flex: none !important
}
.list-head {
    background: linear-gradient(45deg, #eb485f, #ffba00) !important;
    ;
    color: #fff;
    /*    height: 5.5vh;*/
    position: relative;
    z-index: 0;
}
.listbx, .list-head {
    border-bottom: 1px solid #EDEFF3;
    padding: 1.3vh 0;
}
.num1, .num2, .num3 {
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 1vw 1vw 0.5vw 1vw;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    text-shadow: rgba(0,0,0,0.8) 0 0 3px;
}
.num1 {
    background-image: url("../images/bg_jiang_jin.png")
}
.num2 {
    background-image: url("../images/bg_jiang_yin.png")
}
.num3 {
    background-image: url("../images/bg_jiang_tong.png")
}
.xh {
    flex: none !important;
    text-align: center !important;
    width: 3.5vmax !important;
}
.listbx>li, .list-head>li {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1
}
input[type="hideen"] {
    height: 1px;
    display: none
}
.fot-txt {
    background: #444;
    text-align: center;
    color: #fff;
    padding: 1.2rem 0;
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 10
}
.footer span {
    margin: 0 1.5vw;
    display: inline-block;
	color: #fff
}
.footer {
    padding-top: 6vh;
}
.iconfont {
    font-size: 100%
}
.note {
    text-align: center;
    padding: 5rem 0;
    border-top: #ddd solid 1px;
    margin: 2vmax 6vw
}
.bx {
    background: #fff;
    padding: 1.5vmax;
    border: rgba(0, 0, 0, 0.06) solid 1px;
    box-shadow: rgba(23, 25, 29, 0.2) 0px 16px 16px -16px, rgba(23, 25, 29, 0.03) 0px 14px 20px 0px, rgba(23, 25, 29, 0.04) 0px 0px 0px 1px, rgb(0, 0, 0, 0.3) 0 2vw 2vw -1vw;
    border-radius: 0.5rem ;
}
.bmlist {
    padding: 0.8vmax;
	width:78%!important;
 
	
}
.font {
    margin: 1vmax 8vmax;
}
.font span {
    color: red;
    margin: 0 0.5vmax
}
.bmlist>ul:nth-child(odd) {
    background: rgb(241 110 62 / 12%)
}
.scroll {
    height: 40vh;
    overflow: auto;
}
.navmenu {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    overflow: hidden;
    padding-top: 3vh;
    background: linear-gradient(-140deg, rgba(0,0,0,0.2), transparent);/*
    border-bottom: #981615 1px solid;
    box-shadow: rgba(0,0,0,0.1) 0 1vw 2vw;
*/
}
.navmenu dd {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 2vh 2vw 2vh 3.5vw;
    border-radius: 0 1vw 0 0;
    color: #ffb371;
    font-weight: 600;
    cursor: pointer
}
.navmenu dd::after {
    position: absolute;
    z-index: -1;
    width: 150%;
    height: 100%;
    background: linear-gradient(-115deg, #944600, #d4853f);
    transform: skewX(-40deg);
    content: "";
    left: 1.5rem;
    top: 0;
    border-radius: 1vw 6vw 0 0;
}
.navmenu dd+dd {
    margin-left: -2vw
}
.navmenu .curr {
    z-index: 2;
    box-shadow: rgba(0,0,0,0.2) 0.5vw 0.5vw 0.5vw;
    zoom: 1.2;
    color: #fff
}
.navmenu .curr::after {
    background: linear-gradient(115deg, #fb5f75, #ba001a 50%);
}
.navlist {
 
    flex: 1;
    margin-right: 1.5vw;
    margin-left: 1.5vw;
    perspective: 1000;
    -webkit-perspective: 1000; /* Safari and Chrome */
    z-index: 99;
    position: relative;
}
.snav.navlist li{ transform: rotateY(-18deg);text-align: right}
.navlist>li {
    border: 1px solid;
    border-image: linear-gradient(115deg, #fb5f75, #ba001a 50%) 1;
    color: #ff93a2;
    padding: 1vh 1vw;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #8a0100;
    font-weight: 600;
    letter-spacing: 6px;
    cursor: pointer;
    transform: rotateY(18deg)
}
.navlist>li::after, .navlist>li::before {
    content: "";
    position: absolute;
}
.navlist>li::before {
    width: 100%;
    height: 100%;
    background: url(../images/bkbg.png) no-repeat right center #8a0100;
    background-size: auto 98%;
    background-blend-mode: soft-light;
    left: 0;
    top: 0;
    z-index: -3;
}
.navlist>li::after {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    background: linear-gradient(90deg, #eb2c47, transparent);
    z-index: -2;
    filter: blur(5px)
}
.navlist>li+li {
    margin-top: 0.3rem
}
.navlist>li.cur, .navlist>li:hover {
    background: #b3651f;
    border: #ffd850 solid 1px;
    color: #fff;
    box-shadow: rgba(0,0,0,0.5) 0 0.8vw 1.5vw;
}
.navlist>li.cur {
    transform: scale(1.1);
    z-index: 4;
}
.navlist>li.cur::after, .navlist>li:hover::after {
    background: linear-gradient(90deg, #fcb16e, transparent);
}
.navlist>li.cur::before, .navlist>li:hover::before {
    background-color: #b76923;
}
.navlist>li.cur .icon, .navlist>li:hover .icon {
    width: 0;
    height: 0;
    border-top: 1vmin solid transparent;
    border-bottom: 1vmin solid transparent;
    border-left: 1vmin solid #ffb775;
    position: absolute;
    top: 50%;
    right: 2vw;
    transform: translateY(-50%)
}

.navlist.snav>li.cur .icon, .navlist.snav>li:hover .icon {
     border-right: 1vmin solid #ffb775;
	    border-left:none;
    right: auto;
	left: 2vw
}
.navlist.snav>li.cur::after, .navlist.snav>li:hover::after {
    background: linear-gradient(90deg, transparent, #fcb16e);
}
.navlist.snav>li::before {
 
    transform: rotate(-180deg);
}
.img>img{ width: 100%;}
.bmlist{height: 74vh; overflow: scroll; background: #fff;}


.bmlist::-webkit-scrollbar {
    width:1vmin;
    height:1vmin;
    overflow: auto
  }
  
.bmlist::-webkit-scrollbar-thumb {
    background-color: rgba(214, 73, 73, 1);
  
    border: 0.1vmin solid transparent;
    border-radius: 10em;
    background-clip: padding-box;
    transition: 0.2s all;
   
  }
  
  /* .bmlist:hover::-webkit-scrollbar-thumb {
    background-color: red;
  } */
  
  .bmlist::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0;
  }
  
  /*  两个滚动条的交汇处 */
  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }
  


/*12*/
@media screen and (min-width:1800px) {
body {
    font-size: calc(100% + 0.05vw);
}
button, input, select, textarea {
    font-size: 100%;
}
.bmsearch .input, .bmsearch .btn-search, .bmsearch .searchable-select {
    height: 3rem;
}
}

@media screen and (max-width:1024px) {
body {
 font-size: calc(100vw * 10 / 1025);
    letter-spacing: -1px
}
.navmenu dd {
    padding-left: 4.5vw;
}
.categoryp-list>label {
    min-width: 7rem;
    text-align: right
}
.fot-txt {
    font-size: 50%;
    padding: 1vh 2vw;
	    padding: 1vh 1vw;
    display: flex;
    align-items: center;
	justify-content: center
}
.categoryp-list>dl>dd {
    zoom: 0.85;
}
#pagination *, #pagination {
    zoom: 0.8;
}
#pagination a, #pagination li>span, #pagination .active {
    padding: 0.1rem 0.4rem;
}
.xh {
    width: 4vmax !important;
}
.navlist {
    flex: 1;
    margin-left: 4vw;
}
.navlist>li {
    zoom: 0.9
}
.navlist>li+li {
    margin-top: 0.35rem;
}
}

/*手机端*/
@media only screen and (max-width:560px) {
.bmlist{height:70vh;}
body {
 font-size: calc(100vw * 14 / 560);
}
.bmlist .list-head {
    display: none
}
.bmlist .listbx {
    display: block;
    margin:0vw 1vw 0 1vw;
    border: #eee solid 1px;
    padding:1vw 4vw;
    border-radius:0.5rem;
    box-shadow: rgba(23, 25, 29, 0.2) 0px 16px 16px -16px, rgba(23, 25, 29, 0.03) 0px 14px 20px 0px, rgba(23, 25, 29, 0.04) 0px 0px 0px 1px;
    background: #fff;

}
.bmlist .listbx+.listbx{margin-top:1vh}
.bmlist .listbx li {
    text-align: right;
    flex: none !important;
    width: 100% !important;
    padding:1vh 1.5vw;
    border-bottom: 1px solid #eee;
    position: relative
}
.bmlist .listbx li.xgcs, .listbx .col-2 {
    width: 100% !important;
}
.bmlist .listbx li::before {
    content: attr(data-title);
    position: absolute;
    left: 1vw;
    top: 50%;
    transform: translateY(-50%);
    color: #444 !important;
    width:40%;
    border-right: #ddd solid 1px;
    text-align: left
}
.bx.bmlist {
    margin: auto;

    padding: 0;
    border: none;
    box-shadow: none;
    
	padding: 0;
	    width: 75%!important;
	 
}
.bx {
    margin-left:0;
    margin-right:0
}
.bmlist>ul:nth-child(odd) {
    background: #fff;
}
.font {
    margin: 1vmax 10vw -2vw 10vw;
}
.xh {
    text-align: right !important;
}
.navmenu dd {
    padding: 1vw 2.5vw 1vw 6.5vw;
    zoom: 0.8;
    font-size: 84%
}
.navmenu dd+dd {
    margin-left: -4.5vw;
}
.navmenu dd::after {
    content: "";
    left: 1rem;
}
.navmenu .curr {
    zoom: 1;
}
	.navlist {
 zoom:0.7;
    margin-left: 1.5vw;
}
.navlist>li {
 padding: 0.5vh 1vw;
    letter-spacing: 0px;
	line-height: 1
	}
}