/* * {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
  display: block;
  color: #333;
}
a:link {
  color: transparent;
}
a:visited {
  color: transparent;
}
html {
  font-family: "microsoft yahei";
}
body {
  background: #fff;
  overflow: hidden;
  height: 100vh;
  max-width: 500px;
  margin: 0 auto;
}
i {
  font-style: normal;
}
.clear:after {
  content: "";
  clear: both;
  display: block;
  width: 0;
  height: 0;
}
.nw1 {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nw2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nw3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.main_page {
  width: 100%;
  margin: 0 auto;
  min-height: 100vh;
  background: url('../images/zhongjian@2x.png') no-repeat center, linear-gradient(180deg, rgba(230, 240, 255, 0.5) 0%, #DEE4F0 100%);
  background-size: contain;
  position: relative;
}
.main_page .title_img {
  display: block;
  width: 66.67%;
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.main_page .phone {
  display: block;
  width: 89.87%;
  margin: 0 auto;
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
}
.main_page .project {
  width: calc(100% - 64px);
  display: flex;
  justify-content: space-between;
  background: #fff;
  position: absolute;
  top: 59.83%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  padding: 16px;
}
.main_page .project .item_img {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 5px;
}
.main_page .project .item_info {
  padding-left: 12px;
}
.main_page .project .item_info .info_title {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.9);
  line-height: 22px;
}
.main_page .project .item_info .sub_title {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 22px;
}
.main_page .project .item_info .time_price {
  line-height: 24px;
  font-size: 0;
  margin-top: 8px;
}
.main_page .project .item_info .time_price .now_price {
  font-size: 16px;
  color: #E34D59;
  font-weight: bold;
  margin-right: 4px;
}
.main_page .project .item_info .time_price .old_price {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 8px;
  font-weight: 400;
}
.main_page .project .item_info .time_price .time {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.main_page .project .item_select {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main_page .project .item_select .select_btn {
  width: 64px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  background: #FFD100;
  color: rgba(0, 0, 0, 0.9);
  font-size: 12px;
  text-align: center;
  margin: 0 auto 4px;
}
.main_page .project .item_select .select_count {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
}
.main_page .bottom_box {
  width: 100%;
  height: 28.45%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('../images/hudu@2x.png') no-repeat center bottom;
  background-size: cover;
}
.main_page .bottom_box .download_button {
  width: 91%;
  height: 44px;
  line-height: 44px;
  border-radius: 22px;
  background-color: #FFD100;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.3%;
} */






/* 官网css */
.common_content4{
  margin-top: 0px;
}
.common_content10{
  margin-bottom: 5rem;
}
.home .content_box .swiper-container{
  height: 800px;
  position: relative;
  background-image: url('../images/home-banner-bg.png');
  background-repeat: no-repeat;
  /* background-size: 100% 100%; */
  background-position: center center;
}
.common_banner .content_box .swiper-container .slide_box .position_box .EQ_download .EQ_inner{
  justify-content: space-around;
}
.common_banner .content_box .swiper-container .slide_box .position_box .EQ_download .EQ_inner .left_view{
  padding-left: 0px;
}
.common_content7 .content_box .right_box .sub_text {
  margin-top: 8px;
}
.common_header{
  position: sticky;
  top: 0px;
  background-color: #FFF;
  z-index: 99999;
  left: 0;
  border-bottom: 1px solid #F5F5F5;
}
.common_header .content_box .section_list .section_item{
  margin-left: 50px !important;
}

.zhaomu,.cityFranchise{
  display: none;
}
.zhaomu .content_box .swiper-container{
  height: 800px;
  position: relative;
  background-image: url('../images/zm-bg.png');
  background-repeat: no-repeat;
  /* background-size: 100% 100%; */
  background-position: center center;
}
.zhaomu .slide_box{
  width: 1200px;
  margin: 0px auto;
  height: 800px !important;
  position: relative;
}

