/*固定在最顶部的盒子*/

/* body{padding-top: 115px;} */
.fixTopNav {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100;
  height: 115px;
  transition: all 0.3s
}

.fixTopNav.shadowClass {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

/*最顶部的提示条*/

.comTopFixBar {
  width: 100%;
  height: 40px;
  background: #F4F3F9;
  display: flex;
  align-items: center;
}

.comTopFixBar2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.comTopFixBar2>a img {
  width: 22px;
  height: 22px;
}

.comTopFixBar2>a span {
  font-size: 12px;
  color: #666;
  padding-left: 10px;
}

.comTopFixBar2 .topnavs {
  display: flex;
  align-items: center;
}

.comTopFixBar2 .topnavs a {
  border: 0px solid red;
  margin-left: 25px;
}

.comTopFixBar2 .topnavs a:first-child {
  margin-left: 0;
}

.comTopFixBar2 .topnavs a img {
  width: 22px;
  height: 22px;
}

.comTopFixBar2 .topnavs a span {
  font-size: 12px;
  color: #666;
  padding-left: 3px;
  transition: color 0.3s;
}

.comTopFixBar2 .topnavs a:hover span {
  color: #2589FF !important;
}

/*左边logo右边导航文字的菜单栏*/

.commMenu {
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  background: #fff;
}

.commMenu2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.commMenu2 .fls {
  width: 121px;
  height: 30px;
}

.commMenu2 .fls a {
  display: block;
  width: 100%;
  height: 100%;
}

.commMenu2 .mids {
  display: flex;
}

.commMenu2 .mids .itembox {
  position: relative;
  border: 0px solid red;
  height: 75px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.commMenu2 .mids .itembox .onelink {
  font-size: 17px;
  color: #333;
  position: relative;
  transition: all 0.3s;
  border: 0px solid red;
  padding: 0 10px 10px 10px;
  margin: 0 15px;
  font-family: "pingFangBold";
}

.commMenu2 .mids .itembox .onelink:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: transparent;
  transition: all 0.3s;
}

.commMenu2 .mids .itembox:hover .onelink {
  color: #2589FF;
}

.commMenu2 .mids .itembox:hover .onelink:before {
  background: #2589FF;
}

.commMenu2 .mids .itembox .onelink.on {
  color: #2589FF;
}

.commMenu2 .mids .itembox .onelink.on:before {
  background: #2589FF;
}

.commMenu2 .frs a.loginbtn {
  width: 106px;
  height: 32px;
  border: 1px solid #2589FF;
  color: #2589FF;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.commMenu2 .frs a.loginbtn:hover {
  background: #2589FF;
  color: #fff;
}

/*左边logo右边导航文字的菜单栏---二级菜单*/

.commMenu2 .mids .itembox .twodiv {
  position: absolute;
  left: 0;
  top: 75px;
  background: #fff;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
  width: 100%;
  z-index: 100;
  transition: opacity 0.3s;
  opacity: 0;
  padding: 6px 0;
}

.commMenu2 .mids .itembox .twodiv a {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333;
  border: 0px solid orange;
  transition: color 0.3s;
  text-align: center;
  padding: 6px;
}

.commMenu2 .mids .itembox .twodiv a:hover {
  color: #1450EB;
}

.commMenu2 .mids .itembox .twodiv a.on {
  color: #1450EB;
}

.commMenu2 .mids .itembox:hover {
  overflow: inherit;
}

.commMenu2 .mids .itembox:hover .twodiv {
  opacity: 1;
}

/*左边logo右边导航文字的菜单栏---默认没有登录*/

.commMenu2 .frs.ifLoginYes {
  display: none;
}

.commMenu2 .frs.ifLoginYes .logoutbtn {
  max-width: 200px;
  display: flex;
}

.commMenu2 .frs.ifLoginYes .logoutbtn .fls {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}

.commMenu2 .frs.ifLoginYes .logoutbtn .frs {
  width: calc(100% - 40px);
  padding-left: 10px;
  height: 40px;
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}

.commMenu2 .frs.ifLoginYes .logoutbtn .frs .fr1 {
  font-size: 14px;
  color: #333;
  transition: color 0.3s;
  font-family: "pingFangBold";
}

.commMenu2 .frs.ifLoginYes .logoutbtn .frs .fr2 {
  font-size: 12px;
  color: #999;
  transition: color 0.3s;
}

.commMenu2 .frs.ifLoginYes .logoutbtn:hover .fr1 {
  color: #2589FF !important;
}

.commMenu2 .frs.ifLoginYes .logoutbtn:hover .fr2 {
  color: #2589FF !important;
}

/*左边logo右边导航文字的菜单栏---悬浮起来*/

.commMenu.on {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*首页的大图banner区域*/

.indexBanner2 {
  padding: 125px 0 110px;
}

.indexBanner2 .fls {
  width: 520px;
}

.indexBanner2 .fls .names {
  font-size: 36px;
  color: #fff;
  font-family: "pingFangBold";
}

.indexBanner2 .fls .tabs {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 35px 0 15px;
}

.indexBanner2 .fls .tabs a {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
  padding: 0 10px;
  margin: 0 10px;
}

.indexBanner2 .fls .tabs a:first-child {
  margin-left: 0;
}

.indexBanner2 .fls .tabs a:last-child {
  margin-right: 0;
}

.indexBanner2 .fls .tabs a span {
  font-size: 16px;
  color: #fff;
  padding-bottom: 5px;
}

.indexBanner2 .fls .tabs a img {
  width: 12px;
  height: 12px;
  visibility: hidden;
}

.indexBanner2 .fls .tabs a.on span {
  font-size: 24px;
}

.indexBanner2 .fls .tabs a.on img {
  visibility: inherit;
}

.indexBanner2 .fls .forms {
  height: 40px;
  display: flex;
  justify-content: space-between;
  border-radius: 40px;
  overflow: hidden;
}

.indexBanner2 .fls .forms .formfl {
  height: 40px;
  width: calc(100% - 100px);
}

.indexBanner2 .fls .forms .formfl input {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-size: 14px;
  padding: 0 30px;
  background: #fff;
  display: block;
  width: 100%;
}

.indexBanner2 .fls .forms .formfr {
  width: 100px;
  height: 40px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FF9020;
  font-size: 14px;
  color: #fff;
  transition: all 0.3s;
}

.indexBanner2 .fls .forms .formfr:hover {
  background: #ed8113;
}

.indexBanner2 .hots {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.indexBanner2 .hotfl {
  background: #FF9020;
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  width: 38px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.indexBanner2 .hotfr {
  width: calc(100% - 38px);
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.indexBanner2 .hotfr a {
  width: 45%;
  font-size: 14px;
  color: #fff;
}

/*首页的几个图标和数字的说明*/

.indexNumberShow {
  height: 80px;
  display: flex;
  align-items: center;
  background: #fff;
}

.indexNumberShow2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.indexNumberShow2 .itembox {
  display: inline-flex;
  cursor: context-menu;
}

.indexNumberShow2 .itembox .fls {
  width: 70px;
  height: 70px;
}

.indexNumberShow2 .itembox .frs {
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.indexNumberShow2 .itembox .frs .fr1 {
  font-size: 16px;
  color: #333;
}

.indexNumberShow2 .itembox .frs .fr2 {
  font-size: 18px;
  color: #2589FF;
  font-family: "shuzi";
}

/*首页的几个图标和数字的说明(复制的)*/

.copy1 .indexNumberShow2 .itembox .fls {
  width: 54px;
  height: 54px;
  margin-right: 22px;
}

.copy1 .indexNumberShow2 .itembox .frs {
  display: block;
  height: 54px;
}

.copy1 .indexNumberShow2 .itembox .frs .fr1 {
  margin-bottom: 7px;
}

.copy1 .indexNumberShow2 .itembox .frs .fr2 {
  color: #333;
}

/*顾问专家*/

.consultantExperts {
  background: #F3F7FA;
}

.consultantExpertList .itembox {
  width: 250px;
  height: 320px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 7px;
}

.consultantExpertList .itembox:nth-child(5n) {
  margin-right: 0;
}

.consultantExpertList .itembox .introbox {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 20px;
}

.consultantExpertList .itembox .introbox .v1box {
  padding-bottom: 10px;
}

.consultantExpertList .itembox .introbox .v1box .s1 {
  font-size: 24px;
  color: #fff;
  font-family: "pingFangBold";
}

.consultantExpertList .itembox .introbox .v1box .s2 {
  font-size: 14px;
  color: #D8D8D8;
  padding-left: 15px;
}

.consultantExpertList .itembox .introbox .v2box {
  width: 100%;
  display: flex;
  align-content: center;
}

.consultantExpertList .itembox .introbox .v2box span {
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  margin-left: 10px;
  border-radius: 3px;
  overflow: hidden;
}

.consultantExpertList .itembox .introbox .v2box span:first-child {
  margin-left: 0;
}

.consultantExpertList .itembox .introbox .v2box span:nth-child(1) {
  background: #39A0FB;
}

.consultantExpertList .itembox .introbox .v2box span:nth-child(2) {
  background: #3BB54B;
}

/*在线问答---最大盒子*/

.OnlineQandA {
  background: #F3F7FA;
}

.OnlineQandA .commTitles {
  padding-top: 0;
}

.OnlineQABig {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/*在线问答---最大盒子---左侧*/

.OnlineQALeft {
  width: 460px;
  background: #fff;
}

.OnlineQALeft .bgblues {
  padding-bottom: 30px;
}

.OnlineQALeft .bgblues .titles {
  font-size: 24px;
  color: #fff;
  text-align: center;
  padding: 30px 0;
}

.OnlineQALeft .bgblues .numbers .d1 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

.OnlineQALeft .bgblues .numbers .d1 p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(to right, #2F79EF, #4386F1);
}

.OnlineQALeft .bgblues .numbers .d2 {
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.OnlineQALeft .bgblues .numbers .d3 {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.huidaLists {
  background: #fff;
  padding: 30px;
}

.huidaLists .titles {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}

.huidaLists .titles img {
  width: 22px;
  height: 22px;
}

.huidaLists .titles span {
  font-size: 24px;
  padding-left: 10px;
}

.huidaLists .lists {
  width: 100%;
  padding-left: 10px !important;
}

.huidaLists .lists .itembox {
  width: 100%;
  display: block;
  height: 100px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 0px 0 0px 20px;
  /* margin-top: 15px; */
}

.huidaLists .lists .itembox:first-child {
  padding-top: 0;
  margin-top: 0;
}

.huidaLists .lists .itembox:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.huidaLists .lists .itembox .icontime {
  width: 19px;
  height: 19px;
  position: absolute;
  left: -10px;
  top: 0;
  z-index: 2;
}

.huidaLists .lists .itembox .timesbox {
  font-size: 13px;
  color: #999;
  padding-bottom: 10px;
}

.huidaLists .lists .itembox .titlesbox {
  font-size: 16px;
  color: #333;
  padding-bottom: 10px;
  transition: color 0.3s;
  font-family: "pingFangBold";
}

.huidaLists .lists .itembox .desciptsbox {
  width: 100%;
  display: flex;
}

.huidaLists .lists .itembox .desciptsbox .descipt1 {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
}

.huidaLists .lists .itembox .desciptsbox .descipt2 {
  width: calc(100% - 36px);
  height: 42px;
  line-height: 21px;
  font-size: 14px;
  color: #666;
  padding-left: 10px;
}

.huidaLists .lists .itembox:hover .titlesbox {
  color: #2589FF;
}

/*在线问答---最大盒子---右侧*/

.OnlineQARight {
  width: 806px;
}

.answerTextArea {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
}

.answerTextArea .d1box {
  background: #F3F7FA;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  height: 70px;
}

.answerTextArea .d1box .fls {
  width: 22px;
}

.answerTextArea .d1box .fls img {
  width: 22px;
  height: 22px;
}

.answerTextArea .d1box .frs {
  width: calc(100% - 22px);
  padding-left: 10px;
}

.answerTextArea .d1box .frs textarea {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #333;
  background: #F3F7FA;
  font-size: 14px;
  height: 100%;
  padding-top: 3px;
}

.answerTextArea .d2box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
}

.answerTextArea .d2box .fls {
  display: flex;
  align-items: center;
}

.answerTextArea .d2box .fls img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.answerTextArea .d2box .fls span {
  font-size: 14px;
  color: #333;
}

.answerTextArea .d2box .fls span.stress {
  color: #2589FF;
}

.answerTextArea .d2box .frs {
  display: flex;
}

.answerTextArea .d2box .frs a {
  width: 120px;
  height: 40px;
  border-radius: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #fff;
  transition: background 0.3s;
  margin-left: 20px;
}

.answerTextArea .d2box .frs a:nth-child(1) {
  background: #39A0FB;
  margin-left: 0;
}

.answerTextArea .d2box .frs a:nth-child(1):hover {
  background: #2a8be1;
}

.answerTextArea .d2box .frs a:nth-child(2) {
  background: #FF9020;
}

.answerTextArea .d2box .frs a:nth-child(2):hover {
  background: #e5892b;
}

/*在线问答---最大盒子---右侧---tab选项卡切换*/

.answerTabSwicth {
  padding: 25px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 15px;
}

.answerTabHead {
  display: flex;
}

.answerTabHead a {
  position: relative;
  border: 0px solid red;
  padding: 0 30px;
}

.answerTabHead a span {
  font-size: 20px;
  padding-bottom: 15px;
  transition: all 0.3s;
}

.answerTabHead a img {
  width: 23px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  visibility: hidden;
}

.answerTabHead a:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: transparent;
  bottom: 0;
  transition: all 0.3s;
}

.answerTabHead a:first-child img {
  visibility: visible;
}

.answerTabHead a.on:before {
  background: #333;
}

.answerTabHead a.on span {
  font-family: "pingFangBold";
}

.answerTabHead a:hover span {
  font-weight: 700;
}

.answerTabHead a:hover:before {
  background: #333;
}

.answerTabBody {
  padding-top: 30px;
  height: 490px;
  overflow: hidden;
  display: none;
}

.answerTabBody1 {
  display: block;
}

.answerTabBody a {
  display: block;
  width: 100%;
  padding: 28px 0;
  border-bottom: 1px dashed #ddd;
}

.answerTabBody a:first-child {
  padding-top: 0;
}

.answerTabBody a:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.answerTabBody a .titles {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.answerTabBody a .titles i {
  width: 4px;
  height: 15px;
  background: #333;
}

.answerTabBody a .titles span {
  width: calc(100% - 4px);
  padding-left: 10px;
  font-size: 18px;
  color: #333;
  transition: color 0.3s;
  font-family: "pingFangBold";
}

.answerTabBody a .huifus p {
  display: inline;
  font-size: 14px;
}

.answerTabBody a .huifus .p1 {
  color: #FF9020;
}

.answerTabBody a .huifus .p2 {
  color: #666;
}

.answerTabBody a .tongjis {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.answerTabBody a .tongjis p {
  display: flex;
  align-items: center;
  padding-left: 100px;
}

.answerTabBody a .tongjis p:first-child {
  padding-left: 0;
}

.answerTabBody a .tongjis p img {
  width: 18px;
  height: 18px;
}

.answerTabBody a .tongjis p span {
  font-size: 14px;
  color: #999;
  padding-left: 5px;
}

.answerTabBody a:hover .titles span {
  color: #2589FF;
}

/*行业资讯*/

.onlyNewsBig {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.industryInformations {
  background: #F3F7FA;
}

/*行业资讯---左侧*/

.newsLeft {
  width: 920px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 20px;
  background: #fff;
}

.newsLeft .newsFlOne {
  width: 400px;
  border: 0px solid red;
}

.newsLeft .newsFlOne .newsFl1 {
  height: 260px;
  width: 100%;
}

.newsLeft .newsFlOne .newsFl1 a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.newsLeft .newsFlOne .newsFl1 a span {
  display: block;
  width: 100%;
  position: absolute;
  font-size: 16px;
  color: #fff;
  background: -pink;
  padding: 20px;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
}

.newsLeft .newsFlOne .newsFl2 .titles {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0 10px;
}

.newsLeft .newsFlOne .newsFl2 .titles .fls {
  font-size: 18px;
  font-family: "pingFangBold";
}

.newsLeft .newsFlOne .newsFl2 .titles .frs {
  display: flex;
  align-items: center;
}

.newsLeft .newsFlOne .newsFl2 .titles .frs i {
  width: 20px;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  margin: 0 5px;
  cursor: pointer;
  display: none;
}

.newsLeft .newsFlOne .newsFl2 .titles .frs i.on {
  background: #2589FF;
}

.newsLeft .newsFlTwo {
  width: 460px;
  border: 0px solid red;
}

.newsLeft .newsFlTwo .titlesbox {
  font-size: 24px;
  padding-bottom: 20px;
  font-family: "pingFangBold";
}

.newsLeft .newsFlTwo .listsbox {
  width: 100%;
  height: 444px;
  overflow: hidden;
}

.newsLeft .newsFlTwo .listsbox .itembox {
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
  width: 100%;
}

.newsLeft .newsFlTwo .listsbox .itembox:first-child {
  padding-top: 0;
}

.newsLeft .newsFlTwo .listsbox .itembox:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box .d1a {
  width: 80%;
  display: flex;
  justify-content: space-between;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box .d1a i {
  width: 4px;
  height: 12px;
  background: #2589FF;
  margin-top: 3px;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box .d1a span {
  width: calc(100% - 4px);
  padding-left: 5px;
  height: 40px;
  line-height: 20px;
  font-size: 16px;
  transition: color 0.3s;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box .d1b {
  width: 20%;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box .d1b img {
  width: 16px;
  height: 16px;
}

.newsLeft .newsFlTwo .listsbox .itembox .d1box .d1b span {
  font-size: 14px;
  padding-left: 3px;
}

.newsLeft .newsFlTwo .listsbox .itembox .d2box {
  padding-top: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newsLeft .newsFlTwo .listsbox .itembox .d2box .d2a {
  display: flex;
  align-items: center;
}

.newsLeft .newsFlTwo .listsbox .itembox .d2box .d2a span {
  font-size: 12px;
  background: #f5f5f5;
  color: #666;
  padding: 3px 5px;
  margin-left: 10px;
}

.newsLeft .newsFlTwo .listsbox .itembox .d2box .d2a span:first-child {
  margin-left: 0;
}

.newsLeft .newsFlTwo .listsbox .itembox .d2box .d2b {
  font-size: 12px;
  color: #999;
}

.newsLeft .newsFlTwo .listsbox .itembox:hover .d1box .d1a span {
  color: #2589FF;
}

/*行业资讯---右侧*/

.newsRight {
  width: 350px;
}

.newsRight .newsFrOne {
  height: 345px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  padding: 20px;
}

.newsRight .newsFrOne .titles {
  font-size: 24px;
  padding-bottom: 10px;
  font-family: "pingFangBold";
}

.newsRight .newsFrOne .lists {
  width: 100%;
  height: 275px;
  overflow: hidden;
}

.newsRight .newsFrOne .lists .itembox {
  width: 100%;
  margin-top: 6px;
  cursor: pointer;
}

.newsRight .newsFrOne .lists .itembox:first-child {
  margin-top: 0;
}

.newsRight .newsFrOne .lists .itembox .p1 {
  font-size: 16px;
  transition: color 0.3s;
}

.newsRight .newsFrOne .lists .itembox .p2 {
  font-size: 13px;
  color: #999;
  padding-top: 5px;
}

.newsRight .newsFrOne .lists .itembox:hover .p1 {
  color: #2589FF;
}

.newsRight .newsFrTwo {
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.newsRight .newsFrTwo .wxbg {
  width: 308px;
  height: 140px;
  display: block;
  padding-left: 10px;
  padding-top: 10px;
}

.newsRight .newsFrTwo .wxbg img {
  width: 120px;
  height: 120px;
}

/*注册商标须知---轮播图片*/

#newsVideoSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#newsVideoSwiper .swiper-wrapper .swiper-slide a {
  width: 49%;
  display: block;
}

#newsVideoSwiper .swiper-wrapper .swiper-slide a .d1 {
  width: 100%;
  height: 130px;
  border-radius: 6px;
  overflow: hidden;
}

#newsVideoSwiper .swiper-wrapper .swiper-slide a .d2 {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  margin-top: 10px;
  transition: color 0.3s;
}

#newsVideoSwiper .swiper-wrapper .swiper-slide a:hover .d2 {
  color: #2589FF !important;
}

/*排行榜单*/

.rankingList {
  background: #F3F7FA;
}

/*排行榜单--三个盒子的公共类*/

.rankThreeBig {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.rankThreeBig .singItemBoxs {
  width: 412px;
  padding: 20px;
  background: #fff;
}

.rankThreeBig .singItemBoxs .titles {
  padding-bottom: 20px;
}

.rankThreeBig .singItemBoxs .titles .p1 {
  font-size: 24px;
  text-align: center;
  font-family: "pingFangBold";
}

.rankThreeBig .singItemBoxs .titles .p2 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

.rankThreeBig .singItemBoxs .titles .p2 i {
  width: 30px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #FFB077, #FF8A59);
}

/*排行榜单--三个盒子---左侧盒子*/

.rankPersonAdviser {
  width: 100%;
}

.rankPersonAdviser .itembox {
  width: 100%;
}

.rankPersonAdviser .itembox .list1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.rankPersonAdviser .itembox .list1 .fls {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #333;
}

.rankPersonAdviser .itembox .list1 .frs {
  width: calc(100% - 20px);
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.rankPersonAdviser .itembox .list1 .frs .fr1 {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  overflow: hidden;
}

.rankPersonAdviser .itembox .list1 .frs .fr2 {
  font-size: 14px;
  color: #333;
  flex: 1;
  padding: 0 10px;
  transition: color 0.3s;
}

.rankPersonAdviser .itembox .list1 .frs .fr3 span {
  font-size: 13px;
  color: #999;
}

.rankPersonAdviser .itembox:nth-child(1) .list1 .fls {
  background: #FF4D0A;
}

.rankPersonAdviser .itembox:nth-child(2) .list1 .fls {
  background: #FF9020;
}

.rankPersonAdviser .itembox:nth-child(3) .list1 .fls {
  background: #2589FF;
}

.rankPersonAdviser .itembox .list2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  display: none;
}

.rankPersonAdviser .itembox .list2 .fls {
  position: relative;
}

.rankPersonAdviser .itembox .list2 .fls .onlyBox {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.rankPersonAdviser .itembox .list2 .fls .iconjiang {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 35px;
  width: 26px;
  height: 28px;
  z-index: 1;
}

.rankPersonAdviser .itembox .list2 .frs {
  width: calc(100% - 40px);
  padding-left: 20px;
}

.rankPersonAdviser .itembox .list2 .frs .names {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}

.rankPersonAdviser .itembox .list2 .frs .names span.s1 {
  font-size: 16px;
  color: #333;
  padding-right: 8px;
  transition: color 0.3s;
  max-width: 30%;
}

.rankPersonAdviser .itembox .list2 .frs .names span.s2 {
  font-size: 13px;
  color: #999;
  max-width: 70%;
  transition: color 0.3s;
}

.rankPersonAdviser .itembox .list2 .frs .goodats {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid #F3F7FA;
}


.rankPersonAdviser .itembox .list2 .frs .goodats .p1 {
  font-size: 13px;
  color: #333;
}

.rankPersonAdviser .itembox .list2 .frs .goodats .p2 {
  display: flex;
  align-items: center;
}

.rankPersonAdviser .itembox .list2 .frs .goodats .p2 span {
  font-size: 12px;
  color: #666;
  position: relative;
  padding-left: 10px;
  padding-right: 5px;
}

.rankPersonAdviser .itembox .list2 .frs .goodats .p2 span:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  overflow: hidden;
  background: #666;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.rankPersonAdviser .itembox .numbers {
  border-top: 1px solid #F5F5F5;
  display: flex;
  padding-top: 10px;
}

.rankPersonAdviser .itembox .numbers .numitem {
  width: 20%;
  position: relative;
}

.rankPersonAdviser .itembox .numbers .numitem:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background: #D8D8D8;
}

.rankPersonAdviser .itembox .numbers .numitem:first-child:after {
  content: "";
  display: none;
}

.rankPersonAdviser .itembox .numbers .numitem span {
  width: 100%;
  display: block;
  text-align: center;
}

.rankPersonAdviser .itembox .numbers .numitem span.s1 {
  font-size: 14px;
}

.rankPersonAdviser .itembox .numbers .numitem span.s2 {
  font-size: 13px;
  color: #999;
}

.rankPersonAdviser .itembox:hover .list1 .frs .fr2 {
  color: #2589FF;
}

.rankPersonAdviser .itembox .list2 .fls .onlyBox .headimg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.rankPersonAdviser .itembox .list2 .frs .today_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rankPersonAdviser .itembox .list2 .frs .today_info .info_left {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}

.rankPersonAdviser .itembox .list2 .frs .today_info .info_left span {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.rankPersonAdviser .itembox .list2 .frs .today_info .info_right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 28px;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-weight: 400;
  color: #1450EB;
  border: 1px solid #1450EB;
}

.rankPersonAdviser .itembox .list2 .frs .today_info .info_right:hover {
  background-color: #1450EB;
  color: #fff;
}



/*排行榜单--三个盒子---左侧盒子---在线问答页面的新增或者修改*/

.adviserReplyRank .rankPersonAdviser .itembox .replycounts {
  width: 100%;
  align-items: center;
  justify-content: space-around;
  display: flex;
  border-top: 1px solid rgba(150, 150, 150, 0.1);
  padding-top: 10px;
}

.adviserReplyRank .rankPersonAdviser .itembox .replycounts .p1 {
  display: inline-flex;
  align-items: center;
}

.adviserReplyRank .rankPersonAdviser .itembox .replycounts .p1 span {
  font-size: 13px;
  color: #666;
}

.adviserReplyRank .rankPersonAdviser .itembox .replycounts .p1 span.stress {
  font-size: 16px;
  color: #333;
}

.adviserReplyRank .rankPersonAdviser .itembox .replycounts .p2 {
  width: 80px;
  height: 26px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #1450EB;
  color: #1450EB;
  font-size: 12px;
  transition: all 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.adviserReplyRank .rankPersonAdviser .itembox .replycounts .p2:hover {
  background: #1450EB;
  color: #fff;
}

.adviserReplyRank .rankPersonAdviser .itembox:hover .list2 .frs .names span.s2 {
  color: #2589FF;
}

/*排行榜单--三个盒子---左侧盒子---切换人物状态*/

.rankPersonAdviser .itembox.on .list1 {
  display: none;
}

.rankPersonAdviser .itembox.on .list2 {
  display: flex;
}

/*排行榜单--三个盒子---中间盒子*/

.rankPersonHot {
  width: 100%;
  height: 382px;
  overflow: hidden;
}

.rankPersonHot .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F5F5F5;
  padding: 16px 0;
}

.rankPersonHot .itembox:first-child {
  padding-top: 0;
}

.rankPersonHot .itembox:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.rankPersonHot .itembox .fls {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  overflow: hidden;
}

.rankPersonHot .itembox .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rankPersonHot .itembox .frs .fr1 {
  height: 25px;
  width: 100%;
  display: flex;
  align-items: center;
}

.rankPersonHot .itembox .frs .fr1 p {
  font-size: 16px;
  transition: color 0.3s;
}

.rankPersonHot .itembox .frs .fr1 i {
  display: none;
}

.rankPersonHot .itembox .frs .fr2 {
  font-size: 13px;
  color: #999;
  padding-top: 5px;
}

.rankPersonHot .itembox:hover .frs .fr1 p {
  color: #2589FF;
}

.rankPersonHot .itembox:nth-child(1) .frs .fr1 i {
  background: url(../images/top1.png);
  width: 46px;
  height: 46px;
  display: inline-block;
}

.rankPersonHot .itembox:nth-child(2) .frs .fr1 i {
  background: url(../images/top2.png);
  width: 46px;
  height: 46px;
  display: inline-block;
}

.rankPersonHot .itembox:nth-child(3) .frs .fr1 i {
  background: url(../images/top3.png);
  width: 46px;
  height: 46px;
  display: inline-block;
}

.rankPersonHot .itembox:nth-child(1) .frs .fr1 p {
  max-width: calc(100% - 46px);
}

.rankPersonHot .itembox:nth-child(2) .frs .fr1 p {
  max-width: calc(100% - 46px);
}

.rankPersonHot .itembox:nth-child(3) .frs .fr1 p {
  max-width: calc(100% - 46px);
}

/*排行榜单--三个盒子---右侧盒子*/

.rankPersonQuan .quan1list {
  width: 100%;
  overflow: hidden;
}

.rankPersonQuan .quan1list a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  float: left;
  width: 124px;
}

.rankPersonQuan .quan1list a:nth-child(1) {
  height: 118px;
  position: relative;
  bottom: -10px;
}

.rankPersonQuan .quan1list a:nth-child(2) {
  height: 128px;
}

.rankPersonQuan .quan1list a:nth-child(3) {
  height: 118px;
  position: relative;
  bottom: -10px;
}

.rankPersonQuan .quan1list img.head {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100%;
}

.rankPersonQuan .quan1list a:nth-child(1) img.head {
  width: 40px;
  height: 40px;
  top: 19px;
}

.rankPersonQuan .quan1list a:nth-child(2) img.head {
  width: 48px;
  height: 48px;
  top: 13px;
}

.rankPersonQuan .quan1list a:nth-child(3) img.head {
  width: 40px;
  height: 40px;
  top: 19px;
}

.rankPersonQuan .quan1list a .onlyBox {
  width: 100%;
}

.rankPersonQuan .quan1list a .onlyBox span {
  width: 100%;
  padding: 0 5%;
  display: block;
  text-align: center;
}

.rankPersonQuan .quan1list a .onlyBox span.s1 {
  font-size: 18px;
  padding-bottom: 5px;
}

.rankPersonQuan .quan1list a .onlyBox span.s2 {
  font-size: 14px;
  padding-bottom: 10px;
}

.rankPersonQuan .quan1list a:nth-child(1) .onlyBox span {
  color: #4F9CF8;
}

.rankPersonQuan .quan1list a:nth-child(2) .onlyBox span {
  color: #ECA11F;
}

.rankPersonQuan .quan1list a:nth-child(3) .onlyBox span {
  color: #F36A3E;
}

.rankPersonQuan .quan2list {
  padding-top: 20px;
}

.rankPersonQuan .quan2list .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}

.rankPersonQuan .quan2list .itembox:first-child {
  padding-top: 0;
}

.rankPersonQuan .quan2list .itembox:last-child {
  padding-bottom: 0;
}

.rankPersonQuan .quan2list .itembox .p1 {
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #333;
  color: #fff;
  font-size: 13px;
  color: #fff;
  border-radius: 100%;
  overflow: hidden;
}

.rankPersonQuan .quan2list .itembox .p2 {
  width: calc(100% - 100px);
  font-size: 14px;
  padding-left: 10px;
  transition: color 0.3s;
}

.rankPersonQuan .quan2list .itembox .p3 {
  width: 80px;
  font-size: 14px;
  color: #999;
  text-align: right;
}

.rankPersonQuan .quan2list .itembox:hover .p2 {
  color: #2589FF;
}

/*合作企业*/

.cooperativeEnterprise1 {
  background: #F3F7FA;
}

.cooperativeEnterprise2 {
  background: #fff;
  padding: 50px 0;
}

.cooperationSwiper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.cooperationSwiper .ffs {
  width: 100px;
  border: 0px solid red;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cooperationSwiper .swiper-container {
  width: calc(100% - 200px);
}

.cooperationSwiper .swiper-container .swiper-wrapper .swiper-slide {
  border: 0px solid #eee;
}

/*公共类底部*/



.footer_box {
  width: 100%;
}

.footer_box .footer_top {
  width: 100%;
  height: 250px;
  background-color: #222C3C;
}

.footer_box .footer_top .footer_content {
  display: flex;
  justify-content: space-between;
  padding: 28px 20px 0 20px;
}

.footer_box .footer_top .footer_content .content_left .left_title {
  font-size: 16px;
  font-weight: 400;
  color: #F1F1F1;
  margin-bottom: 22px;
}

.footer_box .footer_top .footer_content .content_left .left_des {
  width: 400px;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
  color: #B2B2B2;
}

.footer_box .footer_top .footer_content .content_middle .middle_title {
  font-size: 16px;
  font-weight: bold;
  color: #F1F1F1;
  margin-bottom: 18px;
}

.footer_box .footer_top .footer_content .content_middle .middle_img {
  width: 382px;
  height: 61px;
  margin-bottom: 31px;
}

.footer_box .footer_top .footer_content .content_middle .middle_img .footer_img {
  width: 100%;
  height: 100%;
}

.footer_box .footer_top .footer_content .content_middle .middle_sub {
  font-size: 16px;
  font-weight: bold;
  color: #F1F1F1;
  margin-bottom: 15px;
}

.footer_box .footer_top .footer_content .content_middle .middle_tips {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 382px;
}

.footer_box .footer_top .footer_content .content_middle .middle_tips .tip_item {
  font-size: 13px;
  font-weight: 400;
  color: #B2B2B2;
}

.footer_box .footer_top .footer_content .content_right {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer_box .footer_top .footer_content .content_right .qr_code {
  width: 90px;
  height: 90px;
  margin-bottom: 10px;
}

.footer_box .footer_top .footer_content .content_right span {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}

.footer_box .footer_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: #182130;
}

.footer_box .footer_bottom .for_record {
  font-size: 12px;
  font-weight: 400;
  color: #B2B2B2;
}


/*自营服务的手风琴效果*/

.selfService {
  background: #F3F7FA;
}

.selfService2 {
  display: flex;
  justify-content: space-between;
}

.selfService2 .itembox {
  width: 230px;
  height: 360px;
  background: #fff;
  padding: 40px;
}

.selfService2 .itembox .flFrShow {
  display: none;
}

.selfService2 .onlyItem {
  display: block;
}

.selfService2 .onlyItem .d1 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.selfService2 .onlyItem .d1 img {
  width: 76px;
  height: 80px;
}

.selfService2 .onlyItem .d2 {
  text-align: center;
  font-size: 20px;
  color: #333;
  padding: 10px 0;
  font-family: "pingFangBold";
}

.selfService2 .onlyItem .d3 {
  text-align: center;
  font-size: 14px;
  color: #666;
  height: 60px;
  line-height: 20px;
  width: 150px;
}

.selfService2 .onlyItem .d4 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}

.selfService2 .onlyItem .d4 a {
  width: 126px;
  height: 38px;
  border-radius: 38px;
  border: 1px solid #D8D8D8;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.selfService2 .onlyItem .d4 a:hover {
  color: #2589FF;
  border: 1px solid #2589FF;
}

/*自营服务的手风琴效果---选中*/

.selfService2 .itembox.on {
  width: 590px;
  padding: 0;
}

.selfService2 .itembox.on .onlyItem {
  display: none;
  width: 230px;
}

.selfService2 .itembox.on .flFrShow {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.selfService2 .itembox.on .flFrShow .fuwuline {
  position: absolute;
  left: 242px;
  top: 0;
  height: 360px;
  width: 20px;
  z-index: 2;
  display: none;
}

.selfService2 .itembox.on .flFrShow .left {
  width: 230px;
  padding: 40px;
}

.selfService2 .itembox.on .flFrShow .left .logos {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 80px;
  display: flex;
  align-items: center;
}

.selfService2 .itembox.on .flFrShow .left .logos img {
  width: 121px;
  height: 30px;
}

.selfService2 .itembox.on .flFrShow .left .titles {
  text-align: center;
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  font-family: "pingFangBold";
}

.selfService2 .itembox.on .flFrShow .left .descipts {
  text-align: center;
  font-size: 14px;
  color: #fff;
  height: 60px;
  line-height: 20px;
  width: 150px;
}

.selfService2 .itembox.on .flFrShow .left .btns {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
}

.selfService2 .itembox.on .flFrShow .left .btns a {
  width: 126px;
  height: 38px;
  border-radius: 38px;
  border: 1px solid #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #2589FF;
}

.selfService2 .itembox.on .flFrShow .right {
  width: 360px;
  background: #fff;
  padding: 20px;
  border-right: 1px solid #F5F5F5;
}

/*自营服务的手风琴效果---第1个tab卡片选项和第3个tab卡片选项*/

.zhuCeAndXinBan {
  width: 100%;
}

.zhuCeAndXinBan .itembanr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
}

.zhuCeAndXinBan .itembanr:first-child {
  padding-top: 0;
}

.zhuCeAndXinBan .itembanr:last-child {
  padding-bottom: 0;
}

.zhuCeAndXinBan .itembanr .fls {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 5px;
}

.zhuCeAndXinBan .itembanr .frs {
  width: calc(100% - 60px);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zhuCeAndXinBan .itembanr .frs .fr1 {
  font-size: 16px;
  transition: color 0.3s;
}

.zhuCeAndXinBan .itembanr .frs .fr2 {
  font-size: 13px;
  color: #999;
}

.zhuCeAndXinBan .itembanr .frs .fr3 {
  font-size: 13px;
  color: #999;
}

.zhuCeAndXinBan .itembanr:hover .fr1 {
  color: #2589FF;
}

/*自营服务的手风琴效果---第2个tab卡片选项*/

.shenQingZhuanLi {
  width: 100%;
}

.shenQingZhuanLi .itemzhuanli {
  display: block;
  width: 100%;
  padding: 10px 0;
}

.shenQingZhuanLi .itemzhuanli:first-child {
  padding-top: 0;
}

.shenQingZhuanLi .itemzhuanli:last-child {
  padding-bottom: 0;
}

.shenQingZhuanLi .itemzhuanli .d1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shenQingZhuanLi .itemzhuanli .d1 p {
  max-width: 50%;
  transition: color 0.3s;
}

.shenQingZhuanLi .itemzhuanli .d1 .p1 {
  font-size: 16px;
  color: #333;
}

.shenQingZhuanLi .itemzhuanli .d1 .p2 {
  text-align: right;
  font-size: 14px;
  color: #999;
}

.shenQingZhuanLi .itemzhuanli .d2 {
  color: #999;
  font-size: 13px;
  padding-top: 5px;
}

.shenQingZhuanLi .itemzhuanli .d3 {
  color: #999;
  font-size: 13px;
  padding-top: 5px;
}

.shenQingZhuanLi .itemzhuanli:hover .d1 p {
  color: #2589FF !important;
}

/*自营服务的手风琴效果---第4个tab卡片选项*/

.ziYingFuWu {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.ziYingFuWu .itemFuwu {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ziYingFuWu .itemFuwu .fls {
  width: 28px;
}

.ziYingFuWu .itemFuwu .fls img {
  width: 28px;
  height: 28px;
}

.ziYingFuWu .itemFuwu .frs {
  width: calc(100% - 28px);
  padding-left: 20px;
}

.ziYingFuWu .itemFuwu .frs .frtitle {
  font-size: 16px;
  padding-bottom: 5px;
}

.ziYingFuWu .itemFuwu .frs .frlinkm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.ziYingFuWu .itemFuwu .frs .frlinkm a {
  width: 50%;
}

.ziYingFuWu .itemFuwu .frs .frlinkm a span {
  font-size: 14px;
}

.ziYingFuWu .itemFuwu .frs .frlinkm a:hover span {
  text-decoration: underline;
}

/* 横线排列的三个特约作者 */

.newsThreeAuthor {
  background: linear-gradient(to bottom, #F1F5FB, #FFFFFF);
  padding: 30px 0;
}

.newsThreeAuthor2 {
  display: flex;
  justify-content: space-between;
}

.newsThreeAuthor2 .itembox:last-child:nth-child(3n + 2) {
  margin-right: calc((100% - 30%) / 2);
}

.newsThreeAuthor2 .itembox {
  border: 0px solid red;
  display: flex;
  width: 30%;
}

.newsThreeAuthor2 .itembox .fls {
  width: 60px;
}

.newsThreeAuthor2 .itembox .fls p {
  width: 100%;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
}

.newsThreeAuthor2 .itembox .frs {
  width: calc(100% - 60px);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.newsThreeAuthor2 .itembox .frs .p1 {
  width: 100%;
  display: flex;
  align-items: center;
}

.newsThreeAuthor2 .itembox .frs .p1 .s1 {
  font-family: "pingFangBold";
  font-size: 18px;
  color: #333;
  padding-right: 10px;
}

.newsThreeAuthor2 .itembox .frs .p1 .s2 {
  background: #11B041;
  border-radius: 2px;
  overflow: hidden;
  font-size: 12px;
  color: #fff;
  padding: 3px 6px;
}

.newsThreeAuthor2 .itembox .frs .p2 {
  font-size: 14px;
  color: #999;
}

/* 新闻页面的最大容器 */

.newsPageContainer {
  padding: 20px 0 54px 0
}

.newsPageContainer2 {
  display: flex;
  justify-content: space-between;
}

.newsPageContainer2 .newsPageFl {
  width: 820px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.newsPageContainer2 .newsPageFr {
  width: 360px;
}

.newsPageCopy2Fr {
  width: 400px;
}

.newsPageCopy3Fr {
  width: 360px;
}

/* 新闻页面的最大容器---左侧---头部 */

.newsPageTabHead {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  padding: 26px 21px 20px 24px;
}

.newsPageTabHead .fls a {
  font-weight: bold;
  font-size: 18px;
  color: #333;
  position: relative;
  margin-left: 50px;
}

.newsPageTabHead .fls a:first-child {
  margin-left: 0;
}

.newsPageTabHead .fls a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  bottom: -5px;
  height: 2px;
  background: transparent;
  transition: all 0.3s;
}

.newsPageTabHead .fls a.on {
  font-family: "pingFangBold";
  color: #2589FF;
}

.newsPageTabHead .fls a:hover {
  color: #2589FF;
}

.newsPageTabHead .fls a.on::after {
  background: #2589FF;
  width: 40%;
}

.newsPageTabHead .fls a:hover::after {
  background: #2589FF;
  width: 40%;
}

.newsPageTabHead .frs a {
  display: inline-flex;
  align-items: center;
  height: 35px;
  padding-left: 20px;
  border: 0px solid red;
}

.newsPageTabHead .frs a .span {
  font-size: 12px;
  color: #999;
  transition: color 0.3s;
  padding-right: 5px;
}

.newsPageTabHead .frs a .iconfont {
  font-size: 12px;
  color: #999;
  transition: color 0.3s;
}

.newsPageTabHead .frs a:hover span {
  color: #2589FF;
}

.newsPageTabHead .fls a.active {
  position: relative;
  color: #2589FF;
}

.newsPageTabHead .fls a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  bottom: -5px;
  height: 2px;
  background: #2589FF
}

/* 新闻页面的最大容器---左侧---身体 */

.newsPageTabBody {
  /* max-height: 1408px; */
  /* overflow: hidden; */
}

.newsPageTabBody .itembox {
  display: flex;
  width: 100%;
  border: 0px solid red;
  padding: 28px;
  background: rgba(255, 255, 255, 0.39);
  transition: box-shadow 0.3s;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.newsPageTabBody .itembox:last-child {
  border-bottom: none;
}

.newsPageTabBody .itembox .txtbox {
  width: 100%;
}

.newsPageTabBody .itembox .titles {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 10px;
  transition: color 0.3s;
}

.newsPageTabBody .itembox .descipts {
  font-size: 14px;
  color: #666;
  height: 44px;
  line-height: 22px;
}

.newsPageTabBody .itembox .infos {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 0 0;
}

.newsPageTabBody .itembox .infos p {
  padding-left: 30px;
  font-size: 13px;
  color: #aaa;
}

.newsPageTabBody .itembox .infos p.oe {
  max-width: 200px;
}

.newsPageTabBody .itembox .infos p:first-child {
  padding-left: 0;
}

.newsPageTabBody .itembox .imgbox {
  display: none;
}

.newsPageTabBody .itembox:hover .titles {
  color: #2589FF;
}

.newsPageTabBody .itembox:hover {
  box-shadow: 0px 0px 20px rgba(100, 100, 100, 0.1);
}

/* 新闻页面的最大容器---左侧---身体---如果新闻列表有图片 */

.newsPageTabBody .itembox.ifimg .txtbox {
  width: calc(100% - 180px);
  padding-right: 30px;
}

.newsPageTabBody .itembox.ifimg .imgbox {
  display: block;
  width: 180px;
  height: 120px;
  overflow: hidden;
}

/* 新闻页面的最大容器---右侧---公共类 */

.newsCommPanel {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding-bottom: 26px;
  margin-top: 20px;
}

.newsCommPanel:first-child {
  margin-top: 0;
}

.newsCommPanel .newsTitleBox {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-top: 26px;
  padding-left: 28px;
  margin-bottom: 16px;
  font-weight: bold;
}

.newsCommPanel .commLokMoreBtn {
  padding-top: 20px;
}

/* 新闻页面的最大容器---右侧---资讯排行榜 */

.InformationRankList .itembox {
  display: block;
  width: 100%;
  height: 90px;
  padding: 9px 28px 8px 28px;
  border: 0px solid red;
  transition: all 0.3s;
}

.InformationRankList .itembox .d1box {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.InformationRankList .itembox .d1box img {
  width: 31px;
  height: 16px;
}

.InformationRankList .itembox .d1box span {
  max-width: calc(100% - 16px);
  padding-left: 10px;
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
  font-weight: bold;
}

.InformationRankList .itembox .d2box {
  font-size: 14px;
  color: #999;
  line-height: 20px;
}

.InformationRankList .itembox:hover .d1box span {
  color: #2589FF !important;
}

.InformationRankList .itembox:hover {
  box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.1);
}

/* 新闻页面的最大容器---右侧---资讯排行榜---区分显示news还是hot */

.InformationRankList .itembox.ifnews .d1box .newshot {
  display: none;
}

.InformationRankList .itembox.ifnews .d1box .newsnews {
  display: inline-block;
}

.InformationRankList .itembox.ifhot .d1box .newshot {
  display: inline-block;
}

.InformationRankList .itembox.ifhot .d1box .newsnews {
  display: none;
}

/* 新闻页面的最大容器---右侧---上周作者排行榜 */

.lastAuthorRankList {
  /* max-height: 270px;
  overflow: hidden; */
}

.lastAuthorRankList .itembox {
  display: flex;
  width: 100%;
  padding: 20px 30px;
  border: 0px solid red;
  transition: all 0.3s;
  justify-content: space-between;
  align-items: center;
}

.lastAuthorRankList .itembox .fls {
  width: 50px;
}

.lastAuthorRankList .itembox .fls img {
  width: 30px;
  height: 30px;
}

.lastAuthorRankList .itembox .mids {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.lastAuthorRankList .itembox .frs {
  width: calc(100% - 50px - 50px);
  padding-left: 20px;
  height: 50px;
}

.lastAuthorRankList .itembox .frs .fr1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lastAuthorRankList .itembox .frs .fr1 .s1 {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
}

.lastAuthorRankList .itembox .frs .fr1 .s2 {
  font-size: 13px;
  color: #91BDF3;
}

.lastAuthorRankList .itembox .frs .fr1 .s3 {
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #1450EB;
  font-size: 12px;
  color: #fff;
  text-align: center;
  opacity: 0;
  transition: all 0.3s;
}

.lastAuthorRankList .itembox .frs .fr1 .s3:hover {
  background: #3669EC;
}

.lastAuthorRankList .itembox .frs .fr2 {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.lastAuthorRankList .itembox .frs .fr2 p {
  display: inline-flex;
  align-items: center;
  padding-left: 20px;
}

.lastAuthorRankList .itembox .frs .fr2 p:first-child {
  padding-left: 0;
}

.lastAuthorRankList .itembox .frs .fr2 p .s1 {
  font-size: 13px;
  color: #999;
}

.lastAuthorRankList .itembox .frs .fr2 p .s2 {
  font-size: 13px;
  color: #333;
  padding-left: 10px;
}

.lastAuthorRankList .itembox:hover {
  box-shadow: 0px 0px 20px rgba(100, 100, 100, 0.1);
}

.lastAuthorRankList .itembox:hover .frs .fr1 .s3 {
  opacity: 1;
}

/* 新闻页面的最大容器---右侧---最新问答 */

.latestAnswerList {
  padding: 0 30px;
  max-height: 360px;
  overflow: hidden;
}

.latestAnswerList .itembox {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333;
  padding: 8px 0;
  transition: color 0.3s;
}

.latestAnswerList .itembox:hover {
  color: #1450EB;
}

/* 在新闻页面的公共类查看更多 */

.commLokMoreBtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.commLokMoreBtn a {
  display: inline-flex;
  width: 344px;
  height: 40px;
  background: #F5F5F5;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  overflow: hidden;
  transition: background 0.3s;
}

.commLokMoreBtn a .span {
  font-size: 14px;
  color: #999;
  padding-right: 10px;
  transition: color 0.3s;
}

.commLokMoreBtn a .iconfont {
  font-size: 14px;
  color: #999;
  transition: color 0.3s;
}

.commLokMoreBtn a .icon-youjiantou {
  font-size: 12px;
}

.commLokMoreBtn a:hover {
  background: #2589FF;
}

.commLokMoreBtn a:hover span {
  color: #fff;
}

/* 在新闻页面的公共类查看更多---其他追加 */

.newsLookMore {
  padding: 30px 0;
}

/* 新闻分页 */

.onlyPage {
  padding-bottom: 50px;
}

.onlyPage .onlyPage2 .only780px {
  width: 780px;
}

.newsTurnPage {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newsTurnPage a {
  font-size: 14px;
  color: #666;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  text-align: center;
  margin: 0 5px;
  transition: all 0.3s;
}

.newsTurnPage a.on {
  background: #2589FF;
  color: #fff;
}

.newsTurnPage a:hover {
  background: #2589FF;
  color: #fff;
}

.newsTurnPage a:first-child {
  width: 72px;
}

.newsTurnPage a:last-child {
  width: 72px;
}

/* 固定在右侧的按钮 */

.fixSlideBar {
  position: fixed;
  right: 200px;
  bottom: 15%;
  z-index: 100;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.1);
  width: 50px;
  padding: 20px 0;
  border-radius: 25px;
  display: none;
}

.fixSlideBar .itembox {
  width: 50px;
  padding: 5px 0;
  display: flex;
  justify-content: center;
}

.fixSlideBar .itembox a {
  width: 36px;
  height: 36px;
  position: relative;
}

.fixSlideBar .itembox a img {
  width: 36px;
  height: 36px;
  position: relative;
  transition: opacity 0.3s;
}

.fixSlideBar .itembox a img.img1 {
  z-index: 1;
}

.fixSlideBar .itembox a img.img2 {
  z-index: 2;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.fixSlideBar .itembox:hover img.img2 {
  opacity: 1;
}

.fixSlideBar .itembox p {
  position: absolute;
  left: 70px;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.1);
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  display: none;
}

.fixSlideBar .itembox p::before {
  content: "";
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  left: -12px;
  top: 9px;
}

.fixSlideBar .itembox:nth-child(1) p {
  top: 25px;
}

.fixSlideBar .itembox:nth-child(2) p {
  bottom: 25px;
}

/* 公共类的存在banner大图之中的面包屑导航 */

.commCrumbsNav {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.commCrumbsNav a {
  font-size: 16px;
  color: #333;
  transition: color 0.3s;
}

.commCrumbsNav a::after {
  content: ">";
  margin: 0 10px;
  font-size: 16px;
  color: #333;
}

.commCrumbsNav a:last-child::after {
  content: "";
  display: none;
}

.commCrumbsNav a:hover {
  color: #2589FF;
}

.onlyCrumbsNav {
  padding: 20px 0;
}

.onlyCrumbsNav .commCrumbsNav {
  padding: 0;
}

/* 公共类的存在banner大图之中的表单搜索框 */

.bannerSearchForm {
  width: 100%;
  display: flex;
  padding-top: 130px;
}

.bannerSearchForm2 {
  width: 520px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bannerSearchForm2 .inputClass {
  width: 420px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  font-size: 14px;
  color: #6182AB;
  background: linear-gradient(180deg, #EEF1F6 0%, #FFFFFF 100%);
  box-shadow: 0px 3px 12px rgba(51, 51, 51, 0.08);
}

.bannerSearchForm2 .inputClass:focus {
  box-shadow: 0 0 2px #ccc inset;
}

.bannerSearchForm2 .submitClass {
  width: 100px;
  height: 40px;
  font-size: 14px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #1450EB;
  transition: background 0.3s;
}

.bannerSearchForm2 .submitClass:hover {
  background: #3568ed;
}

/* 公共类的存在banner大图之中的标题文字和描述文字 */

.bannerTitleDescipt {
  width: 100%;
}

.bannerTitleDescipt .d1 {
  font-size: 42px;
  color: #223455;
}

.bannerTitleDescipt .d2 {
  font-size: 16px;
  color: #3D485D;
}

/* 新闻页面的banner大图背景 */

.newsBgBox {
  width: 100%;
  height: 320px;
}

/* 新闻页面的banner大图背景2 */

.newsBgBox2 {
  width: 100%;
  height: 420px;
  padding-top: 110px;
}

.newsBgBox2 .bannerSearchForm {
  padding-top: 40px !important;
}

/* 新闻页面的八个类目展示 */

.newsEightShow {
  width: 100%;
  margin-top: -50px;
}

.newsEightShow2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr 1fr;
  row-gap: 20px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.08);
  background: #fff;
  padding: 26px 34px;
}

.newsEightShow2 .itembox {
  border: 0px solid red;
  display: flex;
  justify-content: space-between;
}

.newsEightShow2 .itembox .fls {
  width: 42px;
  height: 42px;
  overflow: hidden;
}

.newsEightShow2 .itembox .frs {
  width: calc(100% - 42px);
  padding-left: 20px;
}

.newsEightShow2 .itembox .frs .fr1 {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
}

.newsEightShow2 .itembox .frs .fr2 {
  display: flex;
  flex-wrap: wrap;
}

.newsEightShow2 .itembox .frs .fr2 a {
  font-size: 13px;
  color: #999;
  transition: color 0.3s;
  border: 0px solid red;
  width: 50%;
  padding-top: 6px;
}

.newsEightShow2 .itembox .frs .fr2 a:hover {
  color: #2589FF;
}

/* 新闻页面2的左右最大容器 */

.news2PageContainer2 {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
  padding-top: 20px;
}

.news2PageContainer2 .news2Left {
  width: 360px;
}

.news2PageContainer2 .news2Right {
  width: 820px;
}

/* 新闻页面2的左右最大容器---左侧 */

.news2FlPanel {
  height: 417px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.news2FlPanel:first-child {
  margin-top: 0;
}

.news2FlPanel .news2Titles {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 11px;
}

.news2FlPanel .news2Links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.news2FlPanel .news2Links a {
  width: 33.33%;
  font-size: 14px;
  color: #333;
  transition: color 0.3s;
  padding: 10px 0;
}

.news2FlPanel .news2Links a:hover {
  color: #2589FF;
}

.news2FlPanel .pseronInfo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(200, 200, 200, 0.1);
  padding-top: 25px;
  margin-top: 25px;
}

.news2FlPanel .pseronInfo .fls {
  width: 50px;
}

.news2FlPanel .pseronInfo .fls p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.news2FlPanel .pseronInfo .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
}

.news2FlPanel .pseronInfo .frs .names {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news2FlPanel .pseronInfo .frs .names span {
  max-width: 50%;
}

.news2FlPanel .pseronInfo .frs .names span.s1 {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
}

.news2FlPanel .pseronInfo .frs .names span.s2 {
  font-size: 13px;
  color: #aaa;
}

.news2FlPanel .pseronInfo .frs .tags {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 10px 0;
}

.news2FlPanel .pseronInfo .frs .tags span {
  font-size: 13px;
  color: #aaa;
}

.news2FlPanel .pseronInfo .frs .tags span::before {
  content: "|";
  margin: 0 5px;
}

.news2FlPanel .pseronInfo .frs .tags span:first-child::before {
  display: none;
  color: #ddd;
}

.news2FlPanel .pseronInfo .frs .numbers {
  width: 100%;
  display: flex;
}

.news2FlPanel .pseronInfo .frs .numbers p {
  display: inline-flex;
  align-items: center;
  padding-left: 30px;
}

.news2FlPanel .pseronInfo .frs .numbers p:first-child {
  padding-left: 0;
}

.news2FlPanel .pseronInfo .frs .numbers p span {
  font-size: 13px;
  color: #aaa;
}

.news2FlPanel .pseronInfo .frs .numbers p span.stress {
  font-size: 14px;
  color: #333;
  padding-left: 5px;
}

.news2FlPanel .pseronInfo .frs .btns {
  width: 100%;
  display: flex;
  padding-top: 15px;
}

.news2FlPanel .pseronInfo .frs .btns a {
  display: inline-flex;
  width: 90px;
  height: 30px;
  justify-content: center;
  align-items: center;
  background: #1450EB;
  color: #fff;
  font-size: 13px;
  transition: background 0.3s;
  border-radius: 3px;
  overflow: hidden;
}

.news2FlPanel .pseronInfo .frs .btns a:hover {
  background: #3465e3;
}

/* 新闻页面2的左右最大容器---右侧 */

.news2FrList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
  height: 417px;
  overflow: hidden;
  margin-top: 20px;
}

.news2FrList:first-child {
  margin-top: 0;
}

.news2FrList .itembox {
  width: 47%;
}

.news2FrList .itembox .fls {
  display: none;
}

.news2FrList .itembox .frs {
  width: 100%;
}

.news2FrList .itembox .frs .descipts {
  font-size: 13px;
  color: #999;
  text-align: justify;
  margin-top: 20px;
  line-height: 25px;
  height: 75px;
  display: none;
}

.news2FrList .itembox .frs .titles {
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
}

.news2FrList .itembox .numbers {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.news2FrList .itembox .numbers p {
  font-size: 13px;
  color: #aaa;
  padding-left: 30px;
}

.news2FrList .itembox .numbers p:first-child {
  padding-left: 0;
}

.news2FrList .itembox:hover .titles {
  color: #2589FF;
}

/* 新闻页面2的左右最大容器---右侧---针对第一个特别处理 */

.news2FrList .itembox:first-child {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  padding-bottom: 26px;
  margin-bottom: 26px;
}

.news2FrList .itembox:first-child .fls {
  width: 260px;
  height: 180px;
  overflow: hidden;
  display: inline-block;
}

.news2FrList .itembox:first-child .frs {
  width: calc(100% - 260px);
  padding-left: 30px;
}

.news2FrList .itembox:first-child .frs .titles {
  font-size: 18px;
}

.news2FrList .itembox:first-child .frs .descipts {
  display: -webkit-box;
}

.news2FrList .itembox:first-child .numbers {
  padding-top: 20px;
}

.news2FrList .itembox:nth-child(4) {
  margin-top: 27px;
}

.news2FrList .itembox:nth-child(5) {
  margin-top: 27px;
}

.news2FrList .itembox:nth-child(6) {
  margin-top: 100px;
}

.news2FrList .itembox:nth-child(7) {
  margin-top: 100px;
}

/* 仅仅一张banner大图展示 */

.onlyBanner {
  width: 100%;
}

.onlyBanner img {
  display: block;
  width: 100%;
}

/* 新闻页面的最大容器(复制而来) */

.copy1 .newsPageContainer {
  padding-top: 0;
}

.copy1 .newsPageFrCopy {
  width: 400px;
}

/* 新闻页面的最大容器(复制而来2) */

.copy2 .newsPageContainer2 .newsPageFl {
  background: none;
  box-shadow: none;
  width: 820px;
}

.copy2 .newsPageContainer2 .newsPageFl .onlyNewsBox {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.copy2 .newsPageTabBody .itembox .infos p {
  padding-left: 50px;
}

.copy2 .newsPageTabBody .itembox .infos p.headimgs {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  padding-left: 0;
}

.copy2 .newsPageTabBody .itembox .infos p.nametxts {
  padding-left: 10px;
  max-width: 200px;
}

.copy2 .newsPageTabBody {
  /* max-height: 723px; */
}

.copy3 .newsPageTabBody {
  /* max-height: 1628px; */
}

/* 新闻页面的最大容器(复制而来)---专栏作者 */

.columnWriter {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.columnWriter .titlesbox {
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  height: 86px;
  line-height: 86px;
  padding: 0 30px;
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.columnWriter .tabsbox {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px 30px;
}

.columnWriter .tabsbox a {
  font-size: 18px;
  color: #666;
  font-family: "pingFangBold";
  border-bottom: 2px solid transparent;
  margin-left: 30px;
  padding-bottom: 5px;
  transition: all 0.3s;
}

.columnWriter .tabsbox a:first-child {
  margin-left: 0;
  border-bottom: 2px solid #333;
}

.columnWriter .tabsbox a:hover {
  border-bottom: 2px solid #333;
  color: #333;
}

.columnWriter .authorlists {
  max-height: 580px;
  overflow: hidden;
}

.columnWriter .authorlists .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px 30px;
}

.columnWriter .authorlists .itembox .fls {
  width: 50px;
}

.columnWriter .authorlists .itembox .fls p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.columnWriter .authorlists .itembox .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
}

.columnWriter .authorlists .itembox .frs .fr1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.columnWriter .authorlists .itembox .frs .fr1 .s1 {
  font-size: 20px;
  color: #666;
  font-family: "pingFangBold";
}

.columnWriter .authorlists .itembox .frs .fr1 .s2 {
  background: linear-gradient(to right, #FF8455, #FFBA7E);
  font-size: 12px;
  color: #fff;
  border-radius: 6px 6px 6px 0px;
  padding: 2px 6px;
  visibility: hidden;
}

.columnWriter .authorlists .itembox .frs .fr1 .s3 {
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #1450EB;
  font-size: 12px;
  color: #fff;
  text-align: center;
  opacity: 0;
  transition: all 0.3s;
}

.columnWriter .authorlists .itembox .frs .fr1 .s3:hover {
  background: #3669EC;
}

.columnWriter .authorlists .itembox .frs .fr2 {
  font-size: 13px;
  color: #999;
  padding-top: 10px;
}

.columnWriter .authorlists .itembox .frs .fr3 {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.columnWriter .authorlists .itembox .frs .fr3 span {
  font-size: 13px;
  color: #999;
}

.columnWriter .authorlists .itembox .frs .fr3 span.stress {
  color: #333;
}

.columnWriter .authorlists .itembox:hover {
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
}

.columnWriter .authorlists .itembox:hover .frs .fr1 .s3 {
  opacity: 1;
}

.columnWriter .authorlists .itembox.ifteyue .frs .fr1 .s2 {
  visibility: inherit;
}

/* 新闻页面的最大容器(复制而来)---推荐问答 */

.recommendedQAndA {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 30px;
}

.recommendedQAndA .titlesbox {
  padding: 30px 30px 20px 30px;
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.recommendedQAndA .recommendedList {
  max-height: 754px;
  overflow: hidden;
}

.recommendedQAndA .recommendedList .itembox {
  display: block;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.recommendedQAndA .recommendedList .itembox:last-child {
  border-bottom: none;
}

.recommendedQAndA .recommendedList .itembox .titles {
  font-size: 16px;
  color: #333;
  padding-bottom: 10px;
  font-weight: 700;
}

.recommendedQAndA .recommendedList .itembox .descipts {
  font-size: 14px;
  color: #666;
  line-height: 25px;
  height: 50px;
}

.recommendedQAndA .recommendedList .itembox .tags {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

.recommendedQAndA .recommendedList .itembox .tags p {
  font-size: 13px;
  color: #aaa;
  max-width: 33.33%;
}

.recommendedQAndA .recommendedList .itembox:hover {
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
}

.recommendedQAndA .recommendedList .itembox:hover .titles {
  color: #2589FF;
}

/* 详情页面的最大盒子左右布局 */

.detailBigBox {
  padding-bottom: 50px;
}

.detailBigBox2 {
  display: flex;
  justify-content: space-between;
}

.detailBigBox2 .detailLeft {
  width: 820px;
}

.detailBigBox2 .detailRight {
  width: 360px;
}

/* 详情页面的最大盒子左右布局---左侧---左侧文章 */

.articleDetail {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
}

.articleDetail .titles {
  font-size: 24px;
  color: #333;
  font-family: "pingFangBold";
  text-align: justify;
  line-height: 35px;
}

.articleDetail .numbers {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 0;
}

.articleDetail .numbers p {
  font-size: 13px;
  color: #999;
  padding-left: 40px;
}

.articleDetail .numbers p:first-child {
  padding-left: 0;
}

.articleDetail .numbers p img {
  width: 91px;
  height: 20px;
}

.articleDetail .tags {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  padding-bottom: 15px;
}

.articleDetail .tags p {
  background: #F5F5F5;
  font-size: 13px;
  color: #666;
  padding: 3px 10px;
  margin-left: 20px;
}

.articleDetail .tags p:first-child {
  margin-left: 0;
}

.articleDetail .backEndRichText {
  padding-top: 20px;
  position: relative;
}

/* .articleDetail .backEndRichText .backArticle {
  max-height: 200px;
  overflow: hidden;
} */

.articleDetail .backEndRichText .pleaseLogin {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  width: 100%;
  padding: 30px 0;
}

.articleDetail .backEndRichText .pleaseLogin .commLokMoreBtn a {
  background: #3669EC;
  width: 180px;
  height: 42px;
}

.articleDetail .backEndRichText .pleaseLogin .commLokMoreBtn a span {
  color: #fff;
}

.articleDetail .backEndRichText .backArticle p img {
  max-width: 90% !important;
  height: auto !important;
  display: block;
  margin: 20px auto !important;
}

.articleDetail .backEndRichText .backArticle p {
  line-height: 36px !important;
  text-indent: 2em !important;
}

/* 详情页面的最大盒子左右布局---左侧---左侧文章---如果登录了 */

.articleDetail .backEndRichText.iflogin {
  position: inherit;
}

.articleDetail .backEndRichText.iflogin .backArticle {
  max-height: inherit;
  overflow: inherit;
}

.articleDetail .backEndRichText.iflogin .pleaseLogin {
  display: none;
}

/* 详情页面的最大盒子左右布局---左侧---左侧客服 */

.adviserDetail .adviserPerson {
  background: linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 100%);
  box-shadow: 0px 3px 12px rgba(51, 51, 51, 0.1);
  padding: 30px;
  display: flex;
  justify-content: space-between;
}

.adviserDetail .adviserPerson .fls {
  width: 80px;
}

.adviserDetail .adviserPerson .fls p {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
}

.adviserDetail .adviserPerson .frs {
  width: 90px;
  display: inline-flex;
  align-items: flex-end;
}

.adviserDetail .adviserPerson .frs a {
  width: 90px;
  height: 30px;
  background: #1450EB;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
}

.adviserDetail .adviserPerson .frs a:hover {
  background: #4d7aef;
}

.adviserDetail .adviserPerson .mids {
  width: calc(100% - 80px - 90px);
  padding: 0 30px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.adviserDetail .adviserPerson .mids .mid1 {
  width: 100%;
  display: flex;
  align-items: center;
}

.adviserDetail .adviserPerson .mids .mid1 .s1 {
  font-size: 22px;
  color: #333;
}

.adviserDetail .adviserPerson .mids .mid1 .s2 {
  font-size: 14px;
  color: #999;
  padding-left: 30px;
}

.adviserDetail .adviserPerson .mids .mid2 {
  width: 100%;
  display: flex;
  align-items: center;
}

.adviserDetail .adviserPerson .mids .mid2 b {
  font-size: 13px;
  color: #999;
}

.adviserDetail .adviserPerson .mids .mid2 span {
  font-size: 13px;
  color: #999;
}

.adviserDetail .adviserPerson .mids .mid2 span::after {
  content: "|";
  color: #999;
  margin: 0 5px;
}

.adviserDetail .adviserPerson .mids .mid2 span:last-child::after {
  display: none;
}

.adviserDetail .adviserPerson .mids .mid3 p {
  display: inline-flex;
  align-items: center;
  padding-left: 30px;
}

.adviserDetail .adviserPerson .mids .mid3 p:first-child {
  padding-left: 0;
}

.adviserDetail .adviserPerson .mids .mid3 p span {
  font-size: 13px;
  color: #999;
}

.adviserDetail .adviserPerson .mids .mid3 p span.stress {
  font-size: 13px;
  color: #3669EC;
}

/* 详情页面的最大盒子左右布局---左侧---左侧延伸阅读 */

.readDetail {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
  margin-top: 20px;
}

.readDetail .titles {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.readDetail .readList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.readDetail .readList .itembox {
  width: 48%;
}

.readDetail .readList .itembox .d1 {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.readDetail .readList .itembox .d1 span {
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
}

.readDetail .readList .itembox .d1 .iconfont {
  margin-right: 10px;
}

.readDetail .readList .itembox .d2 {
  height: 50px;
  line-height: 25px;
  font-size: 14px;
  color: #666;
}

.readDetail .readList .itembox:hover .d1 span {
  color: #2589FF;
}

/* 详情页面的最大盒子左右布局---左侧---左侧发布评论与用户评论 1/3 */

.commentDetail {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
  margin-top: 20px;
}

.commentDetail .commTitles {
  padding-top: 0;
}

.commentDetail .commLokMoreBtn {
  padding-top: 30px;
}

/* 详情页面的最大盒子左右布局---左侧---左侧发布评论与用户评论 2/3 */

.postComments {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.postComments .fls {
  width: 50px;
}

.postComments .fls p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.postComments .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
  position: relative;
  overflow: hidden;
}

.postComments .frs .areaClass {
  width: 100%;
  height: 100px;
  background: #F9FAFD;
  padding: 20px;
  display: block;
  font-size: 14px;
  border: 1px solid #eee;
}

.postComments .frs .areaClass:focus {
  border: 1px solid #2589FF;
}

.postComments .frs .pleaselogin {
  position: absolute;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 0px solid red;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.postComments .frs .pleaselogin span {
  font-size: 14px;
  color: #666;
}

.postComments .frs .pleaselogin span.stress {
  color: #2589FF;
  font-size: 13px;
  border: 1px solid #2589FF;
  padding: 5px 10px;
  margin: 0 10px;
  cursor: pointer;
  border-radius: 3px;
  overflow: hidden;
  transition: all 0.3s;
}

.postComments .frs .pleaselogin span.stress:hover {
  background: #2589FF;
  color: #fff;
}

.releaseComments {
  width: 100%;
  display: block;
  text-align: right;
  padding-top: 20px;
  display: none;
}

.releaseComments a {
  width: 90px;
  height: 30px;
  background: #1450EB;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
}

.releaseComments a:hover {
  background: #4d7aef;
}

/* 详情页面的最大盒子左右布局---左侧---左侧发布评论与用户评论 3/3 */

.userComments {
  background: #fff;
  padding-top: 30px;
}

.userComments .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid #f5f5f5;
}

.userComments .itembox:first-child {
  padding-top: 0;
}

.userComments .itembox:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.userComments .itembox .fls {
  width: 50px;
}

.userComments .itembox .fls p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.userComments .itembox .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
}

.userComments .itembox .frs .names {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
}

.userComments .itembox .frs .names .p1 {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
  max-width: 60%;
}

.userComments .itembox .frs .names .p2 {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.userComments .itembox .frs .names .p2 span {
  font-size: 13px;
  color: #999;
  transition: color 0.3s;
}

.userComments .itembox .frs .names .p2 .span {
  padding-right: 5px;
}

.userComments .itembox .frs .names .p2:hover span {
  color: #2589FF !important;
}

.userComments .itembox .frs .descipts {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  max-height: 44px;
}

.userComments .itembox .frs .times {
  width: 100%;
  display: flex;
}

.userComments .itembox .frs .times p {
  display: inline-flex;
  align-items: center;
  border: 0px solid red;
  padding: 10px 0;
  cursor: pointer;
}

.userComments .itembox .frs .times p span {
  color: #aaa;
  transition: all 0.3s;
}

.userComments .itembox .frs .times p .span {
  font-size: 13px;
  padding-right: 10px;
}

.userComments .itembox .frs .times p .iconfont {
  font-size: 12px;
  transform: rotate(180deg);
}

.userComments .itembox .frs .times p:hover span {
  color: #2589FF;
}

.userComments .itembox .subList {
  width: 100%;
  padding-top: 10px;
  display: none;
}

.userComments .itembox .subList .itembar {
  width: 100%;
  display: flex;
  border-bottom: 1px dotted #f5f5f5;
  padding: 15px 0;
}

.userComments .itembox .subList .itembar:first-child {
  padding-top: 0;
}

.userComments .itembox .subList .itembar:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.userComments .itembox .subList .itembar .yourfl {
  width: 30px;
}

.userComments .itembox .subList .itembar .yourfl p {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
}

.userComments .itembox .subList .itembar .yourfr {
  width: calc(100% - 30px);
  padding-left: 20px;
}

.userComments .itembox .subList .itembar .yourfr .yourname {
  font-size: 15px;
  color: #333;
  padding-bottom: 10px;
}

.userComments .itembox .subList .itembar .yourfr .yourdescipt {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  max-height: 40px;
}

.userComments .itembox .subList .itembar .yourfr .yourtime {
  font-size: 13px;
  color: #aaa;
  padding-top: 10px;
}

.userComments .itembox.openClass .frs .times p .iconfont {
  transform: rotate(0deg);
}

/* 详情页面的最大盒子左右布局---左侧---左侧相关资讯 */

.relevantNewsDetail {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.relevantNewsDetail .newsPageTabBody .itembox .infos p.oe {
  max-width: 170px;
}

.relevantNewsDetail .newsPageTabBody {
  max-height: 707px;
}

.relevantNewsDetail .commTitles {
  padding: 0;
  width: auto;
}

.relevantNewsDetail .commTitles .fls .p1 {
  font-size: 22px;
}

/* 详情页面的最大盒子左右布局---左侧---左侧热门资讯 */

.hotNewsDetail {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.hotNewsDetail .newsPageTabBody .itembox .infos p.oe {
  max-width: 170px;
}

.hotNewsDetail .newsPageTabBody {
  max-height: 499px;
}

.hotNewsDetail .commTitles {
  padding: 0;
  width: auto;
}

.hotNewsDetail .commTitles .fls .p1 {
  font-size: 22px;
}

/* 详情页面的最大盒子左右布局---右侧---右侧特约作者和他的文章 */

.writerSlidebar {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.writerSlidebar .d1box {
  width: 100%;
  padding: 30px;
}

.writerSlidebar .d1box .d1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.writerSlidebar .d1box .d1 .fls {
  width: 70px;
}

.writerSlidebar .d1box .d1 .fls p {
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
  border-radius: 100%;
  overflow: hidden;
}

.writerSlidebar .d1box .d1 .frs {
  width: calc(100% - 70px);
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.writerSlidebar .d1box .d1 .frs .fr1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.writerSlidebar .d1box .d1 .frs .fr2 span {
  font-size: 13px;
  color: #666;
  padding-left: 20px;
}

.writerSlidebar .d1box .d1 .frs .fr2 span:first-child {
  padding-left: 0;
}

.writerSlidebar .d1box .d2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

.writerSlidebar .d1box .d2 .itembox {
  width: 33.33%;
  text-align: center;
  position: relative;
}

.writerSlidebar .d1box .d2 .itembox::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #ddd;
}

.writerSlidebar .d1box .d2 .itembox:last-child::after {
  content: "";
  display: none;
}

.writerSlidebar .d1box .d2 .itembox .p1 {
  font-size: 24px;
  color: #333;
  font-family: "shuzi";
}

.writerSlidebar .d1box .d2 .itembox .p2 {
  font-size: 14px;
  color: #333;
  padding-top: 5px;
}

.writerSlidebar .d2box {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.writerSlidebar .d2box a {
  width: 40%;
  height: 40px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.writerSlidebar .d2box a.a1 {
  border: 1px solid #5585FF;
}

.writerSlidebar .d2box a.a1.follow:hover {
  border: 1px solid #3669EC;
}

.writerSlidebar .d2box a.a1.follow:hover span {
  color: #3669EC;
}

.writerSlidebar .d2box .active {
  background-color: #ebebeb !important;
  border: 1px solid #ebebeb !important;
}
.writerSlidebar .d2box .active .span{
  color: #666 !important;
}

.writerSlidebar .d2box a.a2 {
  border: 1px solid #1450EB;
  color: #fff;
  font-size: 14px;
  background: #1450EB;
}

.writerSlidebar .d2box a.a2.ask:hover {
  background: #3669EC;
}

.writerSlidebar .d2box a.a1 .iconfont {
  font-size: 14px;
  color: #1450EB;
}

.writerSlidebar .d2box a.a1 .span {
  font-size: 14px;
  color: #1450EB;
  padding-left: 5px;
}

.writerSlidebar .d3box {
  padding: 20px 30px 25px;
}

.writerSlidebar .d3box .titles {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 15px;
}

.writerSlidebar .d3box .lists {
  width: 100%;
  max-height: 154px;
  overflow: hidden;
}

.writerSlidebar .d3box .lists a {
  display: block;
  font-size: 13px;
  color: #333;
  padding: 8px 0;
  transition: color 0.3s;
}

.writerSlidebar .d3box .lists a i {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  overflow: hidden;
  background: #999;
  margin-right: 10px;
  position: relative;
  top: -2px;
}

.writerSlidebar .d3box .lists a:first-child {
  padding-top: 0;
}

.writerSlidebar .d3box .lists a:last-child {
  padding-bottom: 0;
}

.writerSlidebar .d3box .lists a:hover {
  color: #2589FF;
}

/* 详情页面的最大盒子左右布局---右侧---右侧在线顾问(复制了2次) */

.adviserSlidebar {
  background-repeat: no-repeat !important;
  background-position: left top !important;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.adviserSlidebar .titles {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
}

.adviserSlidebar .titles .p1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.adviserSlidebar .titles .p2 {
  display: inline-flex;
  align-items: center;
}

.adviserSlidebar .titles .p2 span {
  color: #999;
  font-size: 14px;
}

.adviserSlidebar .titles .p2 span.span {
  padding-left: 5px;
}

.adviserSlidebar .swiper-container {
  padding-bottom: 65px;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 30px;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox:first-child {
  padding-top: 0;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox:last-child {
  padding-bottom: 0;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .fls {
  width: 80px;
  position: relative;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .fls .p1 {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .fls .p2 {
  position: absolute;
  display: none;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .fls .p2 img {
  width: 28px;
  height: 28px;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs {
  width: calc(100% - 80px);
  padding-left: 20px;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr1 {
  width: 100%;
  display: flex;
  align-items: center;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr1 .s1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr1 .s2 {
  font-size: 14px;
  color: #999;
  padding-left: 20px;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr2 {
  font-size: 14px;
  color: #666;
  padding: 10px 0 15px;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr3 {
  width: 100%;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr3 a {
  width: 110px;
  height: 35px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #3669EC;
  color: #3669EC;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.adviserSlidebar .swiper-container .swiper-wrapper .swiper-slide .itembox .frs .fr3 a:hover {
  background: #3669EC;
  color: #fff;
}

/* 详情页面的最大盒子左右布局---右侧---右侧在线顾问---修改小圆点样式 */

.adviserSlidebar .swiper-container .swiper-pagination {
  z-index: 99993;
  bottom: 30px !important;
}

.adviserSlidebar .swiper-container .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.1) !important;
  border: 0 !important;
  outline: none !important;
  box-sizing: border-box;
  opacity: 1 !important;
  width: 30px;
  height: 3px;
  border-radius: inherit !important;
}

.adviserSlidebar .swiper-container .swiper-pagination-bullet-active {
  background: #3669EC !important;
}

/* 详情页面的最大盒子左右布局---右侧---右侧推荐服务 */

.serviceSlidebar {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.serviceSlidebar .titlesMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding: 30px;
}

.serviceSlidebar .serviceList {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 30px 30px 30px;
}

.serviceSlidebar .serviceList a {
  width: 50%;
  display: flex;
  margin-top: 20px;
}

.serviceSlidebar .serviceList a:nth-child(1) {
  margin-top: 0;
}

.serviceSlidebar .serviceList a:nth-child(2) {
  margin-top: 0;
}

.serviceSlidebar .serviceList a .fls {
  width: 34px;
}

.serviceSlidebar .serviceList a .fls img {
  width: 34px;
  height: 34px;
}

.serviceSlidebar .serviceList a .frs {
  width: calc(100% - 34px);
  padding-left: 20px;
}

.serviceSlidebar .serviceList a .frs .fr1 {
  font-size: 16px;
  color: #333;
  transition: color 0.3s;
  padding-bottom: 5px;
}

.serviceSlidebar .serviceList a .frs .fr2 {
  font-size: 13px;
  color: #999;
  line-height: 22px;
  height: 44px;
}

.serviceSlidebar .serviceList a:hover .frs .fr1 {
  color: #2589FF;
}

/* 详情页面的最大盒子左右布局---右侧---右侧推荐问答 */

.answerSlidebar .titlesMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding: 30px 30px 0 30px;
}

.answerSlidebar {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.answerSlidebar .newsPageTabBody {
  max-height: 571px;
}

.answerSlidebar .newsPageTabBody .itembox {
  padding: 15px 30px;
}

.answerSlidebar .newsPageTabBody .itembox .titles {
  font-family: "pingFangRegular";
}

.answerSlidebar .newsPageTabBody .itembox .infos {
  justify-content: space-between;
}

.answerSlidebar .newsPageTabBody .itembox .infos p {
  padding-left: 0;
}

.answerSlidebar .newsPageTabBody .itembox .infos p.oe {
  max-width: 40%;
}

/* 详情页面的最大盒子左右布局---右侧---右侧推荐顾问 */

.tuiJianGuWenSlidebar {
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.tuiJianGuWenSlidebar .titlesMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding: 30px 30px 0 30px;
}

.tuiJianGuWenSlidebar .tuiJianList {
  max-height: 443px;
  overflow: hidden;
}

.tuiJianGuWenSlidebar .tuiJianList a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(100, 100, 100, 0.1);
  transition: all 0.3s;
}

.tuiJianGuWenSlidebar .tuiJianList a:last-child {
  border-bottom: none;
}

.tuiJianGuWenSlidebar .tuiJianList a .fls {
  width: 50px;
}

.tuiJianGuWenSlidebar .tuiJianList a .fls p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .names {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .names .p1 {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
  max-width: 80%;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .names .p2 {
  width: 80px;
  height: 30px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #3669EC;
  color: #3669EC;
  transition: all 0.3s;
  font-size: 13px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .names .p2:hover {
  background: #3669EC;
  color: #fff;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .zishus {
  width: 100%;
  display: flex;
  align-items: center;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .zishus span {
  font-size: 14px;
  color: #999;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .zishus span.stress {
  color: #333;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .lingyus {
  width: 100%;
  display: flex;
  align-items: center;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .lingyus span {
  font-size: 14px;
  color: #999;
}

.tuiJianGuWenSlidebar .tuiJianList a .frs .lingyus span.stress {
  color: #333;
}

.tuiJianGuWenSlidebar .tuiJianList a:hover {
  box-shadow: 0px 0px 20px rgb(100 100 100 / 10%);
}

/* 在线问答的大banner区域 */

.OnlineQABanner {
  width: 100%;
  height: 420px;
  display: flex;
  align-items: center;
}

.OnlineQABanner2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 420px
}

.OnlineQABanner2 .fls {
  width: 650px;
}

.OnlineQABanner2 .fls .fltitles {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}

.OnlineQABanner2 .fls .fltitles span {
  font-size: 38px;
  color: #333;
}

.OnlineQABanner2 .fls .fldescipts {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}

.OnlineQABanner2 .fls .fldescipts i {
  width: 2px;
  height: 16px;
  background: #333;
  border-radius: 3px;
}

.OnlineQABanner2 .fls .fldescipts span {
  font-size: 22px;
  color: #333;
  padding-left: 10px;
}

.OnlineQABanner2 .fls .fllsit {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.OnlineQABanner2 .fls .fllsit .itembox {
  display: inline-flex;
  width: 30%;
  cursor: context-menu;
}

.OnlineQABanner2 .fls .fllsit .itembox .afl {
  width: 41px;
}

.OnlineQABanner2 .fls .fllsit .itembox .afl img {
  width: 41px;
  height: 38px;
}

.OnlineQABanner2 .fls .fllsit .itembox .afr {
  width: calc(100% - 41px);
  padding-left: 20px;
}

.OnlineQABanner2 .fls .fllsit .itembox .afr .fr1 {
  font-size: 18px;
  color: #333;
  padding-bottom: 10px;
}

.OnlineQABanner2 .fls .fllsit .itembox .afr .fr2 {
  font-size: 14px;
  color: #97A4B4;
  height: 40px;
  line-height: 20px;
}

.OnlineQABanner2 .frs {
  width: 346px;
  height: 334px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 36px rgba(51, 51, 51, 0.08);
  border-radius: 8px;
}

.OnlineQABanner2 .frs .titlebox {
  font-size: 20px;
  color: #333;
  text-align: center;
  padding: 24px 0;
}

.OnlineQABanner2 .frs .areabox {
  width: 100%;
  display: flex;
  justify-content: center;
}

.OnlineQABanner2 .frs .areabox .areaClass {
  width: 310px;
  height: 140px;
  border: 1px solid #f5f5f5;
  padding: 10px;
  background: none;
  font-size: 13px;
  text-align: justify;
}

.OnlineQABanner2 .frs .areabox .areaClass:focus {
  border: 1px solid #2589FF;
}

.OnlineQABanner2 .frs .btnbox {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 16px;
}

.OnlineQABanner2 .frs .btnbox a {
  width: 220px;
  height: 40px;
  border-radius: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #1450EB;
  transition: background 0.3s;
  font-size: 14px;
  color: #fff;
}

.OnlineQABanner2 .frs .btnbox a:hover {
  background: #2589FF;
}

.OnlineQABanner2 .frs .tipbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 22px;
}

.OnlineQABanner2 .frs .tipbox p {
  font-size: 14px;
  color: #666;
}

.OnlineQABanner2 .frs .tipbox a {
  font-size: 14px;
  color: #2589FF;
}

/* 在线问答页面的自营服务 */

.selfServiceDiv {
  width: 100%;
}

.selfServiceList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.selfServiceList .itembox {
  width: 400px;
  padding: 30px;
  margin-top: 20px;
  background: linear-gradient(180deg, #F1F5FB 0%, #FFFFFF 100%);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.selfServiceList .itembox:nth-child(1) {
  margin-top: 0;
}

.selfServiceList .itembox:nth-child(2) {
  margin-top: 0;
}

.selfServiceList .itembox .titlesbox {
  font-size: 20px;
  color: #333;
  font-family: "pingFangBold";
}

.selfServiceList .itembox .desciptsbox {
  font-size: 14px;
  color: #666;
  padding-top: 10px;
}

.selfServiceList .itembox .listsbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
}

.selfServiceList .itembox .listsbox a {
  width: 48%;
  margin-top: 15px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: 0px 3px 20px rgba(0, 82, 217, 0.08);
  height: 40px;
  text-align: center;
  line-height: 40px;
  transition: all 0.3s;
  font-size: 14px;
}

.selfServiceList .itembox .listsbox a:nth-child(1) {
  margin-top: 0;
}

.selfServiceList .itembox .listsbox a:nth-child(2) {
  margin-top: 0;
}

.selfServiceList .itembox .listsbox a:hover {
  background: #1450EB;
  color: #fff;
}

/* 在线问答的右侧悬浮栏---找问题 */

.seekQuestion {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
}

.seekQuestion .titlesbox {
  width: 100%;
  display: flex;
  align-items: center;
}

.seekQuestion .titlesbox .s1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.seekQuestion .titlesbox .s2 {
  font-size: 13px;
  color: #999;
  padding-left: 10px;
}

.seekQuestion .searchbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}

.seekQuestion .searchbox .inputClass {
  width: calc(100% - 90px);
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
}

.seekQuestion .searchbox a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #1450EB;
  color: #fff;
  font-size: 14px;
  width: 90px;
  transition: background 0.3s;
}

.seekQuestion .searchbox a:hover {
  background: #4872df;
}

.seekQuestion .hotwordtitle {
  font-size: 18px;
  color: #333;
  padding-bottom: 15px;
}

.seekQuestion .hotwordlist {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-height: 80px;
  overflow: hidden;
}

.seekQuestion .hotwordlist a {
  display: flex;
  width: 48%;
  border: 0px solid red;
  align-items: center;
  margin-top: 10px;
}

.seekQuestion .hotwordlist a:nth-child(1) {
  margin-top: 0;
}

.seekQuestion .hotwordlist a:nth-child(2) {
  margin-top: 0;
}

.seekQuestion .hotwordlist a img {
  width: 17px;
  height: 17px;
}

.seekQuestion .hotwordlist a span {
  width: calc(100% - 17px);
  padding-left: 10px;
  font-size: 14px;
  transition: color 0.3s;
}

.seekQuestion .hotwordlist a.ifhotClass img.hotnew {
  display: none;
}

.seekQuestion .hotwordlist a.ifhotClass img.hothot {
  display: inline-block;
}

.seekQuestion .hotwordlist a.ifnewClass img.hothot {
  display: none;
}

.seekQuestion .hotwordlist a.ifnewClass img.hotnew {
  display: inline-block;
}

.seekQuestion .hotwordlist a:hover span {
  color: #2589FF;
}

/* 在线问答的右侧悬浮栏---顾问回复榜 */

.adviserReplyRank {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
  padding: 30px;
}

.adviserReplyRank .titleMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 30px;
}

/* 在线问答banner图仅仅搜索框 */

.OnlineBannerSearch {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

.OnlineBannerSearch2 {
  border-radius: 4px;
  overflow: hidden;
}

.OnlineBannerSearch2 .titlesbox {
  text-align: center;
  font-size: 28px;
  color: #333;
  font-family: "pingFangBold";
  padding: 40px 0 30px;
}

/* 在线问答的banner图中带搜索框的公共类 */

.comBannerSearch {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.comBannerSearch2 {
  width: 700px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.comBannerSearch2 .inputClass {
  width: 600px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  padding: 0 30px;
  background: linear-gradient(180deg, #F1F5FB 0%, #FFFFFF 100%);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.comBannerSearch2 a {
  width: 100px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #1450EB;
  font-size: 16px;
  color: #fff;
  transition: background 0.3s;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.comBannerSearch2 a:hover {
  background: #3767e1;
}

/* 全部问答的分类选择 */

.allQASelect {
  width: 100%;
}

.allQASelect2 {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 26px 24px 16px 24px;
}

.allQASelect2 .itemRow {
  width: 100%;
  display: flex;
}

.allQASelect2 .itemRow .fls {
  border: 0px solid red;
  min-width: 110px;

  padding-top: 20px;
}

.allQASelect2 .itemRow .fls p {
  height: 32px;
  line-height: 32px;
  font-family: "pingFangBold";
  font-size: 14px;
}

.allQASelect2 .itemRow .frs {
  border: 0px solid red;
  width: calc(100% - 110px);
}

.allQASelect2 .itemRow:not(:last-of-type) .frs {
  padding-bottom: 14px;
  margin-bottom: 14px;
}

.allQASelect2 .itemRow:nth-of-type(n+2) .frs {
  border-bottom: 1px dashed #eee;
}

.allQASelect2 .itemRow:last-child .frs {
  border-bottom: none;
}

.allQASelect2 .itemRow:first-child .fls {
  padding-top: 0;
}

.allQASelect2 .itemTabSwitch .frs a {
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid transparent;
  padding-bottom: 5px;
  margin-left: 40px;
  transition: all 0.3s;
  height: 32px;
  line-height: 32px;
  font-family: "pingFangBold";
}



.allQASelect2 .itemTabSwitch .frs a:first-child {
  margin-left: 0;
}

.allQASelect2 .itemTabSwitch .frs a.on {
  color: #1450EB;
  border-bottom: 2px solid #1450EB;
}

.allQASelect2 .itemTabSwitch .frs a:hover {
  color: #1450EB;
  border-bottom: 2px solid #1450EB;
}

.allQASelect2 .itemTabSelect .frs1 a {
  font-size: 14px;
  color: #333333;
  margin-bottom: 16px;
  margin-right: 30px;
}

.allQASelect2 .itemTabSelect .frs1 a:hover {
  color: #1450EB;
}

.allQASelect2 .itemTabSelect .frs {
  overflow: hidden;
}

.allQASelect2 .itemTabSelect .frs a {
  height: 32px;
  line-height: 32px;
  border: 1px solid #F5F5F5;
  transition: all 0.3s;
  float: left;
  margin-right: 30px;
  margin-top: 20px;
  padding: 0 20px;
  font-size: 14px;
  color: #666;
  display: inline-block;
}

.allQASelect2 .itemTabSelect .frs a:first-child {
  margin-left: 0;
}

.allQASelect2 .itemTabSelect .frs a.on {
  border: 1px solid #1450EB;
  color: #1450EB;
}

.allQASelect2 .itemTabSelect .frs a:hover {
  border: 1px solid #1450EB;
  color: #1450EB;
}

.allQASelect2 .itemTabAnswer .frs {
  display: flex;
}

.allQASelect2 .itemTabAnswer .frs .fr1 {
  width: calc(100% - 100px);
}

.allQASelect2 .itemTabAnswer .frs .fr1 a {
  position: relative;
  border: 1px solid #1450EB;
  color: #1450EB;
  display: -none;
}

.allQASelect2 .itemTabAnswer .frs .fr1 a img {
  width: 13px;
  height: 13px;
  position: absolute;
  right: -7px;
  top: -7px;
}

.allQASelect2 .itemTabAnswer .frs .fr1 a::after {
  content: "\e8dc";
  font-family: "iconfont";
  width: 14px;
  height: 14px;
  color: #F8A12B;
  position: absolute;
  right: -7px;
  top: -15px;
  z-index: 10;
  display: none;
}

.allQASelect2 .itemTabAnswer .frs .fr2 {
  width: 100px;
}

.allQASelect2 .itemTabAnswer .frs .fr2 a {
  width: 100px;
  height: 32px;
  background: #f5f5f5;
  display: inline-flex;
  align-items: center;
}

.allQASelect2 .itemTabAnswer .frs .fr2 a span {
  transition: all 0.3s;
  color: #999;
  font-size: 14px;
}

.allQASelect2 .itemTabAnswer .frs .fr2 a .s2 {
  color: #999;
  font-size: 14px;
  padding-left: 6px;
}

.allQASelect2 .itemTabAnswer .frs .fr2 a:hover {
  background: #1450EB;
  color: #fff;
}

.allQASelect2 .itemTabAnswer .frs .fr2 a:hover span {
  color: #fff;
}

/* 在线问答页面---右侧---顾问推荐 1/2 */

.adviserRecommendation {
  position: relative;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.adviserRecommendation .onlyPersonBox {
  position: relative;
  width: 100%;
  padding: 30px;
  height: 160px;
}

.adviserRecommendation .onlyText .d1 {
  font-size: 22px;
  color: #fff;
  font-family: "pingFangBold";
  padding-bottom: 20px;
}

.adviserRecommendation .onlyText .d2 p {
  font-size: 12px;
  color: #fff;
  padding-top: 5px;
}

.adviserRecommendation .onlyText .d2 p:first-child {
  padding-top: 0;
}

.adviserRecommendation .onlyPosit {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 150px;
}

.adviserRecommendation .onlyPosit img {
  width: 100%;
  height: 100%;
}

/* 在线问答页面---右侧---顾问推荐 2/2 */

.adviserListSlider {
  width: 100%;
  padding-top: 20px;
  max-height: 528px;
  overflow: hidden;
}

.adviserListSlider .itembox {
  width: 100%;
  display: flex;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  transition: all 0.3s;
}

.adviserListSlider .itembox .fls {
  width: 50px;
}

.adviserListSlider .itembox .fls p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.adviserListSlider .itembox .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
}

.adviserListSlider .itembox .frs .names {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adviserListSlider .itembox .frs .names .s1 {
  font-size: 20px;
  color: #333;
  font-family: "pingFangBold";
}

.adviserListSlider .itembox .frs .names .s2 {
  font-size: 14px;
  color: #999;
}

.adviserListSlider .itembox .frs .names .s3 {
  width: 80px;
  height: 30px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #3669EC;
  color: #3669EC;
  transition: all 0.3s;
  font-size: 13px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.adviserListSlider .itembox .frs .names .s3:hover {
  background: #3669EC;
  color: #fff;
}

.adviserListSlider .itembox .frs .tags {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.adviserListSlider .itembox .frs .tags span {
  font-size: 13px;
  color: #666;
  position: relative;
}

.adviserListSlider .itembox .frs .tags span::before {
  content: "|";
  margin: 0 7px;
}

.adviserListSlider .itembox .frs .tags span:first-child::before {
  display: none;
}

.adviserListSlider .itembox .frs .numbers {
  width: 100%;
  display: flex;
  align-items: center;
}

.adviserListSlider .itembox .frs .numbers span {
  font-size: 13px;
  color: #666;
  position: relative;
  padding-left: 30px;
}

.adviserListSlider .itembox:hover {
  box-shadow: 0px 0px 20px rgb(100 100 100 / 10%);
}

.adviserListSlider .itembox .frs .numbers span:first-child {
  padding-left: 0;
}

/* 在线问答页面---右侧---最新问题回答(复制了2次) */

.latestAnswerSuperSlide {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
  margin-top: 20px;
}

.latestAnswerSuperSlide .titleMain {
  width: 100%;
  display: flex;
  align-items: center;
}

.latestAnswerSuperSlide .titleMain img {
  width: 22px;
  height: 22px;
}

.latestAnswerSuperSlide .titleMain span {
  font-size: 20px;
  color: #333;
  font-family: "pingFangBold";
  padding-left: 10px;
}

/* 在线问答页面---右侧---1分钟提问，海量顾问解答(复制了2次) */

.oneMinutesAsk {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.oneMinutesAsk .d1box {
  width: 100%;
}

.oneMinutesAsk .d1box img {
  width: 100%;
}

.oneMinutesAsk .d2box {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 30px;
}

.oneMinutesAsk .d2box a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  border-radius: 44px;
  overflow: hidden;
  background: #1450EB;
  transition: background 0.3s;
  color: #fff;
  font-size: 16px;
}

.oneMinutesAsk .d2box a:hover {
  background: #426fe3;
}

.comment_server {
  padding: 26px 20px 35px 20px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.comment_server .comment_title {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 24px;
  background-color: #fff;
}

.comment_server .comment_list {
  margin-top: 37px;
}

.comment_server .comment_list .comment_item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.comment_server .comment_list .comment_item img {
  width: 90px;
  height: 90px;
  margin-right: 28px;
}

.comment_server .comment_list .comment_item .more .title {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 7px;
}

.comment_server .comment_list .comment_item .more .title:hover {
  color: #1450EB;
}

.comment_server .comment_list .comment_item .more .des {
  font-size: 12px;
  color: #999999;
}


/* 问答详情的banner图片 */

.wenDaDetailBanner {
  width: 100%;
  padding-bottom: 20px;
}

.wenDaDetailBanner2 {
  position: relative;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 30px 120px 30px 290px;
}

.wenDaDetailBanner2 .detailtag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 104px;
}

.wenDaDetailBanner2 .detailkefu {
  position: absolute;
  left: 40px;
  bottom: 0;
  z-index: 1;
  width: 170px;
}

.wenDaDetailBanner2 .fls {
  width: 500px;
}

.wenDaDetailBanner2 .fls .names {
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.wenDaDetailBanner2 .fls .names .s1 {
  font-size: 24px;
  font-family: "pingFangBold";
  color: #fff;
  max-width: 200px;
}

.wenDaDetailBanner2 .fls .names .s2 {
  font-size: 13px;
  color: #BBBBBB;
  max-width: 300px;
  padding-left: 30px;
}

.wenDaDetailBanner2 .fls .descipts {
  width: 100%;
  text-align: left;
  padding: 15px 0;
  font-size: 14px;
  color: #BBBBBB;
}

.wenDaDetailBanner2 .fls .tags {
  width: 100%;
}

.wenDaDetailBanner2 .fls .tags .onlybg {
  background: rgba(21, 58, 146, 0.39);
  color: #F5F7FF;
  padding: 5px 20px;
  font-size: 13px;
  width: auto;
  display: inline-block;
  max-width: 90%;
}

.wenDaDetailBanner2 .frs {
  width: 180px;
}

.wenDaDetailBanner2 .frs .fr1 {
  display: flex;
  width: 100%;
  height: 44px;
  background: #F56641;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  overflow: hidden;
  transition: background 0.3s;
}

.wenDaDetailBanner2 .frs .fr1:hover {
  background: #e75f3c;
}

.wenDaDetailBanner2 .frs .fr1 img {
  width: 22px;
  height: 18px;
}

.wenDaDetailBanner2 .frs .fr1 span {
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
}

.wenDaDetailBanner2 .frs .fr2 {
  font-size: 14px;
  color: #BBBBBB;
  text-align: center;
  padding-top: 20px;
}

/* 问答详情的最大容器 */

.wenDaDetailContainer {
  width: 100%;
  padding-bottom: 50px;
}

.wenDaDetailContainer2 {
  display: flex;
  justify-content: space-between;
}

.wenDaDetailContainer2 .wenDaDetailLeft {
  width: 820px;
}

.wenDaDetailContainer2 .wenDaDetailRight {
  width: 360px;
}

/* 公共类详情页面的评论回复框 */

.commReplyDiv {
  background: #F9FAFD;
  margin-top: 20px;
  padding: 20px;
  display: none;
}

.commReplyDiv .d1box {
  background: #fff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 15px;
}

.commReplyDiv .d1box .fls {
  width: 50px;
  border: 0px solid red;
  display: flex;
  justify-content: center;
  height: 80px;
}

.commReplyDiv .d1box .fls span.iconfont {
  font-size: 16px;
  color: #999;
}

.commReplyDiv .d1box .frs {
  width: calc(100% - 50px);
  height: 80px;
}

.commReplyDiv .d1box .frs textarea {
  font-size: 14px;
  color: #333;
  border: 0px solid red;
  width: 100%;
  height: 80px;
}

.commReplyDiv .d2box {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

.commReplyDiv .d2box a {
  width: 80px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-left: 20px;
  transition: all 0.3s;
}

.commReplyDiv .d2box a:first-child {
  margin-left: 0;
}

.commReplyDiv .d2box a.a1 {
  border: none;
  color: #666;
}

.commReplyDiv .d2box a.a2 {
  border: 1px solid #1450EB;
  color: #1450EB;
}

.commReplyDiv .d2box a.a1:hover {
  color: #1450EB;
}

.commReplyDiv .d2box a.a2:hover {
  background: #1450EB;
  color: #fff;
}

/* 问答详情的最大容器---左侧问题 */

.wenDaDetailAsk {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
}

.wenDaDetailAsk .titlesbox {
  font-size: 24px;
  font-family: "pingFangBold";
  color: #333;
  text-align: justify;
}

.wenDaDetailAsk .tagsbox {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.wenDaDetailAsk .tagsbox .myhead {
  display: inline-flex;
  align-items: center;
}

.wenDaDetailAsk .tagsbox .myhead .imgs {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  overflow: hidden;
}

.wenDaDetailAsk .tagsbox .myhead span {
  max-width: 200px;
  font-size: 13px;
  color: #999;
  padding-left: 10px;
}

.wenDaDetailAsk .tagsbox .txts {
  display: inline-flex;
  align-items: center;
  padding-left: 50px;
}

.wenDaDetailAsk .tagsbox .txts span {
  font-size: 13px;
  color: #999;
}

.wenDaDetailAsk .tagsbox .txts span.span {
  padding-left: 5px;
  max-width: 200px;
}

.wenDaDetailAsk .answerbox {
  background: #F9FAFD;
  padding: 20px;
  font-size: 14px;
  color: #333;
  text-align: justify;
  line-height: 22px;
}

.wenDaDetailAsk .tipsbox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

.wenDaDetailAsk .tipsbox .fls {
  font-size: 13px;
  color: #999;
  max-width: 470px;
}

.wenDaDetailAsk .tipsbox .frs {
  display: inline-flex;
}

.wenDaDetailAsk .tipsbox .frs a {
  margin-left: 20px;
}

.wenDaDetailAsk .tipsbox .frs a:first-child {
  margin-left: 0;
  font-size: 13px;
}

.wenDaDetailAsk .tipsbox .frs .a1 {
  width: 100px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #3669EC;
  border: 1px solid #CBD9FF;
  transition: all 0.3s;
}

.wenDaDetailAsk .tipsbox .frs .a1:hover {
  background: #3669EC;
  color: #fff;
}

.wenDaDetailAsk .tipsbox .frs .a2 {
  width: 100px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #999;
  border: 0px solid #999;
}

.wenDaDetailAsk .tipsbox .frs .a2 span {
  color: #333;
  padding-left: 5px;
}

.wenDaDetailAsk .tipsbox .frs .a2 span.iconfont {
  font-size: 16px;
}

.wenDaDetailAsk .tipsbox .frs .a2 span.span {
  font-size: 13px;
}

.wenDaDetailAsk .tipsbox .frs .a2 span.s1 {
  display: inline-block;
}

.wenDaDetailAsk .tipsbox .frs .a2 span.s2 {
  display: none;
}

.wenDaDetailAsk .tipsbox .frs .a2.on span {
  color: #2589FF !important;
}

.wenDaDetailAsk .tipsbox .frs .a2.on span.s1 {
  display: none;
}

.wenDaDetailAsk .tipsbox .frs .a2.on span.s2 {
  display: inline-block;
}

.wenDaDetailAsk .tipsbox .frs .a2:hover span {
  color: #3669EC !important;
}

/* 问答详情的最大容器---左侧回答 */

.wenDaDetailAnswer {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.wenDaDetailAnswer .titleMain {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.wenDaDetailAnswer .titleMain .fls {
  display: flex;
  align-items: center;
}

.wenDaDetailAnswer .titleMain .fls .s1 {
  font-size: 22px;
  font-family: "pingFangBold";
  color: #333;
}

.wenDaDetailAnswer .titleMain .fls .s2 {
  font-size: 14px;
  color: #333;
  margin: 0 20px;
}

.wenDaDetailAnswer .titleMain .fls .s3 {
  font-size: 14px;
  color: #333;
}

.wenDaDetailAnswer .titleMain .frs a {
  height: 32px;
  border-radius: 4px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  background: #F2F2F2;
  justify-content: center;
  padding: 0 20px;
}

.wenDaDetailAnswer .titleMain .frs a span {
  font-size: 14px;
  color: #333;
  padding-right: 5px;
  transition: all 0.3s;
}

.wenDaDetailAnswer .titleMain .frs a span.s1 {
  display: inline-block;
}

.wenDaDetailAnswer .titleMain .frs a span.s2 {
  display: none;
}

.wenDaDetailAnswer .titleMain .frs a img {
  width: 8px;
  height: 6px;
}

.wenDaDetailAnswer .titleMain .frs a:hover {
  background: #ddd !important;
}

.wenDaDetailAnswer .titleMain .frs a.on span.s1 {
  display: none;
}

.wenDaDetailAnswer .titleMain .frs a.on span.s2 {
  display: inline-block;
}

.wenDaDetailAnswer .titleMain .frs a.on img {
  transform: rotate(180deg);
}

/* 可能会是公共类的回答详情的顾问回答 */

.responseLists {
  width: 100%;
  padding: 30px 0 0;
}

.responseLists .itembox {
  width: 100%;
  padding: 20px 30px;
  border-bottom: 1px solid #f5f5f5;
}

.responseLists .itembox:first-child {
  padding-top: 0;
}

.responseLists .itembox:last-child {
  border-bottom: none;
}

.responseLists .itembox .guwenlist {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.responseLists .itembox .guwenlist .imgs {
  width: 50px;
}

.responseLists .itembox .guwenlist .imgs p {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.responseLists .itembox .guwenlist .youzhis {
  display: flex;
  justify-content: center;
}

.responseLists .itembox .guwenlist .youzhis img {
  width: 43px;
  height: 52px;
  display: none;
}

.responseLists .itembox .guwenlist .btns {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90px;
  cursor: pointer;
}

.responseLists .itembox .guwenlist .btns a {
  width: 100%;
  height: 30px;
  border-radius: 30px;
  background: #1450EB;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.responseLists .itembox .guwenlist .btns a:hover {
  background: #456ed7;
}

.responseLists .itembox .guwenlist .texts {
  padding: 0 20px;
  width: 300px;
}

.responseLists .itembox .guwenlist .texts .dds {
  width: 100%;
  display: flex;
  align-items: center;
}

.responseLists .itembox .guwenlist .texts .d1 .s1 {
  font-size: 20px;
  font-family: "pingFangBold";
  color: #333;
}

.responseLists .itembox .guwenlist .texts .d1 .s2 {
  font-size: 13px;
  color: #999;
  padding-left: 30px;
}

.responseLists .itembox .guwenlist .texts .d2 {
  padding: 5px 0;
}

.responseLists .itembox .guwenlist .texts .d2 span {
  background: #f5f5f5;
  color: #666;
  font-size: 13px;
  padding: 5px 10px;
  margin-left: 10px;
}

.responseLists .itembox .guwenlist .texts .d2 span:first-child {
  margin-left: 0;
}

.responseLists .itembox .guwenlist .texts .d3 p {
  padding-left: 20px;
}

.responseLists .itembox .guwenlist .texts .d3 p:first-child {
  padding-left: 0;
}

.responseLists .itembox .guwenlist .texts .d3 p span {
  font-size: 13px;
  color: #999;
}

.responseLists .itembox .guwenlist .texts .d3 p span.span {
  padding-left: 5px;
}

.responseLists .itembox .responsebox {
  background: #F9FAFD;
  padding: 15px;
  line-height: 22px;
  text-align: justify;
  font-size: 14px;
  color: #333;
  margin-top: 15px;
}

.responseLists .itembox .numbersbox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}

.responseLists .itembox .numbersbox .fls {
  display: flex;
  align-items: center;
}

.responseLists .itembox .numbersbox .fls a {
  display: inline-flex;
  align-items: center;
  border: 0px solid red;
  margin-left: 30px;
  padding-top: 15px;
  padding-right: 15px;
}

.responseLists .itembox .numbersbox .fls a:first-child {
  margin-left: 0;
}

.responseLists .itembox .numbersbox .fls a span {
  color: #666;
  font-size: 13px;
}

.responseLists .itembox .numbersbox .fls a span.span {
  padding-left: 5px;
}

.responseLists .itembox .numbersbox .fls a:hover span {
  color: #1450EB !important;
}

.responseLists .itembox .numbersbox .fls a.on span {
  color: #1450EB !important;
}

.responseLists .itembox .numbersbox .frs {
  font-size: 13px;
  color: #999;
  display: flex;
  align-items: flex-end;
}

.responseLists .itembox .responsebox p img,
.responseLists .itembox .responsebox img {
  max-width: 90% !important;
  height: auto !important;
  display: block;
  margin: 20px auto !important;
}

.responseLists .itembox .responsebox p {
  line-height: 36px !important;
  text-indent: 2em !important;
}

/* 可能会是公共类的回答详情的顾问回答---是否是优质回答 */

.responseLists .itembox.isYouzhi .guwenlist .youzhis img {
  display: inline-block;
}

/* 可能会是公共类的回答详情的顾问回答--- 查看其他N位顾问的全部回答*/

.lookMoreOtherAnswer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.lookMoreOtherAnswer a {
  display: inline-flex;
  align-items: center;
  border: 0px solid red;
  padding: 20px;
}

.lookMoreOtherAnswer a span {
  font-size: 14px;
  color: #666;
  transition: color 0.3s;
}

.lookMoreOtherAnswer a span.span {
  padding-right: 5px;
}

.lookMoreOtherAnswer a:hover span {
  color: #2589FF;
}

/* 问答详情页面--- 左侧没有符合您的答案*/

.wenDaDetailNoAnswer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.wenDaDetailNoAnswer a {
  display: inline-flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  padding: 20px;
}

.wenDaDetailNoAnswer a span {
  color: #F64041;
}

/* 问答详情页面--- 左侧顾问推荐*/

.tuiJianAdvisers {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
}

.tuiJianAdvisers .titles {
  font-size: 22px;
  font-family: "pingFangBold";
  color: #333;
  padding-bottom: 20px;
}

.tuiJianAdvisers .lists {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.tuiJianAdvisers .lists a {
  display: inline-flex;
}

.tuiJianAdvisers .lists a .fls {
  width: 50px;
}

.tuiJianAdvisers .lists a .fls img {
  width: 50px;
  height: 50px;
}

.tuiJianAdvisers .lists a .frs {
  padding-left: 10px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.tuiJianAdvisers .lists a .frs .fr1 {
  font-size: 16px;
  font-family: "pingFangBold";
  color: #333;
}

.tuiJianAdvisers .lists a .frs .fr2 {
  font-size: 13px;
  color: #aaa;
}

/* 问答详情页面--- 左侧相关问答*/

.relatedQandA {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.relatedQandA .titleMain {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.relatedQandA .titleMain .fls {
  font-size: 22px;
  font-family: "pingFangBold";
  color: #333;
}

.relatedQandA .titleMain .frs a {
  border: 0px solid red;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}

.relatedQandA .titleMain .frs a span {
  color: #666;
  font-size: 15px;
}

.relatedQandA .titleMain .frs a span.span {
  padding-left: 5px;
}

.relatedQandA .titleMain .frs a:hover span {
  color: #2589FF !important;
}

.relatedQandA .qAndALists {
  padding: 30px 0;
}

.relatedQandA .qAndALists .itembox {
  width: 100%;
  padding: 20px 30px 0;
}

.relatedQandA .qAndALists .itembox:first-child {
  padding-top: 0;
}

.relatedQandA .qAndALists .itembox:last-child {
  padding-bottom: 0;
}

.relatedQandA .qAndALists .yourQBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.relatedQandA .qAndALists .yourQBox .fls {
  width: 50px;
  border: 0px solid red;
}

.relatedQandA .qAndALists .yourQBox .fls img {
  width: 24px;
}

.relatedQandA .qAndALists .yourQBox .frs {
  width: calc(100% - 50px);
}

.relatedQandA .qAndALists .yourQBox .frs .fr1 {
  font-size: 18px;
  font-family: "pingFangBold";
  color: #333;
}

.relatedQandA .qAndALists .yourQBox .frs .fr2 span {
  color: #999;
  font-size: 13px;
}

.relatedQandA .qAndALists .yourABox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ddd;
}

.relatedQandA .qAndALists .itembox:last-child .yourABox {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.relatedQandA .qAndALists .yourABox .fls {
  width: 50px;
  border: 0px solid red;
}

.relatedQandA .qAndALists .yourABox .fls img {
  width: 24px;
}

.relatedQandA .qAndALists .yourABox .frs {
  width: calc(100% - 50px);
}

.relatedQandA .qAndALists .yourABox .frs .fr1 {
  width: 100%;
  background: #F9FAFD;
  padding: 15px;
  font-size: 14px;
  color: #333;
  line-height: 22px;
  text-align: justify;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 {
  width: 100%;
  display: flex;
  padding-top: 15px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d1box {
  width: 30px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d1box p {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box {
  width: calc(100% - 30px - 90px);
  padding-left: 10px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .names {
  width: 100%;
  display: flex;
  align-items: center;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .names .s1 {
  font-size: 16px;
  font-family: "pingFangBold";
  color: #333;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .names .s2 {
  background: #F9FAFD;
  padding: 3px 6px;
  border-radius: 3px;
  overflow: hidden;
  font-size: 13px;
  color: #aaa;
  margin-left: 10px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .tags {
  padding-top: 5px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .tags span {
  font-size: 13px;
  color: #aaa;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .tags span::before {
  content: "|";
  margin: 0 10px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d2box .tags span:first-child::before {
  content: "";
  display: none;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d3box {
  width: 90px;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d3box a {
  display: inline-flex;
  width: 100%;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #3669EC;
  color: #3669EC;
  transition: all 0.3s;
  font-size: 13px;
  justify-content: center;
  align-items: center;
}

.relatedQandA .qAndALists .yourABox .frs .fr2 .d3box a:hover {
  background: #3669EC;
  color: #fff;
}

/* 问答详情页面--- 左侧推荐资讯 1/2*/

.tuiJianNews {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

.tuiJianNews .titleMain {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.tuiJianNews .titleMain .fls {
  font-size: 22px;
  font-family: "pingFangBold";
  color: #333;
}

.tuiJianNews .titleMain .frs a {
  border: 0px solid red;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
}

.tuiJianNews .titleMain .frs a span {
  color: #666;
  font-size: 15px;
}

.tuiJianNews .titleMain .frs a span.span {
  padding-left: 5px;
}

.tuiJianNews .titleMain .frs a:hover span {
  color: #2589FF !important;
}

/* 问答详情页面--- 左侧推荐资讯 2/2*/

.newsIfTextIfImg {
  width: 100%;
  padding: 30px 0;
}

.newsIfTextIfImg .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  cursor: pointer;
}

.newsIfTextIfImg .itembox:first-child {
  padding-top: 0;
}

.newsIfTextIfImg .itembox:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.newsIfTextIfImg .itembox .fls {
  width: calc(100% - 100px);
  padding-right: 30px;
}

.newsIfTextIfImg .itembox .fls .titles {
  font-size: 18px;
  font-family: "pingFangBold";
  color: #333;
  padding-bottom: 10px;
  transition: color 0.3s;
}

.newsIfTextIfImg .itembox .fls .descipts {
  font-size: 14px;
  color: #999;
  line-height: 22px;
  height: 44px;
}

.newsIfTextIfImg .itembox .fls .numbers {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.newsIfTextIfImg .itembox .fls .numbers p {
  font-size: 13px;
  color: #999;
  max-width: 200px;
}

.newsIfTextIfImg .itembox .fls .numbers p::before {
  content: "|";
  margin: 0 20px;
}

.newsIfTextIfImg .itembox .fls .numbers p:first-child::before {
  display: none;
}

.newsIfTextIfImg .itembox .frs {
  width: 100px;
  display: flex;
  align-items: center;
}

.newsIfTextIfImg .itembox .frs p {
  width: 100%;
  height: 70px;
  overflow: hidden;
}

.newsIfTextIfImg .itembox:hover .fls .titles {
  color: #2589FF !important;
}

.newsIfTextIfImg .itembox.iftxt .fls {
  width: 100%;
  padding-right: 0;
}

.newsIfTextIfImg .itembox.iftxt .frs {
  display: none;
}

/* 问答详情页面--- 左侧猜你需要*/

.guessYourNeed {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
  padding: 30px;
}

.guessYourNeed .titleMain {
  width: 100%;
  display: flex;
  align-items: center;
}

.guessYourNeed .titleMain .fls {
  font-size: 22px;
  font-family: "pingFangBold";
  color: #333;
  padding-right: 20px;
}

.guessYourNeed .titleMain .frs {
  display: flex;
  border-left: 1px solid #ddd;
  padding-left: 20px;
}

.guessYourNeed .titleMain .frs a {
  font-size: 14px;
  color: #666;
  transition: color 0.3s;
  margin-left: 30px;
  font-weight: 700;
}

.guessYourNeed .titleMain .frs a:first-child {
  margin-left: 0;
}

.guessYourNeed .titleMain .frs a.on {
  color: #2589FF;
}

.guessYourNeed .titleMain .frs a:hover {
  color: #2589FF;
}

.guessYourNeed .listsbox {
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
}

.guessYourNeed .listsbox .itembox {
  width: 24.25%;
  margin-right: 1%;
  height: 40px;
  line-height: 40px;
  background: #f5f5f5;
  color: #333;
  font-size: 13px;
  padding: 0 10px;
  margin-top: 10px;
  float: left;
  transition: all 0.3s;
}

.guessYourNeed .listsbox .itembox:nth-child(4n) {
  margin-right: 0%;
}

.guessYourNeed .listsbox .itembox:nth-child(1) {
  margin-top: 0;
}

.guessYourNeed .listsbox .itembox:nth-child(2) {
  margin-top: 0;
}

.guessYourNeed .listsbox .itembox:nth-child(3) {
  margin-top: 0;
}

.guessYourNeed .listsbox .itembox:nth-child(4) {
  margin-top: 0;
}

.guessYourNeed .listsbox .itembox:hover {
  background: #2589FF;
  color: #fff;
}

.guessYourNeed .listsbox .itembox.on {
  background: #2589FF;
  color: #fff;
}

/* 商标查询页面的banner区域 */

.trademarkInquiryBanner {
  padding: 80px 0;
}

.trademarkInquiryBanner2 .titlesbox {
  font-size: 34px;
  font-family: "pingFangBold";
  color: #223455;
  text-align: center;
  padding-bottom: 30px;
}

.trademarkInquiryBanner2 .tabs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
}

.trademarkInquiryBanner2 .tabs a {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
  padding: 0 10px;
  margin: 0 10px;
}

.trademarkInquiryBanner2 .tabs a:first-child {
  margin-left: 0;
}

.trademarkInquiryBanner2 .tabs a:last-child {
  margin-right: 0;
}

.trademarkInquiryBanner2 .tabs a span {
  font-size: 16px;
  color: #3D485D;
  padding-bottom: 5px;
}

.trademarkInquiryBanner2 .tabs a img {
  width: 12px;
  height: 12px;
  visibility: hidden;
}

.trademarkInquiryBanner2 .tabs a.on span {
  font-size: 22px;
}

.trademarkInquiryBanner2 .tabs a.on img {
  visibility: inherit;
}

.trademarkInquiryBanner2 .hotSearchs {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}

.trademarkInquiryBanner2 .hotSearchs p {
  font-size: 14px;
  color: #98A0B2;
}

.trademarkInquiryBanner2 .hotSearchs a {
  font-size: 14px;
  color: #98A0B2;
  transition: color 0.3s;
  border: 0px solid red;
  padding: 5px 10px;
}

.trademarkInquiryBanner2 .hotSearchs a:hover {
  color: #1450EB;
}

/* 商标查询页面的滚动公告（用了2次）1/2 */

.commScrollNotice {
  width: 100%;
  margin-top: -30px;
}

.commScrollNotice2 {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.commScrollNotice2 .fls {
  width: 200px;
  border: 0px solid red;
  padding-left: 20px;
}

.commScrollNotice2 .fls .iconfont {
  font-size: 16px;
  color: #3669EC;
}

.commScrollNotice2 .fls .span {
  font-size: 16px;
  color: #666;
  padding-left: 20px;
}

.commScrollNotice2 .frs {
  width: calc(100% - 200px);
  padding-right: 30px;
  border: 0px solid red;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: hidden;
  height: 60px;
}

.commScrollNotice2 .frs .itembox {
  width: 25%;
  border: 0px solid red;
  font-size: 14px;
  color: #666;
  height: 60px;
  line-height: 65px;
  text-align: center;
  padding: 0 10px;
  transition: color 0.3s;
}

.commScrollNotice2 .frs .itembox:hover {
  color: #1450EB;
}

/* 商标查询页面的滚动公告（用了2次）22 */

.copy1Scroll {
  background: #F9FAFD;
}

.copy1Scroll .commScrollNotice {
  margin-top: 0;
}

.copy1Scroll .commScrollNotice2 {
  box-shadow: none;
  background: #F9FAFD;
}

.copy1Scroll .commScrollNotice2 .frs {
  padding-right: 0;
}

/* 商标查询页面的三个数字图标 */

.trademarkInquiryNumber {
  width: 100%;
}

.trademarkInquiryNumber2 .onlyshowtime {
  width: 100%;
  font-size: 14px;
  color: #aaa;
  padding: 20px 0;
}

.trademarkInquiryNumber2 .listboxs {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.trademarkInquiryNumber2 .listboxs::before,
.trademarkInquiryNumber2 .listboxs::after {
  content: "";
  display: block;
}

.trademarkInquiryNumber2 .listboxs .itembox {
  display: flex;
  align-items: center;
}

.trademarkInquiryNumber2 .listboxs .itembox .fls {
  width: 80px;
  height: 80px;
}

.trademarkInquiryNumber2 .listboxs .itembox .fls img {
  width: 80px;
  height: 80px;
}

.trademarkInquiryNumber2 .listboxs .itembox .frs {
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10px;
}

.trademarkInquiryNumber2 .listboxs .itembox .frs .p1 {
  font-size: 28px;
  color: #3669EC;
  font-family: "shuzi";
}

.trademarkInquiryNumber2 .listboxs .itembox .frs .p2 {
  font-size: 16px;
  color: #666;
  padding-top: 5px;
}

/* 早鸽商标服务 */

.trademarkServiceDiv {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
}

.trademarkServiceDiv .itembox {
  box-shadow: 0px 0px 10px rgba(20, 80, 235, 0.1);
  width: 285px;
  padding: 30px;
  background: linear-gradient(to bottom, #EFF6FF, #fff);
  display: flex;
}

.trademarkServiceDiv .itembox .fls {
  width: 52px;
  height: 52px;
}

.trademarkServiceDiv .itembox .fls img {
  width: 52px;
  height: 52px;
}

.trademarkServiceDiv .itembox .frs {
  width: calc(100% - 52px);
  padding-left: 20px;
}

.trademarkServiceDiv .itembox .frs .p1 {
  font-size: 20px;
  font-family: "pingFangBold";
  color: #333;
  padding-bottom: 10px;
}

.trademarkServiceDiv .itembox .frs .p2 {
  font-size: 14px;
  color: #333;
  height: 44px;
  line-height: 22px;
}

/* 商标分类查询页面的商标服务 */

.trademarkServiceBox {
  padding-bottom: 40px;
}

.trademarkServiceBox2 {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
}

.trademarkServiceBox2 .titleMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 20px;
}

.trademarkServiceList {
  display: flex;
  flex-wrap: wrap;
}

.trademarkServiceList a {
  width: 12.5%;
  border: 0px solid red;
  font-size: 14px;
  color: #333;
  text-align: center;
  height: 40px;
  line-height: 40px;
  position: relative;
  transition: color 0.3s;
}

.trademarkServiceList a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 1px;
  background: #1450EB;
  transition: all 0.3s;
}

.trademarkServiceList a:hover {
  color: #1450EB;
}

.trademarkServiceList a:hover::after {
  width: 30%;
}

/* 商标公告 */

.trademarkGazetteDiv {
  background: #F9FAFD;
}

.trademarkGazetteDiv .newsPageTabHead {
  border-bottom: none;
  padding-top: 0;
}

.trademarkGazetteDiv .announcementList {
  padding-top: 10px;
}

.announcementList {
  width: 100%;
  padding-bottom: 50px;
}

.announcementList .itembox {
  box-shadow: 8px 8px 20px 1px rgba(55, 99, 170, 0.12);
  padding: 15px;
  width: 224px;
  margin-right: 20px;
  margin-top: 20px;
  background-color: white;
}

.announcementList .itembox:nth-child(5n) {
  margin-right: 0;
}

.announcementList .itembox:nth-child(1) {
  margin-top: 0;
}

.announcementList .itembox:nth-child(2) {
  margin-top: 0;
}

.announcementList .itembox:nth-child(3) {
  margin-top: 0;
}

.announcementList .itembox:nth-child(4) {
  margin-top: 0;
}

.announcementList .itembox:nth-child(5) {
  margin-top: 0;
}

.announcementList .itembox .titles {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

.announcementList .itembox .titles .s1 {
  font-size: 18px;
  color: #F57374;
  font-family: "pingFangBold";
}

.announcementList .itembox .titles .s2 {
  font-size: 18px;
  color: #333;
  font-family: "pingFangBold";
}

.announcementList .itembox .numbers {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}

.announcementList .itembox .numbers .s1 {
  font-size: 14px;
  color: #1450EB;
}

.announcementList .itembox .numbers .s2 {
  font-size: 14px;
  color: #666;
}

.announcementList .itembox .times {
  text-align: center;
  font-size: 13px;
  color: #999;
  padding-bottom: 10px;
}

.announcementList .itembox .sources {
  text-align: center;
  font-size: 13px;
  color: #999;
  padding-bottom: 10px;
}

.announcementList .itembox .buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}

.announcementList .itembox .buttons span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  color: #666;
  font-size: 14px;
  transition: all 0.3s;
  width: 100%;
  height: 36px;
}

.announcementList .itembox:hover .buttons span {
  background: #3669EC;
  color: #fff;
}

/* 商标分类查询的banner区域(用了3次) */

.classifyQueryBanner {
  padding-bottom: 40px;
}

.classifyQueryBanner2 .titles {
  font-size: 28px;
  color: #333;
  font-family: "pingFangBold";
  text-align: center;
  padding: 40px 0 30px;
}

.comBannerSelect {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comBannerSelect .fls {
  background: #fff;
  display: flex;
  width: 720px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
}

.comBannerSelect .fls .fl1box {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.comBannerSelect .fls .fl1box .showDiv {
  border: 0px solid red;
  height: 50px;
  width: 120px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
}

.comBannerSelect .fls .fl1box .showDiv .el-select .el-input__inner {
  border: none;
}

/* .comBannerSelect .fls .fl1box .showDiv span{width: calc(100% - 24px);padding-right: 10px;font-size: 14px;color: #666;transition: color 0.3s;text-align: center;} */
/* .comBannerSelect .fls .fl1box .showDiv img{width: 12px;height: 12px;transition: all 0.3s;} */
.comBannerSelect .fls .pickerDiv {
  position: absolute;
  left: 0;
  top: 50px;
  border: 0px solid red;
  opacity: 0;
  transition: all 0.3s;
  padding-top: 10px;
  z-index: 10;
}

.comBannerSelect .fls .pickerDiv2 {
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
  background: #fff;
  width: 120px;
  padding: 8px 0;
  z-index: 9;
}

.comBannerSelect .fls .pickerDiv2::before {
  content: "";
  position: absolute;
  left: 55px;
  top: -5px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  z-index: 10;
}

.comBannerSelect .fls .pickerDiv2 a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333;
  padding: 8px;
  transition: color;
}

.comBannerSelect .fls .pickerDiv2 a:hover {
  color: #1450EB;
}

.comBannerSelect .fls .fl1box:hover {
  overflow: inherit;
}

.comBannerSelect .fls .fl1box:hover .showDiv span {
  color: #1450EB;
}

.comBannerSelect .fls .fl1box:hover .showDiv img {
  transform: rotate(180deg);
}

.comBannerSelect .fls .fl1box:hover .pickerDiv {
  opacity: 1;
}

.comBannerSelect .fls .fl2box {
  width: calc(100% - 240px);
}

.comBannerSelect .fls .fl2box input {
  height: 50px;
  line-height: 50px;
  border: 0px solid red;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #333;
  padding-right: 30px;
}

.comBannerSelect .fls .fl3box {
  border: 0px solid red;
  height: 50px;
  width: 120px;
  background: #1450EB;
  color: #fff;
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}

.comBannerSelect .frs {
  background: #fff;
  display: inline-flex;
  width: 130px;
  border-radius: 5px;
  overflow: hidden;
  height: 50px;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
  margin-left: 20px;
  transition: color 0.3s;
  cursor: pointer;
}

.comBannerSelect .frs:hover {
  color: #1450EB;
}

/* 商标分类查询的banner区域(用了3次) ---复制改版*/

.copy1 .comBannerSelect .fls .fl1box {
  display: none;
}

.copy1 .comBannerSelect .fls .fl2box {
  width: calc(100% - 120px);
  padding-left: 30px;
}

/* 行业分类和商标分类的盒子 1/3 */

.classifyListDiv {
  padding-bottom: 50px;
}

.classifyListDiv2 {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.classifyListBoxs {
  padding: 25px;
}

.classifyListBoxs .itembox {
  float: left;
  border: 1px solid #f5f5f5;
  padding: 30px;
  transition: all 0.3s;
}

.classifyListBoxs .itembox .imgs {
  width: 100%;
  display: flex;
  justify-content: center;
}

.classifyListBoxs .itembox .imgs img {
  width: 54px;
  height: 54px;
}

.classifyListBoxs .itembox .names {
  text-align: center;
  font-size: 16px;
  color: #333;
  padding-top: 10px;
  transition: color 0.3s;
}

.classifyListBoxs .itembox:hover {
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
}

.classifyListBoxs .itembox .numbers {
  font-size: 14px;
  color: #999;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.classifyListBoxs .itembox:hover .names {
  color: #1450EB;
}

.classifyListBox1 {
  display: block;
}

.classifyListBox2 {
  overflow: hidden;
  display: none;
}

/* 行业分类和商标分类的盒子 2/3 */

.classifyListBox1 {
  overflow: visible;
}

.classifyListBox1 .itembox {
  margin-left: 20px;
  margin-top: 22px;
  width: 210px;
}

.classifyListBox1 .itembox:nth-child(1) {
  margin-top: 0;
}

.classifyListBox1 .itembox:nth-child(2) {
  margin-top: 0;
}

.classifyListBox1 .itembox:nth-child(3) {
  margin-top: 0;
}

.classifyListBox1 .itembox:nth-child(4) {
  margin-top: 0;
}

.classifyListBox1 .itembox:nth-child(5) {
  margin-top: 0;
}

.classifyListBox1 .itembox .imgs img.img1 {
  display: inline-block;
}

.classifyListBox1 .itembox .imgs img.img2 {
  display: none;
}

.classifyListBox1 .itembox {
  position: relative;
  overflow: hidden;
}

.classifyListBox1 .itembox .box2 {
  position: absolute;
  top: 160px;
  width: 1130px;
  border: 1px solid #f5f5f5;
  background: #fff;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  z-index: 10;
  opacity: 0;
  transition: all 0.3s;
}

.classifyListBox1 .itembox .box2::before {
  content: "";
  width: 0;
  height: 0;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  position: absolute;
  top: -20px;
  z-index: 11;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
}

.classifyListBox1 .itembox .box2 p {
  font-size: 15px;
  color: #666;
  width: 50%;
  padding-top: 15px;
}

.classifyListBox1 .itembox .box2 p:nth-child(1) {
  padding-top: 0;
}

.classifyListBox1 .itembox .box2 p:nth-child(2) {
  padding-top: 0;
}

.classifyListBox1 .itembox:hover {
  overflow: visible;
}

.classifyListBox1 .itembox:hover .box2 {
  opacity: 1;
}

.classifyListBox1 .itembox:hover .imgs img.img1 {
  display: none;
}

.classifyListBox1 .itembox:hover .imgs img.img2 {
  display: inline-block;
}

.classifyListBox1 .itembox:nth-child(5n-4) .box2 {
  left: 0px;
}

.classifyListBox1 .itembox:nth-child(5n-4) .box2::before {
  left: 90px;
}

.classifyListBox1 .itembox:nth-child(5n-3) .box2 {
  left: -230px;
}

.classifyListBox1 .itembox:nth-child(5n-3) .box2::before {
  left: 320px;
}

.classifyListBox1 .itembox:nth-child(5n-2) .box2 {
  left: -460px;
}

.classifyListBox1 .itembox:nth-child(5n-2) .box2::before {
  left: 560px;
}

.classifyListBox1 .itembox:nth-child(5n-1) .box2 {
  left: -690px;
}

.classifyListBox1 .itembox:nth-child(5n-1) .box2::before {
  left: 780px;
}

.classifyListBox1 .itembox:nth-child(5n) .box2 {
  left: -920px;
}

.classifyListBox1 .itembox:nth-child(5n) .box2::before {
  left: 1020px;
}

/* 行业分类和商标分类的盒子 3/3 */

.classifyListBox2 .itembox:nth-child(1) {
  margin-top: 0;
}

.classifyListBox2 .itembox:nth-child(2) {
  margin-top: 0;
}

.classifyListBox2 .itembox:nth-child(3) {
  margin-top: 0;
}

.classifyListBox2 .itembox:nth-child(4) {
  margin-top: 0;
}

.classifyListBox2 .itembox:nth-child(5) {
  margin-top: 0;
}

.classifyListBox2 .itembox:nth-child(6) {
  margin-top: 0;
}

.classifyListBox2 .itembox:nth-child(7) {
  margin-top: 0;
}

.classifyListBox2 .itembox {
  width: 150px;
  margin-left: 14px;
  margin-top: 14px;
}

/* 查询列表的选择大盒子(用了2次)---整体 1/3*/

.queryListBig {
  width: 100%;
  padding-bottom: 50px;
}

.queryListBig2 {
  padding: 25px;
  background: #fff;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.queryListBig2 .itemRow {
  width: 100%;
  display: flex;
  padding: 10px 0;
}

.queryListBig2 .itemRow:first-child {
  padding-top: 0;
}

.queryListBig2 .itemRow:last-child {
  padding-bottom: 0;
}

.queryListBig2 .itemRow .fls {
  width: 100px;
  border: 0px solid red;
}

.queryListBig2 .itemRow .fls span {
  height: 32px;
  line-height: 32px;
}

.queryListBig2 .itemRow .frs {
  width: 100px;
  border: 0px solid red;
}

.queryListBig2 .itemRow .mids {
  width: calc(100% - 200px);
}

.queryListBig2 .itemRow.ifBotLine .mids {
  border-bottom: 1px dashed #eee;
  padding-bottom: 15px;
}

/* 查询列表的选择大盒子(用了2次)---整体 2/3*/

.queryListBig2 .itemRow.ifTab .mids {
  overflow: hidden;
  height: 32px;
}

.queryListBig2 .itemRow.ifTab .mids p {
  font-size: 14px;
  color: #333;
  transition: color 0.3s;
  cursor: pointer;
  float: left;
  margin-left: 30px;
  height: 32px;
  line-height: 32px;
}

.queryListBig2 .itemRow.ifTab .mids p:first-child {
  /* margin-left: 0; */
}

.queryListBig2 .itemRow.ifTab .mids p span {
  font-size: 14px;
  color: #999;
  transition: color 0.3s;
}

.queryListBig2 .itemRow.ifTab .mids p:hover {
  color: #1450EB;
}

.queryListBig2 .itemRow.ifTab .mids p:hover span {
  color: #1450EB;
}

.queryListBig2 .itemRow.ifTab .mids p.on {
  color: #1450EB;
}

.queryListBig2 .itemRow.ifTab .mids p.on span {
  color: #1450EB;
}

.queryListBig2 .itemRow.ifTab .mids.on {
  height: inherit;
}

/* 查询列表的选择大盒子(用了2次)---整体 3/3*/

.queryListBig2 .itemRow.ifTab {
  padding: 5px 0;
}

.queryListBig2 .itemRow.ifTab .frs {
  display: inline-flex;
  justify-content: flex-end;
  border: 0px solid red;
  align-items: flex-start;
}

.queryListBig2 .itemRow.ifTab .frs a {
  border: 0px solid orange;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding-left: 20px;
}

.queryListBig2 .itemRow.ifTab .frs a .span {
  font-size: 14px;
  padding-right: 3px;
  color: #999;
  transition: color 0.3s;
}

.queryListBig2 .itemRow.ifTab .frs a .span1 {
  display: inline-block;
}

.queryListBig2 .itemRow.ifTab .frs a .span2 {
  display: none;
}

.queryListBig2 .itemRow.ifTab .frs a .iconfont {
  font-size: 12px;
  color: #999;
  transition: color 0.3s;
}

.queryListBig2 .itemRow.ifTab .frs a:hover .span {
  color: #2589FF;
}

.queryListBig2 .itemRow.ifTab .frs a:hover .iconfont {
  color: #2589FF;
}

.queryListBig2 .itemRow.ifTab .frs a.on .span1 {
  display: none;
}

.queryListBig2 .itemRow.ifTab .frs a.on .span2 {
  display: inline-block;
}

.queryListBig2 .itemRow.ifTab .frs a.on .iconfont {
  transform: rotate(90deg);
}

/* 查询列表的选择大盒子---行业选择 */

.ifIndustrySelect .mids .dropBoxs {
  width: 300px;
  border: 0px solid red;
  position: relative;
  overflow: hidden;
}

.ifIndustrySelect .mids .dropBox1 {
  border: 1px solid #f5f5f5;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
  cursor: pointer;
  width: 300px;
  z-index: 1;
  background: #fff;
}

.ifIndustrySelect .mids .dropBox1 span {
  font-size: 14px;
  color: #999;
  transition: all 0.3s;
}

.ifIndustrySelect .mids .dropBox1 span.span {
  max-width: 240px;
}

.ifIndustrySelect .mids .dropBox1 span.iconfont {
  font-size: 12px;
  margin-left: 3px;
}

.ifIndustrySelect .mids .dropBox1.on span.span {
  color: #2589FF;
}

.ifIndustrySelect .mids .dropBox2 {
  position: absolute;
  left: 0;
  top: 32px;
  width: 300px;
  border: 1px solid #eee;
  background: #fff;
  z-index: 2;
  padding: 6px 0;
  border-top: none;
  opacity: 0;
  transition: opacity 0.3s;
}

.ifIndustrySelect .mids .dropBox2 a {
  display: block;
  width: 100%;
  font-size: 13px;
  transition: all 0.3s;
  padding: 6px 10px;
}

.ifIndustrySelect .mids .dropBox2 a:hover {
  background: #eee;
  color: #2589FF;
}

.ifIndustrySelect .mids .dropBoxs:hover {
  overflow: inherit;
}

.ifIndustrySelect .mids .dropBoxs:hover .dropBox2 {
  opacity: 1;
}

.ifIndustrySelect .mids .dropBoxs:hover .dropBox1 span.iconfont {
  transform: rotate(180deg);
}

/* 查询列表的选择大盒子---商标筛选 */

.ifTrademarkScreen .mids {
  clear: both;
}

.ifTrademarkScreen .mids .itemp {
  height: 32px;
  border: 1px solid #CBD9FF;
  position: relative;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  padding: 0 20px;
  margin-left: 30px;
  float: left;
  cursor: pointer;
}

.ifTrademarkScreen .mids .itemp:first-child {
  margin-left: 0;
}

.ifTrademarkScreen .mids .itemp img {
  width: 13px;
  height: 13px;
  position: absolute;
  right: -7px;
  top: -7px;
}

.ifTrademarkScreen .mids .itemp span {
  font-size: 14px;
  color: #2589FF;
}

.ifTrademarkScreen .frs {
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.ifTrademarkScreen .frs a {
  height: 32px;
  display: inline-flex;
  align-items: center;
  display: inline-flex;
  align-items: center;
  width: 72px;
  background: #F5F5F5;
  justify-content: center;
  border-radius: 3px;
  overflow: hidden;
}

.ifTrademarkScreen .frs a i {
  font-size: 14px;
  color: #999;
  transition: all 0.3s;
}

.ifTrademarkScreen .frs a span {
  font-size: 14px;
  color: #999;
  padding-left: 3px;
  transition: all 0.3s;
}

.ifTrademarkScreen .frs a:hover i {
  color: #1450EB;
}

.ifTrademarkScreen .frs a:hover span {
  color: #1450EB;
}

/* 查询列表的展示大盒子 1/2 */

.queryListShow {
  width: 100%;
  padding-bottom: 50px;
}

.queryListShow2 {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.queryListShow2 .titleMain {
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
  padding: 25px;
}

.queryListShow2 .tipsbox {
  padding: 30px;
  font-size: 13px;
  color: #999;
}

.queryListShow2 .newsTurnPage {
  padding-bottom: 30px;
}

.queryListShow2 .newsTurnPage a {
  border: 1px solid #f5f5f5;
}

/* 查询列表的展示大盒子 2/2 */

.trademarkClassifyList {
  width: 100%;
}

.trademarkClassifyList .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  transition: all 0.3s;
}

.trademarkClassifyList .itembox .fls {
  width: 150px;
}

.trademarkClassifyList .itembox .fls p {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
}

.trademarkClassifyList .itembox .fls p .imgtext{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  padding: 0 20px;
  font-size: 35px;
  line-height: 40px;
  border-radius: 8px;
  color: #fff;
  overflow: hidden;
  background-color: #7db3d9;
  text-align: center;
}

.trademarkClassifyList .itembox .frs {
  width: calc(100% - 150px);
}

.trademarkClassifyList .itembox .frs .frnames {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}

.trademarkClassifyList .itembox .frs .frnames .namefl {
  display: flex;
  align-items: center;
  width: 70%;
}

.trademarkClassifyList .itembox .frs .frnames .namefl .p1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
  max-width: 65%;
}

.trademarkClassifyList .itembox .frs .frnames .namefl .p2 {
  font-size: 16px;
  color: #333;
  padding-left: 50px;
}

.trademarkClassifyList .itembox .frs .frnames .namefr {
  background: #F3F6FF;
  font-size: 12px;
  color: #1450EB;
  padding: 5px 10px;
  border-radius: 4px;
}

.trademarkClassifyList .itembox .frs .frbars {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.trademarkClassifyList .itembox .frs .frbars p {
  width: 33.33%;
  padding-top: 5px;
}

.trademarkClassifyList .itembox .frs .frbars p:nth-child(1) {
  padding-top: 0;
}

.trademarkClassifyList .itembox .frs .frbars p:nth-child(2) {
  padding-top: 0;
}

.trademarkClassifyList .itembox .frs .frbars p:nth-child(3) {
  padding-top: 0;
}

.trademarkClassifyList .itembox .frs .frbars p .s1 {
  font-size: 14px;
  color: #999;
}

.trademarkClassifyList .itembox .frs .frbars p .s2 {
  font-size: 14px;
  color: #333;
}

.trademarkClassifyList .itembox .frs .frbars p:nth-child(2) .s2 {
  color: #1450EB;
}

.trademarkClassifyList .itembox .frs .frdescipts {
  height: 44px;
  line-height: 22px;
  text-align: justify;
  font-size: 14px;
  color: #999;
}

.trademarkClassifyList .itembox:hover {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.trademarkClassifyList .itembox:hover .frs .frnames .namefl .p1 {
  color: #1450EB;
}

/* 查询列表的展示大盒子 2/2---复制过后的专利列表 */

.trademarkClassifyList .itembox .frs .frCopy2_title {
  width: 100%;
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
}

.trademarkClassifyList .itembox .frs .frCopy2_title em {
  font-size: 22px;
  color: red;
  font-family: "pingFangBold";
}

.trademarkClassifyList .itembox .frs .frCopy2_tag {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 0 15px;
}

.trademarkClassifyList .itembox .frs .frCopy2_tag span {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  margin-left: 20px;
  padding: 0 10px;
  border-radius: 3px;
  overflow: hidden;
}

.trademarkClassifyList .itembox .frs .frCopy2_tag span:nth-child(1) {
  color: #11B041;
  background: #E7F5EB;
  margin-left: 0;
}

.trademarkClassifyList .itembox .frs .frCopy2_tag span:nth-child(2) {
  color: #1450EB;
  background: #F3F6FF;
}

.trademarkClassifyList .itembox .frs .frCopy2_para {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.trademarkClassifyList .itembox .frs .frCopy2_para p {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.trademarkClassifyList .itembox .frs .frCopy2_para p:last-child {
  padding-bottom: 0;
}

.trademarkClassifyList .itembox .frs .frCopy2_para p.width33 {
  width: 33.33%;
}

.trademarkClassifyList .itembox .frs .frCopy2_para p span {
  font-size: 14px;
}

.trademarkClassifyList .itembox .frs .frCopy2_para p span:nth-child(1) {
  color: #999;
}

.trademarkClassifyList .itembox .frs .frCopy2_para p span:nth-child(2) {
  color: #333;
}

.trademarkClassifyList .itembox:hover .frs .frCopy2_title {
  color: #1450EB;
}

/* 最底部的带客服小姐姐的人工查询 */

.manualQuery {
  width: 100%;
  background: #3669EC;
}

.manualQuery2 {
  display: block;
  position: relative;
}

.manualQuery2 .kefuImg {
  position: absolute;
  width: 402px;
  height: 205px;
  left: -90px;
  bottom: 0;
  z-index: 2;
}

.manualQuery2 .textbox {
  display: block;
  padding-left: 300px;
}

.manualQuery2 .textbox .titles {
  font-size: 22px;
  color: #fff;
  font-family: "pingFangBold";
  padding: 20px 0;
}

.manualQuery2 .textbox .paras {
  padding-bottom: 20px;
}

.manualQuery2 .textbox .paras p {
  font-size: 13px;
  color: #CBD9FF;
  padding-top: 5px;
}

.manualQuery2 .textbox .paras p:first-child {
  padding-top: 0;
}

.manualQuery2 .textbox .forms {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.manualQuery2 .textbox .forms .inputDiv input {
  width: 430px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  font-size: 14px;
  color: #333;
  background: #fff;
}

.manualQuery2 .textbox .forms .submitDiv {
  padding-left: 20px;
  position: relative;
}

.manualQuery2 .textbox .forms .submitDiv a {
  background: #11B041;
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 120px;
  transition: background 0.3s;
}

.manualQuery2 .textbox .forms .submitDiv img {
  width: 38px;
  height: 24px;
  position: absolute;
  right: -25px;
  top: -15px;
}

.manualQuery2 .textbox .forms .submitDiv a:hover {
  background: #1fa949;
}

.manualQuery2 .textbox .tipsDiv {
  font-size: 13px;
  padding-left: 50px;
  color: #fff;
}

/* 商标详情页的头部信息 1/2 */

.detailTrademark1 {
  padding-bottom: 40px;
}

.detailTrademark1B {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.detailTrademark1B .topbox {
  padding: 30px 30px 20px 30px;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}

.detailTrademark1B .topbox .fls p {
  width: 220px;
  height: 220px;
  border-radius: 100%;
}

.detailTrademark1B .topbox .frs {
  padding-left: 30px;
  width: calc(100% - 220px);
}

.detailTrademark1B .topbox .frs .fr1 {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.detailTrademark1B .topbox .frs .fr1 .p1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  max-width: 600px;
  padding-right: 40px;
}

.detailTrademark1B .topbox .frs .fr1 .p2 {
  width: 124px;
  height: 27px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #fff;
  padding-left: 15px;
}

.detailTrademark1B .topbox .frs .fr2 {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}

.detailTrademark1B .topbox .frs .fr2 p {
  width: 50%;
  font-size: 14px;
  color: #333;
  padding-top: 10px;
}

.detailTrademark1B .topbox .frs .fr2 p:nth-child(1) {
  padding-top: 0;
}

.detailTrademark1B .topbox .frs .fr2 p:nth-child(2) {
  padding-top: 0;
}

.detailTrademark1B .topbox .frs .fr3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl {
  width: calc(100% - 90px);
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fr {
  width: 90px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3fla {
  width: 100%;
  display: flex;
  align-items: center;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3fla a {
  margin-left: 25px;
  border: 1px solid #1450EB;
  color: #1450EB;
  width: 136px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3fla a:first-child {
  margin-left: 0;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3flb {
  width: 100%;
  display: flex;
  align-items: center;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3flb a {
  border: 0px solid red;
  display: inline-flex;
  align-items: center;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  margin-left: 30px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3flb a:first-child {
  margin-left: 0;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3flb a img {
  width: 20px;
  height: 20px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3flb a span {
  font-size: 14px;
  color: #999;
  transition: color 0.3s;
  padding-left: 10px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fl .fr3flb a:hover span {
  color: #1450EB;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fr {
  width: 90px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fr .p1 {
  width: 100%;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fr .p1 img {
  width: 90px;
  height: 90px;
}

.detailTrademark1B .topbox .frs .fr3 .fr3fr .p2 {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #333;
}

/* 商标详情页的头部信息 2/2 */

.detailTrademark1B .botbox {
  width: 100%;
  padding: 20px 30px 30px 30px;
}

.detailTrademark1B .botbox .titlebox {
  font-size: 18px;
  color: #333;
  padding-bottom: 20px;
}

.detailTrademark1B .botbox .listbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.detailTrademark1B .botbox .listbox .itembox {
  border: 0px solid red;
  display: inline-flex;
  justify-content: space-between;
}

.detailTrademark1B .botbox .listbox .itembox .fls {
  width: 26px;
}

.detailTrademark1B .botbox .listbox .itembox .fls span {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #F5F5F5;
  text-align: center;
  line-height: 26px;
}

.detailTrademark1B .botbox .listbox .itembox .frs {
  padding-left: 20px;
}

.detailTrademark1B .botbox .listbox .itembox .frs .p1 {
  font-size: 14px;
  color: #333;
}

.detailTrademark1B .botbox .listbox .itembox .frs .p2 {
  font-size: 13px;
  color: #999;
  padding-top: 10px;
}

/* 商标详情页的最大盒子 1/4 */

.detailTmContainer {
  width: 100%;
  padding-bottom: 50px;
}

.detailTmContainer2 {
  display: flex;
  justify-content: space-between;
}

.detailTmContainer2 .detailTmFl {
  width: 820px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.detailTmContainer2 .detailTmFr {
  width: 360px;
}

/* 商标详情页的最大盒子 2/4---商标详情和专利详情都有使用 */

.detailtabHead {
  padding: 14px 30px;
  border-bottom: 1px solid #f5f5f5;
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.detailtabHead a {
  font-size: 16px;
  color: #333;
  position: relative;
  border: 0px solid red;
  padding: 10px 5px;
  margin-left: 10px;
}

.detailtabHead a:first-child {
  margin-left: 0;
}

.detailtabHead a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0px;
  height: 1px;
  background: #1450EB;
  transition: all 0.3s;
}

.detailtabHead a:hover {
  color: #1450EB;
}

.detailtabHead a:hover::after {
  width: 30px;
}

.detailtabHead a.on {
  color: #1450EB;
}

.detailtabHead a.on::after {
  width: 30px;
}

/* 商标详情页的最大盒子 3/4 */

.detailTitles {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.detailTitles .names {
  font-size: 20px;
  color: #333;
  font-family: "pingFangBold";
}

.detailTitles .onlytext {
  border: 0px solid red;
  flex: 1;
  padding-left: 20px;
}

.detailTitles .onlytext p {
  font-size: 14px;
  color: #999;
}

.detailTitles .onlytext p a {
  font-size: 14px;
  color: #1450EB;
}

.detailTitles .onlytext p a:hover {
  text-decoration: underline;
}

.detailTitles .linkdown {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.detailTitles .linkdown i {
  color: #1450EB;
  font-size: 14px;
}

.detailTitles .linkdown span {
  color: #666;
  font-size: 14px;
  padding-left: 3px;
  transition: color 0.3s;
}

.detailTitles .linkdown:hover span {
  color: #1450EB;
}

.detailTitles .linkwrong {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
}

.detailTitles .linkwrong i {
  color: #1450EB;
  font-size: 16px;
}

.detailTitles .linkwrong span {
  color: #666;
  font-size: 14px;
  padding-left: 5px;
  transition: color 0.3s;
}

.detailTitles .linkwrong:hover span {
  color: #1450EB;
}

.detailTitles .linkmore {
  display: inline-flex;
  align-items: center;
  height: 30px;
  border: 0px solid red;
  padding-left: 20px;
}

.detailTitles .linkmore span {
  font-size: 13px;
  color: #999;
  transition: color 0.3s;
}

.detailTitles .linkmore span.span {
  padding-right: 3px;
}

.detailTitles .linkmore:hover span {
  color: #1450EB;
}

.detailTitles .opencode {
  border: 0px solid red;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.detailTitles .opencode .linkphone {
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  width: 160px;
  justify-content: center;
}

.detailTitles .opencode .linkphone i {
  color: #1450EB;
  font-size: 18px;
}

.detailTitles .opencode .linkphone span {
  color: #666;
  font-size: 14px;
  padding-left: 3px;
  transition: color 0.3s;
}

.detailTitles .opencode .linkphone:hover span {
  color: #1450EB;
}

.detailTitles .opencode .showcode {
  position: absolute;
  left: 0;
  top: 30px;
  box-shadow: 0 0 10px rgba(100, 100, 100, 0.1);
  width: 160px;
  border: 0px solid red;
  background: #fff;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s;
}

.detailTitles .opencode .showcode .p1 {
  width: 100%;
  padding: 6px;
}

.detailTitles .opencode .showcode .p1 img {
  width: 100%;
}

.detailTitles .opencode .showcode .p2 {
  text-align: center;
  font-size: 14px;
  color: #333;
  padding-bottom: 10px;
}

.detailTitles .opencode:hover {
  overflow: inherit;
}

.detailTitles .opencode:hover .showcode {
  opacity: 1;
}

/* 商标详情页的最大盒子 4/4---商标详情和专利详情都有使用 */

.detailtabBody {
  background-color: white;
}

.detailPatentContainer .detailtabBody {
  padding-bottom: 40px;
}

.detailtabBody .itembox {
  padding: 20px 30px;
}

.detailtabBody .tablelist tr td,
.detailtabBody .tablelist tr th {
  border: 1px solid #f5f5f5;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
}

.detailtabBody .tablelist tr td.tdwidth1 {
  width: 155px;
}

.detailtabBody .tablelist tr td.tdbg1 {
  background: #f5f5f5;
  border-bottom: 1px solid #fff;
}

.detailtabBody .tablelist tr td .div1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.detailtabBody .tablelist tr td .div1 p {
  font-size: 14px;
  color: #333;
}

.detailtabBody .tablelist tr td .div1 a {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
  color: #3669EC;
}

.detailtabBody .tablelist tr td .div1 a span {
  font-size: 14px;
  color: #3669EC;
  padding-right: 5px;
}

.detailtabBody .tablelist tr td .div1 a i {
  font-size: 14px;
  color: #3669EC;
}

.detailtabBody .tablelist tr td .div1 a:hover {
  text-decoration: underline;
}

.detailtabBody .tablelist tr td .div2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.detailtabBody .tablelist tr td .div2 p {
  width: 33.33%;
  padding-top: 10px;
  font-size: 14px;
}

.detailtabBody .tablelist tr td .div2 p:nth-child(1) {
  padding-top: 0;
}

.detailtabBody .tablelist tr td .div2 p:nth-child(2) {
  padding-top: 0;
}

.detailtabBody .tablelist tr td .div2 p:nth-child(3) {
  padding-top: 0;
}

.detailtabBody .tablelist tr td .div3 p {
  font-size: 14px;
  padding-top: 10px;
}

.detailtabBody .tablelist tr td .div3 p:first-child {
  padding-top: 0;
}

.detailtabBody .tablelist tr td .div4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detailtabBody .tablelist tr td .div4 p {
  font-size: 14px;
}

.detailtabBody .tipsbox1 {
  font-size: 14px;
  color: #666;
  padding-top: 20px;
}

.detailtabBody .tablelist tr.tr1 .tdimg img {
  width: 50px;
}

.detailtabBody .tablelist tr.tr1 .tdlink a {
  color: #1450EB;
  font-size: 14px;
  transition: all 0.3s;
}

.detailtabBody .tablelist tr.tr1 .tdlink a:hover {
  text-decoration: underline;
}

.detailtabBody .icon-wenhao {
  cursor: pointer;
  color: #3669EC;
  margin-left: 10px;
}

.detailtabBody .bluecolor {
  color: #3669EC;
  font-size: 14px;
}

/* 详情页面--商标详情+专利详情---专利周期 */

.PatentCycleLine {
  padding-left: 30px;
}

.PatentCycleLine .itemline {
  border-left: 1px solid #eee;
  display: flex;
  padding-top: 40px;
}

.PatentCycleLine .itemline:first-child {
  padding-top: 0;
}

.PatentCycleLine .itemline .fls {
  width: 41px;
  position: relative;
  left: -20px;
  z-index: 10;
}

.PatentCycleLine .itemline .fls p {
  width: 41px;
  height: 41px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  color: #333;
}

.PatentCycleLine .itemline .frs {
  width: calc(100% - 41px);
}

.PatentCycleLine .itemline .frs .frtitle {
  font-size: 16px;
  font-family: "pingFangBold";
  color: #333;
  padding-top: 8px;
}

.PatentCycleLine .itemline .frs .frtime {
  font-size: 14px;
  color: #999;
  padding-top: 10px;
}

.PatentCycleLine .itemline .frs .frdescript {
  font-size: 14px;
  color: #333;
  padding-top: 10px;
  text-align: justify;
  line-height: 25px;
}

/* 详情页面--商标详情+专利详情---摘要附图 */

.richTextLineBox {
  overflow: hidden;
  position: relative;
}

.richTextLineBox .richbox {
  border: 1px solid #aaa;
  padding: 30px;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: hidden;
  filter: blur(3px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.richTextLineBox .richbox.ifloginClass {
  border: 1px solid #eee;
  filter: blur(0px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-touch-callout: inherit;
  -webkit-user-select: inherit;
  -khtml-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  user-select: inherit;
}

.richTextLineBox .richbox.ifloginClass+.loginbox {
  display: none;
}

.richTextLineBox .loginbox {
  background: #F5F5F5;
  border-radius: 6px;
  overflow: hidden;
  padding: 30px 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  border: 1px solid #fff;
}

.richTextLineBox .loginbox .d1 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #333;
}

.richTextLineBox .loginbox .d2 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

.richTextLineBox .loginbox .d2 a {
  width: 150px;
  height: 40px;
  background: #1450EB;
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s;
}

.richTextLineBox .loginbox .d2 a:hover {
  background: #2b5fe5;
}

/* 商标详情页---最新注册商标 + 最近申请商标 + 最近初审商标（用了3次） */

.slideRightTmDiv {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 30px;
}

.slideRightTmDiv:first-child {
  margin-top: 0;
}

.slideRightTmDiv .titleMain {
  padding: 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  background-color: white;
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.slideRightTmList {
  max-height: 595px;
  overflow: hidden;
  background-color: white;
}

.slideRightTmList .itembox {
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s;
}

.slideRightTmList .itembox .fls {
  width: 50px;
}

.slideRightTmList .itembox .fls p {
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.slideRightTmList .itembox .frs {
  width: calc(100% - 50px);
  padding-left: 20px;
}

.slideRightTmList .itembox .frs .p1 {
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
}

.slideRightTmList .itembox .frs .p2 {
  font-size: 13px;
  color: #999;
  padding-top: 10px;
}

.slideRightTmList .itembox .frs .p3 {
  font-size: 13px;
  color: #999;
  padding-top: 10px;
}

.slideRightTmList .itembox:hover {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.slideRightTmList .itembox:hover .frs .p1 {
  color: #3669EC;
}

/* 商标详情页---侵权资讯 */

.infringementInfoDiv {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 30px;
}

.infringementInfoDiv .titleMain {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}

.infringementInfoDiv .titleMain .fls {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
}

.infringementInfoDiv .titleMain .frs {
  display: inline-flex;
  align-items: center;
  height: 30px;
  border: 0px solid red;
  padding-left: 20px;
}

.infringementInfoDiv .titleMain .frs span {
  font-size: 13px;
  color: #999;
  transition: color 0.3s;
}

.infringementInfoDiv .titleMain .frs span.span {
  padding-right: 3px;
}

.infringementInfoDiv .titleMain .frs:hover span {
  color: #1450EB;
}

.infringementNewsList {
  width: 100%;
}

.infringementNewsList .itembox {
  width: 100%;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  transition: all 0.3s;
}

.infringementNewsList .itembox .names {
  font-size: 16px;
  color: #333;
  line-height: 22px;
  max-height: 44px;
  transition: color 0.3s;
}

.infringementNewsList .itembox .tags {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.infringementNewsList .itembox .tags .p1 {
  background: #f5f5f5;
  font-size: 13px;
  color: #333;
  padding: 5px 10px;
  border-radius: 3px;
  overflow: hidden;
}

.infringementNewsList .itembox .tags .p2 {
  padding-left: 20px;
  font-size: 13px;
  color: #999;
}

.infringementNewsList .itembox:hover {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.infringementNewsList .itembox:hover .names {
  color: #1450EB;
}

/* 代理机构的列表大盒子 */

.agencyTwoList {
  width: 100%;
  padding-bottom: 50px;
}

.agencyTwoList2 {
  display: flex;
  justify-content: space-between;
}

.agencyTwoList2 .agencyLeft {
  width: 820px;
}

.agencyTwoList2 .agencyRight {
  width: 350px;
}

/* 代理机构的列表大盒子---左侧 */

.agencyLeft .itembox {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 30px 20px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 30px;
}

.agencyLeft .itembox:first-child {
  margin-top: 0;
}

.agencyLeft .itembox .fls {
  width: 90px;
}

.agencyLeft .itembox .fls p {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border: 1px solid rgba(150, 150, 150, 0.1);
}

.agencyLeft .itembox .frs {
  width: calc(100% - 90px);
  padding-left: 30px;
}

.agencyLeft .itembox .frs .frtop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  padding-bottom: 20px;
}

.agencyLeft .itembox .frs .frtop .fltext {
  width: calc(100% - 200px);
}

.agencyLeft .itembox .frs .frtop .fltext .names {
  width: 100%;
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
}

.agencyLeft .itembox .frs .frtop .fltext .coderank {
  width: 100%;
  display: flex;
  padding-top: 10px;
}

.agencyLeft .itembox .frs .frtop .fltext .coderank p {
  width: 50%;
  font-size: 16px;
  color: #333;
}

.agencyLeft .itembox .frs .frtop .fltext .coderank p span {
  font-size: 16px;
  color: #333;
  font-family: "shuzi";
}

.agencyLeft .itembox .frs .frtop .fltext .telemail {
  width: 100%;
  display: flex;
  padding-top: 10px;
}

.agencyLeft .itembox .frs .frtop .fltext .telemail p {
  width: 50%;
  font-size: 14px;
  color: #333;
}

.agencyLeft .itembox .frs .frtop .fltext .telemail p span {
  font-size: 14px;
  color: #1450EB;
}

.agencyLeft .itembox .frs .frtop .fltext .guanwang {
  width: 100%;
  display: flex;
  padding-top: 10px;
}

.agencyLeft .itembox .frs .frtop .fltext .guanwang p {
  width: 50%;
  font-size: 14px;
  color: #333;
}

.agencyLeft .itembox .frs .frtop .fltext .guanwang p span {
  font-size: 14px;
  color: #1450EB;
  padding-right: 3px;
}

.agencyLeft .itembox .frs .frbot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}

.agencyLeft .itembox .frs .frbot p {
  font-size: 13px;
  color: #333;
}

.agencyLeft .itembox .frs .frbot p span {
  font-family: "shuzi";
}

.agencyLeft .itembox .frs .frtop .frechart {
  width: 200px;
  border: 1px solid #f5f5f5;
}

.agencyLeft .itembox:hover .frs .frtop .fltext .names {
  color: #1450EB;
}

/* 代理机构查询页---热门代理机构 */

.popularAgencyDiv {
  background: #fff;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding-bottom: 30px;
}

.popularAgencyDiv .titleMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding: 30px;
}

.hotAgencyList {
  width: 100%;
  max-height: 780px;
  overflow: hidden;
}

.hotAgencyList .itembox {
  display: flex;
  width: 100%;
  padding: 10px 30px;
}

.hotAgencyList .itembox:first-child {
  padding-top: 0;
}

.hotAgencyList .itembox:last-child {
  padding-bottom: 0;
}

.hotAgencyList .itembox .fls {
  width: 22px;
  display: inline-flex;
  align-items: center;
}

.hotAgencyList .itembox .fls p {
  width: 22px;
  height: 23px;
  background: #f5f5f5;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.hotAgencyList .itembox .fls p span {
  font-size: 14px;
  color: #333;
}

.hotAgencyList .itembox:nth-child(1) .fls p {
  background: url(../images/agencyrank1.png);
}

.hotAgencyList .itembox:nth-child(1) .fls p span {
  display: none;
}

.hotAgencyList .itembox:nth-child(2) .fls p {
  background: url(../images/agencyrank2.png);
}

.hotAgencyList .itembox:nth-child(2) .fls p span {
  display: none;
}

.hotAgencyList .itembox:nth-child(3) .fls p {
  background: url(../images/agencyrank3.png);
}

.hotAgencyList .itembox:nth-child(3) .fls p span {
  display: none;
}

.hotAgencyList .itembox .mids {
  width: 100px;
  display: flex;
  justify-content: center;
}

.hotAgencyList .itembox .mids p {
  width: 60px;
  height: 60px;
  overflow: hidden;
}

.hotAgencyList .itembox .frs {
  width: calc(100% - 22px - 100px);
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.hotAgencyList .itembox .frs .fr1 {
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  transition: color 0.3s;
}

.hotAgencyList .itembox .frs .fr2 {
  font-size: 13px;
  color: #999;
}

.hotAgencyList .itembox:hover .frs .fr1 {
  color: #1450EB;
}

/* 代理机构查询页---相关资讯 */

.relevantInformationDiv {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  width: 100%;
  margin-top: 30px;
  padding: 30px;
  background: #fff;
}

.relevantInformationDiv .titleMain {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 20px;
}

.relevantInformationList {
  width: 100%;
  max-height: 380px;
  overflow: hidden;
}

.relevantInformationList .itembox {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333;
  transition: color 0.3s;
  padding: 10px 0 10px 15px;
  position: relative;
}

.relevantInformationList .itembox::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  overflow: hidden;
  background: #333;
  top: 18px;
  left: 0;
}

.relevantInformationList .itembox:first-child::before {
  top: 8px;
}

.relevantInformationList .itembox:first-child {
  padding-top: 0;
}

.relevantInformationList .itembox:last-child {
  padding-bottom: 0;
}

.relevantInformationList .itembox:hover {
  color: #1450EB;
}

/* 代理机构查询页的线下服务 */

.agencyOfflineService {
  padding-bottom: 50px;
}

.agencyOfflineService2 {
  padding: 30px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.agencyOfflineService .titleMain {
  width: 100%;
  display: flex;
}

.agencyOfflineService .titleMain .p1 {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  padding-right: 20px;
}

.agencyOfflineService .titleMain .p2 {
  background: #F5F7FF;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 3px;
  overflow: hidden;
}

.agencyOfflineService .titleMain .p2 img {
  width: 18px;
  height: 18px;
}

.agencyOfflineService .titleMain .p2 span {
  font-size: 13px;
  color: #1450EB;
  padding-left: 3px;
}

.agencyOfflineService .descipts {
  font-size: 14px;
  color: #333;
  padding: 20px 0;
}

.agencyOfflineService .descipts span {
  color: #1450EB;
}

.agencyOfflineService .baidumaps {
  height: 300px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.agencyOfflineService .baidumaps #mapContainer {
  height: 300px;
  width: 100%;
  filter: blur(2px);
}

.agencyOfflineService .baidumaps #mapContainer.on {
  filter: blur(0px);
}

.agencyOfflineService .baidumaps .onlybg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -pink;
  display: flex;
  justify-content: center;
  align-items: center;
}

.agencyOfflineService .baidumaps .onlybg a {
  width: 180px;
  height: 46px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #3669EC;
  color: #fff;
  transition: all 0.3s;
}

.agencyOfflineService .baidumaps .onlybg a:hover {
  background: #2589FF;
}

/* 代理详情页的头部信息 */

.agencyDetail1 {
  width: 100%;
  padding-bottom: 40px;
}

.agencyDetail1B {
  padding: 30px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.agencyDetail1B .fls {
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.agencyDetail1B .frs {
  width: 200px;
  height: 160px;
  overflow: hidden;
}

.agencyDetail1B .mids {
  width: calc(100% - 360px);
  padding-left: 40px;
  height: 160px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.agencyDetail1B .mids .names {
  font-size: 22px;
  font-family: "pingFangBold";
  color: #333;
}

.agencyDetail1B .mids .tags {
  width: 100%;
  display: flex;
  align-items: center;
}

.agencyDetail1B .mids .tags {
  width: 100%;
  display: flex;
  align-items: center;
}

.agencyDetail1B .mids .tags p {
  height: 36px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  border: 1px solid #ddd;
  margin-left: 30px;
  padding: 0 20px;
}

.agencyDetail1B .mids .tags p:first-child {
  margin-left: 0;
}

.agencyDetail1B .mids .tags p.p1 {
  color: #11B041;
  border: 1px solid #11B041;
}

.agencyDetail1B .mids .tags p.p1 span {
  font-size: 14px;
  color: #11B041;
}

.agencyDetail1B .mids .tags p.p2 {
  color: #1450EB;
  border: 1px solid #1450EB;
}

.agencyDetail1B .mids .tags p.p2 span {
  font-size: 14px;
  color: #1450EB;
}

.agencyDetail1B .mids .onlybox {
  background: #F9FAFD;
  width: 95%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.agencyDetail1B .mids .onlybox .itembox {
  border: 0px solid red;
  width: 25%;
  position: relative;
}

.agencyDetail1B .mids .onlybox .itembox::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background: #eee;
}

.agencyDetail1B .mids .onlybox .itembox:last-child::after {
  display: none;
}

.agencyDetail1B .mids .onlybox .itembox p {
  padding-left: 20%;
}

.agencyDetail1B .mids .onlybox .itembox p.p1 {
  font-size: 13px;
  color: #333;
}

.agencyDetail1B .mids .onlybox .itembox p.p2 {
  font-size: 18px;
  color: #333;
  font-family: "shuzi";
  padding-top: 5px;
}

/* 代理详情页的工商信息 */

.agencyDetail2 {
  padding-bottom: 40px;
}

.agencyDetail2B {
  padding: 30px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.agencyDetail2 .titleMain {
  font-family: "pingFangBold";
  font-size: 20px;
  color: #333;
  padding-bottom: 20px;
}

.agencyDetail2 .detailTable tr td,
.agencyDetail2 .detailTable tr th {
  border: 1px solid #f5f5f5;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
}

.agencyDetail2 .detailTable tr td.tdbg1 {
  background: #f5f5f5;
  border-bottom: 1px solid #fff;
}

.agencyDetail2 .detailTable tr td .div1 {
  width: 100%;
  display: flex;
  align-items: center;
}

.agencyDetail2 .detailTable tr td .div1 p {
  font-size: 14px;
  color: #333;
}

.agencyDetail2 .detailTable tr td .div1 a {
  display: inline-flex;
  align-items: center;
  transition: all 0.3s;
  color: #3669EC;
  margin-left: 30px;
}

.agencyDetail2 .detailTable tr td .div1 a span {
  color: #3669EC;
  font-size: 14px;
}

.agencyDetail2 .detailTable tr td .div1 a span.span {
  padding-left: 3px;
}

.agencyDetail2 .detailTable tr td .div1 a:hover {
  text-decoration: underline;
}

.agencyDetail2 .detailTable tr td .onlyweblink {
  font-size: 14px;
  color: #1450EB;
}

.agencyDetail2 .detailTable tr td .onlyweblink:hover {
  text-decoration: underline;
}

/* 代理详情页的知产数据分析 1/2 */

.agencyDetail3 {
  padding-bottom: 40px;
}

.agencyDetail3B {
  padding: 30px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.agencyDetail3 .titleMain {
  font-family: "pingFangBold";
  font-size: 22px;
  color: #333;
  padding-bottom: 20px;
}

/* 代理详情页的知产数据分析 2/2 */

.flTabFrTime {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flTabFrTime .fls {
  display: flex;
  align-items: center;
}

.flTabFrTime .fls .tabhead {
  display: flex;
  align-items: center;
}

.flTabFrTime .fls .tabhead a {
  display: flex;
  align-items: center;
  width: 100px;
  height: 36px;
  border: 1px solid #D8D8D8;
  font-size: 14px;
  color: #333;
  justify-content: center;
}

.flTabFrTime .fls .tabhead a.on {
  background: #1450EB;
  color: #fff;
  border: 1px solid #1450EB;
}

.flTabFrTime .fls .tips {
  font-size: 14px;
  color: #999;
  padding-left: 30px;
}

.flTabFrTime .frs {
  display: flex;
  align-items: center;
}

.flTabFrTime .frs .tips {
  font-size: 14px;
  color: #333;
  padding-right: 10px;
  height: 36px;
  line-height: 36px;
}

.flTabFrTime .frs .timeselect {
  display: flex;
  align-items: center;
}

.flTabFrTime .frs .timeselect .timeInput {
  border: 1px solid #D8D8D8;
  display: inline-flex;
  align-items: center;
  height: 36px;
}

.flTabFrTime .frs .timeselect .timeInput span {
  font-size: 16px;
  color: #999;
  margin: 0 20px;
}

.flTabFrTime .frs .timeselect .timeInput input {
  flex: 1;
  padding-right: 20px;
  font-size: 14px;
  color: #333;
  height: 36px;
  line-height: 36px;
  width: 150px;
}

.flTabFrTime .frs .timeselect .onlyline {
  padding: 0 20px;
  height: 36px;
  display: inline-flex;
  align-items: center;
}

.flTabFrTime .frs .timeselect .onlyline i {
  width: 20px;
  height: 1px;
  background: #999;
}

/* 代理详情页的知产数据分析 2/2 */

.agencyDetail3B .kefutips {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #999;
  justify-content: flex-end;
  padding-right: 118px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.agencyDetail3B .kefutips a {
  font-size: 13px;
  color: #1450EB;
  transition: all 0.3s;
}

.agencyDetail3B .kefutips a:hover {
  text-decoration: underline;
}

.agencyDetail3B .timeEchart {
  height: 350px;
  border: 1px solid #eee;
}

/* 可能是公共类，左边标题文字，右边查看更多(代理详情页) */

.titleAndMore {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.titleAndMore p {
  font-family: "pingFangBold";
  font-size: 20px;
  color: #333;
}

.titleAndMore a span {
  color: #999;
  font-size: 13px;
  transition: color 0.3s;
}

.titleAndMore a:hover span {
  color: #1450EB;
}

/* 代理详情页的鱼爪知识产权最新初审公告商标 */

.examinationTMdiv {
  padding-bottom: 40px;
}

.examinationTMdiv2 {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px 30px 15px 30px;
}

.examinationTMlist .itembox {
  width: 140px;
  margin-left: 60px;
}

.examinationTMlist .itembox:first-child {
  margin-left: 0;
}

.examinationTMlist .itembox .d1box {
  width: 100%;
  height: 140px;
  border: 1px solid #eee;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.examinationTMlist .itembox .d1box img {
  max-width: 80%;
}

.examinationTMlist .itembox .d2box {
  padding: 15px 0;
  text-align: center;
  transition: color 0.3s;
}

.examinationTMlist .itembox:hover .d1box {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  background: #fff;
}

.examinationTMlist .itembox:hover .d2box {
  color: #1450EB;
}

/* 代理详情页的鱼爪知识产权最新公告 + 四川鱼爪知识产权最新注册的商标 + 成都市热门商标代理公司 */

.agencyDetailBotDiv {
  width: 100%;
  padding-bottom: 40px;
}

.agencyDetailBotDiv2 {
  padding: 30px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
}

.agencyDotList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.agencyDotList .itembox {
  width: 25%;
  border: 0px solid red;
  display: flex;
  align-items: center;
  padding: 5px 0;
}

.agencyDotList .itembox i {
  width: 2px;
  height: 10px;
  background: #3D485D;
  transition: background 0.3s;
}

.agencyDotList .itembox span {
  max-width: calc(100% - 2px);
  padding-left: 10px;
  font-size: 14px;
  padding-right: 20px;
  transition: color 0.3s;
}

.agencyDotList .itembox:hover i {
  background: #1450EB;
}

.agencyDotList .itembox:hover span {
  color: #1450EB;
}

/* 专利详情页的最大盒子 */

.detailPatentContainer {
  width: 100%;
  padding-bottom: 50px;
}

.detailPatentContainer2 {
  display: flex;
  justify-content: space-between;
}

.detailPatentContainer2 .leftDetail {
  width: 820px;
}

.detailPatentContainer2 .rightDetail {
  width: 360px;
}

/* 专利详情页的最大盒子---左侧---左侧顶部信息 */

.detailPatentTop {
  width: 100%;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 30px;
  display: flex;
  background: #fff;
}

.detailPatentTop .fls {
  width: 120px;
}

.detailPatentTop .fls .d1 {
  width: 100%;
}

.detailPatentTop .fls .d1 p {
  width: 100%;
  height: 120px;
  border-radius: 3px;
  overflow: hidden;
}

.detailPatentTop .fls .d2 {
  text-align: center;
  font-size: 14px;
  color: #aaa;
  padding-top: 10px;
}

.detailPatentTop .frs {
  width: 90px;
}

.detailPatentTop .frs .d1 {
  width: 100%;
}

.detailPatentTop .frs .d1 p {
  width: 100%;
  height: 90px;
  overflow: hidden;
}

.detailPatentTop .frs .d2 {
  text-align: center;
  font-size: 12px;
  color: #333;
  padding-top: 10px;
}

.detailPatentTop .mids {
  width: calc(100% - 90px - 120px);
  padding: 0 30px;
}

.detailPatentTop .mids .titles {
  font-size: 22px;
  color: #333;
  font-family: "pingFangBold";
  line-height: 30px;
  height: 60px;
}

.detailPatentTop .mids .tags {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 15px 0 20px;
}

.detailPatentTop .mids .tags span {
  height: 28px;
  line-height: 28px;
  background: #F5F5F5;
  font-size: 12px;
  color: #666;
  margin-left: 20px;
  padding: 0 10px;
  border-radius: 3px;
  overflow: hidden;
}

.detailPatentTop .mids .tags span:first-child {
  margin-left: 0;
}

.detailPatentTop .mids .links {
  width: 100%;
  display: flex;
  align-items: center;
}

.detailPatentTop .mids .links a {
  width: 130px;
  height: 36px;
  background: #fff;
  font-size: 14px;
  color: #666;
  margin-left: 20px;
  border: 1px solid #1450EB;
  color: #1450EB;
  transition: all 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.detailPatentTop .mids .links a:hover {
  background: #1450EB;
  color: #fff;
}

.detailPatentTop .mids .links a:first-child {
  margin-left: 0;
}

/* 专利详情页的最大盒子---左侧---左侧内容区域 */

.detailPatentBot {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  margin-top: 20px;
}

/* 全部服务分类的banner区域 1/3*/

/* .fuwuBanner{padding: 20px 0;} */
.fuwuBanner {
  height: 420px;
}

.fuwuBanner2 {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

/* 全部服务分类的banner区域 2/3*/

.fuwuLeftNav {
  width: 260px;
  padding-top: 18px;
  background: white url(../images/fuwu_cate_bg.png) no-repeat 100% 100%/100% 147px;
}

.fuwuLeftNav .itembox {
  position: relative;
  width: 100%;
  padding: 23px 30px;
  border-top: 1px solid #f5f5f5;
  cursor: pointer;
  transition: all 0.3s;
}

.fuwuLeftNav .itembox:first-child {
  border-top: none;
}

/* .fuwuLeftNav .itembox:nth-of-type(4){padding-bottom: 56px;} */
.fuwuLeftNav .itembox .d1box {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.fuwuLeftNav .itembox .d1box span {
  transition: color 0.3s;
}

.fuwuLeftNav .itembox .d1box .s1 {
  font-size: 16px;
  color: #333;
  padding-right: 3px;
  font-weight: bold;
}

.fuwuLeftNav .itembox .d1box .s2 {
  font-size: 13px;
  color: #333;
}

.fuwuLeftNav .itembox .d2box {
  width: 100%;
  display: flex;
  align-items: center;
}

.fuwuLeftNav .itembox .d2box a {
  font-size: 14px;
  color: #666;
}

.fuwuLeftNav .itembox .d2box a::before {
  content: "|";
  color: #666;
  margin: 0 10px;
}

.fuwuLeftNav .itembox .d2box a:first-child::before {
  display: none;
}

.fuwuLeftNav .itembox.on .d1box .s1,
.fuwuLeftNav .itembox.hover .d1box .s1 {
  color: #1450EB;
}

.fuwuLeftNav .itembox.on .d1box .s2,
.fuwuLeftNav .itembox.hover .d1box .s2 {
  color: #1450EB;
}

.fuwuLeftNav .itembox.hover {
  box-shadow: -10px 0px 20px 0px rgb(51 51 51 / 8%);
  ;
  z-index: 1;
}

/* 全部服务分类的banner区域 3/3*/

.fuwuRightNav {
  position: relative;
  width: calc(1200px - 260px);
  background: #fff;
  padding: 40px 40px 40px 50px;
  display: none;
  box-shadow: 0px 0px 12px 1px rgb(51 51 51 / 8%);
}

/* .fuwuRightNav .fuwuRightBody{display: none;} */
.fuwuRightNav .fuwuRightBody.ifShowClass {
  display: block;
}

.fuwuRightNav .itembox {
  width: 100%;
  display: flex;
  padding-bottom: 20px;
}

.fuwuRightNav .itembox:last-child {
  padding-bottom: 0;
}

.fuwuRightNav .itembox:last-child .frs {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.fuwuRightNav .fls {
  border: 0px solid red;
  text-align: center;
  font-size: 18px;
  font-family: "pingFangBold";
  margin-right: 25px;
}

.fuwuRightNav .frs {
  width: calc(100% - 150px);
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5px;
}

.fuwuRightNav .frs a {
  border: 0px solid red;
  transition: all 0.3s;
  position: relative;
  padding: 0 23px 0 15px;
  margin-bottom: 10px;
  overflow: hidden;
}

.fuwuRightNav .frs a .mainbox span {
  font-size: 14px;
  color: #666;
  transition: color 0.3s;
}

.fuwuRightNav .frs a .mainbox i {
  width: 21px;
  height: 12px;
  background: url('../images/iconhot3.png');
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}

.fuwuRightNav .frs a .subbox {
  width: 300px;
  display: inline-block;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  padding: 15px;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  top: 35px;
  font-size: 12px;
  background: #fff;
  z-index: 10;
  text-align: justify;
  line-height: 20px;
  opacity: 0;
  transition: opacity 0.3s;
}

.fuwuRightNav .frs a .subbox::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  top: -19px;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}

.fuwuRightNav .frs a:hover {
  overflow: inherit;
}

.fuwuRightNav .frs a:hover .subbox {
  opacity: 1;
}

.fuwuRightNav .frs a:hover .mainbox span {
  color: #1450EB;
}

.fuwuRightNav .frs a.ifHotClass .mainbox i {
  display: inline-block;
}

/* 全部服务分类的banner之上 */

.fuwuTopMenu {
  width: 100%;
  background: #fff;
  padding-top: 17px;
}

.fuwuTopMenu2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fuwuTopMenu2 .fls {
  width: 260px;
  height: 46px;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFF7FF;
  cursor: pointer;
}

.fuwuTopMenu2 .fls i {
  color: #1450EB;
  font-size: 16px;
}

.fuwuTopMenu2 .fls span {
  color: #1450EB;
  font-size: 16px;
  padding-left: 10px;
}

.fuwuTopMenu2 .frs {
  display: flex;
  align-items: center;
}

.fuwuTopMenu2 .frs .frSearchBox {
  background: #F9FAFD;
  height: 36px;
  border-radius: 36px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 20px;
  width: 350px;
}

.fuwuTopMenu2 .frs .frSearchBox input {
  width: 80%;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding: 0 20px;
}

.fuwuTopMenu2 .frs .frSearchBox a {
  width: 20%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}

.fuwuTopMenu2 .frs .frSearchBox a i {
  font-size: 14px;
}

.fuwuTopMenu2 .frs .frSearchBox a span {
  font-size: 14px;
  padding-left: 3px;
}

.fuwuTopMenu2 .frs .frSendBox {
  display: flex;
  align-items: center;
  margin-right: 27px;
}

.fuwuTopMenu2 .frs .frSendBox img {
  margin-right: 3px;
  width: 26px;
  height: 26px;
}

.fuwuTopMenu2 .frs .frSendBox span {
  color: #3669EC;
  font-size: 14px;
}

.fuwuTopMenu2 .frs .frSendBox .img1 {
  display: inline-block;
}

.fuwuTopMenu2 .frs .frSendBox .img2 {
  display: none;
}

.fuwuTopMenu2 .frs .frSendBox.hover span {
  color: #1450EB;
}

.fuwuTopMenu2 .frs .frSendBox.hover .img1 {
  display: none;
}

.fuwuTopMenu2 .frs .frSendBox.hover .img2 {
  display: inline-block;
}

.fuwu_more {
  width: 800px;
  display: flex;
  align-items: center;
}

.fuwu_more .hot_servce {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 17px;
}

.fuwu_more .hot_servce::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 2px;
  height: 10px;
  background-color: #FF4D0A;
}

.fuwu_more .hot_servce img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.fuwu_more .hot_servce span {
  font-size: 13px;
  font-weight: 400;
  color: #FF4D0A;
}

.fuwu_more .servce_item {
  padding: 0 17px;
  font-size: 13px;
  font-weight: 400;
  color: #333333;
}

.fuwu_more .servce_item:hover {
  color: #3669EC;
}


/*全部服务分类的几个图标*/

.fuWuFenLeiIcon {
  width: 100%;
  background: #fff;
  padding: 20px 0;
}

.fuWuFenLeiIcon2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fuWuFenLeiIcon2 .itembox {
  display: inline-flex;
  align-items: center;
}

.fuWuFenLeiIcon2 .itembox img {
  width: 46px;
  height: 46px;
}

.fuWuFenLeiIcon2 .itembox span {
  font-size: 18px;
  color: #333;
  padding-left: 10px;
}

/*早鸽套餐*/

.zaoGeTaoCanBox {
  width: 100%;
  padding-bottom: 50px;
}

/* .zaoGeTaoCanBox .swiper {width: 100%} */
/* .zaoGeTaoCanBox .swiper .swiper-slide{width: 285px !important;margin-right: 20px;} */
/* .zaoGeTaoCanList {
  width: 100%;
  display: flex;
  justify-content: space-between;
} */

.zaoGeTaoCanList .swiper-container {
  height: 355px;
  padding-top: 10px;
}

.zaoGeTaoCanList .itembox {
  width: 285px;
  min-height: 340px;
  padding: 20px 30px 60px 30px;
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  position: relative;
}

.zaoGeTaoCanList .itembox .titles {
  width: 100%;
  display: flex;
  justify-content: center;
}

.zaoGeTaoCanList .itembox .titles span {
  font-size: 20px;
  color: #223455;
  font-family: "pingFangBold";
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 5px;
}

.zaoGeTaoCanList .itembox .lists {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}

.zaoGeTaoCanList .itembox .lists p {
  width: 50%;
  display: inline-flex;
  align-items: center;
  padding-top: 10px;
}

.zaoGeTaoCanList .itembox .lists p:nth-child(1) {
  padding-top: 0;
}

.zaoGeTaoCanList .itembox .lists p:nth-child(2) {
  padding-top: 0;
}

.zaoGeTaoCanList .itembox .lists p img {
  width: 14px;
  height: 14px;
}

.zaoGeTaoCanList .itembox .lists p span {
  font-size: 14px;
  color: #223455;
  padding-left: 5px;
}

.zaoGeTaoCanList .itembox .prices {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 30px 20px;
}

.zaoGeTaoCanList .itembox .prices .left span {
  color: #F64041;
  font-family: "shuzi";
}

.zaoGeTaoCanList .itembox .prices .left span.s1 {
  font-size: 12px;
}

.zaoGeTaoCanList .itembox .prices .left span.s2 {
  font-size: 23px;
}

.zaoGeTaoCanList .itembox .prices .left span.s3 {
  font-size: 12px;
  padding-left: 5px;
}

.zaoGeTaoCanList .itembox .prices .right {
  border: 1px solid #CBD9FF;
  width: 100px;
  height: 30px;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  color: #1450EB;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.zaoGeTaoCanList .itembox .prices .right:hover {
  background: #1450EB;
  color: #fff;
  border: 1px solid #1450EB;
}

/*早鸽精选*/

.zaoGeJinXuanBox {
  width: 100%;
  background: #fff;
  padding-bottom: 50px;
}

.everyServiceList {
  padding-top: 70px;
}

.everyServiceList:first-child {
  padding-top: 0;
}

.everyLongList {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.everyLongList .fls {
  width: 180px;
  padding: 30px;
  position: relative;
}

.everyLongList .fls .d1 {
  font-size: 22px;
  color: #fff;
  font-family: "pingFangBold";
  padding-bottom: 10px;
}

.everyLongList .fls .d2 {
  font-size: 14px;
  color: #fff;
  text-align: justify;
  line-height: 25px;
}

.everyLongList .fls .d3 {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 0 30px 20px;
}

.everyLongList .fls .d3 a {
  display: flex;
  width: 100%;
  height: 33px;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  transition: all 0.3s;
}

.everyLongList .fls .d3 a span {
  color: #fff;
  font-size: 14px;
  transition: color 0.3s;
}

.everyLongList .fls .d3 a span.iconfont {
  font-size: 12px;
  margin-left: 5px;
}

.everyLongList .fls .d3 a:hover {
  background: #fff;
}

.everyLongList .fls .d3 a:hover span {
  color: #333;
}

.everyLongList .frs {
  display: flex;
}

.everyLongList .frs .itemlink {
  display: block;
  width: 236px;
  margin-left: 20px;
  padding: 15px;
  background: #fff;
  box-shadow: 0px 3px 18px 1px rgba(102, 102, 102, 0.08);
}

.everyLongList .frs .itemlink:hover {
  box-shadow: 0px 3px 20px 1px rgba(51, 51, 51, 0.16);
}

.everyLongList .frs .itemlink:first-child {
  margin-left: 0;
}

.everyLongList .frs .itemlink:hover .d4 span {
  background: #1450EB;
  color: #fff;
  border: 1px solid #1450EB;
}

.everyLongList .frs .itemlink .d1 {
  height: 208px;
}

.everyLongList .frs .itemlink .d2 {
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  padding-top: 10px;
  padding-bottom: 5px;
}

.everyLongList .frs .itemlink .d3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.everyLongList .frs .itemlink .d3 .p1 {
  max-width: 50%;
  font-size: 12px;
  color: #999;
}

.everyLongList .frs .itemlink .d3 .p2 span {
  color: #F64041;
  font-family: "shuzi";
}

.everyLongList .frs .itemlink .d3 .p2 span.s1 {
  font-size: 18px;
}

.everyLongList .frs .itemlink .d3 .p2 span.s2 {
  font-size: 18px;
}

.everyLongList .frs .itemlink .d3 .p2 span.s3 {
  font-size: 12px;
  padding-left: 3px;
}

.everyLongList .frs .itemlink .d4 {
  padding-top: 10px;
}

.everyLongList .frs .itemlink .d4 span {
  width: 100%;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
  color: #aaa;
  font-size: 14px;
  transition: all 0.3s;
}

/*服务流程*/

.serviceProcessDiv {
  width: 100%;
  background: #F9FAFD;
  padding: 60px 0 20px;
}

.serviceProcessDiv .titles {
  font-size: 28px;
  color: #333;
  text-align: center;
  font-family: "pingFangBold";
}

.serviceProcessDiv .imglists {
  width: 100%;
}

.serviceProcessDiv .imglists img {
  width: 1145px;
}

/*仅仅一张图片(早鸽，互联网服务企业开拓者)*/

.onlyFootImgs {
  width: 100%;
}

.onlyFootImgs img {
  width: 100%;
}

/*公共类的弹窗黑色遮罩*/

.commMask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  z-index: 200;
  display: none;
}

/*发票信息的弹窗遮罩---公共类的tab选项卡带框切换 1/3*/

.tabKuangJiao {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.tabKuangJiao a {
  height: 33px;
  line-height: 33px;
  position: relative;
  overflow: hidden;
  border: 1px solid #D8D8D8;
  padding: 0 25px;
  margin-left: 30px;
  font-size: 14px;
}

.tabKuangJiao a:first-child {
  margin-left: 0;
}

.tabKuangJiao a i {
  width: 13px;
  height: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url('../images/iconjiao.png');
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  opacity: 0;
  transition: all 0.3s;
}

.tabKuangJiao a:hover,
.tabKuangJiao a.on {
  border: 1px solid #F64041;
}

.tabKuangJiao a:hover i,
.tabKuangJiao a.on i {
  opacity: 1;
}

/*发票信息的弹窗遮罩---主要内容 2/3*/

.faPiaoLayer {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 201;
  width: 620px;
  display: none;
}

.faPiaoLayer .topbox {
  background: #f5f5f5;
  height: 34px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faPiaoLayer .topbox p {
  font-size: 14px;
  color: #333;
  padding-left: 20px;
}

.faPiaoLayer .topbox a {
  width: 34px;
  height: 34px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
}

.faPiaoLayer .topbox a i {
  font-size: 14px;
  color: #999;
  transition: color 0.3s;
}

.faPiaoLayer .topbox a:hover i {
  color: #F64041;
}

.faPiaoLayer .botbox {
  background: #fff;
  padding: 20px 20px 50px 20px;
}

.faPiaoLayer .desciptShow {
  background: #F9FAFD;
  padding: 15px;
  margin-top: 20px;
}

.faPiaoLayer .desciptShow .itembar {
  width: 100%;
}

.faPiaoLayer .desciptShow .itembar p {
  display: inline;
  font-size: 12px;
  color: #666;
}

.faPiaoLayer .desciptShow .itembar a {
  display: inline;
  font-size: 12px;
  color: #1450EB;
}

.faPiaoLayer .desciptShow .itembar a:hover {
  text-decoration: underline;
}

.faPiaoLayer .submitForm {
  padding-top: 20px;
}

.faPiaoLayer .submitForm .itemform {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.faPiaoLayer .submitForm .itemform.isShowCompany {
  display: none;
}

.faPiaoLayer .submitForm .itemform.isShowPerson {
  display: flex;
}

.faPiaoLayer .submitForm .itemform:first-child {
  padding-top: 0;
}

.faPiaoLayer .submitForm .itemform:last-child {
  padding-bottom: 0;
}

.faPiaoLayer .submitForm .itemform .fls {
  width: 130px;
  padding-right: 20px;
  border: 0px solid red;
  font-size: 15px;
  color: #333;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center
}

.faPiaoLayer .submitForm .itemform .fls i {
  font-size: 20px;
  font-weight: 700;
  color: red;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.faPiaoLayer .submitForm .itemform .frs {
  width: calc(100% - 130px);
}

.faPiaoLayer .submitForm .itemform.ifInputClass .frs input {
  display: block;
  width: 70%;
  height: 33px;
  border: 1px solid #D8D8D8;
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  transition: all 0.3s;
}

.faPiaoLayer .submitForm .itemform.ifInputClass .frs input:focus {
  border: 1px solid #F64041;
}

.faPiaoLayer .submitForm .itemform.ifTipClass {
  padding-top: 0;
}

.faPiaoLayer .submitForm .itemform.ifTipClass .frs {
  display: flex;
  align-items: center;
}

.faPiaoLayer .submitForm .itemform.ifTipClass .frs i {
  font-size: 12px;
  color: #999;
}

.faPiaoLayer .submitForm .itemform.ifTipClass .frs span {
  font-size: 13px;
  color: #999;
  padding-left: 5px;
}

.faPiaoLayer .submitForm .itemform.ifSubmitClass .frs {
  display: flex;
  align-items: center;
}

.faPiaoLayer .submitForm .itemform.ifSubmitClass .frs a {
  margin-left: 30px;
  width: 115px;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #333;
  background: #f5f5f5;
  border-radius: 3px;
  overflow: hidden;
  transition: all 0.3s;
}

.faPiaoLayer .submitForm .itemform.ifSubmitClass .frs a:first-child {
  margin-left: 0;
}

.faPiaoLayer .submitForm .itemform.ifSubmitClass .frs a.on {
  background: #F64041;
  color: #fff;
}

.faPiaoLayer .submitForm .itemform.ifSubmitClass .frs a.off:hover {
  background: #eee;
}

.faPiaoLayer .submitForm .itemform.ifSubmitClass .frs a.on:hover {
  background: #d13031;
}

/*发票信息的弹窗遮罩---下拉框 3/3*/

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox {
  width: 70%;
  border: 0px solid red;
  overflow: hidden;
  position: relative;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .oneSelect {
  display: flex;
  height: 33px;
  border: 1px solid #D8D8D8;
  cursor: pointer;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .oneSelect span {
  height: 33px;
  line-height: 33px;
  color: #aaa;
  font-size: 14px;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .oneSelect .s1 {
  width: 80%;
  border: 0px solid red;
  padding-left: 20px;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .oneSelect .s2 {
  width: 20%;
  border: 0px solid red;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 12px;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 33px;
  border: 1px solid #D8D8D8;
  border-top: none;
  width: 100%;
  background: #fff;
  z-index: 10;
  padding: 20px;
  display: none;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect .itemInput {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect .itemInput:first-child {
  padding-top: 0;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect .itemInput:last-child {
  padding-bottom: 0;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect .itemInput span {
  font-size: 14px;
  color: #333;
  padding-right: 20px;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect .itemInput input {
  display: block;
  flex: 1;
  border: 1px solid #ddd;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 20px;
  transition: all 0.3s;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox .twoSelect .itemInput input:focus {
  border: 1px solid #F64041;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox:hover {
  overflow: inherit;
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox:hover .s2 {
  transform: rotate(180deg);
}

.faPiaoLayer .submitForm .itemform.ifSelectClass .frs .onlyBox:hover .twoSelect {
  display: block;
}

/*温馨提示的弹窗遮罩*/

.tiShiLayer {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 201;
  width: 500px;
  display: none;
}

.tiShiLayer .topbox {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tiShiLayer .topbox p {
  font-size: 18px;
  color: #333;
}

.tiShiLayer .topbox a {
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0px solid red;
}

.tiShiLayer .topbox a i {
  font-size: 16px;
  transition: color 0.3s;
}

.tiShiLayer .topbox a:hover i {
  color: #F64041;
}

.tiShiLayer .botbox {
  padding: 30px;
  background: #fff;
}

.tiShiLayer .botbox .parabox {
  width: 100%;
}

.tiShiLayer .botbox .parabox .itemtext {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.tiShiLayer .botbox .parabox .itemtext:first-child {
  padding-top: 0;
}

.tiShiLayer .botbox .parabox .itemtext:last-child {
  padding-bottom: 0;
}

.tiShiLayer .botbox .parabox .itemtext .fls {
  width: 20px;
  border: 0px solid red;
  position: relative;
}

.tiShiLayer .botbox .parabox .itemtext .fls i {
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7px;
}

.tiShiLayer .botbox .parabox .itemtext .frs {
  width: calc(100% - 20px);
  font-size: 14px;
  color: #333;
  text-align: justify;
}

.tiShiLayer .botbox .submitsbox {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.tiShiLayer .botbox .submitsbox a {
  width: 135px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #D8D8D8;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s;
}

.tiShiLayer .botbox .submitsbox a.on {
  background: #1450EB;
  color: #fff;
}

.tiShiLayer .botbox .submitsbox a.on:hover {
  background: #4374f5;
}

/*公共类的阅读并同意协议*/

.checkTabbox {
  width: 100%;
  display: flex;
  padding-top: 30px;
}

.checkTabbox .checkOnclick {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.checkTabbox .checkOnclick .d1 img {
  width: 12px;
  height: 12px;
}

.checkTabbox .checkOnclick .d1 img.checkoff {
  display: inline-block;
}

.checkTabbox .checkOnclick .d1 img.checkon {
  display: none;
}

.checkTabbox .checkOnclick .d2 {
  font-size: 14px;
  color: #666;
  padding-left: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkTabbox .checkOnclick.on .d1 img.checkoff {
  display: none;
}

.checkTabbox .checkOnclick.on .d1 img.checkon {
  display: inline-block;
}

.checkTabbox .linkOnclick {
  display: flex;
  align-items: center;
}

.checkTabbox .linkOnclick a {
  color: #1450EB;
  font-size: 14px;
  transition: all 0.3s;
}

.checkTabbox .linkOnclick a:hover {
  text-decoration: underline;
}

/*结算页面的数字流程*/

.settlementProcess {
  width: 100%;
  padding: 50px 0;
}

.settlementProcess2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.settlementProcess2 .itembox {
  border: 0px solid red;
  width: 250px;
}

.settlementProcess2 .itembox .d1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.settlementProcess2 .itembox .d1 i {
  flex: 1;
  height: 1px;
  background: #EBEBEB;
}

.settlementProcess2 .itembox .d1 span {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #EBEBEB;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin: 0 15px;
  color: #333;
  font-family: "shuzi";
  font-weight: 700;
}

.settlementProcess2 .itembox .d2 {
  padding-top: 10px;
  text-align: center;
}

.settlementProcess2 .itembox .d2 span {
  font-size: 16px;
  font-family: "pingFangBold";
  color: #999;
}

.settlementProcess2 .itembox:first-child .d1 i:first-child {
  visibility: hidden;
}

.settlementProcess2 .itembox:last-child .d1 i:last-child {
  visibility: hidden;
}

/*结算页面的数字流程 --- 过去式*/

.settlementProcess2 .itembox.ifPastTime .d1 span {
  background: #C2DFFF;
  color: #fff;
}

.settlementProcess2 .itembox.ifPastTime .d2 span {
  color: #999;
}

.settlementProcess2 .itembox.ifPastTime .d1 i {
  background: #C2DFFF;
}

.settlementProcess2 .itembox.ifPastTime+.itembox .d1 i:first-child {
  background: #C2DFFF;
}

/*结算页面的数字流程 --- 进行式*/

.settlementProcess2 .itembox.ifNowTime .d1 span {
  background: #1450EB;
  color: #fff;
}

.settlementProcess2 .itembox.ifNowTime .d2 span {
  color: #333;
}

/*结算页面的数字流程 --- 将来式*/

.settlementProcess2 .itembox.ifFutureTime {}

/*带框线的订单结算区域---买家信息*/

.settlementKuang {
  width: 100%;
  padding-bottom: 40px;
}

.settlementKuang2 {
  border: 1px solid #F0F0F0;
  padding: 30px;
}

.settlementKuang2 .itemKuang {
  padding-top: 20px;
  border-top: 1px solid #F0F0F0;
}

.settlementKuang2 .itemKuang:first-child {
  border-top: none;
  padding-top: 0;
}

.settlementKuang2 .itemKuang .mainTitle {
  font-family: "pingFangBold";
  font-size: 18px;
  color: #333;
  padding-bottom: 20px;
}

.settlementKuang2 .itemKuang .inputDiv {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.settlementKuang2 .itemKuang .inputDiv .fls {
  width: 100px;
  border: 0px solid red;
  font-size: 14px;
  color: #333;
}

.settlementKuang2 .itemKuang .inputDiv .frs {
  width: calc(100% - 100px);
}

.settlementKuang2 .itemKuang .inputDiv .frs input {
  width: 325px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ddd;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  transition: all 0.3s;
}

.settlementKuang2 .itemKuang .inputDiv .frs input:focus {
  border: 1px solid #F64041;
}

.settlementKuang2 .itemKuang .tipDiv {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.settlementKuang2 .itemKuang .tipDiv .fls {
  width: 100px;
  border: 0px solid red;
  font-size: 14px;
  color: #333;
}

.settlementKuang2 .itemKuang .tipDiv .frs {
  width: calc(100% - 100px);
}

.settlementKuang2 .itemKuang .tipDiv .frs .shaowbox {
  box-shadow: 0px 3px 20px rgba(51, 51, 51, 0.08);
  display: inline-flex;
  align-items: center;
  height: 35px;
  padding: 0 20px 0 10px;
  position: relative;
}

.settlementKuang2 .itemKuang .tipDiv .frs .shaowbox:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: dotted;
  border-width: 10px;
  border-color: transparent #fff transparent transparent;
  z-index: 1;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
}

.settlementKuang2 .itemKuang .tipDiv .frs .shaowbox .iconfont {
  color: #F64041;
  font-size: 16px;
  font-weight: 700;
}

.settlementKuang2 .itemKuang .tipDiv .frs .shaowbox .span {
  color: #333;
  font-size: 12px;
  padding-left: 5px;
}

.settlementKuang2 .itemKuang .linkDiv {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.settlementKuang2 .itemKuang .linkDiv .fls {
  width: 100px;
}

.settlementKuang2 .itemKuang .linkDiv .frs {
  width: calc(100% - 150px);
  display: flex;
  align-items: center;
}

.settlementKuang2 .itemKuang .linkDiv .frs a {
  font-size: 16px;
  color: #333;
  display: inline-flex;
  align-items: center;
  margin-left: 25px;
  transition: all 0.3s;
}

.settlementKuang2 .itemKuang .linkDiv .frs a:first-child {
  margin-left: 0;
}

.settlementKuang2 .itemKuang .linkDiv .frs a.iconLink .span {
  font-size: 16px;
  color: #333;
  transition: color 0.3s;
}

.settlementKuang2 .itemKuang .linkDiv .frs a.iconLink .iconfont {
  font-size: 16px;
  color: #999;
  margin-left: 5px;
  transition: color 0.3s;
}

.settlementKuang2 .itemKuang .linkDiv .frs a.blueColor {
  color: #1450EB;
}

.settlementKuang2 .itemKuang .linkDiv .frs a:hover {
  text-decoration: underline;
  color: #1450EB;
}

.settlementKuang2 .itemKuang .linkDiv .frs a:hover span {
  color: #1450EB !important;
}

/*带框线的订单结算区域---订单信息*/

.settlementKuang2 .itemKuang .orderDiv {
  width: 100%;
  padding-bottom: 40px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder:first-child {
  margin-top: 0;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls {
  background: #F9FAFD;
  width: calc(100% - 300px);
  padding: 30px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .titlesbox {
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
  padding-bottom: 15px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox {
  width: 100%;
  display: flex;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .imgbox {
  width: 90px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .imgbox p {
  width: 100%;
  height: 90px;
  overflow: hidden;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox {
  width: calc(100% - 90px);
  padding-left: 30px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d1 {
  font-size: 16px;
  color: #333;
  padding-bottom: 10px;
  font-family: "pingFangBold";
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d2 p {
  width: 50%;
  font-size: 14px;
  color: #999;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d3 {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d3 p {
  font-size: 14px;
  color: #999;
  margin-left: 50px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d3 p:first-child {
  margin-left: 0;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d3 p .s1 {
  color: #F64041;
  font-size: 14px;
  font-family: "shuzi";
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d3 p .s2 {
  color: #F64041;
  font-size: 18px;
  font-family: "shuzi";
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d4 .p1 {
  font-size: 14px;
  color: #333;
  padding-bottom: 10px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d4 .p2 {
  width: 100%;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d4 .p2 input {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  border: 1px solid #ddd;
  transition: all 0.3s;
  background: #fff;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .fls .infobox .txtbox .d4 .p2 input:focus {
  border: 1px solid #F64041;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .frs {
  background: #F5F7FF;
  width: 300px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .frs div {
  width: 100%;
  padding-top: 15px;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .frs div:first-child {
  padding-top: 0;
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .frs div span {
  width: 50%;
  font-size: 16px;
  color: #333;
  font-family: "pingFangBold";
}

.settlementKuang2 .itemKuang .orderDiv .itemorder .frs div span.redColor {
  color: #F64041;
}

/*带框线的订单结算区域---优惠券*/

.youHuiQuanKuang {
  width: 100%;
  border: 1px solid #F0F0F0;
}

.youHuiQuanKuang .tabHeadYouHui {
  width: 100%;
  display: flex;
  background: #F6F6F6;
}

.youHuiQuanKuang .tabHeadYouHui a {
  width: 140px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.youHuiQuanKuang .tabHeadYouHui a span {
  font-size: 14px;
  color: #333;
  font-family: "pingFangBold";
  border-bottom: 2px solid #ddd;
  padding-bottom: 3px;
  transition: all 0.3s;
  border-bottom: 2px solid transparent;
}

.youHuiQuanKuang .tabHeadYouHui a.on {
  color: #F64041;
  background: #fff;
}

.youHuiQuanKuang .tabHeadYouHui a.on span {
  border-bottom: 2px solid #F64041;
}

.youHuiQuanKuang .tabHeadYouHui a:hover span {
  border-bottom: 2px solid #F64041;
}

.youHuiQuanKuang .youHuiList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 30px;
}

.youHuiQuanKuang .youHuiList a {
  width: 210px;
  margin-left: 30px;
}

.youHuiQuanKuang .youHuiList a:nth-of-type(4n+1) {
  margin-left: 0px;
}

.youHuiQuanKuang .youHuiList a .d1 {
  padding: 20px 20px 0 20px;
}

.youHuiQuanKuang .youHuiList a.ifHuiClass .d1 {
  background-image: url('../images/juan1.png');
  cursor: not-allowed;
}

.youHuiQuanKuang .youHuiList a.ifLiangClass .d1 {
  background-image: url('../images/juan2.png');
}

.youHuiQuanKuang .youHuiList a:first-child {
  margin-left: 0;
}

.youHuiQuanKuang .youHuiList a .d1 {
  width: 100%;
  height: 134px;
  overflow: hidden;
}

.youHuiQuanKuang .youHuiList a .d1 .prices {
  width: 100%;
  display: flex;
  align-items: center;
}

.youHuiQuanKuang .youHuiList a .d1 .prices .s1 {
  color: #fff;
  font-size: 24px;
  font-family: "pingFangBold";
}

.youHuiQuanKuang .youHuiList a .d1 .prices .s2 {
  color: #fff;
  font-size: 13px;
  padding-left: 15px;
}

.youHuiQuanKuang .youHuiList a .d1 .times {
  color: #fff;
  font-size: 12px;
  padding-top: 10px;
}

.youHuiQuanKuang .youHuiList a.ifHuiClass .d1 .times {
  color: #999;
}

.youHuiQuanKuang .youHuiList a .d1 .tips {
  font-size: 13px;
  color: #333;
  font-family: "pingFangBold";
  padding-top: 25px;
}

.youHuiQuanKuang .youHuiList a .d2 {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.youHuiQuanKuang .youHuiList a .d2 span {
  font-size: 12px;
  color: #999;
}

.youHuiQuanKuang .youHuiList a .d2 .span {
  padding-left: 3px;
  flex: 1;
}

.youHuiQuanKuang .youHuiList a.ifLiangClass .d2 span {
  color: #F64041;
}

.youHuiQuanKuang .youHuiList a.ifLiangClass .d2 .iconfont {
  display: none;
}

.youHuiQuanKuang .youHuiList a.ifLiangClass .d2 .span {
  padding-left: 0;
  width: 100%;
}

.youHuiQuanKuang .youHuiMoney {
  width: 100%;
  display: flex;
  align-items: center;
  background: #f6f6f6;
  height: 40px;
  padding: 0 20px;
}

.youHuiQuanKuang .youHuiMoney span {
  font-size: 13px;
  font-family: "pingFangBold";
}

.youHuiQuanKuang .youHuiMoney .s1 {
  color: #333;
}

.youHuiQuanKuang .youHuiMoney .s2 {
  color: #F64041;
}

/*结算页面底部的确认支付*/

.settlementPay {
  width: 100%;
  background: #F9FAFD;
  padding: 30px 0;
}

.settlementPay2 {
  display: flex;
  justify-content: space-between;
}

.settlementPay2 .fls .d1box p {
  font-size: 13px;
  color: #999;
  padding-top: 10px;
}

.settlementPay2 .fls .d1box p:first-child {
  padding-top: 0;
}

.settlementPay2 .fls .d2box {
  padding-top: 10px;
}

.settlementPay2 .fls .d2box .checkTabbox {
  padding-top: 0;
}

.settlementPay2 .frs .prictbox {
  display: inline-flex;
  align-items: center;
  padding-right: 40px;
}

.settlementPay2 .frs .prictbox .s1 {
  font-family: "pingFangBold";
  font-size: 16px;
  color: #333;
}

.settlementPay2 .frs .prictbox .s2 {
  font-family: "shuzi";
  font-size: 14px;
  color: #F64041;
}

.settlementPay2 .frs .prictbox .s3 {
  font-family: "shuzi";
  font-size: 24px;
  color: #F64041;
}

.settlementPay2 .frs .btnbox a {
  width: 135px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #F64041;
  transition: all 0.3s;
  font-size: 14px;
  color: #fff;
  font-family: "pingFangBold";
}

.settlementPay2 .frs .btnbox a:hover {
  background: #d92627;
}

.settlementPay2 .frs {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/*订单支付的大盒子---公共类*/

.orderPayBigBox {
  width: 100%;
}

.orderPayBigBox .itembox {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.orderPayBigBox .itembox .fls {
  width: 120px;
  border: 0px solid red;
}

.orderPayBigBox .itembox .fls span {
  color: #333;
  font-size: 14px;
}

.orderPayBigBox .itembox .frs {
  width: calc(100% - 120px);
}

/*订单支付的大盒子---如果右侧是订单表格*/

.orderPayBigBox .itembox.ifTableClass .fls span {
  height: 40px;
  line-height: 40px;
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .tablehead {
  width: 100%;
  display: flex;
  background: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .tablehead div {
  font-size: 14px;
  color: #333;
  font-family: "pingFangBold";
  padding: 10px 20px;
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .tablebody .tablebody2 div {
  font-size: 14px;
  color: #333;
  padding: 10px 20px;
  transition: all 0.3s
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .tablebody .tablebody2 {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .tablebody .tablebody2:hover div {
  background: #f9f9f9;
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .td1 {
  width: 40%;
  text-align: left;
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .td2 {
  width: 20%;
  text-align: center;
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .td3 {
  width: 20%;
  text-align: center;
}

.orderPayBigBox .itembox.ifTableClass .frs .orderTable .td4 {
  width: 20%;
  text-align: center;
}

/*订单支付的大盒子---如果右侧是超时订单取消的提示*/

.orderPayBigBox .itembox.ifTipClass {
  padding-top: 20px;
}

.orderPayBigBox .itembox.ifTipClass .frs {
  background: #FFFBE6;
  border: 1px solid #FFDAA7;
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.orderPayBigBox .itembox.ifTipClass .frs .iconfont {
  font-size: 14px;
  color: #F8A12B;
}

.orderPayBigBox .itembox.ifTipClass .frs .span {
  font-size: 12px;
  color: #333;
  padding-left: 6px;
}

/*订单支付的大盒子---如果右侧是微信支付或支付宝支付 1/2*/

.orderPayBigBox .itembox.ifPayClass {
  padding-bottom: 50px;
}

.orderPayBigBox .itembox.ifPayClass .fls span {
  height: 33px;
  line-height: 33px;
}

.orderPayBigBox .itembox.ifPayClass {
  padding-top: 30px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box {
  width: 100%;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a {
  width: 110px;
  height: 33px;
  border: 1px solid #D8D8D8;
  position: relative;
  margin-left: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  overflow: hidden;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a:first-child {
  margin-left: 0;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a img {
  width: 24px;
  height: 24px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a span {
  font-size: 13px;
  color: #333;
  padding-left: 5px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a i {
  background: url('../images/payselect.png');
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.3s;
  opacity: 0;
  width: 13px;
  height: 13px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a:hover {
  border: 1px solid #1450EB;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a.on {
  border: 1px solid #1450EB;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a.on i {
  opacity: 1;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay1box a:hover i {
  opacity: 1;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay2box {
  width: 100%;
  display: flex;
  padding: 20px 0;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay2box .pay2fl {
  width: 80px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay2box .pay2fl img {
  width: 80px;
  height: 80px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay2box .pay2fr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
  padding-left: 10px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay2box .pay2fr .p1 {
  font-size: 24px;
  color: #333;
  font-family: "pingFangBold";
}

.orderPayBigBox .itembox.ifPayClass .frs .pay2box .pay2fr .p2 {
  font-size: 14px;
  color: #333;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box {
  width: 100%;
  display: flex;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box .pay3fl {
  width: 230px;
  height: 270px;
  display: flex;
  justify-content: center;
  padding-top: 20px
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box .pay3fl p {
  width: 180px;
  height: 180px;
  overflow: hidden;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box .pay3fl p img {
  width: 100%;
  height: 100%;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box .pay3fl #qr-code1,
#qr-code2 {
  width: 180px !important;
  height: 180px !important;
  overflow: hidden;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box .pay3fr {
  padding-left: 10px;
}

.orderPayBigBox .itembox.ifPayClass .frs .pay3box .pay3fr img {
  width: 210px;
  height: 208px;
}

/*订单支付的大盒子---如果右侧是微信支付或支付宝支付 2/2*/

.isShowWeixin {
  display: block;
}

.isShowZhifubao {
  display: none;
}

/* 早鸽结算页仅仅logo和文字 */

.zaoGeJieSuanTop {
  width: 100%;
  padding-top: 40px;
}

.zaoGeJieSuanTop2 {
  display: flex;
  align-items: center;
}

.zaoGeJieSuanTop2 .a1 img {
  width: 121px;
}

.zaoGeJieSuanTop2 .a2 {
  font-size: 22px;
  color: #333;
  padding-left: 20px;
}

.allQASelect .itemRow .q-switch {
  border-bottom: 1px dashed #ECEFF6;
}

.allQASelect .itemRow .q-list {
  margin-bottom: -16px;
}

.allQASelect .itemRow .q-list .active{
  color: #1450EB;
}

.commLokMoreBtn.commLokMoreBtnJs {
  margin-top: 10px;
}

.displayNone {
  display: none;
}

/* 底部css */
.footer_box .footer_top .footer_content .content_right1 {
  justify-content: space-between;
}

.footer_box .footer_top .footer_content .content_right .content_right1_top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 33px;
}

.footer_box .footer_top .footer_content .content_right .content_right1_top div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer_box .footer_top .footer_content .content_right .content_right1_top div img {
  width: 90px;
  height: 90px;
  margin-bottom: 10px;
}

.footer_box .footer_top .footer_content .content_right .content_right1_top div span {
  font-size: 12px;
  color: #999999;
}

.footer_box .footer_top .footer_content .content_right .content_right1_top div:first-of-type {
  margin-right: 22px;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom {
  width: 100%;
  height: 30px;
  padding: 7px 10px;
  background-color: #182130;
  position: relative;
  line-height: 16px;
  margin-bottom: -6px;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom:hover img {
  transform: translateY(-50%) rotateZ(180deg);
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom:hover div {
  display: inline-block;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom span {
  font-size: 12px;
  color: #999999;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 26px;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom div {
  position: absolute;
  right: 0;
  top: -184px;
  width: 100%;
  height: 182px;
  display: none;
  overflow-y: scroll;
  background-color: #182130;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom div a {
  display: inline-block;
  width: 100%;
  padding: 10px;
  font-size: 12px;
  color: #999999;
}

.footer_box .footer_top .footer_content .content_right .content_right1_bottom div a:hover {
  color: #ffffff;
}