/*head-fixed*/
.head-fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 1.72rem;
  background-color: #ffffff;
  z-index: 11;
}
.pt172 {
  padding-top: 1.72rem;
}
/*header*/
.header {
  position: relative;
  padding: 0 0.24rem;
  height: 0.92rem;
  background-color: #fff;
}
.header .logo {
  width: 2.46rem;
  height: 0.68rem;
}
.header .header-sea {
  position: relative;
  padding: 0.02rem;
  width: 3.76rem;
  height: 0.56rem;
  background: #23C268;
  border-radius: 0.08rem;
  overflow: hidden;
}
.header .header-sea input {
  width: 2.8rem;
  padding: 0 0.24rem;
  height: 0.52rem;
  background-color: #FFFFFF;
  border-radius: 0.08rem 0 0 0.08rem;
  font-size: 0.2rem;
  overflow: hidden;
}
.header .header-sea .header-btn {
  flex: 1;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.56rem;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*nav-bar*/
.nav-bar {
  position: relative;
  padding: 0 0.24rem;
  height: 0.82rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(0, 0, 0, 0.16);
  z-index: 2;
}
.nav-bar a {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 0.88rem;
  height: 0.82rem;
}
.nav-bar a.on::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.44rem;
  width: 0.88rem;
  height: 0.04rem;
  background: #23C268;
}
.nav-bar a .nav-bar-name {
  height: 0.36rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
}
.nav-bar a .nav-bar-smamll {
  margin-top: 0.04rem;
  font-size: 0.2rem;
  color: #8A8A8A;
  line-height: 0.26rem;
}
/*friendship*/
.friendship .friendship-top {
  padding-left: 0.24rem;
  height: 0.68rem;
}
.friendship .friendship-top .iconyoulian {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: 0.32rem;
  background: #FF8E2B;
  font-size: 0.18rem;
  color: #ffffff;
  border-radius: 50%;
}
.friendship .friendship-list {
  display: flex;
  padding-left: 0.24rem;
  padding-bottom: 0.24rem;
}
.friendship .friendship-list a {
  padding: 0.1rem 0.24rem 0.1rem 0;
  width: 25%;
  font-size: 0.28rem;
  color: #303133;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*footer*/
.footer {
  position: relative;
  padding: 0.4rem 0.24rem;
  background: #313033;
  text-align: center;
  color: #fff;
  line-height: 1.6;
}
.footer .footer-a a {
  font-size: 0.24rem;
  color: #fff;
}
.footer .footer-a span {
  padding: 0 0.1rem;
}
/*swiper-boxa*/
.swiper-boxa {
  position: relative;
  padding: 0.24rem 0.24rem 0.1rem;
  background-color: #ffff;
  overflow: hidden;
}
.swiper-boxa .swiper-a {
  position: relative;
  margin: 0 auto;
  height: 4.22rem;
  overflow: hidden;
}
.swiper-boxa .swiper-a .mySwiper {
  position: relative;
  height: 3.94rem;
  background: #FFFFFF;
  border-radius: 0.32rem 0.32rem 0.32rem 0.32rem;
  overflow: hidden;
}
.swiper-boxa .swiper-a .swiper-pagination {
  left: 0;
  bottom: 0;
  right: 0;
}
.swiper-boxa .swiper-a .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.1rem;
  width: 0.12rem;
  height: 0.12rem;
  background: #D9D9D9;
}
.swiper-boxa .swiper-a .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.24rem;
  background-color: #FF8E2B;
  border-radius: 0.06rem;
}
.swiper-boxa .swiper-a .swiper-sp {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-top: 0.42rem;
  height: 0.92rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.swiper-boxa .swiper-a .swiper-sp p {
  text-align: center;
  font-weight: bold;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*jingxuan-ul*/
.jingxuan-ul {
  position: relative;
  margin: 0.14rem auto 0;
  width: 7.02rem;
  height: 1.66rem;
  background: linear-gradient(181deg, rgba(35, 194, 104, 0.8) 0%, #FFFFFF 64%);
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}
.jingxuan-ul::before {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  content: '';
  width: 0.98rem;
  height: 0.96rem;
  background: url("../images/jx.png") no-repeat;
  background-size: 100% 100%;
  z-index: 3;
}
.jingxuan-ul::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 1.14rem;
  height: 0.68rem;
  background: url("../images/jx2.png") no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}
/*game-ul*/
.game-ul {
  padding: 0 0 0 0.16rem;
}
.game-ul .game-li {
  position: relative;
  flex-shrink: 0;
  margin-right: 0.18rem;
  width: 1.2rem;
  overflow: hidden;
  z-index: 2;
}
.game-ul .game-li .game-limg {
  display: block;
  margin: 0.08rem;
  width: 1.04rem;
  height: 1.04rem;
  background: #303133;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  overflow: hidden;
}
.game-ul .game-li h3 {
  white-space: nowrap;
  font-weight: normal;
  height: 0.3rem;
  font-size: 0.24rem;
  text-align: center;
}
/*sbox*/
.sbox {
  position: relative;
  margin-top: 0.24rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  border: 0.02rem solid #FFFFFF;
  overflow: hidden;
}
.sbox::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  content: '';
  z-index: 2;
  height: 2rem;
  background: linear-gradient(179deg, #B2FEC5 0%, #FFFFFF 100%);
}
.sbox::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: 1;
  background: #fff;
}
/*sbox-title*/
.sbox-title {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 0.24rem;
  height: 0.84rem;
  z-index: 3;
}
.sbox-title .sbox-icon {
  display: flex;
  justify-content: center;
  width: 0.88rem;
}
.sbox-title h3 {
  height: 0.84rem;
  line-height: 0.84rem;
  font-weight: normal;
  font-size: 0.28rem;
  background: url("../images/icon1.png") no-repeat center;
  background-size: 1rem auto;
}
.sbox-more {
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/more.png") no-repeat center;
  background-size: 100% auto;
}
/*zxgx-nav*/
.zxgx-nav {
  position: relative;
  margin: 0 auto;
  z-index: 3;
  width: 7.02rem;
  height: 0.62rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  border: 0.02rem solid #FFFFFF;
}
.zxgx-nav span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.02rem;
  height: 0.46rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-size: 0.24rem;
}
.zxgx-nav span.on {
  background: #23C268;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  border: 0.02rem solid #FFFFFF;
  color: #fff;
}
/*sy-zjbb*/
.sy-zjbb {
  position: relative;
  padding-bottom: 0.2rem;
  display: none;
  z-index: 3;
}
.sy-zjbb.on {
  display: block;
}
.sy-zjbb .sy-zjbb-li {
  position: relative;
  margin-top: 0.24rem;
  padding: 0 0.24rem;
  height: 1.2rem;
  overflow: hidden;
}
.sy-zjbb .sy-zjbb-li .zj-limg {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  background: #333333;
  border-radius: 0.16rem;
  overflow: hidden;
}
.sy-zjbb .sy-zjbb-li .zj-down {
  margin-left: 0.16rem;
  text-align: center;
  line-height: 0.48rem;
  width: 1.12rem;
  height: 0.46rem;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*gljc-ul*/
.gljc-ul {
  position: relative;
  padding: 0 0.24rem;
  z-index: 3;
}
.gljc-ul .gljc-li {
  height: 1.9rem;
  border-bottom: 0.01rem solid #DDDDDD;
}
.gljc-ul .gljc-li:last-child {
  border-bottom: none;
}
.gljc-ul .gljc-li .gljc-limg {
  margin-left: 0.24rem;
  width: 2.96rem;
  height: 1.66rem;
  overflow: hidden;
}
.gljc-ul .gljc-li .gljc-linfo {
  flex: 1;
  margin-left: 0.2rem;
  height: 1.66rem;
  overflow: hidden;
}
.gljc-ul .gljc-li .gljc-linfo h3 {
  font-weight: normal;
  font-size: 0.24rem;
  line-height: 0.36rem;
  overflow: hidden;
}
.gljc-ul .gljc-li .gljc-linfo p {
  padding-bottom: 0.04rem;
  font-size: 0.2rem;
  color: #828282;
}
/*tuijian*/
.tuijian {
  position: relative;
  margin-top: 0.2rem;
  background: linear-gradient(180deg, rgba(82, 230, 118, 0.2) 0%, #FFFFFF 32%);
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.02rem solid #FFFFFF;
  overflow: hidden;
}
.tuijian .tuijian-title {
  margin: 0.18rem 0 0.2rem 0.24rem;
  width: 1.88rem;
  height: 0.56rem;
}
/*sy-list*/
.sy-list {
  overflow: hidden;
}
.sy-list ul {
  position: relative;
  padding-left: 0.24rem;
  white-space: nowrap;
  overflow-x: auto;
}
.sy-list ul li {
  flex-shrink: 0;
  margin-right: 0.24rem;
  width: 1.2rem;
  overflow: hidden;
}
.sy-list ul li .sy-limg {
  width: 1.2rem;
  height: 1.2rem;
  background: #303133;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  overflow: hidden;
}
.sy-list ul li h4 {
  text-align: center;
  height: 0.54rem;
  line-height: 0.52rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #303133;
}
.sy-list ul li p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.44rem;
  background: #23C268;
  border-radius: 0.08rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}
/**/
.zthj-t {
  position: relative;
  padding: 0 0.24rem;
  height: 0.64rem;
}
.zthj-t::before {
  position: absolute;
  left: 0.24rem;
  bottom: 0;
  content: '';
  width: 1.12rem;
  height: 0.04rem;
  background: linear-gradient(270deg, #ffffff, #23c268);
}
.zthj-t h3 {
  position: relative;
  flex: 1;
}
.zthj-t a {
  width: 0.32rem;
  height: 0.32rem;
  background: url('../images/more.png') no-repeat;
  background-size: 100% 100%;
}
/*zthj*/
.zthj {
  position: relative;
  margin-top: 0.2rem;
  background-color: #fff;
  /*zthj-u*/
}
.zthj .zthj-u {
  padding: 0.24rem 0.24rem 0;
}
.zthj .zthj-u .zthj-uli {
  width: 2.3rem;
  height: 2.52rem;
  box-shadow: 0rem 0rem 0.05rem 0rem rgba(102, 102, 102, 0.25);
  border-radius: 0.03rem;
  overflow: hidden;
}
.zthj .zthj-u .zthj-uli .zthj-ulimg {
  height: 1.76rem;
  overflow: hidden;
}
.zthj .zthj-u .zthj-uli h3 {
  margin-top: 0.08rem;
  text-align: center;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.24rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zthj .zthj-u .zthj-uli p {
  margin-top: 0.04rem;
  height: 0.26rem;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.2rem;
}
.zthj .zthj-d {
  margin: 0.08rem 0 0 0.24rem;
  padding-bottom: 0.16rem;
  height: 2.5rem;
  overflow: hidden;
}
.zthj .zthj-d a {
  margin: 0.2rem 0.22rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.2rem;
  height: 0.38rem;
  line-height: normal;
  border-radius: 0.36rem 0.36rem 0.36rem 0.36rem;
  border: 0.02rem solid #eee;
  font-size: 0.24rem;
  color: #515151;
}
.zthj .zthj-d a.on {
  background: #F1FFF5;
  color: #23C268;
  border: none;
}
/*phb-nav*/
.phb-nav {
  position: relative;
  margin: 0 auto;
  padding: 0 0.08rem;
  z-index: 3;
  width: 7.02rem;
  height: 0.62rem;
  background: #23C268;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
}
.phb-nav span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.02rem;
  height: 0.46rem;
  line-height: normal;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-size: 0.24rem;
  color: #fff;
}
.phb-nav span.on {
  background: #FFFFFF;
  color: #313033;
}
/*sy-phb*/
.sy-phb {
  position: relative;
  padding-bottom: 0.2rem;
  display: none;
  z-index: 3;
}
.sy-phb.on {
  display: block;
}
.sy-phb .sy-phb-li {
  position: relative;
  margin-top: 0.24rem;
  padding: 0 0.24rem;
  height: 1.2rem;
  overflow: hidden;
}
.sy-phb .sy-phb-li:nth-child(1) .sy-phb-num {
  background: url('../images/ph1.png') no-repeat center;
  background-size: 0.64rem 0.64rem;
}
.sy-phb .sy-phb-li:nth-child(1) .sy-phb-num span {
  display: none;
}
.sy-phb .sy-phb-li:nth-child(2) .sy-phb-num {
  background: url('../images/ph2.png') no-repeat center;
  background-size: 0.64rem 0.64rem;
}
.sy-phb .sy-phb-li:nth-child(2) .sy-phb-num span {
  display: none;
}
.sy-phb .sy-phb-li:nth-child(3) .sy-phb-num {
  background: url('../images/ph3.png') no-repeat center;
  background-size: 0.64rem 0.64rem;
}
.sy-phb .sy-phb-li:nth-child(3) .sy-phb-num span {
  display: none;
}
.sy-phb .sy-phb-li .sy-phb-num {
  margin-right: 0.12rem;
  line-height: 0.64rem;
  text-align: center;
  width: 0.64rem;
  height: 0.64rem;
}
.sy-phb .sy-phb-li .sy-phb-num span {
  font-size: 0.32rem;
  color: #23C268;
}
.sy-phb .sy-phb-li .sy-phb-limg {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  background: #333333;
  border-radius: 0.16rem;
  overflow: hidden;
}
.sy-phb .sy-phb-li .sy-phb-down {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.12rem;
  height: 0.46rem;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*phb-dl*/
.phb-dl {
  padding: 0 0.24rem;
}
.phb-dl a {
  display: block;
  text-align: center;
  line-height: 0.46rem;
  margin-bottom: 0.16rem;
  padding: 0 0.16rem;
  width: 3.39rem;
  height: 0.46rem;
  background: #F5F6F8;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.24rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*page-box*/
.page-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.32rem;
  height: 0.96rem;
  line-height: 2;
  background: #FFFFFF;
}
.page-box .page-l a,
.page-box .page-l span {
  margin-left: 0.14rem;
  padding: 0 0.16rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background: #FFFFFF;
  border-radius: 0.06rem;
  border: 0.02rem solid #DCDCDC;
  font-size: 0.24rem;
}
.page-box .page-l .pno {
  background-color: #F3F3F3;
  color: #999;
}
.page-box .page-l span {
  text-align: center;
  min-width: 0.48rem;
  background: #23C268;
  color: #ffffff;
  border: none;
}
.page-box .page-r {
  position: relative;
  margin-right: 0.2rem;
  padding: 0 0.16rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background: #F3F3F3;
  border-radius: 0.06rem;
}
.page-box .page-r input {
  margin: 0 0.1rem;
  width: 0.6rem;
  height: 0.4rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: 0.06rem;
  border: 0.02rem solid #DCDCDC;
}
/*hpos*/
.hpos {
  position: relative;
  padding: 0 0.32rem;
  height: 0.62rem;
  font-size: 0.24rem;
  color: #aaa;
  background: #FFFFFF;
  line-height: normal;
  white-space: nowrap;
}
.hpos a {
  color: #aaa;
}
.hpos .hpos-a {
  position: relative;
  margin-right: 0.12rem;
  width: 0.28rem;
  height: 0.28rem;
  background: url("../images/sy.png") no-repeat;
  background-size: 0.28rem 0.28rem;
  overflow: hidden;
}
.hpos .iconfont {
  padding: 0 0.06rem;
  font-size: 0.24rem;
  color: #AAAAAA;
}
.hpos .hpos-z {
  flex: 1;
  color: #23C268;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*game-nav*/
.game-nav {
  position: relative;
  padding: 0 0 0.16rem 0.24rem;
  background-color: #fff;
}
.game-nav .game-nli {
  position: relative;
  margin: 0.16rem 0.1rem 0 0;
  width: 1.68rem;
  height: 0.98rem;
  background: #E2F9EC;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.game-nav .game-nli:nth-child(n+12) {
  display: none;
}
.game-nav .game-nli.bga {
  background: #E2F9EC;
}
.game-nav .game-nli.bgb {
  background: #DDEDFB;
}
.game-nav .game-nli.bgc {
  background: #FEECE3;
}
.game-nav .game-nli.bgd {
  background: #F5F4FE;
}
.game-nav .game-nli .game-nimgb {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.game-nav .game-nli .game-nimga {
  display: block;
  margin: 0.08rem auto 0;
  width: 0.48rem;
  height: 0.48rem;
}
.game-nav .game-nli span {
  position: absolute;
  left: 0;
  bottom: 0.08rem;
  right: 0;
  text-align: center;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.24rem;
}
/*gtitle*/
.gtitle {
  position: relative;
  height: 0.64rem;
  background-color: #fff;
  border-bottom: 0.01rem solid #A7E7C3;
}
.gtitle h3 {
  position: relative;
  font-weight: normal;
  font-size: 0.28rem;
  height: 0.64rem;
  line-height: 0.64rem;
}
.gtitle h3::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
  height: 0.04rem;
  background-color: #23C268;
}
.gtitle .gtitle-num {
  color: #515;
}
/*gnvv*/
.gnvv {
  position: relative;
  margin: 0.24rem 0.24rem 0;
  height: 0.42rem;
  line-height: 0.42rem;
}
.gnvv span {
  position: relative;
  margin-right: 0.4rem;
  height: 0.42rem;
  font-size: 0.24rem;
  color: #313033;
  text-align: center;
  line-height: 0.3rem;
}
.gnvv span.on {
  background: url("../images/bg1.png") no-repeat bottom center;
  background-size: 0.44rem auto;
  font-weight: bold;
}
/*ydetails-head*/
.ydetails-head {
  position: relative;
  padding: 0.2rem;
  background-color: #fff;
}
.ydetails-head .ydetails-hjb {
  position: absolute;
  top: 0;
  right: 0.2rem;
  padding-left: 0.48rem;
  width: 1rem;
  height: 0.4rem;
  background-image: url("../images/jb.png");
  background-repeat: no-repeat;
  background-position: 0.12rem center;
  background-size: 0.32rem 0.32rem;
  background-color: #FFCC22;
  line-height: 0.4rem;
  font-size: 0.2rem;
  color: #FFFFFF;
}
.ydetails-head .ydetails-himg {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.ydetails-head .ydetails-hinfo {
  margin-left: 0.2rem;
  height: 1.6rem;
}
.ydetails-head .ydetails-hinfo h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 1.2rem;
  height: 0.36rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  overflow: hidden;
}
.ydetails-head .ydetails-hinfo .ydetails-hstar {
  position: relative;
  overflow: hidden;
}
.ydetails-head .ydetails-hinfo .ydetails-hstar span {
  margin-bottom: 0.08rem;
  float: left;
  width: 33%;
  font-size: 0.2rem;
  color: #828282;
  line-height: 0.26rem;
}
.ydetails-head .ydetails-hinfo .ydetails-hstar span:nth-child(3) {
  text-align: right;
}
.ydetails-head .ydetails-hinfo .ydetails-hstar span:nth-child(5) {
  width: 66%;
}
.ydetails-head .ydetails-hinfo .ydetails-hbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.56rem;
  height: 0.46rem;
  line-height: normal;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  text-align: center;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*ydetails-xbdp*/
.ydetails-xbdp {
  position: relative;
  margin: 0 auto;
  width: 7.02rem;
  height: 0.54rem;
  background: url("../images/bg2.png") no-repeat;
  background-size: 100% 100%;
}
.ydetails-xbdp .ydetails-xbpa {
  text-align: center;
  font-size: 0.36rem;
  width: 1.66rem;
  color: #fff;
  font-weight: bold;
}
.ydetails-xbdp .ydetails-xbpb {
  font-size: 0.24rem;
}
/*qtbb*/
.qtbb {
  padding: 0 0.16rem 0.24rem 0.24rem;
}
.qtbb a {
  position: relative;
  margin: 0.24rem 0.16rem 0 0;
  padding: 0 0.24rem;
  height: 0.38rem;
  line-height: 0.38rem;
  text-align: center;
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
  border: 0.02rem solid #eee;
  font-size: 0.24rem;
  color: #515151;
}
/*ydetails-nav*/
.ydetails-nav {
  padding: 0.16rem 0 0;
}
.ydetails-nav span {
  width: 0.96rem;
  height: 0.52rem;
  line-height: 0.36rem;
  font-size: 0.28rem;
  text-align: center;
}
.ydetails-nav span.on {
  background: url("../images/bg1.png") no-repeat bottom center;
  background-size: 0.44rem auto;
  font-weight: bold;
}
/*ydetails-cont*/
.ydetails-ncv {
  position: relative;
  padding: 0 0.24rem;
  background-color: #fff;
  overflow: hidden;
}
.ydetails-ncv .yx-tlist {
  margin-top: 0.24rem;
  white-space: nowrap;
  overflow-x: auto;
}
.ydetails-ncv .yx-tlist > div {
  margin-right: 0.24rem;
  width: 3.37rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  flex-shrink: 0;
  overflow: hidden;
}
.ydetails-ncv .ydetails-cnt {
  margin-top: 0.24rem;
  display: flex;
  align-items: center;
  padding-left: 0.08rem;
  font-size: 0.28rem;
  height: 0.48rem;
  border-left: 0.08rem solid #23C268;
  border-bottom: 0.01rem solid rgba(35, 194, 104, 0.4);
}
.ydetails-ncv .ydetails-fwb {
  line-height: 0.36rem;
  position: relative;
  padding: 0 0 0.24rem;
  background-color: #ffffff;
}
.ydetails-ncv .ydetails-fwb h3 {
  margin: 0.24rem 0 0.24rem 0;
  padding-left: 0.24rem;
  height: 0.72rem;
  line-height: 0.72rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #FFFFFF;
  background: #23C268;
}
.ydetails-ncv .ydetails-fwb p {
  line-height: 1.6;
}
.ydetails-ncv .ydetails-fwb img {
  max-width: 100%;
}
.ydetails-ncv .ydetails-fxx {
  padding: 0.24rem 0;
}
.ydetails-ncv .ydetails-fxx dl {
  display: flex;
  align-items: center;
  padding: 0.04rem;
}
.ydetails-ncv .ydetails-fxx dl dt {
  width: 4.22rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #656565;
}
.ydetails-ncv .ydetails-fxx dl dd {
  flex: 1;
  font-size: 0.24rem;
  line-height: 0.36rem;
  overflow: hidden;
  white-space: wrap;
  word-break: break-all;
}
/*yxgzt*/
.yxgzt {
  /*hjtj-box*/
}
.yxgzt .yxgzt-nav {
  display: flex;
  padding: 0.24rem;
}
.yxgzt .yxgzt-nav span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.08rem;
  padding: 0 0.16rem;
  height: 0.34rem;
  background: #F5F6F8;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.2rem;
  color: #515151;
}
.yxgzt .yxgzt-nav span.on {
  background: #F1FFF5;
  color: #23C268;
}
.yxgzt .hjtj-list {
  /*sy-list*/
}
.yxgzt .hjtj-list .sy-list {
  display: none;
}
.yxgzt .hjtj-list .sy-list.on {
  display: block;
}
.yxgzt .hjtj-list .sy-list ul {
  position: relative;
  padding-left: 0.24rem;
  white-space: nowrap;
  overflow-x: auto;
}
.yxgzt .hjtj-list .sy-list ul li {
  flex-shrink: 0;
  margin-right: 0.24rem;
  width: 1.2rem;
  overflow: hidden;
}
.yxgzt .hjtj-list .sy-list ul li .sy-limg {
  width: 1.2rem;
  height: 1.2rem;
  background: #303133;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  overflow: hidden;
}
.yxgzt .hjtj-list .sy-list ul li h4 {
  text-align: center;
  height: 0.54rem;
  line-height: 0.52rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #303133;
}
.yxgzt .hjtj-list .sy-list ul li p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.44rem;
  background: #23C268;
  border-radius: 0.08rem;
  font-size: 0.28rem;
  color: #FFFFFF;
}
.yxgzt .hjtj-list .hjtj-box {
  position: relative;
  padding: 0 0.24rem;
  height: 1.66rem;
  overflow: hidden;
}
.yxgzt .hjtj-list .hjtj-box .hjtj-box-img {
  position: relative;
  width: 2.96rem;
  height: 1.66rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.yxgzt .hjtj-list .hjtj-box .hjtj-box-img p {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 2.94rem;
  height: 0.34rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 34%, rgba(0, 0, 0, 0.6) 66%, #000000 100%);
  z-index: 2;
  font-size: 0.2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.34rem;
}
.yxgzt .hjtj-list .hjtj-box .hjtj-box-info {
  margin-left: 0.16rem;
}
.yxgzt .hjtj-list .hjtj-box .hjtj-box-info h3 {
  font-weight: normal;
  height: 0.36rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.yxgzt .hjtj-list .hjtj-box .hjtj-box-info p {
  margin-top: 0.12rem;
  height: 1.2rem;
  font-size: 0.2rem;
  color: #515151;
  line-height: 0.3rem;
}
/*glpjc-ul*/
.glpjc-ul {
  position: relative;
  z-index: 3;
}
.glpjc-ul .glpjc-li {
  padding: 0 0.24rem;
  height: 1.62rem;
  border-bottom: 0.01rem solid #DDDDDD;
}
.glpjc-ul .glpjc-li:last-child {
  border-bottom: none;
}
.glpjc-ul .glpjc-li .glpjc-limg {
  position: relative;
  width: 2.28rem;
  height: 1.28rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.glpjc-ul .glpjc-li .glpjc-limg span {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 2.42rem;
  height: 0.34rem;
  text-align: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 34%, rgba(0, 0, 0, 0.6) 66%, #000000 100%);
  font-size: 0.2rem;
  color: #FFFFFF;
  line-height: 0.34rem;
}
.glpjc-ul .glpjc-li .glpjc-linfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  margin-left: 0.2rem;
  height: 1.28rem;
  overflow: hidden;
}
.glpjc-ul .glpjc-li .glpjc-linfo h3 {
  font-weight: normal;
  font-size: 0.24rem;
  line-height: 0.36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.glpjc-ul .glpjc-li .glpjc-linfo p {
  margin-top: 0.04rem;
  font-size: 0.2rem;
  color: #515151;
  line-height: 0.3rem;
  height: 0.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.glpjc-ul .glpjc-li .glpjc-linfo .glpjc-ltime {
  text-align: right;
  font-size: 0.2rem;
  color: #828282;
}
/*xgstj*/
.xgstj .xgstj-li {
  position: relative;
  padding: 0.2rem 0.24rem;
  height: 2rem;
  border-bottom: 0.01rem solid #DDDDDD;
  overflow: hidden;
}
.xgstj .xgstj-li:last-child {
  border-bottom: none;
}
.xgstj .xgstj-li .xgstj-limg {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.xgstj .xgstj-li .xgstj-linfo {
  flex: 1;
  height: 1.6rem;
  margin-left: 0.12rem;
  overflow: hidden;
}
.xgstj .xgstj-li .xgstj-linfo .xgstj-lht {
  height: 0.36rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.xgstj .xgstj-li .xgstj-linfo .xgstj-lht h3 {
  font-weight: 400;
  font-size: 0.24rem;
}
.xgstj .xgstj-li .xgstj-linfo .xgstj-lht .xgstj-ltime {
  font-size: 0.2rem;
  color: #828282;
}
.xgstj .xgstj-li .xgstj-linfo p {
  margin-top: 0.08rem;
  height: 0.6rem;
  font-size: 0.2rem;
  color: #515151;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.xgstj .xgstj-li .xgstj-linfo .xgstj-lsee {
  margin: 0.08rem auto 0;
  width: 4.4rem;
  height: 0.4rem;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
}
/*art-nav*/
.art-nav {
  padding: 0.16rem 0 0;
}
.art-nav a {
  width: 1.52rem;
  height: 0.52rem;
  line-height: 0.36rem;
  font-size: 0.28rem;
  text-align: center;
}
.art-nav a.on {
  background: url("../images/bg1.png") no-repeat bottom center;
  background-size: 0.44rem auto;
  font-weight: bold;
}
/*art-mec*/
.art-mec {
  position: relative;
  padding: 0.24rem;
}
.art-mec a {
  margin-right: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.12rem;
  height: 0.46rem;
  background: #F5F6F8;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
}
.art-mec a.on {
  background: #F1FFF5;
  font-weight: bold;
  color: #23C268;
}
/*art-ul*/
.art-ul {
  position: relative;
  background-color: #ffffff;
  z-index: 3;
}
.art-ul .art-li {
  position: relative;
  display: block;
  padding: 0 0.24rem 0.2rem;
  border-bottom: 0.01rem solid #DDDDDD;
  overflow: hidden;
}
.art-ul .art-li:last-child {
  border-bottom: none;
}
.art-ul .art-li .art-lt {
  height: 0.5rem;
}
.art-ul .art-li .art-lt h3 {
  font-size: 0.24rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.art-ul .art-li .art-lt .art-lhot {
  margin-left: 0.08rem;
  margin-top: -0.02rem;
  width: 0.28rem;
  height: 0.28rem;
}
.art-ul .art-li .art-limg {
  width: 2.28rem;
  height: 1.28rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.art-ul .art-li .art-linfo {
  flex: 1;
  margin-left: 0.2rem;
  height: 1.28rem;
  overflow: hidden;
}
.art-ul .art-li .art-linfo p {
  height: 0.9rem;
  font-size: 0.2rem;
  color: #515151;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.art-ul .art-li .art-linfo .art-lfot {
  font-size: 0.2rem;
  color: #828282;
}
/*arde-head*/
.arde-head {
  padding: 0.16rem 0.24rem;
  border-bottom: 0.01rem solid #DDDDDD;
}
.arde-head h2 {
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 0.32rem;
}
.arde-head .arde-info {
  margin-top: 0.24rem;
  font-size: 0.2rem;
  color: #828282;
}
/*arde-body*/
.arde-body {
  position: relative;
  padding: 0.24rem;
  background-color: #fff;
}
.arde-body h3 {
  margin: 0.24rem 0 0.24rem 0;
  padding-left: 0.24rem;
  height: 0.72rem;
  line-height: 0.72rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #FFFFFF;
  background: #23C268;
}
.arde-body p {
  line-height: 1.6;
}
.arde-body img {
  max-width: 100%;
}
/*arde-pg*/
.arde-pg {
  margin: 0 0.24rem;
  padding: 0.04rem 0 0.16rem;
  border-top: 0.01rem solid #EEEEEE;
}
.arde-pg .arde-ps a {
  display: inline-block;
  margin-top: 0.12rem;
  padding: 0 0.16rem;
  height: 0.34rem;
  line-height: 0.34rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.2rem;
}
.arde-pg .arde-ps a.arde-pl {
  background: #F2FFF5;
  color: #23C268;
}
.arde-pg .arde-ps a.arde-pr {
  background: #F5F5F5;
  color: #828282;
}
/*arde-copy*/
.arde-copy {
  padding: 0.16rem 0.24rem;
  border-top: 0.01rem solid #DDDDDD;
}
.arde-copy .arde-copy-btn {
  display: flex;
  align-items: center;
  padding: 0 0.08rem 0 0.36rem;
  height: 0.36rem;
  background: url("../images/copy.png") no-repeat left center;
  background-size: 0.28rem 0.28rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  border: 0.02rem solid rgba(35, 194, 104, 0.6);
  font-size: 0.2rem;
  color: #23C268;
}
.arde-copy .arde-copy-txt {
  margin-left: 0.24rem;
  font-size: 0.2rem;
  color: #828282;
}
/*arde-zjbb*/
.arde-zjbb {
  position: relative;
  padding: 0.16rem 0.24rem;
}
.arde-zjbb .arde-limg {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  background: #333333;
  border-radius: 0.16rem;
  overflow: hidden;
}
.arde-zjbb .arde-down {
  text-align: center;
  line-height: 0.48rem;
  width: 1.6rem;
  height: 0.46rem;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*arde-tj*/
.arde-tj {
  padding: 0.08rem 0.24rem 0.16rem;
}
.arde-tj li {
  position: relative;
  margin-top: 0.16rem;
  width: 3.4rem;
  height: 1.92rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.arde-tj li a {
  position: relative;
  display: block;
}
.arde-tj li a p {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0.34rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 34%, rgba(0, 0, 0, 0.6) 66%, #000000 100%);
  font-size: 0.2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.34rem;
}
/*ranking-nav*/
.ranking-nav {
  position: relative;
  height: 2.52rem;
  background: url("../images/ranking.png") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.ranking-nav .ranking-nx {
  position: relative;
  padding: 0 0.04rem;
  margin: 1.84rem auto 0;
  width: 6.04rem;
  height: 0.6rem;
  background: #FFFFFF;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  border: 0.02rem solid rgba(223, 175, 108, 0.6);
}
.ranking-nav .ranking-nx span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.96rem;
  height: 0.52rem;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  font-size: 0.28rem;
  color: #515151;
}
.ranking-nav .ranking-nx span.on {
  background: #FFF6E8;
  border: 0.02rem solid rgba(253, 217, 160, 0.4);
  color: #F7883B;
}
/*ranking-list*/
.ranking-list {
  position: relative;
  display: none;
  background: linear-gradient(180deg, #FEE9C8 0%, rgba(255, 255, 255, 0) 40%);
  padding: 0 0.24rem;
  overflow: hidden;
}
.ranking-list.on {
  display: block;
}
.ranking-list li {
  position: relative;
  margin-top: 0.24rem;
  width: 7.02rem;
  height: 1.2rem;
  border-radius: 0rem 0rem 0rem 0rem;
}
.ranking-list li:nth-child(1) a .ranking-la {
  background: url("../images/ph1.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.ranking-list li:nth-child(1) a .ranking-la span {
  display: none;
}
.ranking-list li:nth-child(2) a .ranking-la {
  background: url("../images/ph2.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.ranking-list li:nth-child(2) a .ranking-la span {
  display: none;
}
.ranking-list li:nth-child(3) a .ranking-la {
  background: url("../images/ph3.png") no-repeat;
  background-size: 0.64rem 0.64rem;
}
.ranking-list li:nth-child(3) a .ranking-la span {
  display: none;
}
.ranking-list li a .ranking-la {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.64rem;
  height: 0.64rem;
  font-size: 0.36rem;
  color: #23C268;
}
.ranking-list li a .ranking-lb {
  margin-left: 0.16rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.ranking-list li a .ranking-lc {
  position: relative;
  flex: 1;
  padding: 0 0.2rem;
  margin-left: 0.16rem;
  background-color: #fff;
  height: 1.2rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.ranking-list li a .ranking-lc .ranking-ll {
  overflow: hidden;
}
.ranking-list li a .ranking-lc .ranking-ll h3 {
  font-weight: normal;
  height: 0.36rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.ranking-list li a .ranking-lc .ranking-ll p {
  margin-top: 0.16rem;
  font-size: 0.2rem;
  color: #828282;
}
.ranking-list li a .ranking-lc .ranking-lr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.12rem;
  height: 0.44rem;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*ranking-head*/
.ranking-head {
  position: relative;
}
.ranking-head h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.68rem;
  background: #23C268;
  font-weight: 400;
  font-size: 0.28rem;
  color: #FFFFFF;
}
/*ranking-ul*/
.ranking-ul {
  padding-bottom: 0.16rem;
  background: #fff;
}
/*ranking-tj*/
.ranking-tj {
  padding: 0.08rem 0.24rem 0.16rem;
}
.ranking-tj li {
  position: relative;
  margin-top: 0.16rem;
  width: 3.4rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.ranking-tj li a {
  position: relative;
  display: block;
}
.ranking-tj li a .ranking-tj-img {
  height: 1.92rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.ranking-tj li a p {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0.08rem;
  height: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.3rem;
  overflow: hidden;
}
/*collection-list*/
.collection-list {
  background-color: #fff;
}
.collection-list li {
  position: relative;
  padding: 0.2rem 0.24rem;
  height: 3.28rem;
  border-bottom: 0.01rem solid #DDDDDD;
}
.collection-list li:last-child {
  border-bottom: none;
}
.collection-list li .collection-lt {
  height: 1.92rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.collection-list li .collection-lt .collection-limg {
  width: 3.42rem;
  height: 1.92rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.collection-list li .collection-lt .collection-linfo {
  height: 1.92rem;
  flex: 1;
  margin-left: 0.2rem;
  overflow: hidden;
}
.collection-list li .collection-lt .collection-linfo h3 {
  height: 0.36rem;
  font-weight: bold;
  font-size: 0.24rem;
  line-height: 0.36rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.collection-list li .collection-lt .collection-linfo p {
  height: 1.18rem;
  font-size: 0.2rem;
  color: #515151;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.collection-list li .collection-lt .collection-linfo .collection-ltime {
  height: 0.26rem;
  font-size: 0.2rem;
  color: #828282;
  line-height: 0.26rem;
}
.collection-list li .collection-dl {
  margin-top: 0.16rem;
}
.collection-list li .collection-dl a {
  margin-right: 0.23rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  overflow: hidden;
}
.collection-list li .collection-dl a:last-child {
  margin-right: 0;
}
/*collection-swi*/
.collection-sbox {
  position: relative;
  height: 4.08rem;
  background: #FFFFFF;
  overflow: hidden;
}
.collection-swi {
  position: relative;
  height: 4.08rem;
  background: #FFFFFF;
  transform: scale(0.8);
}
.collection-swi .swiper-slide {
  position: relative;
  transition: all 0.3s;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.collection-swi .swiper-slide p {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0.62rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 39%, #000000 100%);
  font-size: 0.24rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.62rem;
}
.collection-swi .swiper-slide-prev {
  transform: scale(0.9);
}
.collection-swi .swiper-slide-active {
  transform: scale(1.14);
  z-index: 2;
}
.collection-swi .swiper-slide-next {
  transform: scale(0.9);
}
/*coll-box*/
.coll-box {
  position: relative;
  padding: 0.16rem 0.24rem;
  background-color: #fff;
}
/*coll-himg*/
.coll-himg {
  position: relative;
  height: 3.96rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
}
.coll-himg h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  height: 0.62rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 39%, #000000 100%);
  font-size: 0.24rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.62rem;
  font-weight: normal;
}
.coll-htime {
  position: relative;
  margin: 0.12rem 0;
  height: 0.34rem;
}
.coll-htime .coll-hta {
  font-size: 0.2rem;
  color: #828282;
}
.coll-htime .coll-htb {
  position: relative;
  padding-left: 0.32rem;
  width: 1.12rem;
  height: 0.34rem;
  background: url("../images/zt.png") no-repeat;
  background-size: 100% 100%;
  font-size: 0.2rem;
  color: #23C268;
  line-height: 0.34rem;
}
.coll-hcon {
  text-indent: 2em;
  font-size: 0.24rem;
  color: #313033;
  line-height: 0.36rem;
}
/*coll-list*/
.coll-list {
  position: relative;
  padding-bottom: 0.2rem;
}
.coll-list .coll-li {
  position: relative;
  margin-top: 0.24rem;
  height: 1.2rem;
}
.coll-list .coll-li:nth-child(1)::before,
.coll-list .coll-li:nth-child(2)::before,
.coll-list .coll-li:nth-child(3)::before {
  position: absolute;
  left: -0.08rem;
  top: -0.08rem;
  content: '';
  width: 0.74rem;
  height: 0.74rem;
  background: url("../images/jx1.png") no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.coll-list .coll-li .coll-limg {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  background: #333333;
  border-radius: 0.16rem;
  overflow: hidden;
}
.coll-list .coll-li .coll-down {
  text-align: center;
  line-height: 0.48rem;
  width: 1.12rem;
  height: 0.46rem;
  background: #23C268;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #FFFFFF;
}
/*map*/
.map {
  position: relative;
  padding: 0 0.24rem 0.3rem;
}
.map .map-title {
  display: flex;
  align-items: center;
  height: 0.6rem;
}
.map .map-title h3 {
  display: inline-block;
  font-weight: normal;
  height: 0.6rem;
  font-size: 0.28rem;
  line-height: 0.7rem;
  border-bottom: 0.04rem solid #23C268;
}
.map .map-list {
  padding-bottom: 0.16rem;
}
.map .map-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.16rem 0.1rem 0 0;
  padding: 0 0.16rem;
  height: 0.46rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  border: 0.01rem solid #828282;
  font-size: 0.24rem;
  color: #656565;
}
.map .map-list a:nth-child(5) {
  margin-right: 0;
}
.map .map-list a.on {
  background: #23C268;
  color: #fff;
  border: 0.01rem solid #23C268;
}
/*myno*/
.myno .myno-img {
  display: block;
  margin: 20vh auto 0;
  width: 6.8rem;
}
.myno .myno-a {
  display: block;
  text-align: center;
  line-height: 0.8rem;
  margin: 0.4rem auto 0;
  width: 2.32rem;
  height: 0.8rem;
  background: #1DB54E;
  border-radius: 1rem 1rem 1rem 1rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #FFFFFF;
}
.myno .myno-p {
  margin-top: 0.4rem;
  text-align: center;
  font-size: 0.24rem;
  color: #717171;
}
/**/
/*xy-boxa*/
.xy-boxa {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -5rem 0rem 0rem -3.5rem;
  width: 7rem;
  height: 10rem;
  background: url("../images/pop2.png") no-repeat 0 0;
  background-size: 100% auto;
  background-color: #ffffff;
  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
}
.xy-boxa h3 {
  padding: 0.44rem 0 0.2rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.36rem;
}
.xy-boxa .xya-p1 {
  padding: 0 0.38rem;
  font-size: 0.24rem;
  color: #313033;
  line-height: 0.36rem;
  letter-spacing: 1px;
}
.xy-boxa .xya-p2 {
  margin: 0 0.38rem;
  height: 8rem;
  overflow-y: auto;
}
.xy-boxa .xya-p2 h4 {
  margin-top: 0.16rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #313033;
  letter-spacing: 1px;
}
.xy-boxa .xya-p2 p {
  margin-top: 0.12rem;
  font-size: 0.24rem;
  color: #313033;
  line-height: 0.36rem;
  letter-spacing: 1px;
}
/*xy-boxa*/
.xy-boxb {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -5rem 0rem 0rem -3.5rem;
  width: 7rem;
  height: 10rem;
  background: url("../images/pop1.png") no-repeat 0 0;
  background-size: 100% auto;
  background-color: #ffffff;
  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
}
.xy-boxb h3 {
  padding: 0.44rem 0 0.2rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.36rem;
}
.xy-boxb .xya-p2 {
  margin: 0 0.38rem;
  height: 8.6rem;
  overflow-y: auto;
}
.xy-boxb .xya-p2 h4 {
  margin-top: 0.16rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #313033;
  letter-spacing: 1px;
}
.xy-boxb .xya-p2 p {
  margin-top: 0.12rem;
  font-size: 0.24rem;
  color: #313033;
  line-height: 0.36rem;
  letter-spacing: 1px;
}
/*xy-boxc*/
.xy-boxc {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -5rem 0rem 0rem -3.5rem;
  width: 7rem;
  height: 10.06rem;
  border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
  background: linear-gradient(155deg, #DFFFE7 0%, #FFFFFF 19%, #EEFFF2 37%, #E5F9FF 60%, #FFFFFF 83%, #E0F8FF 100%);
  box-shadow: inset 0rem 0.08rem 0.08rem 0rem rgba(0, 199, 48, 0.2);
  padding: 0 0.24rem;
}
.xy-boxc h3 {
  padding: 0.34rem 0 0.2rem;
  text-align: center;
  font-weight: bold;
  font-size: 0.36rem;
}
.xy-boxc .pjb-t {
  margin-top: 0.32rem;
  font-size: 0.28rem;
  line-height: 0.36rem;
  letter-spacing: 1px;
}
.xy-boxc .pjb-u {
  display: flex;
  flex-wrap: wrap;
}
.xy-boxc .pjb-u span {
  margin: 0.2rem 0.16rem 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.04rem;
  height: 0.54rem;
  background: #F5F5F5;
  font-size: 0.24rem;
  color: #828282;
  cursor: pointer;
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
}
.xy-boxc .pjb-u span:nth-child(3n) {
  margin-right: 0;
}
.xy-boxc .pjb-u span.on {
  background: #00C3FF;
  font-weight: bold;
  color: #FFFFFF;
}
.xy-boxc .pjb-area {
  position: relative;
  margin-top: 0.24rem;
}
.xy-boxc .pjb-area textarea {
  display: block;
  padding: 0.12rem 0.2rem;
  width: 100%;
  height: 2.4rem;
  background: #F5F5F5;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  border: none;
  font-size: 0.24rem;
  color: #828282;
  line-height: 1.4;
}
.xy-boxc .pjb-area .pjb-num {
  position: absolute;
  bottom: 6px;
  right: 20px;
  height: 15px;
  font-size: 12px;
  color: #AAAAAA;
  text-align: right;
}
.xy-boxc .pjb-input {
  margin-top: 0.24rem;
}
.xy-boxc .pjb-input input {
  display: block;
  padding: 0 0.24rem;
  width: 100%;
  background: #F5F5F5;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  height: 0.7rem;
  font-size: 0.24rem;
  color: #828282;
}
.xy-boxc .pjb-btn {
  margin: 0.8rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.8rem;
  height: 0.76rem;
  background: #00C3FF;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-weight: bold;
  font-size: 0.28rem;
  color: #FFFFFF;
  letter-spacing: 1px;
}
.xy-boxc .pjb-qfk {
  position: absolute;
  width: 1.6rem;
  bottom: 0.68rem;
  right: 0.8rem;
}
/*xy-boxd*/
.xy-boxd {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  height: 6.16rem;
  background: linear-gradient(180deg, #D4FFE7 0%, #FFFFFF 100%);
  border-radius: 0.4rem 0.4rem 0rem 0rem;
  overflow: hidden;
}
.xy-boxd h3 {
  margin: 0.32rem 0 0;
  height: 0.46rem;
  font-weight: bold;
  font-size: 0.36rem;
  color: #065C2B;
  text-align: center;
  line-height: 0.46rem;
}
.xy-boxd .xdw-a {
  position: absolute;
  left: 0.16rem;
  top: 0.04rem;
  width: 1.76rem;
  height: 1.2rem;
}
.xy-boxd .xdw-c {
  position: absolute;
  top: 0.36rem;
  right: 0.4rem;
  width: 0.36rem;
  height: 0.36rem;
}
.xy-boxd .xdw-b {
  display: block;
  margin: 0.5rem auto 0;
  width: 7.02rem;
}
.xy-boxd .xdw-btn {
  margin: 0.4rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 0.86rem;
  background: linear-gradient(180deg, #83FCD0, #08DE61);
  border-radius: 0.6rem 0.6rem 0.6rem 0.6rem;
  font-size: 0.36rem;
  color: #FFFFFF;
}
/*sy-hk*/
.sy-hk {
  position: relative;
  display: flex;
  margin: 0 auto;
  width: 0.7rem;
  height: 0.08rem;
}
.sy-hk span {
  height: 0.08rem;
  border-radius: 0.04rem;
}
.sy-hk #sliderLeft {
  margin-right: 0.12rem;
  background-color: #FF8E2B;
}
.sy-hk #sliderRight {
  flex: 1;
  background-color: #D3D3D3;
}