@charset "UTF-8";

html,
body {
  background: #f5f5f5 !important;
}

.agency-banner {
  margin-top: 1.2rem;
}

.agency-banner img {
  max-width: 100%;
  width: 100%;
  display: block;
}

.diyLine-0525 {
  margin: .1rem auto;
  height: .1rem;
  width: 3.5rem;
  position: relative;
  border-bottom: .01rem solid #9a9a9a;
}

.diyLine-0525:before {
  content: "·";
  position: absolute;
  font-weight: bold;
  font-size: .26rem;
  color: #026872;
  background: #f5f5f5;
  width: .36rem;
  height: .1rem;
  top: .04rem;
  left: 50%;
  margin-left: -.18rem;
  text-align: center;
  line-height: .1rem;
}

.diyBrandLst-0525 {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.diyBrandLst-0525 ul {
  padding: 0;
  width: 100%;
}

.diyBrandItm-0525 {
  position: relative;
  height: 1.4rem;
  background-color: #fff;
  background-image: url(https://uploadcdn.oneyac.com/attachments/page/brand/logos/arr-r.png?11);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 5%;
  -webkit-transition: .5s;
  transition: .5s;
  padding-left: 0.6rem;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: .2rem 0 0;
}

.diyBrandItm-0525:active,
.diyBrandItm-0525:focus {
  box-shadow: 0.04rem 0.04rem 0.05rem 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.diyBrandItm-0525 img {
  max-width: 22%;
  max-height: 70%;
}

.diyBrandItm-0525 b {
  position: absolute;
  display: block;
  width: 60%;
  left: 32%;
  top: 50%;
  font-weight: normal;
  font-size: 0.4rem;
  transform: translateY(-50%);
}

.diyHzhb0525 {
  width: 100%;
  height: auto;
  padding: .2rem .46rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.diyHzhbItm0525 {
  height: .86rem;
  width: 2.46rem;
  background: #fff;
  text-align: center;
  line-height: .86rem;
  box-shadow: 0.01rem 0.01rem 0.02rem 0 rgba(0, 0, 0, 0.2);
}

.diyHzhbItm0525 img {
  height: .8rem;
  max-width: 100%;
}

.sqdl {
  padding-bottom: 0.666667rem;
  margin-bottom: -0.533333rem;
}

.sqdl > h1 {
  font-size: 0.24rem;
  text-align: center;
  margin: 0.4rem 0 0;
  font-weight: 400;
  line-height: 0.293333rem;
}

.sqdl_banner {
  height: 1.893333rem;
  width: 100%;
  background: #fff url(https://uploadcdn.oneyac.com/attachments/page/brand/sqdl/images/banner.jpg) no-repeat center center;
  color: #fff;
  text-indent: -9999em;
  text-align: center;
}

.english_banner {
  background: #fff url(https://uploadcdn.oneyac.com/attachments/page/brand/sqdl/images/banner_english.jpg) no-repeat center center;
}

.sqdl-search {
  width: 6.906667rem;
  height: 0.933333rem;
  line-height: 0.933333rem;
  background: #fff;
  border: 0.013333rem solid #e9e9e9;
  border-radius: 0.066667rem;
  position: relative;
  font-size: 0.4rem;
  margin: 0.333333rem auto 0.4rem;
}

.sqdl-search .search-input {
  display: inline-block;
  border: 0 none;
  width: 5.466667rem;
  height: 0.88rem;
  line-height: 0.88rem;
  vertical-align: top;
  outline: none;
  padding: 0 0.6rem 0 0.2rem;
  margin: 0;
  color: #666;
}

.sqdl-search .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.506667rem;
  position: absolute;
  top: 0;
}

.sqdl-search .close-icon {
  color: #ccc;
  right: 1.44rem;
  display: none;
  cursor: pointer;
}

.sqdl-search .search-btn {
  display: block;
  position: absolute;
  width: 1.253333rem;
  height: 0.933333rem;
  line-height: 0.933333rem;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
  background: #0269c2;
  border: 0.013333rem solid #e9e9e9;
  border-radius: 0 0.066667rem 0.066667rem 0;
  right: -0.04rem;
  top: -0.013333rem;
}

.sqdl-search .result-list {
  position: absolute;
  left: -0.013333rem;
  right: -0.013333rem;
  top: 0.92rem;
  border: 0.013333rem solid #e9e9e9;
  border-top: 0 none;
  background: #fff;
  z-index: 2;
  max-height: 2.666667rem;
  overflow-y: auto;
  display: none;
}

.sqdl-search .result-list li {
  height: 0.666667rem;
  line-height: 0.666667rem;
  padding: 0 0.16rem;
  cursor: pointer;
  font-size: 0.333333rem;
}

.sqdl-search .result-list li:hover {
  background: #f1f1f1;
}

.sqdl_list {
  overflow: hidden;
}

.sqdl_ul {
  margin: 0 0.56rem 0.266667rem;
  position: relative;
  padding: 0 0.48rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sqdl_ul li {
  width: 3.866667rem;
  height: 5.813333rem;
  margin-bottom: 0.2rem;
  text-align: center;
  position: relative;
  padding-top: 0.2rem;
  z-index: 1;
}
.sqdl_ul .has-bg:before{
  position: absolute;
  content: '';
  left: -0.44rem;
  bottom: 0;
  width: 8.88rem;
  height: 2.2rem;
  z-index: -1;
  background: url(https://uploadcdn.oneyac.com/attachments/page/brand/sqdl/images/mobile_brand_base.png) repeat-x center bottom;
  background-size: contain;

}
.sqdl_list .brand-proof {
  position:relative;
  display: block;
  height: 3.973333rem;
}

.sqdl_list .sqdl_brandSl {
  display: inline-block;
  width: 2.906667rem;
  height: 3.973333rem;
  border: 0.013333rem solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 3.973333rem;
  position: relative;
  overflow: hidden;
  transition: all .3s linear;
}
.sqdl_list .brand-new-icon{
  position: absolute;
  left: 50%;
  margin-left: -0.386667rem;
  width: 0.773333rem;
  height: 0.773333rem;
  bottom: -0.2rem;
  z-index: 2;
  text-indent: -999em;
  background:url(https://uploadcdn.oneyac.com/attachments/page/brand/sqdl/images/brand_new_icon.png) no-repeat center center;
}
.sqdl_list .is-active .sqdl_brandSl {
  margin-top: -0.053333rem;
  box-shadow: 0 0 0.173333rem 0.066667rem #d5d5d5;
}

.sqdl_list .is-active .sqdl_brandSl:before {
  position: absolute;
  content: '';
  left: -0.013333rem;
  right: -0.013333rem;
  top: -0.013333rem;
  bottom: -0.013333rem;
  z-index: 1;
  border: 0.04rem solid #0b75be;
}

.sqdl_list .is-active .sqdl_brandSl {
  border: 0.026667rem solid #1288da;
}

.sqdl_list .sqdl_brandSl img {
  position: relative;
  z-index: 1;
  width: 100%;
}

.sqdl_list img {
  vertical-align: middle;
  max-width: 98%;
  max-height: 96%;
}

.sqdl_list .sqdl_brandLogo {
  display: block;
  margin-top: 0.533333rem;
}

.sqdl_list .sqdl_brandLogo h3 {
  height: 0.666667rem;
  line-height: 0.666667rem;
  padding: 0 0.733333rem;
  margin: 0;
}

.sqdl_list .sqdl_brandLogo .sqdl_brandTit {
  font-size: 0.32rem;
  color: #333;
  padding-top: 0.16rem;
  display: none;
}