/* sprite */

.sprite-affirm {
  background: url('../images/affirm.png') no-repeat;
  background-size: 2.6rem;
}

.sprite-inner-1 {
  background-position: 0 0;
}
        
.sprite-inner-1-1 {
  background-position: 0 -0.4rem;
}
        
.sprite-inner-1-2 {
  background-position: -0.34rem -0.4rem;
}
        
.sprite-inner-2 {
  background-position: 0 -0.7rem;
}

.sprite-inner-2-1 {
  background-position: 0 -1.22rem;
}
        
.sprite-inner-2-2 {
  background-position: -0.35rem -1.22rem;
}

.sprite-inner-3 {
  background-position: 0 -1.48rem;
}

.sprite-inner-3-1 {
  background-position: 0 -1.95rem;
}
        
.sprite-inner-3-2 {
  background-position: -0.27rem -1.95rem;
}

.sprite-inner-4 {
  background-position: 0 -2.2rem;
}

.sprite-inner-5-1 {
  background-position: -0.7rem 0;
}

.sprite-inner-5-2 {
  background-position: -1.64rem 0;
}

.sprite-inner-5-3 {
  background-position: -0.7rem -1.05rem;
}

.sprite-inner-5-4 {
  background-position: -1.62rem -1.05rem;
}

.sprite-inner-5-5 {
  background-position: -0.7rem -2.2rem;
}

.sprite-inner-5-6  {
  background-position: -1.64rem -2.2rem;;
}

/* top */

.content .top-img {
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 2.33rem;
  margin-top: -1px;
} 

.content .top-img img {
  width: 100%;
}

.content .wrapper {
  padding: 0.43rem 0.45rem 0.92rem;
}

/* same */

.same .title .img {
  float: left;
  margin-right: 0.19rem;
  width: 0.8rem;
  height: 0.8rem;
  border: solid 1px #136097;
  border-radius: 50%;
}

.same .title .img .inner-img,
.same .desc .img .inner-img {
  margin: 0 auto;
}

.same .title p {
  font-size: 0.471rem;
	line-height: 0.8rem;
	color: #136097;
}

.same .desc {
  margin: 0.38rem 0 0 0.1rem;
}

.same .desc .img {
  float: left;
  margin-right: 0.12rem;
  margin-bottom: 0.12rem;
  width: 0.46rem;
  height: 0.46rem;
  background-color: #136097;
  border-radius: 50%;
}

.same .desc .desc-title p {
  font-size: 0.3rem;
  font-weight: bold;
	line-height: 0.46rem;
	color: #136097;
}

.same .desc .a {
  clear: both;
  font-size: 0.24rem;
  line-height: 0.4rem;
	color: #616161;
}


/* 1 */

.inner-1 {
  position: relative;
  padding-bottom: 0.7rem;
}

.inner-1:after{
  position: absolute;
  left: 0.25rem;
  bottom: -0.25rem;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.14rem solid transparent;
  border-right: 0.14rem solid transparent;
  border-top: 0.26rem solid #fff;
}

.inner-1 .title .img .inner-img {
  width: 0.47rem;
  height: 0.36rem;
  margin-top: 0.22rem;
}

.inner-1 .desc .img .inner-img {
  width: 0.27rem;
  height: 0.28rem;
  margin-top: 0.11rem;
}

.inner-1 .desc .img .icon-3 {
  width: 0.29rem;
  height: 0.27rem;
  margin-top: 0.08rem;
}

/* 2 */

.inner-2 {
  margin: 0 -0.45rem;
  padding: 0.54rem 0 0.85rem;
  background-color: #f7f7f7;
}

.inner-2 .inner-2-wrapper {
  margin: 0 0.45rem;
}

.inner-2 .title .img .inner-img {
  width: 0.45rem;
	height: 0.49rem;
  margin-top: 0.15rem;
}

.inner-2 .desc .img .inner-img {
  width: 0.33rem;
  height: 0.24rem;
  margin-top: 0.12rem;
}

.inner-2 .desc .img .icon-7 {
  width: 0.29rem;
  height: 0.19rem;
  margin-top: 0.14rem;
}

/* 3 */

.inner-3 {
  margin-top: 0.48rem;
  padding-bottom: 0.2rem;
}

.inner-3 .title .img .inner-img {
  width: 0.45rem;
	height: 0.45rem;
  margin-top: 0.18rem;
}

.inner-3 .desc .img .inner-img {
  width: 0.24rem;
	height: 0.24rem;
  margin-top: 0.11rem;
}

