@import url(./lettings.css);

.bannerHeader>.container{
  position: relative;
}
.bannerHeader>.container>.nav_row{
  position: absolute;
  top: .224rem;
  left: 15px;
  z-index: 5;
  display: flex;
  align-items: center;
}
.bannerHeader>.container>.nav_row>a{
  display: block;
  font-size: .128rem;
  color: #343434;
  padding: .096rem .064rem;
  margin-right: .288rem;
  position: relative;
}
.bannerHeader>.container>.nav_row>a:last-child{
  margin-right: 0;
}
.bannerHeader>.container>.nav_row>a.current{
  font-weight: 500;
}
.bannerHeader>.container>.nav_row>a.back{
  padding: .064rem;
  margin-right: .128rem;
  font-size: 0;
}
.bannerHeader>.container>.nav_row>a.back>img{
  width: .16rem;
  height: .16rem;
}
.bannerHeader>.container>.nav_row>a::after{
  content: '';
  display: block;
  width: .08rem;
  height: .08rem;
  border: solid 1px #343434;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  right: -0.144rem;
  top: 50%;
  transform: translate(25%,-50%) rotate(45deg);
}
.bannerHeader>.container>.nav_row>a.back::after,
.bannerHeader>.container>.nav_row>a.current::after{
  display: none;
}

.bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box{
  width: 4.64rem;
  position: absolute;
  bottom: .48rem;
  left: 14.5%;
  padding: 15px;
  /* background-color: rgba(227, 6, 19, .1); */
  background-color: rgba(224, 198, 173, .3);
}
.bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>.type{
  display: block;
  font-size: .112rem;
  font-weight: bold;
  color: #E30613;
  margin-bottom: .12rem;
}
.bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>.title{
  font-size: .336rem;
  font-weight: 300;
  color: #fff;
  margin-bottom: .08rem;
}
.bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>p{
  font-size: .168rem;
  color: #fff;
  margin-bottom: .096rem;
}
.bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>.download{
  display: block;
  width: 2.12rem;
  padding: .12rem;
  background-color: #E0C6AD;
  font-size: .112rem;
  color: #000;
  border-radius: .056rem;
  border: none;
  text-align: center;
}


.researchWrap{
  background-color: #F5F5F5;
}
.researchWrap>.container>.articleList>.item:hover{
  background-color: #E8E8E8;
}
.researchWrap>.container>.articleList>.item:hover>.content>.title,
.researchWrap>.container>.articleList>.item:hover>.content>.desc{
  color: #131E29;
}

