@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

html, body {
  background-color: #F3F3F3;
  font-size: 0.32rem;
  font-family: PingFang SC, Helvetica Neue, system-ui, -apple-system, Segoe UI, Rototo, Helvetica, Arial, sans-serif, Arial, Microsoft Yahei, asimsun, Microsoft Sans Serif;
}

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

input {
  outline: none;
  border: none;
}

ul li {
  list-style: none;
}

.fontopacity {
  opacity: 0.8;
}

/* 氢能 */
.qnPage .qnSelectedNav {
  color: #D60C23;
  font-size: 0.32rem;
  font-weight: 500;
  position: relative;
}
.qnPage .qnSelectedNav::after {
  content: "";
  position: absolute;
  width: 0.42rem;
  height: 0.08rem;
  background-color: #D60C23;
  border-radius: 0.2rem;
  bottom: -0.16rem;
  left: 50%;
  transform: translateX(-50%);
}
.qnPage footer {
  background-color: #D60C23;
}
.qnPage .notPosition {
  background-color: #D60C23;
}

/* 储能 */
.cnPage .qnSelectedNav {
  color: #112666;
  font-size: 0.32rem;
  font-weight: 500;
  position: relative;
}
.cnPage .qnSelectedNav::after {
  content: "";
  position: absolute;
  width: 0.42rem;
  height: 0.08rem;
  background-color: #112666;
  border-radius: 0.2rem;
  bottom: -0.16rem;
  left: 50%;
  transform: translateX(-50%);
}
.cnPage footer {
  background-color: #112666 !important;
}
.cnPage .notPosition {
  background-color: #112666 !important;
}

