.main_container {

  width: 1240px;

  margin: 0 auto;

  padding: 0 20px;

  box-sizing: border-box;

}



.banner {

  width: 100%;

  min-width: 1240px;

  height: 240px;

  margin-bottom: 42px;

  background-size: 100% 100%;

  position: relative;

}



.banner_qa {

  background: url(../images/qa_banner.png) no-repeat center center / cover;

}



.banner_new {

  background: url(../images/new_banner.png) no-repeat center center / cover;

}



.banner_analysis {

  background: url(../images/analysis_banner.png) no-repeat center center / cover;

}





.online_breadcrumb {

  color: #999;

  font-weight: 500;

  font-size: 14px;

  line-height: 19px;

  margin-bottom: 30px;

}



.online_breadcrumb a {

  color: #999;

  transition: all .5s;

  cursor: pointer;

}



.online_breadcrumb a.active {

  color: #000;

}



.online_breadcrumb a:hover {

  color: var(--primaryColor);

}





.online_main_title {

  font-weight: 500;

  font-size: 24px;

  line-height: 33px;

  color: #000;

}



.online_title {

  font-weight: 500;

  font-size: 24px;

  line-height: 33px;

  color: #000;

  text-align: center;

  margin-bottom: 40px;

}



.online_form .form-group {

  display: flex;

  align-items: center;

  width: 100%;

  margin-bottom: 24px;

}



.online_form2 .form-group {

  width: 670px;

  margin: 0 auto 24px;

}



.online_form .form-group label {

  width: 100px;

  font-size: 16px;

  line-height: 26px;

  color: #000000;

  margin-right: 25px;

  flex-shrink: 0;

}



.online_form .form-group .form-select {

  width: 553px;

  flex-shrink: 0;

  border: 0;

  padding: 19px 34px 19px 19px;

  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  background: url(../images/arrow_down.png) no-repeat 490px center/10px 6px;

}



.online_form .form-group .form-input {

  width: 553px;

  flex-shrink: 0;

  border: 0;

  padding: 19px 34px 19px 19px;

  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

}



.online_form .form-group .form-textarea {

  width: 553px;

  flex-shrink: 0;

  border: 0;

  height: 160px;

  line-height: 54px;

  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);

  border-radius: 8px;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  padding: 0 24px;

}



.online_form .form-group button {

  width: 280px;

  height: 60px;

  color: #fff;

  border-radius: 8px;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);

  background: var(--primaryColor);

  margin: 0 auto;

}



.online_form .form-group2 .label2 {

  margin-left: 30px;

}



.online_form .form-group2 .form-input {

  width: 200px;

}



.qa_detail_box {

  margin-bottom: 40px;

}



.qa_detail_question {

  width: 100%;

  padding: 30px;

  box-sizing: border-box;

  border: 1px solid #F1F1F1;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);

  border-radius: 8px;

  margin-bottom: 20px;



}



.qa_detail_q {

  margin-bottom: 8px;

  font-size: 18px;

  line-height: 28px;

}



.qa_detail_q i {

  background: #6C1886;

  border-radius: 8px;

  color: #fff;

  width: 28px;

  height: 28px;

  display: inline-block;

  text-align: center;

  line-height: 28px;

  margin-right: 14px;

}



.qa_detail_questioner {

  font-size: 14px;

  color: #999;

  margin-bottom: 12px;

}



.qa_detail_questioner span {

  margin-right: 10px;

}



.qa_detail_container {

  font-size: 16px;

  color: #000;

}



.qa_detail_a {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  margin-bottom: 27px;

}



.qa_detail_a i {

  background: #E32785;

  border-radius: 8px;

  color: #fff;

  width: 28px;

  height: 28px;

  display: inline-block;

  text-align: center;

  line-height: 28px;

  margin-right: 14px;

}



.qa_detail_answerer {

  font-size: 14px;

  color: #999;

}



.qa_detail_answerer span {

  margin-right: 12px;

}



.other_question {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 16px 12px;

  background: #FFFFFF;

  border: 1px solid #F1F1F1;

  box-sizing: border-box;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);

  border-radius: 8px;

  margin-bottom: 32px;

  transition: all .5s;

}

.other_question:hover{

  transform: scale(1.02);

}



.other_question_left {

  font-size: 16px;

  color: #333333;

  flex: 1;

  display: flex;

  align-items: center;

}



.other_question_left i {

  background: #6C1886;

  border-radius: 8px;

  color: #fff;

  width: 28px;

  height: 28px;

  display: inline-block;

  line-height: 28px;

  font-size: 16px;

  text-align: center;

  margin-right: 8px;

}



.other_question_right span {

  margin-left: 8px;

  color: #999;

}



.form_required {

  color: #E32785;

}



.marginB {

  margin-bottom: 99px;

}



.new_title {

  font-weight: 500;

  font-size: 26px;

  line-height: 36px;

  color: #000;

  margin-bottom: 22px;

}



.new_time {

  font-weight: 500;

  font-size: 14px;

  line-height: 24px;

  color: #999;

  margin-bottom: 45px;

}



.new_time span {

  margin-right: 20px;

  display: inline-flex;

  vertical-align: middle;

}



.new_p1 {

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  color: #333;

  margin-bottom: 20px;

}



.newDetail_main {

  margin-bottom: 100px;

}



.newDetail_main img {

  max-width: 100%;

  margin-bottom: 20px;

}



.new_read_list_container {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  column-gap: 16px;

  margin-bottom: 30px;

}
.new_read_list_container2{
}