.calculatorWrap{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(7px);
  display: none;
}
.calculatorWrap>.container{
  height: 90vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
}
.calculatorWrap>.container>.close{
  position: absolute;
  right: .312rem;
  top: .192rem;
  width: .384rem;
  height: .384rem;
  cursor: pointer;
}
.calculatorWrap>.container>.title_box{
  width: 4.48rem;
  background-color: #E0C6AD;
  padding: .64rem;
}
.calculatorWrap>.container>.title_box>.sectionTitle{
  font-size: .32rem;
  font-weight: 300;
  color: #242731;
  margin-bottom: .6em;
}
.calculatorWrap>.container>.title_box>p{
  font-size: .176rem;
  color: #575F6E;
  margin-bottom: 0;
}
.calculatorWrap>.container>.calculator_box{
  width: 100px;
  flex: 1;
  background-color: #fff;
  padding: .48rem .64rem;
  padding-right: 1.28rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.calculatorWrap>.container>.calculator_box>.calculator{
  border: solid 1px #D4D4D4;
  border-radius: .064rem;
  padding: .16rem .256rem;
  overflow-y: auto;
  /* IE 不显示滚动条 */
  -ms-overflow-style: none;
  /* 设置窄滚动条  兼容火狐 webkit */
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item{
  border-bottom: solid 1px #D4D4D4;
  margin-bottom: .256rem;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item:last-child{
  margin-bottom: 0;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.item_title{
  font-size: .112rem;
  font-weight: bold;
  color: #242731;
  margin-bottom: .04rem;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box{
  display: flex;
  align-items: center;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item.error>.input_box{
  background-color: #ffdbd7!important;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box>span{
  font-size: .16rem;
  font-weight: bold;
  margin-right: .12rem;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box>input{
  width: 100px;
  flex: 1;
  text-align: right;
  padding-right: .12rem;
  -moz-appearance: textfield;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box>input::-webkit-outer-spin-button,
.calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box>input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item input{
  width: 100%;
  font-size: .144rem;
  color: #242731;
  padding: .08rem .128rem;
  padding-right: .32rem;
  border: none;
  outline: none;
  background-color: transparent;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap{
  position: relative;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap::after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: solid .04rem #000;
  border-top-color: transparent;
  border-left-color: transparent;
  position: absolute;
  right: .128rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap>.options{
  width: 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
  background-color: #E0C6AD;
  cursor: pointer;
  user-select: none;
  display: none;
  margin: 0;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item:last-child>.select_wrap>.options{
  top: unset;
  bottom: 100%;
}
.calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap>.options>.item{
  padding: .096rem .128rem;
  border-bottom: solid 1px #fff;
  font-size: .12rem;
  color: #000;
}

.calculatorWrap>.container>.calculator_box>.price{
  font-size: .272rem;
  font-weight: 600;
  color: #E0C6AD;
  line-height: 1;
  display: block;
  margin-bottom: 0;
  margin-top: .24rem;
  display: none;
}


.calculatorWrap>.container>.calculator_box>.bottom{
  margin-top: .24rem;
}
.calculatorWrap>.container>.calculator_box>.bottom>.buttons_row{
  display: flex;
  align-items: center;
  margin-bottom: .24rem;
}
.calculatorWrap>.container>.calculator_box>.bottom>.buttons_row>button{
  width: 1.12rem;
  font-size: .112rem;
  line-height: 1;
  color: #000;
  padding: .112rem;
  border-radius: .056rem;
  border: solid 1px #003E51;
  margin-right: .128rem;
  background-color: #fff;
  opacity: 1;
}
.calculatorWrap>.container>.calculator_box>.bottom>.buttons_row>button:last-child{
  margin-bottom: 0;
}
.calculatorWrap>.container>.calculator_box>.bottom>.buttons_row>button.primary{
  background-color: #E0C6AD;
  border-color: #E0C6AD;
}
.calculatorWrap>.container>.calculator_box>.bottom>p{
  font-size: .112rem;
  color: #000;
  margin-bottom: .5em;
}
.calculatorWrap>.container>.calculator_box>.bottom>p:last-child{
  margin-bottom: 0;
}


/* 贷款计算器 */
.mortgageWrap{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(7px);
  display: none;
}
.mortgageWrap>.container_m{
  max-height: 90vh;
  width: 50%;
  background-color: #fff;
  border-radius: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #404040;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: #ddd transparent;
}
.mortgageWrap>.container_m>.close{
  position: absolute;
  right: .192rem;
  top: .192rem;
  width: .384rem;
  height: .384rem;
  cursor: pointer;
}
.mortgageWrap>.container_m>.calculator_box{
  padding: .24rem .36rem;
}
.mortgageWrap>.container_m>.calculator_box>.sectionTitle{
  font-size: .192rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: .2rem;
}
.mortgageWrap>.container_m>.calculator_box>.input_item{
  margin-bottom: .12rem;
}
.mortgageWrap>.container_m>.calculator_box>.input_item>.title_box{
  display: flex;
  align-items: center;
  margin-bottom: .08rem;
}
.mortgageWrap>.container_m>.calculator_box>.input_item>.title_box>.title{
  font-size: .144rem;
  font-weight: bold;
  margin-bottom: 0;
}
.mortgageWrap>.container_m>.calculator_box .tips{
  width: .16rem;
  height: .16rem;
  position: relative;
  font-size: 0;
  margin-left: .08rem;
}
.mortgageWrap>.container_m>.calculator_box .tips>img{
  width: 100%;
}
.mortgageWrap>.container_m>.calculator_box .tips>.tips_content{
  width: 1.6rem;
  background-color: #303030;
  border-radius: .096rem;
  padding: .064rem .08rem;
  box-sizing: border-box;
  font-size: .128rem;
  text-align: center;
  color: #fff;
  position: absolute;
  left: calc(100% + .12rem);
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
  display: none;
}
.mortgageWrap>.container_m>.calculator_box .tips>.tips_content::before{
  content: '';
  width: 0px;
  height: 0px;
  border: solid 5px #303030;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-46%,-50%) rotate(-45deg);
}
.mortgageWrap>.container_m>.calculator_box>.input_item>.input_box{
  width: 60%;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: .048rem;
  display: flex;
  align-items: center;
  padding: 0 .08rem;
}
.mortgageWrap>.container_m>.calculator_box>.input_item>.input_box>input{
  width: 100%;
  border: none;
  outline: none;
  font-size: .112rem;
  padding: .048rem .096rem;
  -moz-appearance: textfield;
}
.mortgageWrap>.container_m>.calculator_box>.input_item>.input_box>span{
  font-size: .16rem;
  font-weight: bold;
  margin-right: .08rem;
}
.mortgageWrap>.container_m>.calculator_box>.input_item>.input_box>input::-webkit-outer-spin-button,
.mortgageWrap>.container_m>.calculator_box>.input_item>.input_box>input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.mortgageWrap>.container_m>.calculator_box>.input_item.percentage>.title_box>.title{
  flex: 1;
  text-align: center;
}

/* range */
.mortgageWrap>.container_m>.calculator_box>.range_box{
  padding-top: .08rem;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item{
  display: flex;
  align-items: center;
  margin-bottom: .16rem;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item:last-child{
  margin-bottom: 0;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text
{
  width: 1.76rem;
  margin-right: .16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.val{
  display: flex;
  align-items: center;
  margin-bottom: .048rem;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.val>p{
  font-size: .176rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.val>.tips>.tips_content{
  width: 1.84rem;
  font-size: .12rem;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.other{
  font-size: .128rem;
  font-weight: bold;
  margin-bottom: 0;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.right_range{
  width: 100px;
  flex: 1;
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.right_range>input{
  width: 100%;
  -webkit-appearance: none;
  background: #b1b2b4;
  border-radius: .12rem;
  cursor: pointer;
  height: .06rem;
  opacity: 0.95;
  outline: none;
  -webkit-transition: 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.right_range>input::-webkit-slider-thumb {
  -webkit-appearance: none;/*清除系统默认样式*/
  height: .144rem;/*拖动块高度*/
  width: .144rem;/*拖动块宽度*/
  background: #E4131F;/*拖动块背景*/
  border-radius: 50%; /*外观设置为圆形*/
}
.mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.right_range>input:hover{
  opacity: 1;
}

.mortgageWrap>.container_m>.result_box{
  padding: .16rem .28rem .24rem;
  background-color: #F6F5F1;
}
.mortgageWrap>.container_m>.result_box>.desc{
  font-size: .128rem;
  font-weight: bold;
  margin-bottom: .144rem;
}
.mortgageWrap>.container_m>.result_box>.price_box{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: .144rem;
}
.mortgageWrap>.container_m>.result_box>.price_box>.price{
  font-size: .288rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}
.mortgageWrap>.container_m>.result_box>.price_box>.month{
  font-size: .16rem;
  line-height: 1;
  margin-bottom: .048rem;
  margin-left: .12rem;
}
.mortgageWrap>.container_m>.result_box>.priceTips{
  font-size: .12rem;
  line-height: 1;
  text-align: center;
  margin-bottom: .144rem;
}
.mortgageWrap>.container_m>.result_box>.priceTips>span{
  font-weight: bold;
}
.mortgageWrap>.container_m>.result_box>a{
  display: block;
  font-size: .12rem;
  color: #e30613;
  text-decoration: underline;
  margin-bottom: .144rem;
}
.mortgageWrap>.container_m>.result_box>.tips{
  font-size: .12rem;
  color: #999;
  margin-bottom: 0;
}







.accordionWrap{
  background-color: #F5F5F5;
  padding: .64rem 0;
}
.accordionWrap>.container{
  padding: 0 1.6rem;
}
.accordionWrap>.container>.sectionTitle{
  font-size: .112rem;
  font-weight: bold;
  color: #979CA2;
  margin-bottom: .56rem;
}
.accordionWrap>.container>.title{
  font-size: .336rem;
  font-weight: 300;
  color: #131E29;
  margin-bottom: .32rem;
}
.accordionWrap>.container>p{
  font-size: .176rem;
  color: #979CA2;
  margin-bottom: .4rem;
}
.accordionWrap>.container>.list{
  margin-bottom: 0;
}
.accordionWrap>.container>.list>.item{
  border-bottom: solid 1px #D9D9D9;
  position: relative;
}
.accordionWrap>.container>.list>.item:first-child{
  border-top: solid 1px #D9D9D9;
}
.accordionWrap>.container>.list>.item>p{
  font-size: .176rem;
  color: #131E29;
  margin-bottom: 0;
  padding: .144rem 0;
  padding-right: .288rem;
  position: relative;
  cursor: pointer;
}
.accordionWrap>.container>.list>.item>p::after{
  content: '';
  display: block;
  width: .12rem;
  height: .12rem;
  border: solid 2px #E0C6AD;
  border-top-color: transparent;
  border-left-color: transparent;
  position: absolute;
  top: 50%;
  right: .12rem;
  transform: translateY(-75%) rotate(45deg);
  transition: transform .3s;
}
.accordionWrap>.container>.list>.item>.item_content{
  padding-bottom: .144rem;
  display: none;
}
.accordionWrap>.container>.list>.item:first-child>.item_content{
  display: block;
}
.accordionWrap>.container>.list>.item>.item_content>p{
  font-size: .128rem;
  color: #8E8E93;
  margin-bottom: .6em;
}
.accordionWrap>.container>.list>.item>.item_content>p:last-child{
  margin-bottom: 0;
}
.accordionWrap>.container>.list>.item.active>p::after{
  transform: translateY(-25%) rotate(-135deg);
}





@media screen and (max-width: 767px) {
  .bannerHeader>.container>.nav_row{
    display: none;
  }

  .bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0!important;
    padding: .8333rem;
    padding-bottom: 1.6667rem;
  }
  .bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>.type{
    font-size: .3889rem;
    margin-bottom: .4167rem;
  }
  .bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>.title{
    font-size: .7778rem;
    margin-bottom: .4167rem;
  }
  .bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>p{
    font-size: .4444rem;
    margin-bottom: .4167rem;
  }
  .bannerHeader>.container>.bannerBox>.bannerWrap>.bannerHeaderSwiper>.swiper-wrapper>.swiper-slide>.content_box>.download{
    width: 100%;
    padding: .4167rem;
    font-size: .3889rem;
    border-radius: .1944rem;
  }


  .calculatorWrap>.container{
    height: 100vh;
    width: 100%;
    padding: 0;
    position: static;
    transform: translate(0,0);
    display: block;
    overflow-y: auto;
    /* IE 不显示滚动条 */
    -ms-overflow-style: none;
    /* 设置窄滚动条  兼容火狐 webkit */
    scrollbar-width: thin;
    scrollbar-color: #ddd transparent;
  }
  .calculatorWrap>.container>.close{
    position: sticky;
    right: .6667rem;
    top: .6667rem;
    width: .7778rem;
    height: .7778rem;
    opacity: 1;
  }
  .calculatorWrap>.container>.title_box{
    width: 100%;
    padding: 3.3333rem .4167rem1.6667rem;
  }
  .calculatorWrap>.container>.title_box>.sectionTitle{
    font-size: .7778rem;
    margin-bottom: .4444rem;
  }
  .calculatorWrap>.container>.title_box>p{
    font-size: .4444rem;
  }
  .calculatorWrap>.container>.calculator_box{
    width: 100%;
    flex: unset;
    background-color: #fff;
    padding: .9444rem 15px;
    display: block;
  }
  .calculatorWrap>.container>.calculator_box>.calculator{
    width: 8.3333rem;
    margin: 0 auto;
    border: solid 1px #D4D4D4;
    border-radius: .2222rem;
    padding: .8889rem;
    overflow-y: unset;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item{
    margin-bottom: .8889rem;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item>.item_title{
    font-size: .3889rem;
    margin-bottom: .1389rem;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box>span{
    font-size: .6111rem;
    margin-right: .4167rem;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item>.input_box>input{
    padding-right: .4167rem;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item input{
    font-size: .5rem;
    padding: .2778rem .4444rem;
    padding-right: 1.1111rem;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap::after{
    border-width: .1389rem;
    right: .4444rem;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item:last-child>.select_wrap>.options{
    top: 100%;
    bottom: unset;
  }
  .calculatorWrap>.container>.calculator_box>.calculator>.item>.select_wrap>.options>.item{
    padding: .3333rem .4444rem;
    font-size: .3889rem;
  }

  .calculatorWrap>.container>.calculator_box>.price{
    font-size: .9444rem;
    margin-top: 1.3889rem;
  }

  .calculatorWrap>.container>.calculator_box>.bottom{
    margin-top: .8333rem;
  }
  .calculatorWrap>.container>.calculator_box>.bottom>.buttons_row{
    margin-bottom: .8333rem;
    margin-top: 1.3889rem;
  }
  .calculatorWrap>.container>.calculator_box>.bottom>.buttons_row>button{
    flex: 1;
    font-size: .3889rem;
    padding: .3889rem;
    border-radius: .1944rem;
    margin-right: .4444rem;
  }
  .calculatorWrap>.container>.calculator_box>.bottom>p{
    font-size: .3889rem;
  }


  /* 贷款计算器 */
  .mortgageWrap{
  }
  .mortgageWrap>.container_m{
    max-height: 100vh;
    height: 100vh;
    width: 100%;
    border-radius: 0;
  }
  .mortgageWrap>.container_m>.close{
    right: .5556rem;
    top: .5556rem;
    width: .8333rem;
    height: .8333rem;
  }
  .mortgageWrap>.container_m>.calculator_box{
    padding: .5556rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.sectionTitle{
    width: 7.9167rem;
    font-size: .6667rem;
    line-height: 1.4;
    margin-bottom: .6944rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.input_item{
    margin-bottom: .5556rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.input_item>.title_box{
    margin-bottom: .2778rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.input_item>.title_box>.title{
    font-size: .4444rem;
  }
  .mortgageWrap>.container_m>.calculator_box .tips{
    width: .5556rem;
    height: .5556rem;
    margin-left: .2778rem;
  }
  .mortgageWrap>.container_m>.calculator_box .tips>.tips_content{
    width: 5rem;
    border-radius: .2222rem;
    padding: .1667rem .2222rem;
    font-size: .3889rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.input_item>.input_box{
    width: 100%;
    border-radius: .1667rem;
    padding: 0 .2778rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.input_item>.input_box>input{
    font-size: .3889rem;
    padding: .1667rem .3333rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.input_item>.input_box>span{
    font-size: .5556rem;
    margin-right: .2778rem;
  }
  
  /* range */
  .mortgageWrap>.container_m>.calculator_box>.range_box{
    padding-top: .2778rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item{
    margin-bottom: .5556rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text
  {
    width: 3.6111rem;
    margin-right: .5556rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.val{
    margin-bottom: .1667rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.val>p{
    font-size: .5556rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.val>.tips>.tips_content{
    width: 5.5556rem;
    font-size: .3611rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.left_text>.other{
    font-size: .4167rem;
  }
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.right_range>input{
    border-radius: .4167rem;
    height: .1944rem;
  }
  
  .mortgageWrap>.container_m>.calculator_box>.range_box>.range_item>.right_range>input::-webkit-slider-thumb {
    height: .4167rem;/*拖动块高度*/
    width: .4167rem;/*拖动块宽度*/
  }
  
  .mortgageWrap>.container_m>.result_box{
    padding: .5556rem .4167rem .8333rem;
  }
  .mortgageWrap>.container_m>.result_box>.desc{
    font-size: .4444rem;
    margin-bottom: .5rem;
  }
  .mortgageWrap>.container_m>.result_box>.price_box{
    margin-bottom: .5rem;
  }
  .mortgageWrap>.container_m>.result_box>.price_box>.price{
    font-size: 1rem;
  }
  .mortgageWrap>.container_m>.result_box>.price_box>.month{
    font-size: .5556rem;
    margin-bottom: .1667rem;
    margin-left: .4167rem;
  }
  .mortgageWrap>.container_m>.result_box>.priceTips{
    font-size: .4167rem;
    margin-bottom: .5rem;
  }
  .mortgageWrap>.container_m>.result_box>a{
    font-size: .4167rem;
    margin-bottom: .5rem;
  }
  .mortgageWrap>.container_m>.result_box>.tips{
    font-size: .4167rem;
  }



  .accordionWrap{
    background-color: #F5F5F5;
    padding: 1.3889rem 0;
  }
  .accordionWrap>.container{
    padding: 0 15px;
  }
  .accordionWrap>.container>.sectionTitle{
    font-size: .3889rem;
    margin-bottom: 1.9444rem;
  }
  .accordionWrap>.container>.title{
    font-size: .7778rem;
    margin-bottom: .6944rem;
  }
  .accordionWrap>.container>p{
    font-size: .4444rem;
    margin-bottom: 1.3889rem;
  }
  .accordionWrap>.container>.list>.item>p{
    font-size: .4444rem;
    padding: .5rem 0;
    padding-right: 1rem;
  }
  .accordionWrap>.container>.list>.item>p::after{
    width: .4167rem;
    height: .4167rem;
    right: .2778rem;
  }
  .accordionWrap>.container>.list>.item>.item_content{
    padding-bottom: .5rem;
  }
  .accordionWrap>.container>.list>.item>.item_content>p{
    font-size: .3889rem;
  }
}