.inner-3 .desc .img .icon-10 {
  width: 0.25rem;
	height: 0.21rem;
  margin-top: 0.14rem;
}

/* same2 */

.same2 .title {
  text-align: center;
  margin-top: 0.7rem;
}

.same2 .title p:nth-child(1) {
  font-size: 0.505rem;
	line-height: 0.436rem;
	letter-spacing: 0.025rem;
	color: #000000;
}

.same2 .title p:nth-child(2) {
  margin: 0 auto;
  margin-top: 0.12rem;
	height: 0.25rem;
	line-height: 0.25rem;
  font-size: 0.168rem;
  color: #ffffff;
	background-color: #136097;
}

/* 4 */

.inner-4 {
  padding-bottom: 0.66rem;
}

.inner-4 .title p:nth-child(2) {
  width: 3.72rem;
}

.inner-4 .item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.54rem;
}

.inner-4 .item {
  width: 49%;
  text-align: center;
  padding: 0.23rem 0 0.34rem;
  border-bottom: solid 1px #dfdfdf;
  border-right: solid 1px #dfdfdf;
}

.inner-4 .item:nth-child(2),
.inner-4 .item:nth-child(4) {
  border-right: none;
}

.inner-4 .item:nth-child(3),
.inner-4 .item:nth-child(4) {
  border-bottom: none;
}

.inner-4 .item .img {
  margin: 0 auto;
  margin-bottom: 0.18rem;
  width: 1.1rem;
	height: 1.1rem;
  background-color: #136097;
  border-radius: 50%;
}

.inner-4 .item .img .inner-img {
  display: inline-block;
  margin: 0 auto;
  /* padding-bottom: 0.15rem; */
  width: 0.59rem;
	height: 0.66rem;
}

.inner-4 .item p {
  font-size: 0.225rem;
	line-height: 0.338rem;
	color: #404040;
}

/* 5 */

.inner-5 {
  margin: 0 -0.45rem;
  padding: 0.01rem 0 0;
  background-color: #f7f7f7;
}

.inner-5 .inner-5-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0.75rem;
}

.inner-5 .title p:nth-child(2) {
  width: 1.58rem;
  margin-bottom: 0.6rem;
}

.inner-5 .item {
  width: 0.9rem;
  text-align: center;
  margin-bottom: 0.62rem;
}

.inner-5 .item .img {
  margin: 0 auto;
  width: 0.87rem;
	height: 1.01rem;
}

.inner-5 .item .img .inner-img {
  display: block;
  width: 0.87rem;
	height: 1.01rem;
}

.inner-5 .item p {
  margin-top: 0.21rem;
  font-size: 0.223rem;
	color: #848484;
}

.inner-5 .arrows {
  margin: 0.38rem 0.4rem 0;
  width: 0.22rem;
  height: 0.22rem;
  border-top: 0.04rem solid #848484;
  border-right: 0.04rem solid #848484;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.2;
}

/* 6 */

.inner-6 {
  margin: 0 -0.45rem;
}

.inner-6 .title p:nth-child(2) {
  width: 1.58rem;
}

.inner-6 .content-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.inner-6 .content-container .item {
  margin: 0.81rem 0.1rem 0;
  width: 2.8rem;
  text-align: center;
}

.inner-6 .content-container .avatar {
  width: 2.56rem;
  height: 2.56rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}

.inner-6 .content-container .avatar img {
  width: 100%;
}

.inner-6 .content-container .name {
  margin-top: 0.29rem;
  margin-bottom: 0.1rem;
  font-size: 0.3rem;
	letter-spacing: 0.015rem;
	color: #2b2b2b;
}

.inner-6 .content-container .post,
.inner-6 .content-container .job {
  font-size: 0.18rem;
	line-height: 0.28rem;
	letter-spacing: 0.009rem;
	color: #000000;
	opacity: 0.5;
}

.inner-6 .content-container .counsel {
  display: block;
  margin: 0 auto;
  margin-top: 0.22rem;
  width: 1.7rem;
  height: 0.51rem;
  line-height: 0.51rem;
	background-color: #136097;
  border-radius: 0.02rem;
  font-size: 0.214rem;
	letter-spacing: 0.011rem;
	color: #ffffff;
}

.content-container {
  width: 100%;
}

.content-container .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem; 
  opacity: 1;
	background-color: #e4e4e4;
}

.content-container .swiper-pagination-bullet-active {
  background: #136097;
}

.content-container .swiper-pagination {
  position: static;
  margin-top: 0.4rem;
  line-height: 0;
}