.onePage {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

header {
  width: 100%;
  position: relative;
  background-color: #D60C23;
}
header .headerLogo {
  width: 2.1rem;
  height: 0.56rem;
  margin-left: 0.32rem;
}
header .notPosition {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.12rem 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 12;
  /* position: fixed; */
}
header .notPosition > div {
  display: flex;
}
header .headerImg {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.28rem;
}
header .afterInsertImg {
  border-radius: 50%;
}
header .showWebList {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  width: 100%;
  height: 100%;
  display: none;
  padding-top: 0.01rem;
}
header .showWebList .webLi {
  background-color: #fff;
  width: 2.5rem;
  height: 2.36rem;
  border-radius: 0.16rem 0rem 0.16rem 0.16rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #333;
  font-size: 0.28rem;
  text-align: center;
  margin-left: auto;
  margin-top: 0.15rem;
}

/* 导航 */
.navigation {
  width: 100%;
  background-color: #fff;
  position: relative;
  color: #333;
  font-size: 0.28rem;
  box-sizing: border-box;
  padding-left: 0.32rem;
  /* 针对基于WebKit的浏览器 */
  /* 针对Firefox */
}
.navigation .navigationInner {
  width: 100%;
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0.22rem 0;
  padding-right: 1rem;
  box-sizing: border-box;
}
.navigation .navigationInner > a {
  margin-right: 0.36rem;
  display: inline-block;
}
.navigation .navigationInner > a:last-of-type {
  position: relative;
}
.navigation .navigationInner::-webkit-scrollbar {
  display: none;
}
.navigation .navigationInner {
  scrollbar-width: none; /* Firefox */
}
.navigation .moreBlock {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.12rem;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, #FFFFFF 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation .navMoreBtn {
  width: 0.26rem;
  height: 0.28rem;
}
.navigation .moreNavOptions {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}
.navigation .moreNavOptions .optionsInner {
  background-color: #fff;
  padding: 0.36rem 0.32rem;
  box-sizing: border-box;
  font-size: 0.28rem;
  color: #333;
}
.navigation .moreNavOptions .optionsInner .tabsList {
  margin-top: 0.18rem;
}
.navigation .moreNavOptions .optionsInner .tabsList .singleLiSty {
  display: inline-block;
  color: #333;
  margin-top: 0.24rem;
  padding: 0.1rem 0.2rem;
  border-radius: 0.12rem;
  background-color: #F2F2F2;
  margin-right: 0.24rem;
}
.navigation .moreNavOptions .closeOptionsBlock {
  width: 0.24rem;
  height: 0.24rem;
  display: block;
  margin-left: auto;
}
.navigation .curTagSel {
  background-color: #E6EEFF !important;
}

/* 新闻列表 */
.newsList {
  width: 100%;
  background-color: #fff;
  margin-top: 0.04rem;
  padding: 0 0.32rem;
  box-sizing: border-box;
  flex: 1;
  /* 没有图片的列表 */
  /* 有图片的列表样式 */
}
.newsList .newsSingleList {
  width: 100%;
  padding: 0.2rem 0;
  border-bottom: 1px dashed #D6D6D6;
}
.newsList .newsSingleList:last-of-type {
  border-bottom: none;
}
.newsList .newsBot {
  font-size: 0.24rem;
  color: #666;
  margin-top: 0.2rem;
}
.newsList .newsNotImg .title {
  color: #333;
  font-size: 0.32rem;
  font-weight: bold;
}
.newsList .newsNotImg .newsTag {
  color: #FF1010 !important;
  margin-right: 0.18rem;
}
.newsList .newsNotImg .time {
  margin-left: 0.2rem;
}
.newsList .newsHaveImg {
  display: flex;
}
.newsList .newsHaveImg > div {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.newsList .newsHaveImg .newsImg {
  width: 2.2rem;
  height: 1.36rem;
  margin-left: 0.16rem;
  border-radius: 0.08rem;
  /* flex: 1; */
}
.newsList .newsHaveImg .title {
  color: #333;
  font-size: 0.3rem;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.newsList .newsHaveImg .title b {
  color: #D60C23 !important;
}
.newsList .newsHaveImg .time {
  margin-left: 0.18rem;
}

/* 上下页按钮样式 */
.preAndNextButton {
  margin-top: 0.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
}
.preAndNextButton > a {
  width: 1.36rem;
  height: 0.6rem;
  text-align: center;
  line-height: 0.6rem;
  font-size: 0.28rem;
  border-radius: 0.08rem;
}
.preAndNextButton .preBtnofm {
  border: 1px solid #D60C23;
  color: #D60C23;
}
.preAndNextButton .nextBtnofm {
  background-color: #D60C23;
  color: #fff;
  margin-left: 0.18rem;
}

/* 新闻详情主题 */
.newsCenter {
  width: 100%;
  box-sizing: border-box;
  flex: 1;
  /* 详情导航 */
  /* 新闻主体详情信息 */
  /* 推荐新闻 */
}
.newsCenter .newsDetailNav {
  width: 100%;
  padding: 0.24rem 0.32rem 0.26rem 0.32rem;
  font-size: 0.24rem;
  color: #666;
  box-sizing: border-box;
}
.newsCenter .newsDetailNav > a {
  color: #666 !important;
}
.newsCenter .newsDetail {
  margin-top: 0.04rem;
  padding: 0 0.32rem;
  padding-top: 0.01rem;
  padding-bottom: 0.32rem;
}
.newsCenter .newsDetail .newsTitle {
  font-size: 0.4rem;
  line-height: 0.52rem;
  color: #333333;
  font-weight: bold;
  margin-top: 0.22rem;
}
.newsCenter .newsDetail .newsSendMsg {
  font-size: 0.24rem;
  color: #666;
  margin-top: 0.14rem;
}
.newsCenter .newsDetail .newsSendMsg > span:last-of-type {
  margin-left: 0.18rem;
}
.newsCenter .newsDetail .newsShareBlock {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.26rem;
  color: #333;
  font-size: 0.28rem;
}
.newsCenter .newsDetail .shareIcon {
  width: 0.48rem;
  height: 0.48rem;
  margin-left: 0.28rem;
}
.newsCenter .newsDetail .content {
  margin-top: 0.2rem;
  border-top: 1px dashed #D6D6D6;
  padding: 0.28rem 0;
  box-sizing: border-box;
  font-size: 0.28rem;
  border-bottom: 1px dashed #D6D6D6;
}
.newsCenter .newsDetail .content article p {
  text-indent: 2em;
  text-align: justify;
}
.newsCenter .newsDetail .content p {
  line-height: 0.48rem;
  margin-top: 0.28rem;
  color: #333;
  word-wrap: break-word;
}
.newsCenter .newsDetail .content .author {
  text-align: right;
}
.newsCenter .newsDetail .content p:first-of-type {
  margin-top: 0rem !important;
}
.newsCenter .newsDetail .content img {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 0.28rem;
  display: block;
  height: auto !important;
}
.newsCenter .newsDetail .tagsBlock {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 0.36rem 0;
}
.newsCenter .newsDetail .tagsBlock > a {
  font-size: 0.28rem;
  color: #333;
  display: inline-block;
  padding: 0.08rem 0.24rem;
  border-radius: 0.16rem;
  background-color: #F2F4FA;
  margin-left: 0.18rem;
  margin-top: 0.28rem;
}
.newsCenter .newsDetail .explain {
  width: 97%;
  padding: 0.16rem 0;
  background: #f2f4fa;
  border: radius 0.04rem;
}
.newsCenter .newsDetail .explain > div {
  margin-left: 0.32rem;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  color: #4b4b4b;
}
.newsCenter .newsDetail .explain > p {
  width: 96%;
  margin-left: 0.32rem;
  margin-top: 0.14rem;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 0.28rem;
  color: #4b4b4b;
}
.newsCenter .recommendNews {
  margin-top: 0.12rem;
  padding: 0.2rem 0.32rem;
  padding-top: 0.01rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.16rem;
}
.newsCenter .recommendNews .recommendTheme {
  position: relative;
  color: #333;
  font-size: 0.36rem;
  padding: 0.2rem 0;
  padding-left: 0.18rem;
  font-weight: bold;
}
.newsCenter .recommendNews .recommendTheme::after {
  background-color: #D60C23;
  width: 0.06rem;
  height: 0.34rem;
  border-radius: 0.2rem;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.newsCenter .recommendNews .newsList {
  width: 100%;
  margin-top: 0.04rem;
  padding: 0 !important;
  /* 没有图片的列表 */
  /* 有图片的列表样式 */
}
.newsCenter .recommendNews .newsList .newsSingleList {
  width: 100%;
  padding: 0.2rem 0;
  border-bottom: 1px dashed #D6D6D6;
}
.newsCenter .recommendNews .newsList .newsSingleList:last-of-type {
  border-bottom: none;
}
.newsCenter .recommendNews .newsList .newsBot {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  color: #666;
}
.newsCenter .recommendNews .newsList .time {
  margin-left: 0.18rem;
}
.newsCenter .recommendNews .newsList .newsNotImg .title {
  color: #333333;
  font-size: 0.28rem;
}
.newsCenter .recommendNews .newsList .newsHaveImg {
  display: flex;
}
.newsCenter .recommendNews .newsList .newsHaveImg .newsImg {
  width: 2.2rem;
  height: 1.36rem;
  margin-left: 0.16rem;
}
.newsCenter .recommendNews .newsList .newsHaveImg .title {
  color: #333;
  font-size: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.newsCenter .bgColor {
  background-color: #fff;
}

/* 微信小程序弹窗页面 */
.miniQrcodeDialog {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.miniQrcodeDialog .QrCodeImg {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.linkCopyToast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.1rem 0.2rem;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 0.28rem;
  color: #fff;
  border-radius: 0.1rem;
  display: none;
}

/* 生成 微信分享弹窗 */
.createShareImg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.createShareImg .loadingImgSty {
  width: 0.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotoImg 2s linear infinite;
  display: none;
}
.createShareImg .sharePicture {
  width: 70%;
  display: block;
  margin: 0 auto;
  margin-top: 1rem;
}

@keyframes rotoImg {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* 搜索 */
.searchPage {
  flex: 1;
  width: 100%;
  background-color: #fff;
}
.searchPage .searchTop {
  width: 100%;
  padding: 0.08rem 0.32rem 0.16rem 0.32rem;
  box-sizing: border-box;
  border-bottom: 2px solid #F3F3F3;
  display: flex;
  align-items: center;
}
.searchPage .searchTop .goPerPage {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
}
.searchPage .searchTop .searchTxt {
  flex: 1;
  height: 0.6rem;
  background-color: #F4F7FF;
  margin-left: 0.24rem;
  color: #333;
  padding-left: 0.2rem;
}
.searchPage .searchTop .SearchTxt::placeholder {
  color: #999;
}
.searchPage .searchTop .searchBtn {
  width: 0.96rem;
  height: 0.6rem;
  border-radius: 0.12rem;
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  line-height: 0.6rem;
  margin-left: 0.12rem;
  background-color: #D60C23;
}
.searchPage .searchNotEmpty .newsList {
  width: 100%;
  margin-top: 0.04rem;
}
.searchPage .searchNotEmpty .newsList .newsSingleList {
  width: 100%;
  padding: 0.2rem 0;
  border-bottom: 1px dashed #D6D6D6;
}
.searchPage .searchNotEmpty .newsList .newsSingleList:last-of-type {
  border-bottom: none;
}
.searchPage .searchNotEmpty .newsList .newsBot {
  margin-top: 0.2rem;
  font-size: 0.24rem;
  color: #666;
}
.searchPage .searchNotEmpty .newsList .time {
  margin-left: 0.18rem;
}
.searchPage .searchNotEmpty .newsList .newsNotImg .title {
  color: #333333;
  font-size: 0.28rem;
}
.searchPage .searchNotEmpty .newsList .newsHaveImg {
  display: flex;
}
.searchPage .searchNotEmpty .newsList .newsHaveImg .newsImg {
  width: 2.2rem;
  height: 1.36rem;
  margin-left: 0.16rem;
  display: block;
}
.searchPage .searchNotEmpty .newsList .newsHaveImg .newsBot {
  margin-top: 0.22rem;
}
.searchPage .searchNotEmpty .newsList .newsHaveImg .title {
  color: #333;
  font-size: 0.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.searchPage .searchNotEmpty .newsList b {
  color: #D60C23 !important;
}
.searchPage .searchNotEmpty .newsSearchTxt {
  color: #D60C23 !important;
}
.searchPage .searchEmptyData {
  padding-top: 0.01rem;
}
.searchPage .searchEmptyData .emptyImg {
  display: block;
  width: 3.9rem;
  height: 3.9rem;
  margin: 0 auto;
  margin-top: 2.74rem;
}

/* 尾部 */
footer {
  width: 100%;
  padding: 0.32rem;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.24rem;
  background-color: #D60C23 !important;
}
footer a {
  color: #fff;
}
footer .codeImg {
  width: 1.24rem;
  height: 1.24rem;
  display: block;
}
footer .footerTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .productMsg {
  margin-right: 0.4rem;
}
footer .productMsg span {
  margin-top: 0.06rem;
  display: inline-block;
}
footer .companyMsg li {
  margin-top: 0.2rem;
  line-height: 0.28rem;
}
footer .companyMsg li:first-of-type {
  margin-top: 0;
}
footer .footerBot {
  margin-top: 0.3rem;
  text-align: center;
}

@media screen and (min-width: 550px) {
  html {
    font-size: 50px !important;
    max-width: 550px !important;
    margin: 0 auto;
    background: #f5f5f5;
  }
  .notPosition {
    max-width: 550px !important;
    left: auto !important;
  }
  .showWebList {
    max-width: 550px !important;
    left: auto !important;
  }
  .moreNavOptions {
    max-width: 550px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .miniQrcodeDialog {
    max-width: 550px !important;
    left: auto !important;
  }
  .createShareImg {
    max-width: 550px !important;
    left: auto !important;
  }
}
._test {
  margin: 0;
}

.personalCenter {
  background-color: #F5F5F5;
  font-size: 0.32rem;
}
.personalCenter .personalMsg {
  padding: 0.18rem 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personalCenter .personalMsg .detailMsg {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.personalCenter .personalMsg .detailMsg img {
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-left: 0.62rem;
}
.personalCenter .personalMsg .detailMsg > span {
  color: #2B2B2B;
  margin-left: 0.22rem;
  font-weight: 600;
  font-size: 0.32rem;
}
.personalCenter .personalMsg .updateMsg {
  display: inline-block;
  background-color: #7F7F7F;
  border-radius: 2rem 0 0 2rem;
  color: #FFFFFF;
  font-size: 0.24rem;
  width: 1.52rem;
  height: 0.44rem;
  text-align: center;
  line-height: 0.44rem;
}
.personalCenter .mainCentent {
  margin-top: 0.08rem;
  width: 100%;
  background-color: #fff;
  padding-top: 0.01rem;
  padding-bottom: 0.38rem;
  border-radius: 0.08rem;
}
.personalCenter .mainCentent .zhanweiImg {
  width: 6rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.personalCenter .mainCentent .erCodeImg {
  display: block;
  width: 2.22rem;
  height: 2.22rem;
  margin: 0 auto;
  margin-top: 0.2rem;
}
.personalCenter .mainCentent .tipstxt {
  margin-top: 0.38rem;
  text-align: center;
  color: #333;
  font-size: 0.32rem;
}
.personalCenter .mainCentent .jumpBtn {
  width: 5.96rem;
  height: 0.92rem;
  text-align: center;
  line-height: 0.92rem;
  color: #fff;
  font-size: 0.32rem;
  border-radius: 0.16rem;
  background: linear-gradient(90deg, #FF6272 0%, #FF1309 100%);
  margin: 0 auto;
  margin-top: 0.2rem;
}
.personalCenter .loginOutBtn {
  width: 100%;
  text-align: center;
  margin-top: 0.08rem;
  background-color: #fff;
  font-size: 0.28rem;
  color: #333;
  padding: 0.24rem 0;
  box-sizing: border-box;
}

.tagStyle {
  font-size: 0.28rem;
  width: 92%;
  margin: 0 auto;
  padding-bottom: 0.2rem;
  margin-top: 0.2rem;
  background: linear-gradient(0deg, #FFFFFF, #F6F6F6, #FFF3F4);
}
.tagStyle > h1 {
  font-size: 0.36rem;
  padding: 0.2rem 0.24rem 0;
}
.tagStyle > p {
  padding: 0.1rem 0.24rem 0;
  line-height: 0.4rem;
  margin-top: 0.2rem;
}