html {  font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body {  margin: 0;}
article,aside,details, /* 1 */figcaption,figure,footer,hd-box,main, /* 2 */feizjmenu,nav,section,summary { /* 1 */  display: block;}
audio,canvas,progress,video {  display: inline-block;}
audio:not([controls]) {  display: none;  height: 0;}
progress {  vertical-align: baseline;}
template, /* 1 */[hidden] {  display: none;}
a {  background-color: transparent; /* 1 */  -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover {  outline-width: 0;}
abbr[title] {  border-bottom: none; /* 1 */  text-decoration: underline; /* 2 */  text-decoration: underline dotted; /* 2 */}
b,strong {  font-weight: inherit;}
b,strong {  font-weight: bolder;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background-color: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sub {  bottom: -0.25em;}
sup {  top: -0.5em;}
img {  border-style: none;}
svg:not(:root) {  overflow: hidden;}
code,kbd,pre,samp {  font-family: monospace, monospace; /* 1 */  font-size: 1em; /* 2 */}
figure {  margin: 1em 40px;}
hr {  box-sizing: content-box; /* 1 */  height: 0; /* 1 */  overflow: visible; /* 2 */}
button,input,select,textarea {  font: inherit; /* 1 */  margin: 0; /* 2 */}
optgroup {  font-weight: bold;}
button,input { /* 1 */  overflow: visible;}
button,select { /* 1 */  text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"] {  -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box; /* 1 */  color: inherit; /* 2 */  display: table; /* 1 */  max-width: 100%; /* 1 */  padding: 0; /* 3 */  white-space: normal; /* 1 */}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; /* 1 */  outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */}
.clearfix {	*zoom:1}
.clearfix:before,.clearfix:after {	display:table;	line-height:0;	content:""}
.clearfix:after {	clear:both}
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li{float:left;display:inline}
.f-fr{float:right;display:inline}
button, input, select, textarea, a{outline:none;}
a:link{ text-decoration:none}
body{text-align:left;font-size:15px;padding:0 0 0 0;margin: 0 auto;overflow-x: hidden; font-family: "Microsoft Yahei", arial, helvetica, sans-serif; word-break: break-word; max-width: 100%;-webkit-text-size-adjust: none;}
.clearfix:after {content: "";display: block;height: 0;visibility: hidden;clear: both;}
i,em{ font-style: normal; }
body {
  font-size: .24rem;
  line-height: .28rem;
  width: 100%;
  max-width: 7.5rem;
  min-width: 3.2rem;
  margin: 0 auto;
}
a {
  color: inherit;
}
.imgBox {
  overflow: hidden
}

.imgBox>img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover
}
.time {
  font-size: .22rem;
  line-height: .22rem;
  color: #ccc
}
.hide {
  display: none;
}
.bgwhite{
  background: #fff;
}
.mt12{
  margin-top: 12px;
}
.bbox{
  margin: .26rem .26rem 0;
  padding-bottom: .3rem;
}
.mt0{
  margin-top: 0 !important;
}
.pd10{
  padding: 10px; box-sizing: border-box;
}
.icon {
  display: block;
  background-image: url(/skin/zbf/images/icon.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
}
.btn {
  font-size: .24rem;
  color: #333;
  background: #47FFA3;
  border-radius: .27rem;
  width: 1.24rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center
}

*,*:before,*:after {
  box-sizing: border-box
}
header{
  /* border-bottom: 1px solid #C2D9E6; */
  background-color: #fff;
  height: auto;
  max-height: none;
  margin-top: 0;
  display: inline-block;
  overflow: visible;
  width: 100%;
}
header .header-cont {
  height: .78rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .32rem .32rem 0;
  position: relative;
}

header .header-cont>a {
  height: .92rem;
  display: block;
  flex: 1;
  text-align: center;
  /* padding-top: .2rem; */
}

header .header-cont>a .logo {
  width: auto;
  height: 100%;
  margin: auto;
}

header .header-cont .searchWrap {
  width: 3.69rem;
  color: #C6C6C6;
  height: .6rem;
  border-radius: .6rem;
  background: #F2F2F2;
  display: flex;
  align-items: center;
  padding: 0 .24rem 0 .3rem
}

header .header-cont .searchWrap input {
  width: 2.8rem;
  border: unset;
  background: unset;
  flex: 1
}

header .header-cont .searchWrap .icon {
  width: .35rem;
  height: .35rem;
  background-position: -0.04rem -0.03rem
}

header nav {
  color: #434343;
  margin: 0 auto;
  width: 6.98rem;
  height: auto;
  border-radius: .49rem;
  background: #F2F2F2;
  overflow: hidden;
  position: relative;
  margin: .3rem auto;
}

header nav ul {
  display: flex;
  align-items: center;
  padding: .32rem .08rem .28rem;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  font-size: .32rem;
  /* line-height: .38rem; */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 .19rem;
  overflow: hidden;
  white-space: nowrap;
}
header nav ul li{
  
display: block;
  
overflow: hidden;
  
flex: 1;
}
header nav ul li a {
  color: #8F8F8F;
  padding: 0;
  display: block;
  text-align: center;
  padding: .3rem 0;
}

header nav ul li a .icon {
  width: .34rem;
  height: .34rem;
  background-position: -0.19rem -0.15rem;
  margin-bottom: .04rem
}


header nav ul li.current a{
  font-weight: bold;
  color: #000;
}

header nav ul::-webkit-scrollbar {
  display: none
}

header nav ul {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.indexTitleWrap {
  font-size: .36rem;
  color: #333333;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.indexTitleWrap .titleL {
  font-weight: bold;
  line-height: .4rem;
  display: flex;
  align-items: center
}

.indexTitleWrap .titleL .icon {
  width: .21rem;
  height: .28rem;
  display: block;
  background-image: url(/skin/zbf/images/icon-1.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  background-position: -0.91rem -0.74rem;
  margin-right: .09rem
}

.indexTitleWrap .titleR {
  height: .3rem;
  position: relative
}

.indexTitleWrap .titleR>a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.indexTitleWrap .titleR>a>span {
  font-size: .24rem;
  color: #999
}



.fourColumnList {
  margin-top: .15rem;
  display: grid;
  grid-template-columns: repeat(4, 22%);
  justify-content: space-between
}

.fourColumnList .listItem {
  padding-top: .25rem;
  margin: 0 auto
}

.fourColumnList .listItem>a {
  width: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative
}

.fourColumnList .listItem>a>i {
  background-image: url(/skin/zbf/images/icon-1.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  display: block;
  position: absolute;
  background-position: .01rem -5.89rem;
  width: .26rem;
  height: .26rem;
  right: 0;
  top: 0
}

.fourColumnList .listItem>a>img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: .26rem
}

.fourColumnList .listItem>a>p {
  margin-top: .16rem;
  font-size: .28rem;
  color: #333333;
  line-height: .32rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  width: inherit
}

.fourColumnList .listItem>a .btn {
  margin-top: .12rem
}

.fourColumnList.fourColumnList-x{
  display: block;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: .3rem;
}
.fourColumnList.fourColumnList-x .listItem{
  display: inline-block;
}
.singleColumnList {
  margin-top: .15rem
}

.singleColumnList .listItem {
  padding: .24rem 0;
  border-bottom: 1px solid #eee
}

.singleColumnList .listItem:last-child {
  border-bottom: 1px solid transparent
}

.singleColumnList .listItem a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: .24rem;
  line-height: .28rem;
  color: #999;
  position: relative
}

.singleColumnList .listItem a img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: .24rem
}

.singleColumnList .listItem a .itemInfo {
  padding-left: .24rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 0
}

.singleColumnList .listItem a .itemInfo p {
  margin-top: .12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.singleColumnList .listItem a .itemInfo p.title {
  margin-top: 0rem;
  color: #333333;
  font-size: .28rem;
  line-height: .32rem
}

.singleColumnList .listItem a .itemInfo p.tip {
  margin-top: .15rem;
  display: flex
}

.singleColumnList .listItem a .itemInfo p.tip>span {
  font-size: .2rem;
  color: #999;
  height: .36rem;
  line-height: .34rem;
  background: #F2F6FF;
  border-radius: .18rem;
  margin-right: .16rem;
  padding: 0 .15rem
}

.singleColumnList .listItem a .btn {
  padding: 0 .36rem;
  position: absolute;
  right: 0
}

.aMore {
  display: block;
  margin: .06rem .25rem .35rem;
  height: .66rem;
  font-size: .26rem;
  color: #AEAEAE;
  line-height: .66rem;
  text-align: center;
  background: rgba(246, 246, 246, .5);
  border-radius: .33rem;
}

footer {
  background: #434343;
  font-size: .24rem;
  color: #999;
  line-height: .36rem;
  text-align: center;
  padding: .36rem .44rem .38rem
}

footer>a {
  width: 1.92rem;
  display: block;
  margin: 0 auto
}

footer ul {
  margin-top: .32rem;
  margin-bottom: .22rem;
  display: flex;
  justify-content: space-around
}

footer ul li.active {
  color: #47FFA3
}

footer ul a {
  color: inherit
}

.crumbsBox {
  padding: .18rem .3rem;
  font-size: .24rem;
  line-height: .28rem;
  color: rgba(145,146,146,0.75);
  white-space: nowrap;
}

.crumbsBox p {
  display: flex;
  align-items: center
}

.crumbsBox p::before {
  content: "";
  display: block;
  background-image: url(/skin/zbf/images/icon.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  width: .2rem;
  height: .24rem;
  background-position: -0.79rem -0.03rem;
  margin-right: .08rem
}

.crumbsBox p>a {
  display: flex;
  align-items: center
}

.crumbsBox p>a::after {
  content: ">";
  margin: 0 .1rem;
  font-size: .24rem;
  color: #A1A5B2
}

.crumbsBox p>a:last-child::after {
  display: none
}


.keyword ul {
  position: relative;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  overflow-x: -moz-scrollbars-none;
  -ms-overflow-style: none;
  padding: .35rem 0 .3rem .35rem;
  margin-bottom: .22rem;
}

.keyword ul::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  -webkit-appearance: none;
  border-radius: 0;
}

.keyword ul:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 6.98rem;
  height: .01rem;
  background: rgba(255,255,255,.5);
}

.keyword ul li {
  position: relative;
  display: block;
  width: 2.85rem;
  height: 1.6rem;
  border-radius: .2rem;
  margin-right: .2rem;
}

.keyword ul li:before {
  content: "";
  position: absolute;
  top: -.16rem;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 2.5rem;
  height: .16rem;
  background: url(/skin/zbf/images/icon-2.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -.03rem -3.49rem;
}

.keyword ul li a {
  display: block;
  width: 2.85rem;
  height: 100%;
  border-radius: .2rem;
  overflow: hidden;
}

.keyword ul li a img {
  display: block;
  width: 100%;
  min-height: 100%;
  height: auto;
  border-radius: .2rem;
}

.keyword ul li a p {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: .52rem 0 0 .15rem;
  width: 2.7rem;
  font-size: .24rem;
  color: #fff;
  line-height: .48rem;
  background: linear-gradient(to top,rgba(0,0,0,.7),transparent);
  border-radius: 0 0 .2rem .2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.keyword ul li a span {
  position: absolute;
  top: .11rem;
  right: .08rem;
  display: block;
  padding: 0 .11rem;
  height: .3rem;
  font-size: .16rem;
  color: #fff;
  line-height: .3rem;
  background: rgba(0,0,0,.6);
  border-radius: .1rem;
}

.keyword .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.keyword .list a {
  display: block;
  margin: 0 .085rem .26rem;
  padding: 0 .33rem;
  height: .48rem;
  font-size: .24rem;
  color: #F1516C;
  line-height: .48rem;
  background: rgba(255,255,255,.5);
  border-radius: .22rem;
}

.keyword .list a:nth-of-type(7n+1) {
  color: #F1516C;
}

.keyword .list a:nth-of-type(7n+2) {
  color: #45B97C;
}

.keyword .list a:nth-of-type(7n+3) {
  color: #796CB0;
}

.keyword .list a:nth-of-type(7n+4) {
  color: #009AD6;
}

.keyword .list a:nth-of-type(7n+5) {
  color: #DEA32C;
}

.keyword .list a:nth-of-type(7n+6) {
  color: #C77EB5;
}

.keyword .list a:nth-of-type(7n+7) {
  color: #7FB86E;
}


.cms-box .tabMenu {
  display: block;
  height: .82rem;
  margin-top: .25rem;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 0;
  overflow-x: -moz-scrollbars-none;
  -ms-overflow-style: none;
}

.cms-box .tabMenu::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  -webkit-appearance: none;
  border-radius: 0;
}

.cms-box .tabMenu span {
  position: relative;
  margin-right: .15rem;
  display: inline-block;
  padding: 0 .32rem;
  height: .73rem;
  font-size: .28rem;
  color: #333;
  line-height: .73rem;
  border: 1px solid #F6F6F6;
  background: #F6F6F6;
  border-radius: .14rem;
}

.cms-box .tabMenu span.current {
  color: #fff;
  background: linear-gradient(90deg, #91FFD0, #B1FDA2);
  border: 1px solid rgba(255,255,255,.5);
}

.cms-box ul {
  padding: 0
}

.cms-box li:after {
  content: "";
  display: block;
  width: 100%;
  height: .01rem;
  background-color: rgba(0,0,0,.1);
  border-radius: .01rem;
}

.cms-box li:last-of-type:after {
  background: transparent;
}

.cms-box li a {
  display: flex;
  padding: .28rem 0;
}

.cms-box li a>div {
  flex: 1;
  height: 1.42rem;
  overflow: hidden;
}

.cms-box li a img {
  display: block;
  width: 2.25rem;
  height: 1.42rem;
  border-radius: .2rem;
  margin-left: .3rem;
}

.cms-box li a p {
  display: block;
  height: .84rem;
  font-size: .28rem;
  color: #333;
  line-height: .42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: .02rem 0 .2rem;
}

.cms-box li a span {
  position: relative;
  display: block;
  font-size: .24rem;
  color: #ccc;
  line-height: .34rem;
  text-align: left;
}

.cms-box li a span:before {
  content: "";
  position: relative;
  top: .05rem;
  display: inline-block;
  vertical-align: top;
  width: .24rem;
  height: .24rem;
  background: url(/skin/zbf/images/icon-2.png) no-repeat;
  background-size: 10rem 10rem;
  background-position: -3rem -.04rem;
  margin-right: .09rem;
}


.g-game-comment {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  background-color: #fff;
}

.g-game-comment .g-game-img {
  width: 80px;
  height: 80px;
  float: left;
  position: relative;
  zoom:1; margin: 15px 0 0 5px;
  display: inline;
  overflow: hidden;
}

.g-game-comment .g-game-img img {
  width: 100%;
  height: 80px;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.g-game-comment .g-game-img b {
  width: 100%;
  height: 80px;
  background: url(/skin/zbf/images/down-img-light.png) no-repeat left top;
  background-size: 80px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5
}

.g-game-comment .w-text {
  width: 100%;
  height: auto;
  display: block;
  border: none;
  overflow: hidden;
  margin: 12px 0 0 0;
  padding: 0;
}

.g-game-comment .w-text textarea {
  width: 100%;
  height: auto;
  display: block;
  min-height: 72px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dadada;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto 10px;
}

.g-game-comment .w-button {
  width: 100%;
  height: auto;
  display: block;
  padding: 0;
  border: none;
  overflow: hidden;
  margin: 0px;
}

.g-game-comment .w-button #verify {
  width: 98%;
  height: 34px;
  line-height: 34px;
  background: #2ecc71;
  font-size: 14px;
  font-weight: normal;
  font-family: "microsoft yahei";
  text-align: center;
  color: #fff;
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  margin: 0 auto;
}
#m-comment-box {
  display: block !important;
}
.g-game2-ly em,.g-game2-ly i {
  font-style: normal;
}

.g-game2-ly dl dt {
  line-height: 26px;
  padding: 0 3px;
  font-size: 14px;
  color: #555;
  padding-top: 5px
}

.g-game2-ly dl dt span {
  float: left
}

.g-game2-ly dl dt span b {
  color: #326eb4;
  display: inline-block;
  padding-right: 10px;
  font-weight: normal;
}

.g-game2-ly dl dd {
  border-bottom: 1px #ddd dotted;
  overflow: hidden;
  padding: 2px 0 3px 3px;
  font-size: 15px ;
  color: #555
}

.g-game2-ly dl dd blockquote {
  background-color: #fffde9;
  border: 1px #eae8d2 solid;
  margin: 0 0 5px ;
  padding: 5px
}

.g-game2-ly dl dd blockquote h4 {
  font-weight: normal;
  margin-top: 5px;
  font-size: 12px;
  color: #888
}

.g-game2-ly dl dd blockquote h4 cite {
  display: none
}

.g-game2-ly dl dd .bjhf {
  position: relative;
  margin: 5px 0 8px 0px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  border-radius: 2px;
}

.g-game2-ly dl dd .bjhf span {
  color: #6087b5
}

.g-game2-ly dl dd p {
  line-height: 26px;
  padding: 0 3px;
  font-size: 14px;
  color: #555;
  text-align: right;
}

.g-game2-ly dl dd p a {
  margin-left: 5px
}

.g-game2-ly dl dd p a:nth-child(1) {
  color: #28bd98
}

.g-game2-ly dl dd p a:nth-child(2) {
  color: #ff6f6f
}

.g-game2-ly dl dt i,.g-game2-ly dl dt em {
  float: right;
}

.g-game2-ly dl dd .m-huifu {
  position: relative;
  margin: 10px 8px 5px 8px;
  padding: 5px 5px 2px 5px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  border-radius: 2px;
}

.g-game2-ly dl dd .m-huifu p:nth-child(1) {
  text-align: left
}

.g-game2-ly dl dd .m-huifu p.m-huifu-d {
  color: #999
}

.g-game2-ly dl dd .m-huifu p.m-huifu-d i {
  color: #666
}

.g-game2-ly dl dd .m-huifu p.m-huifu-d a {
  color: #326eb4;
  margin-right: 10px
}

.g-game2-ly .g-comment-more {
  width: 98%;
  height: 34px;
  line-height: 34px;
  background: #c2c2c2;
  font-size: 14px;
  font-weight: normal;
  font-family: "microsoft yahei";
  text-align: center;
  color: #fff;
  padding: 0;
  border: 0;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  margin: 10px auto 2px;
}

.g-game-comment .g-comment-showbtn {
  display: none !important;
}

header .hdMenuWrap {
  display: none;
  position: absolute;
  top: 1.1rem;
  left: 0;
  right: 0;
  height: max-content;
  background-color: #fff;
  z-index: 1000;
  padding: 0 .26rem .58rem
}

header .hdMenuWrap .menuSearch .searchWrap {
  width: 100%;
  height: .8rem;
  background: #F7F7F7;
  border-radius: .4rem;
  display: flex;
  align-items: center
}

header .hdMenuWrap .menuSearch .searchWrap .icon {
  margin-left: .28rem;
  width: .32rem;
  height: .32rem;
  background: url(/skin/zbf/images/icon-1.png);
  background-position: -0.04rem -0.74rem;
  background-size: 10rem 10rem;
}

header .hdMenuWrap .menuSearch .searchWrap input {
  flex: 1;
  text-indent: .14rem;
  background: unset;
  border: unset;
  font-size: .28rem;
  color: #999999
}

header .hdMenuWrap .menuSearch .searchWrap input::placeholder {
  color: inherit
}

header .hdMenuWrap .menuSearch .searchWrap input::-webkit-input-placeholder {
  color: inherit
}

header .hdMenuWrap .menuSearch .searchWrap input::-moz-placeholder {
  color: inherit
}

header .hdMenuWrap .menuSearch .searchWrap input:-moz-placeholder {
  color: inherit
}

header .hdMenuWrap .menuSearch .searchWrap input:-ms-input-placeholder {
  color: inherit
}

header .hdMenuWrap .menuSearch ul {
  padding: .28rem .28rem 0;
  font-size: .28rem;
  line-height: .68rem;
  color: #666666;
  max-height: 30vh;
  overflow-y: auto
}

header .hdMenuWrap .menuSearch ul li {
  display: flex;
  align-items: center
}

header .hdMenuWrap .menuSearch ul li::before {
  content: "";
  display: block;
  width: .32rem;
  height: .32rem;
  background-image: url(/skin/zbf/images/icon-1.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  background-position: -0.04rem -0.74rem;
  margin-right: .14rem;
  flex-shrink: 0
}

header .hdMenuWrap .menuSearch ul li a {
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center
}

header .hdMenuWrap .menuSearch ul li .tip {
  color: #47FFA3
}

header .hdMenuWrap .menuSearch ul::-webkit-scrollbar {
  width: .16rem
}

header .hdMenuWrap .menuSearch ul::-webkit-scrollbar-thumb {
  background: #EEEEEE
}

header .hdMenuWrap .menuList {
  margin-top: .38rem;
  display: grid;
  grid-template-columns: repeat(4, 24%);
  justify-content: space-between
}

header .hdMenuWrap .menuList>a {
  margin: .24rem auto 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.56rem;
  height: .9rem;
  background: #FEF8EF;
  border-radius: .2rem;
  z-index: 1;
  position: relative
}

header .hdMenuWrap .menuList>a::after {
  content: '';
  display: block;
  width: .48rem;
  height: .48rem;
  background: #FFF0DB;
  border-radius: 50%;
  position: absolute;
  left: .25rem;
  top: .32rem;
  z-index: -1
}

header .hdMenuWrap .menuList>a>div {
  width: .48rem;
  height: .46rem;
  background: linear-gradient(-45deg, #FFB347 0%, #FFCC33 100%);
  border-radius: .12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .16rem
}

header .hdMenuWrap .menuList>a>div>i {
  width: .34rem;
  height: .31rem;
  display: block;
  background-image: url(/skin/zbf/images/icon-1.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  background-position: -0.01rem -1.63rem
}

header .hdMenuWrap .menuList>a span {
  font-size: .28rem;
  color: #333333
}

header .hdMenuWrap .menuList>a:nth-child(2n) {
  background: #F7FFFB
}

header .hdMenuWrap .menuList>a:nth-child(2n)::after {
  background: #CCFFE6
}

header .hdMenuWrap .menuList>a:nth-child(2n)>div {
  background: linear-gradient(0deg, #5DF5A9 0%, #56E39D 100%)
}

header .hdMenuWrap .menuList>a:nth-child(2n)>div>i {
  background-position: -0.38rem -1.62rem
}

header .hdMenuWrap .menuList>a:nth-child(3n) {
  background: #F2F6FF
}

header .hdMenuWrap .menuList>a:nth-child(3n)::after {
  background: #E6EDFF
}

header .hdMenuWrap .menuList>a:nth-child(3n)>div {
  background: linear-gradient(0deg, #2CDDFD 0%, #2D92FC 100%)
}

header .hdMenuWrap .menuList>a:nth-child(3n)>div>i {
  width: .34rem;
  height: .34rem;
  background-position: -0.75rem -1.6rem
}

header .hdMenuWrap .menuList>a:nth-child(4n) {
  background: #FFF6F5
}

header .hdMenuWrap .menuList>a:nth-child(4n)::after {
  background: #FFE3E0
}

header .hdMenuWrap .menuList>a:nth-child(4n)>div {
  background: linear-gradient(0deg, #FF988D 0%, #FF585C 100%)
}

header .hdMenuWrap .menuList>a:nth-child(4n)>div>i {
  width: .34rem;
  height: .34rem;
  background-position: -1.12rem -1.61rem
}

header .hdMenuWrap .menuList>a:nth-child(5n) {
  background: #FAFFF5
}

header .hdMenuWrap .menuList>a:nth-child(5n)::after {
  background: #E6FFD1
}

header .hdMenuWrap .menuList>a:nth-child(5n)>div {
  background: linear-gradient(0deg, #E8EBA8 0%, #A7DA7D 100%)
}

header .hdMenuWrap .menuList>a:nth-child(5n)>div>i {
  width: .32rem;
  height: .34rem;
  background-position: -1.49rem -1.61rem
}

header .hdMenuWrap .menuList>a:nth-child(6n) {
  background: #F8F3FF
}

header .hdMenuWrap .menuList>a:nth-child(6n)::after {
  background: #EEE0FF
}

header .hdMenuWrap .menuList>a:nth-child(6n)>div {
  background: linear-gradient(0deg, #AA69F9 0%, #C69BFA 100%)
}

header .hdMenuWrap .menuList>a:nth-child(6n)>div>i {
  width: .34rem;
  height: .32rem;
  background-position: -1.84rem -1.62rem
}

header .hdMenu{
  position: absolute;
    right: .32rem;
}
header .hdMenu .ico {
  background-image: url(/skin/zbf/images/icon-1.png);
  background-repeat: no-repeat;
  background-size: 10rem 10rem;
  background-position: -0.04rem -0.04rem;
  position: relative;
  display: block;
  width: .65rem;
  height: .56rem
}
.pl{
  margin-bottom: .5rem;
}
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}