.show{
  display: block;
}
.fcc{
  display: flex;
  align-items: center;
  justify-content: center;
}
.fccc{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.fca{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.fcb{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mt100{
  margin-top: 100px;
}
.zhaomu>.title{
  font-size: 42px;
  color: #333;
  font-weight: 700;
  margin-bottom: 100px;
}
.zhaomu .input-wrap{
  background-color: #fff;
  height: 1438px;
  width: 1200px;
  margin: 0px auto;
  box-sizing: border-box;
}
.zhaomu .input-L,.zhaomu .input-R{
  width: 500px;
}
.zhaomu  .input-item{
  margin-bottom: 80px;
}
.zhaomu  .input-item .input-box{
  width: 500px;
  min-height: 60px;
  background: #F5F5F5;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
}
.zhaomu .input-box input{
   border: none;
   font-size: 20px;
   margin-left: 16px;
   text-align: left;
   background-color: #f5f5f5;
  outline: none;/*清除input点击之后的黑色边框*/
}
.zhaomu select{
  font-size: 20px;
  width: 228px !important;
  height: 60px;
  background: #F5F5F5;
  border-radius: 4px;
  padding: 16px;
  box-sizing: border-box;
  border: none;
}

.zhaomu  .nv .active, .nan .active {
    background: #FFD100 !important;
    box-shadow: 0 0 0 1px #FFD100 !important;
}

.zhaomu  .nan,.nv{
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.zhaomu  .nan .nan_icon,.nv .nv_icon {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #DCDCDC;
    margin-right: 5px;
}
.zhaomu .input-item .title{
  margin-bottom: 24px;
  font-size: 24px;
  color: #333;
  font-weight: 700;
}
.zhaomu .confirm-btn{
  width: 800px;
  height: 98px;
  background: #FFD100;
  border-radius: 49px;
  font-size: 36px;
  color: #FFF;
}
.zhaomu  .section_item {
  margin-left: 65px !important;
}
.zhaomu .swiper-position-box{
  width: 466px;
  height: 218px;
  background-color: #FFF;
  position: absolute;
  padding: 24px;
  box-sizing: border-box;
  bottom: 118px;
  left: 0px;
  border-radius: 20px;
}
.zhaomu .swiper-position-box .code-wrap{
  width: 164px;
  height: 164px;
  border-radius: 10px;
  border: 3px solid #FFD100;
}
.zhaomu .swiper-position-box .code{
  width: 155px;
  height: 155px;
}
.zhaomu .swiper-position-box .lianxi-btn{
  width: 223px;
  height: 72px;
  border-radius: 50px;
  background-color: #ffd100;
  color: #FFF;
  font-size: 36px;
  font-weight: 700;
}
.cityFranchise{
  
}
.cityFranchise .banner{
  height: 800px;
  background-image: url('../images/cityFranchise-banner-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size:100% 100%;
}
.cityFranchise .banner .content{
  width: 1200px;
  position: absolute;
  margin: 0px auto;
}
.cityFranchise .banner .content .code-wrap{
  width: 208px;
  height: 208px;
  border: 4px solid #ffd100;
  margin-top: 80px;
  margin-bottom: 40px;
  border-radius: 12px;
}
.cityFranchise .banner .content .code-wrap .code{
  width: 208px;
  height: 208px;
  border-radius: 8px;
}
.cityFranchise .banner .content .saoma-btn{
  width: 417px;
  height: 76px;
  font-weight: 700;
  font-size: 30px;
  color: #FFF;
  border-radius: 50px;
  background-color: #ffd100;
}
.cityFranchise .hangye-wrap{
  width: 1200px;
  margin: 106px auto 100px;
}
.cityFranchise .hangye-wrap .title{
  font-size: 42px;
  margin-bottom: 48px;
  font-weight: 700;
}
.cityFranchise .hangye-wrap .content{
  width: 1200px;
  padding: 48px 24px;
  box-sizing: border-box;
  background: #FAFAFA;
  padding: 24px;
  display: flex;
  justify-content: space-between;
}
.cityFranchise .hangye-wrap .content .hangye-item{
  width: 33%;
}
.cityFranchise .hangye-wrap .content .hangye-item .cover{
  width: 368px;
  height: 288px;
}
.cityFranchise .hangye-wrap .content .hangye-item .number-wrap{
  position: relative;
  width: 80px;
  height: 80px;
  font-size: 24px;
  font-weight: 700;
}
.cityFranchise .hangye-wrap .content .hangye-item .number-wrap .number{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.cityFranchise .hangye-wrap .content .hangye-item .number-wrap .text{
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: flex-end;
}
.cityFranchise .hangye-wrap .content .hangye-item .info{
  color: #999;
  width: 368px;
  margin-top: 18px;
}
.cityFranchise .youshi-wrap{
  width: 1200px;
  margin: 106px auto 100px;
}
.cityFranchise .youshi-wrap .title{
  font-size: 42px;
  margin-bottom: 48px;
  font-weight: 700;
}
.cityFranchise .youshi-wrap .content{
  width: 1200px;
  padding: 48px 24px;
  box-sizing: border-box;
  background: #FAFAFA;
  padding: 24px;
  display: flex;
  justify-content: space-between;
}
.cityFranchise .youshi-wrap .content .youshi-item{
  width: 33%;
}
.cityFranchise .youshi-wrap .content .youshi-item .cover{
  width: 368px;
  height: 288px;
}
.cityFranchise .youshi-wrap .content .youshi-item .info{
  font-size: 18px;
  margin-top: 24px;
  color: #999;
  width: 368px;
}
/* @media screen and (max-width: 1680px){
  $('.common_content3 .content_box .inner_content').css({"marginTop":"1.5rem" })
  $('.common_content3 .content_box .section_title').css({"paddingTop":"0.6rem" })
}

@media screen and (mix-width: 1920px){
  $('.zhaomu .content_box .swiper-container').css({"backgroundSize": "100% 100%"})
  $('.home .content_box .swiper-container').css({"backgroundSize": "100% 100%"})
} */