@charset "utf-8";
/*
# @author liuxuetao
  @Description faq page
  @Date 2018/08/27
*/
.faq__content *{box-sizing: border-box;}
.faq__content{background: #F0F0F0;}
.faq__wrap{width: 1200px;margin: 0 auto;}
.faq__list{padding: 45px 0 0;}
.faq__item{border-top:1px solid rgba(51,51,51,0.10);}
.faq__item:last-child{border-bottom:1px solid rgba(51,51,51,0.10); }
.faq__item--title{position:relative;padding:0 29px;height: 80px;line-height: 80px;font-size: 16px;color: #3F3E47; transition: all 0.2s;}
.fag__btn--open{background-image: url("../image/open.png");}
.fag__btn--common{position:absolute;right:29px;float: right;cursor: pointer;width: 16px;height: 81px;display: inline-block;background-size: contain;background-repeat:no-repeat;background-position: center;}
.faq__item--detail{display:none; padding: 10px 29px 33px;background: #fff;font-size: 16px;color: #666666;line-height: 30px;    word-wrap: break-word;  white-space: normal;}
.fag__btn--close{display: none;background-image: url("../image/close.png");}
.faq__item--title:hover{color:#E6018C;}
.faq__item--title:hover .fag__btn--open{background-image: url("../image/open_hover.png");}
.faq__item.active{border: none;}
/* .faq__item.active .faq__item--detail{display: block;} */
.faq__item.active .faq__item--title{background: #fff;}
.faq__item.active .fag__btn--open{display: none;}
.faq__item.active .fag__btn--close{display: inline-block;}
.faq__pagination{text-align: center;margin: 40px 0 68px;}
/*pagination btns*/
.pagination__btn{font-size: 13px;  color: #606266;;letter-spacing: 0;cursor: pointer;padding: 0 14px;}
.pagination__number--current{color:#F12773;}
.pagination__btn--disabled{color: #C0C4CC;}
.faq__other{background: #fff;}
.faq__other--wrap{width: 1200px;margin: 0 auto;padding: 118px 0 99px;}
.faq__other-item{width: calc(100% / 3);float: left;}
.faq__other--picture{float: left;width: 80px;height: 80px;border-radius: 100%;margin-right: 29px;}
.faq__other--picture img{max-width: 100%;}
.faq__other--content{float: left;width: 290px;padding-right: 50px;}
.faq__other--title{font-size: 16px;color: #332F3D;margin-bottom: 7px;}
.address_item{font-size: 13px;color: #666666;margin-bottom: 10px;}
.address_item:last-child{margin-bottom: 0;}
.eng_pages{margin: 0;padding:0;}
.faq_page {
  background: url(../image/banner_faq.png) center center;
  background-repeat: no-repeat;
  line-height: normal;
}
.faq_page.faq_page_my {
  background: url('../image/my_banner_faq.png') center center;
}
.content--address .address_item {
  line-height: 18px !important;
}

.faq__list--title{margin-bottom: 35px;height: 40px;display: flex;justify-content: center}
.faq__list--title button {
  height: 40px;
  transition: all 0.5s;
  padding: 0 16px;
  border: 1px solid rgba(51,51,51,0.10);
  border-radius: 20px;
  box-sizing: border-box;
}
.faq__list--title button.active {
  background: #FF40B4;
  color: #fff;
}
.faq__list--title button:hover {
  background: #FF40B4;
  color: #fff;
}
.faq__list--title button:not(:last-child) {
  margin-right: 10px;
}
.banner.has_banner.faq_page h2{
  font-size: 70px;
  margin-top: 66px;
  display: inline-block;
}
.banner.has_banner.faq_page p{
  font-size: 28px;
  margin-top: 20px;
  font-weight: normal;
}