.help {
  background: #f8f8f8;
}
.help .stBanner {
  background: url("/images/indexbaneer2.png");
  background-repeat: repeat-x;
  background-size: 1px 630px;
  height: 630px;
}
.help .stBanner .bannerInfo {
  height: 630px;
}
.help .stBanner .bannerInfo .stBannerImgBg {
  max-width: 1920px;
  background-image: url("/images/helpbanner.png");
  background-size: 100% 630px;
  height: 630px;
  margin: 0 auto;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText {
  height: 300px;
  margin-top: 240px;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .infoTitle {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 700;
  font-size: 48px;
  color: #1a1a1a;
  text-align: center;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .infoTitle .avtiveColor {
  color: #4177ff;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput {
  width: 650px;
  height: 60px;
  padding: 14px 2px 14px 20px;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #ffffff;
  margin: 24px 0 15px 0;
  position: relative;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .seachInputText {
  width: 400px;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .clickButton {
  width: 120px;
  height: 50px;
  background: #4177ff;
  border-radius: 6px 6px 6px 6px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  margin-right: 3px;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .helpSeachIcon {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-right: 10px;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .queryList {
  position: absolute;
  width: 650px;
  max-height: 414px;
  display: none;
  top: 60px;
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 10;
  background: #fff;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .queryList .queryListInfo {
  width: 650px;
  background: #fff;
  border-radius: 0px 0px 0px 0px;
  padding: 20px 15px;
  cursor: pointer;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .queryList .queryListInfo .tiutle {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 14px;
  color: #4177ff;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .queryList .queryListInfo .tiutles {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: 12px;
  color: #767676;
  line-height: 17px;
  margin-top: 6px;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .seachInput .queryList .queryListInfo:hover {
  background: #f5f9fd;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .qustionHot {
  font-weight: 400;
  font-size: 14px;
  color: #767676;
  padding: 0 16px;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .qustionHot .hostRecommend {
  padding: 0 20px;
  position: relative;
  cursor: pointer;
}
.help .stBanner .bannerInfo .stBannerImgBg .bannerInfoText .qustionHot .hostRecommend .line {
  width: 1px;
  height: 12px;
  background: #767676;
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  right: 0;
  top: 4px;
}
.help .bannerAb {
  height: 100px;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
}
.help .bannerAb .helpABIcon {
  width: 594px;
  height: 200px;
}
.help .bannerAb .bannerAbInfo {
  height: 200px;
}
.help .bannerAb .bannerAbInfo .menu {
  width: 300px;
  height: 50px;
  cursor: pointer;
}
.help .bannerAb .bannerAbInfo .menu .menuTop {
  font-weight: 600;
  font-size: 16px;
  color: #1a1a1a;
  line-height: 50px;
}
.help .bannerAb .bannerAbInfo .menu .menuTop .menuTopIcon {
  width: 18px;
  height: 18px;
}
.help .bannerAb .bannerAbInfo .menu .menuTop .title {
  margin: 0 10px;
}
.help .bannerAb .bannerAbInfo .menu .menuTop .menuTopIcons {
  width: 16px;
  height: 16px;
}
.help .bannerAb .bannerAbInfo .menu .menuBottom {
  font-weight: 400;
  font-size: 12px;
  color: #767676;
  margin-top: 4px;
}
.help .bannerAb .bannerAbInfo .menu:nth-child(odd) {
  width: 300px;
  border-right: 1px solid #f1f1f1;
}
.help .bannerAb .bannerAbInfo .menu:nth-child(2) {
  border-right: 1px solid #f1f1f1;
}
.help .bannerAb .bannerAbInfo .menu:nth-child(3) {
  border-bottom: none;
}
.help .helpList {
  margin-top: 40px;
}
.help .helpList .helpListInfo {
  width: 100%;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 30px;
}
.help .helpList .helpListInfo .title {
  padding: 20px 40px;
  border-bottom: 1px solid #f1f1f1;
}
.help .helpList .helpListInfo .title .titles {
  height: 29px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 600;
  font-size: 20px;
  color: #4177ff;
  line-height: 29px;
}
.help .helpList .helpListInfo .title .watchMore {
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16px;
  color: #4177ff;
  cursor: pointer;
}
.help .helpList .helpListInfo .title .watchMore .watchMoreImg {
  width: 16px;
  height: 16px;
}
.help .helpList .helpListInfo .title .titleReach {
  height: 23px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 400;
  font-size: 16px;
  color: #4177ff;
  line-height: 23px;
}
.help .helpList .helpListInfo .title .titleReach .titleReachIcon {
  width: 18px;
  height: 18px;
  display: flex;
  margin-left: 4px;
}
.help .helpList .helpListInfo .helpListInfoMenu {
  padding: 0 40px 30px 40px;
}
.help .helpList .helpListInfo .helpListInfoMenu .menuName {
  height: 23px;
  font-family: Source Han Sans, Source Han Sans;
  font-weight: 350;
  font-size: 16px;
  color: #767676;
  line-height: 23px;
  width: 20%;
  flex-shrink: 0;
  cursor: pointer;
  margin: 30px 0 0 0;
}
.help .helpList .helpListInfo .helpListInfoMenu .menuName .radioGray {
  width: 4px;
  height: 4px;
  background: #767676;
  margin-right: 12px;
  border-radius: 50%;
}