/* 底部部分 */
footer {
  min-height: 6.25rem;
}

footer a {
  color: #999;
}

footer a:hover {
  color: #999;

}

.app_footer {
  width: 100%;
  background-color: #2e313a;
  /*cursor: pointer;*/
  padding-bottom: 50px;
}

.app_footer .footer_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: .875rem;
}

.app_footer .footer_wrapper a {
  color: #999;
}

.app_footer .footer_wrapper .link_item {
  flex:1;
  max-width: 2.35rem;
  display: flex;
  flex-direction: column;
}

.app_footer .footer_wrapper .link_item .title {
  /* height: 33px; */
  font-size: .275rem;
  font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  font-weight: 400;
  text-align: justify;
  color: #ffffff;
  position: relative;
  padding-bottom:0.18rem;
}
.app_footer .footer_wrapper .link_item .title>a{
  color:#fff;
}
.app_footer .footer_wrapper .link_item .title::after {
  content: "";
  display: inline-block;
  width: .25rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0rem;
  left: 0;
}

.app_footer .footer_wrapper .link_item .sub_wrapper {
  margin-top: .4625rem;
  color: #fff;
}

.app_footer .footer_wrapper .link_item .sub_wrapper .sub_title {
  font-size: .2rem;
  font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  margin-bottom: .2rem;
}

.app_footer .footer_bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  color: #999999;
  font-weight: 400;
  font-size: 0px;
  line-height: 1.5;
  /*margin-top: 60px;*/
}

.app_footer .footer_bottom>p {
  margin: 0;
}

.bottom_left .bottom_left_item {
  padding-right:.175rem;
  padding-left:.175rem;
  font-size: .225rem;
}

.bottom_left .bottom_left_item:first-of-type {
  padding-left: 0px;
}

.bottom_left .map,
.bottom_left .link {
  position: relative;
}

.bottom_left .map::after,
.bottom_left .link::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom:0;
  width: 1px;
  background-color: #979797;
}
.bottom_left .link,.bottom_left .statement{
  /*margin-left:.0625rem;*/
}

.bottom_left .copyright {
  margin-top: .325rem;
  font-size: .2rem;
}

.bottom_right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bottom_right .address>div {
  font-size: .225rem;
  display: block;
  /* line-height: 2; */
}

.bottom_right .erweima {
  width: 1.7rem;
  height: 1.7rem;
  margin-right: .375rem;
}

.bottom_right .erweima+p {
  font-size: .2rem;
  color: #999;
  margin-right: .375rem;
}

.dropdown{
   width: 100%;
   background-color: #565960;
   border-radius: .025rem;
   height:.5rem;
   line-height: .5rem;
   padding-left: .1rem;
 }
 .dropdown-toggle::after{
   position: absolute;
   right:.225rem;
   top:50%;
   transform: translate(-50%);
 }
 .dropdown-menu{
   width:100%;
   min-width: 100%;
   font-size: .275rem;
   padding:0;
   border-radius: 0;
   padding-left:.1rem;
   background-color: #565960;
   transform: translate3d(0px, .5rem, 0px)!important;
   max-height: 3rem!important;
   overflow-y: auto;
 }
 .dropdown-menu .sub_title{
   display: inline-block;
   width:100%;
   color:#999;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: 0!important;
 }
 .dropdown_sub{
   margin-top: 0.15rem!important;;
 }
 .dropdown-toggle{
   width:100%;
   color:#999;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 2em;
   text-decoration: none!important;
 }
 .flow-icon{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
     padding-right: .75rem;
     margin-right:.75rem;
     height:1.25rem;
     border-right:.0125rem solid #d8d8d8;
 }
 .flow-icon .icon_item{
     width:.5rem;
     height:.5rem;
     position: relative;
     cursor: pointer;
 }
  .flow-icon .icon_item:not(:last-of-type){
      margin-right: .375rem;
  }
  .flow-icon .icon_item:hover .icon_img.active{
      visibility: visible;
  }
  .flow-icon .icon_item .icon_img{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height: 100%;
  }
  .flow-icon .icon_item .icon_img.active{
      z-index:10;
      visibility: hidden;
  }
  .flow-icon .config_url{
      position:absolute;
      bottom: .8rem;
      left:50%;
      padding: .1rem;
      background-color: #FFF;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transform: translateX(-50%);
      width:1.8rem;
      border-radius: .1rem;
  }
 .flow-icon .config_url img{
     width:1.5rem;
     height: 1.5rem;
 }
 .flow-icon .config_url p{
    font-size: .12rem;
    font-weight: 500;
    text-align: justify;
    color: #333333;
    line-height: 1.5;
 }
 
 @media (max-width:640px){
    /*测试的老人机不适配*/
    .flow-icon .config_url{
        width: 3.6rem;
    }
    .flow-icon .config_url img{
      width:3.0rem;
      height: 3.0rem;
    }
   
}
  .flow-icon .config_url .footer_triangel{
    width: 0;
    height: 0;
    border: 0.1rem solid #fff;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    position: absolute;
    bottom: -.18rem;
    left: 50%;
    transform: translateX(-50%) rotate(-180deg);
  }
 .flow-icon .config_url p:first-of-type{
     border-top: .0125rem solid #bfc0c3;
 }