.new_read_list {

  background: #FFFFFF;

  border: 0.6px solid #F1F1F1;

  box-sizing: border-box;

  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);

  border-radius: 8px;

  margin-bottom: 32px;

  transition: all .5s;

}



.new_read_list:hover {

  transform: scale(1.05);

}



.new_read_list_img {

  width: 100%;

  height: 170px;

  overflow: hidden;

}



.new_read_list_img img {

  width: 100%;

  height: 170px;

  object-fit: cover;

}



.new_read_list_text {

  font-weight: 500;

  font-size: 16px;

  line-height: 22px;

  color: #333;

  height: 66px;

  padding: 0px 15px;

  box-sizing: border-box;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  margin: 20px 0;

}



.new_subtitle {

  font-weight: 500;

  font-size: 24px;

  line-height: 26px;

  color: #000;

  margin-bottom: 32px;

}



.new_read_list_footer {

  position: relative;

  padding: 15px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color: #999;

  font-size: 14px;

}



.new_read_list_footer::after {

  content: '';

  position: absolute;

  left: 5%;

  top: 0;

  width: 90%;

  height: 1px;

  background: #F1F1F1;

}



.new_read_list_read {

  display: flex;

  align-items: center;

}



.list_nav {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 56px;

}



.analysis_nav {

  margin-bottom: 0px;

}



.list_nav .list_nav_li {

  color: #333333;

  position: relative;

  font-weight: 500;

  font-size: 22px;

  line-height: 22px;

  cursor: pointer;

  transition: all .5s;

  margin: 0 40px;

  padding: 8px 0;

}



.list_nav .list_nav_li::after {

  content: '';

  display: block;

  position: absolute;

  bottom: -6px;

  left: 0;

  width: 0;

  height: 4px;

  border-radius: 2px;

  background-color: var(--secondaryColor);

  transition: all .5s;

}



.list_nav .list_nav_li.active {

  color: var(--secondaryColor);

}



.list_nav .list_nav_li.active::after {

  width: 100%;

}



.search {

  width: 520px;

  height: 50px;

  display: flex;

  align-items: center;

  flex-shrink: 0;

  margin-right: 15px;

  position: absolute;

  bottom: -25px;

  left: 50%;

  transform: translateX(-50%);

}



.search .search_input {

  flex: 1;

  display: flex;

  align-items: center;

  height: 100%;

  border-radius: 8px 0 0 8px;

  border: 2px solid var(--primaryColor);

  overflow: hidden;

  background-color: #fff;

}



.search .search_input input {

  width: 100%;

  height: 100%;

  padding: 0 15px;

  /* border-radius: 5px 0 0 5px; */

}



.search .search_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 80px;

  height: 100%;

  background-color: var(--primaryColor);

  border-radius: 0 8px 8px 0;

}



.search .search_btn .iconfont {

  font-size: 20px;

  color: #fff;

}



.area_data {

  margin: 40px 0;

  display: flex;

  justify-content: space-around;



}



.area_data_li {

  width: 277px;

  height: 125px;

  text-align: center;

  line-height: 22px;

  position: relative;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}



.area_data_li .area {

  font-size: 22px;

  margin-bottom: 4px;

  line-height: 30px;

}



.regional_price {

  color: #6C1886;

  font-size: 16px;

  line-height: 32px;

  margin-bottom: 4px;

}



.regional_price span {

  font-size: 24px;

}



.price_comparison {

  font-size: 16px;

  color: #999;

}



.price_comparison .green {

  color: #219653;

}



.price_comparison .red {

  color: #FF0008;

}



.area_data_li::after {

  position: absolute;

  width: 1px;

  height: 80px;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  content: "";

  color: #F1F1F1;

  background: #F1F1F1;

}

.area_data_li:last-child::after{display: none;}

.analysis_chart{

  width: 100%;

  height: 413px;

}

.chart_tip{

  font-weight: 500;

font-size: 14px;

line-height: 19px;

color: #333;

margin-bottom: 47px;

}



.information_ul {

  display: none;

  flex-direction: column;

  margin-bottom: 30px;


}



.information_ul.information_ul_active {

  display: flex;

}



.information_ul .information_li {

  margin-bottom: 15px;

}



.information_ul .information_li:last-of-type {

  margin-bottom: 0;

}



.information_ul .information_li .information_card {

  display: flex;

  width: 100%;

  padding: 25px;

  background: #fff;

  border-radius: 8px;

  transition: all .5s;

  border: 1px solid #ddd;

}



.information_ul .information_li .information_card:hover {

  box-shadow: 0 0 8px rgba(0, 0, 0, .08);

  transform: scale(1.01);

}



.information_ul .information_li .information_card .img {

  width: 220px;

  height: 130px;

  border-radius: 4px;

  position: relative;

  margin-right: 25px;

  flex-shrink: 0;

}



.information_ul .information_li .information_card .img .label {

  position: absolute;

  left: 10px;

  top: 10px;

  padding: 5px;

  font-size: 12px;

  border-radius: 4px;

  color: #fff;

  background: var(--primaryColor);

}



.information_ul .information_li .information_card .img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  overflow: hidden;

}



.information_ul .information_li .information_card .card_content {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.information_ul .information_li .information_card .card_content .title {

  font-size: 18px;

  color: #000000;

  font-weight: 600;

}

.information_ul .information_li .information_card .card_content .main {

  padding-top: 10px;

  font-size: 14px;

  color: #666;

  font-weight: 500;

  flex: 1;

}


.information_ul .information_li .information_card:hover .card_content .title {

  color: var(--primaryColor);

}



.information_ul .information_li .information_card .card_content .time {

  font-size: 14px;

  color: #999999;

}