.cooperative {
  position: relative;
  /* background: url("../img/cooperative/background.jpg") no-repeat center; */
  background-size: cover;
}


.banner{
  width: 100%;
  background: url('../img/cooperative/banner.png') no-repeat center;
  padding-top: 25.40%;
  background-size:cover;
}

.bannerBom{
  width: 1200px;
  height: 70px;
  position: absolute;
  display: flex;
  justify-content: center;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
.bannerBom-item{
  position: relative;
  height:  70px;
  width: 600px;
  line-height: 70px;
  font-size: 22px;
  letter-spacing: 1px;
  text-align: center;
  color: #343434; 
  cursor: pointer;
  background: rgba(255, 255, 255, .5);
 
}
.bannerBom-active{
  background: #ffffff;
  z-index: 10;
  color: #0C47ED;
  box-shadow: 0px 0px 7px 1px rgba(205, 212, 219, 0.5);
}

.bannerBom-active::after{
  content: '';
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%,0);
  width: 120px;
  height: 4px;
  border-radius: 2px;
  background: #0C47ED;
}

.bannerBom-title{
  display: inline-block;
  height: 70px;
}

.intro-bgL,.intro-bgR1,.intro-bgR2{
  z-index: 1;
  position: absolute;
  width: 362px;
  height: 415px;
}

.intro-bgL{
  bottom: 4%;
  left: 0;
}

.intro-bgR1{
  top: 82px;
  right: 0;
}

.cooperative-map{
  width: 100%;
  height: 900px;
  background: url('../img/cooperative/map-background.png') no-repeat center;
  background-size: cover;
}


.cooperative-content {
  padding-top: 114px;
  height: 100%;
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

/* 背景 */
.cooperative-banner{
  position: absolute;
  top: 117px;
  left: 50%;
  transform: translate(-50%,0%);
  height: 788px;
  width: 100%;
}

.cooperative-content .cooperative-region-map {
  position: relative;
}

.cooperative-content .cooperative-region-map .cooperative-region-global {
  z-index: 99;
  height: 688px;
  position: relative;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .global-bg {
  width: 801px;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .global-bg .global-bg-box {
  position: relative;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .global-bg .global-bg-box .meteor {
  position: absolute;
  -webkit-animation: flash 12s ease-out infinite;
  animation: flash 12s ease-out infinite;
  opacity: 0;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .global-bg .global-bg-box .star {
  -webkit-animation: lightning 4s ease infinite alternate;
  animation: lightning 4s ease infinite alternate;
  opacity: 0;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
    -webkit-transform: translate(100px, -100px);
    transform: translate(100px, -100px);
  }

  5% {
    opacity: 1;
  }

  30% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    opacity: 0;
  }
}

@keyframes flash {
  0% {
    opacity: 0;
    -webkit-transform: translate(100px, -100px);
    transform: translate(100px, -100px);
  }

  5% {
    opacity: 1;
  }

  30% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    opacity: 0;
  }
}

@-webkit-keyframes lightning {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes lightning {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail {
  width: 801px;
  margin: 0 auto;
  height: 656px;
  position: relative;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item {
  position: absolute;
  color: #fff;
  font-size: 14px;
  width: 20px;
  height: 20px;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item img {
  width: 37px;
  height: 42px;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item .hover-wrapper {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 10;
  cursor: pointer;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item .hover-wrapper .triangle {
  -webkit-animation: spark 2s linear infinite;
  animation: spark 2s linear infinite;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item .hover-wrapper .label {
  position: absolute;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  top: 0;
  color: #343434;
  /* background-image: linear-gradient(#70BA44,#0B318F); */
  /* -webkit-background-clip:text;  */
  /* -webkit-text-fill-color:transparent;  */
}

/* .labelGreen{
  color: #459217!important;
  background-image:none!important;
  -webkit-background-clip:none!important; 
  -webkit-text-fill-color:#459217!important; 
}

.labelBlue{
  color: #0B318F!important;
  background-image:none!important;
  -webkit-background-clip:none!important; 
  -webkit-text-fill-color:#0B318F!important; 
} */

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item .hover-wrapper .label.right {
  left: 100%;
  padding-left: 14px;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .region-list .region-item .hover-wrapper .label.left {
  right: 65%;
  padding-left: 14px;
}

@-webkit-keyframes spark {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes spark {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .img {
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .img .map {
  position: absolute;
  width: 100%;
}

.cooperative-content .cooperative-region-map .cooperative-region-global .map-detail .img .img1 {
  position: absolute;
  display: none;
  width: 126%;
  top: -69px;
  left: -27px;
}

/* .cooperative-content .cooperative-region-map .cooperative-region-global .scroll-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .4s;
  transition: all .4s;
} */

.cooperative-content .whole {
  overflow: hidden;
  position: absolute;
  width: 490px;
  height: 600px;
}

.cooperative-content .tip-wrapper {
  position: absolute;
  width: 490px;
  height: 100%;
  overflow: hidden;
}

.cooperative-content .tip-wrapper .line-skew {
  border-top: 1.2px solid #70BA44;
  position: absolute;
  width: 140px;
}

.cooperative-content .tip-wrapper .line-skew-Blue {
  border-top: 1.2px solid #4864ab;
}

.cooperative-content .tip-wrapper .line-horizontal {
  position: absolute;
  border-top: 1px solid #70BA44;
  width: 126px;
}

.cooperative-content .tip-wrapper .line-horizontal-Blue {
  border-top: 1px solid #4864ab;
}

.cooperative-content .tip-wrapper .content {
  position: absolute;
  overflow: hidden;
  color: #343434;
  box-shadow: 0px 4px 10px 0px rgba(2,92,231,0.2), inset 1px 0px 2px 1px #EBEBEB;
  width: 332px;
}

.cooperative-content .tip-wrapper .content-top {
  background: url("../img/cooperative/top.png") no-repeat center;
  background-size: 100% 100%;
  height: 28px;
  width: 332px !important;
}




/* 蓝色 */
.cooperative-content .tip-wrapper .content-top-blue {
  background: url("../img/cooperative/top-blue.png") no-repeat center;
  background-size: 100% 100%;
}

/* 黄色 */
.cooperative-content .tip-wrapper .content-top-yellow {
  background: url("../img/cooperative/top-yellow.png") no-repeat center;
  background-size: 100% 100%;
}

/* 绿色 */
.cooperative-content .tip-wrapper .content-top-green {
  background: url("../img/cooperative/top-green.png") no-repeat center;
  background-size: 100% 100%;
}

.cooperative-content .tip-wrapper .content-center {
  margin: 0 auto;
  width: 330px;
  /* background-image: url("../img/cooperative/center.png"); */
  /* background-repeat: repeat-y; */
  background-color: #fff;
  opacity: .8;
  text-align: center;
}

.cooperative-content .tip-wrapper .content-center .company-item {
  margin-bottom: 15px;
}

.cooperative-content .tip-wrapper .content-center .company-item:last-child {
  margin-bottom: 0;
}

.partnerCon{
  display: inline-block;
  position: relative;
  margin-left: 26px;
}

.partnerCon-green::after,
.partnerCon-blue::after,
.partnerCon-yellow::after,
.partnerCon-all::after{
  content: '';
  position: absolute;
  width: 19px;
  height: 17px;
  left: -26px;
  top: 50%;
  transform: translate(0,-50%);
}

.partnerCon-green::after{
  background: url('../img/cooperative/map-green.png') no-repeat;
  background-size: 100%;
}

.partnerCon-blue::after{
  background: url('../img/cooperative/map-blue.png') no-repeat;
  background-size: 100%;
}

.partnerCon-yellow::after{
  background: url('../img/cooperative/map-yellow.png') no-repeat;
  background-size: 100%;
}

.partnerCon-all::after{
  background: url('../img/cooperative/map-all.png') no-repeat;
  background-size: 100%;
}

.cooperative-content .tip-wrapper .content-center .companyName {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 16px;
}

.cooperative-content .tip-wrapper .content-bottom {
  background: url("../img/cooperative/bottom.png") center;
  background-size: 100% 100%;
  height: 28px;
  width: 332px !important;
}





/* 绿色 */
.cooperative-content .tip-wrapper .content-bottom-green {
  background: url("../img/cooperative/bottom-green.png") no-repeat center;
  background-size: 100% 100%;
}

/* 黄色 */
.cooperative-content .tip-wrapper .content-bottom-yellow {
  background: url("../img/cooperative/bottom-yellow.png") no-repeat center;
  background-size: 100% 100%;
}

/* 蓝色 */
.cooperative-content .tip-wrapper .content-bottom-blue {
  background: url("../img/cooperative/bottom-blue.png") no-repeat center;
  background-size: 100% 100%;
}




.cooperative-content .bottom-right.whole {
  width: 0;
  left: 10px;
  top: 10px;
  -webkit-transition: width ease-in-out .3s;
  transition: width ease-in-out .3s;
}

.cooperative-content .bottom-right.whole .tip-wrapper .line-skew {
  left: -70px;
  top: 0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.cooperative-content .bottom-right.whole .tip-wrapper .content {
  left: 158px;
  top: 0;
}

.cooperative-content .bottom-right.whole .tip-wrapper .line-horizontal {
  top: 60.62px;
  left: 35px;
}

.cooperative-content .bottom-left.whole {
  left: 10px;
  top: 10px;
  -webkit-transition: left ease-in-out .3s;
  transition: left ease-in-out .3s;
}

.cooperative-content .bottom-left.whole .tip-wrapper {
  right: 440px;
  -webkit-transition: right ease-in-out .3s;
  transition: right ease-in-out .3s;
}

.cooperative-content .bottom-left.whole .tip-wrapper .line-skew {
  right: -20px;
  top: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.cooperative-content .bottom-left.whole .tip-wrapper .content {
  right: 158px;
  top: 0;
  z-index: 20;
}

.cooperative-content .bottom-left.whole .tip-wrapper .line-horizontal {
  top: 60.62px;
  right: 86px;
}

.cooperative-content .top-right.whole {
  width: 0;
  left: 30px;
  top: -588px;
  -webkit-transition: width ease-in-out .3s;
  transition: width ease-in-out .3s;
}

.cooperative-content .top-right.whole .tip-wrapper .line-skew {
  left: -70px;
  bottom: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.cooperative-content .top-right.whole .tip-wrapper .content {
  left: 158px;
  bottom: 0;
}

.cooperative-content .top-right.whole .tip-wrapper .line-horizontal {
  bottom: 60.62px;
  left: 35px;
}

.cooperative-content .top-left.whole {
  left: 10px;
  top: -590px;
  -webkit-transition: left ease-in-out .3s;
  transition: left ease-in-out .3s;
  pointer-events: none;
}

.cooperative-content .top-left.whole .tip-wrapper {
  right: 440px;
  -webkit-transition: right ease-in-out .3s;
  transition: right ease-in-out .3s;
}

.cooperative-content .top-left.whole .tip-wrapper .line-skew {
  right: -20px;
  bottom: 0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.cooperative-content .top-left.whole .tip-wrapper .content {
  right: 158px;
  bottom: 0;
  z-index: 20;
}

.cooperative-content .top-left.whole .tip-wrapper .line-horizontal {
  bottom: 60.62px;
  right: 84px;
}

.cooperative-content .bottom-left.whole.active {
  left: -432px;
  z-index: 20;
}

.cooperative-content .bottom-left.whole.active .tip-wrapper {
  right: 0;
}

.cooperative-content .top-left.whole.active {
  left: -432px;
  z-index: 20;
}

.cooperative-content .top-left.whole.active .tip-wrapper {
  right: 0;
}

.cooperative-content .bottom-right.whole.active {
  width: 490px;
  z-index: 20;
}

.cooperative-content .top-right.whole.active {
  width: 490px;
  z-index: 20;
}

.cooperative-content .archipelago {
  position: absolute;
  bottom: 235px;
  right: -113px;
}

.cooperative-content .archipelago img {
  height: 205px;
  width: 136px;
}

.cooperative-content .legend {
  position: absolute;
  bottom: 235px;
  right: 680px;
}

.cooperative-content .legend img {
  height: 143px;
  width: 164px;
}

.cooperative-content .partner,
.cooperative-content .partner-list {
  width: 100%;
  margin-top: 70px;
}

.cooperative-content .partner .partner-title {
  text-align: center;
}

.cooperative-content .partner .partner-title .partner-title-zh {
  font-size: 40px;
  color: #fff;
  line-height: 56px;
  letter-spacing: 3px;
  margin-bottom: 15px;
  font-weight: 400;
}

.cooperative-content .partner .partner-title .partner-title-en {
  font-size: 24px;
  font-family: PingFangSC-Thin,
    PingFang SC;
  font-weight: 100;
  color: #fff;
  letter-spacing: 3px;
}

.cooperative-content .partner .partner-list {
  margin-top: 101px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cooperative-content .partner .partner-list .partner-item {
  width: 584px;
  background: rgba(57, 166, 134, 0.3);
  border: 1px solid #3DE0B0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0;
  margin-bottom: 32px;
  transition: transform .3s;
}

.cooperative-content .partner .partner-list .partner-item:hover {
  transition: transform .3s;
  transform: translateY(-6px);
}

.partner-item:hover{
  transform: translate(0, -5px);
  transition: transform 0.3s;
  box-shadow: 0px 2px 4px 2px rgb(95 232 49 / 10%);
}

.cooperative-content .partner .partner-list .partner-item .partner-name {
  font-size: 24px;
  font-weight: 600;
  color: #3DE0B0;
  line-height: 33px;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 20px;
}

.cooperative-content .partner .partner-list .partner-item .partner-content {
  padding-left: 64px;
  padding-right: 38px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cooperative-content .partner .partner-list .partner-item .partner-content .partner-link {
  cursor: pointer;
  color: #fff;
}

.partner-link{
  color: #5C5C5C;
}

.cooperative-content .partner .partner-list .partner-item .partner-content .partner-link:hover {
  color: #3DE0B0;
  text-decoration: underline;
}

.cooperative-content .becomePartner {
  margin-top: 84px;
  padding-bottom: 60px;
}

.cooperative-content .becomePartner .becomePartner-title {
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  line-height: 56px;
  letter-spacing: 3px;
  text-align: center;
  margin-bottom: 40px;
}

.cooperative-content .becomePartner .brand-button {
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 320px;
  height: 60px;
  background: linear-gradient(149deg, #87E9AD 0%, #6DD6AB 36%, #57C489 100%);
  -webkit-box-shadow: 0px 8px 10px 4px rgba(7, 131, 101, 0.78);
  box-shadow: 0px 8px 10px 4px rgba(7, 131, 101, 0.78);
  border-radius: 30px;
  line-height: 60px;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 1px;
}

.cooperative-content .becomePartner .brand-button-hover {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0px;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(149deg, #A7FFC9 0%, #8DF3C2 36%, #82E7A9 100%);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}

.cooperative-content .becomePartner .brand-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.cooperative-content .becomePartner .brand-button:hover .brand-button-hover {
  width: 100%;
  opacity: 1;
}

/*# sourceMappingURL=cooperative.css.map */

.partner-title1{
  position: relative;
  width: 302px;
  height: 52px;
  margin: 0px auto 101px;
  background: url('../img/cooperative/title.png') no-repeat;
  background-size: 100%;
}

.partner-title1::after{
  position: absolute;
  left: 50%;
  bottom: -44px;
  transform: translate(-50%,0);
  content: '';
  width: 26px;
  height: 15px;
  background: url('../img/cooperative/arrow-bottom.png') no-repeat;
  background-size: 100%;
}

.cooperationBox{
  position: relative;
  width: 100%;
  height: 100%;
  margin: 95px 0 0px;
  padding-bottom: 104px;
  /* background:url('../img/cooperative/background.png') repeat-y;
  background-size: 100%; */
}

.partner-list{
  width: 1200px;
  /* height: 100%; */
  margin: 0 auto;
}
.partner-list div:nth-child(odd){
  margin-right: 32px;
}


/* 教育 */
.partner-item{
  position: relative;
  z-index: 10;
  float: left;
  width: 584px;
  height: 165px;
  padding: 32px 0;
  margin-bottom: 35px;
  /* background: url('../img/cooperative/item-green.png') no-repeat;
  background-size: 100%; */
}

/* 认证 */
.partner-item-blue{
  background: url('../img/cooperative/item-blue.png') no-repeat;
  background-size: 100%;
}

/* 教育 */
.partner-item-green{
  background: url('../img/cooperative/item-green.png') no-repeat;
  background-size: 100%;
}

.partner-item-all{
  background: url('../img/cooperative/item-all.png') no-repeat;
  background-size: 100%;
}

/* 基地 */
.partner-item-yellow{
  background: url('../img/cooperative/item-yellow.png') no-repeat;
  background-size: 100%;
}




.partner-item-title{
  width: 365px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: 20px;
  margin-left: 30px;
  font-weight: 600;
  color: #343434;
}

.partner-con{
  margin: 26px 0 0px 54px;
}

.partner-con>span{
  display: block;
  width: 365px;
  font-size: 14px;
  font-weight: 400;
  color: #5C5C5C;
  line-height: 26px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.partner-con>i{
  position: relative;
}

.partner-icon::after,
.partner-icon-blue::after,
.partner-icon-all::after,
.partnerLink-icon::after,
.partnerLink-icon-blue::after,
.partnerLink-icon-all::after,
.address-icon::after,
.address-icon-blue::after,
.address-icon-all::after,
.phone-icon::after,
.phone-icon-blue::after,
.phone-icon-all::after{
  content: '';
  position: absolute;
  left: -24px;
  top: 6px;
  /* transform: translate(0,-50%); */
  width: 15px;
  height: 15px;
}

.address-icon::after,
.address-icon-blue::after,
.address-icon-all::after{
  height: 18px;
  top: 4px;
}

.partner-icon::after{
  background: url('../img/cooperative/row-1-green.png') no-repeat;
  background-size: 100%;
}

.partner-icon-blue::after{
  background: url('../img/cooperative/row-1-blue.png') no-repeat;
  background-size: 100%;
}

.partner-icon-all::after{
  background: url('../img/cooperative/row-1-all.png') no-repeat;
  background-size: 100%;
}

.partner-icon-yellow::after{
  background: url('../img/cooperative/row-1-yellow.png') no-repeat;
  background-size: 100%;
}


.partnerLink-icon::after{
  background: url('../img/cooperative/row-2-green.png') no-repeat;
  background-size: 100%;
}

.partnerLink-icon-blue::after{
  background: url('../img/cooperative/row-2-blue.png') no-repeat;
  background-size: 100%;
}

.partnerLink-icon-all::after{
  background: url('../img/cooperative/row-2-all.png') no-repeat;
  background-size: 100%;
}

.partnerLink-icon-yellow::after{
  background: url('../img/cooperative/row-2-yellow.png') no-repeat;
  background-size: 100%;
}



.address-icon::after{
  background: url('../img/cooperative/row-3-green.png') no-repeat;
  background-size: 100%;
}

.address-icon-blue::after{
  background: url('../img/cooperative/row-3-blue.png') no-repeat;
  background-size: 100%;
}

.address-icon-all::after{
  background: url('../img/cooperative/row-3-all.png') no-repeat;
  background-size: 100%;
}

.address-icon-yellow::after{
  background: url('../img/cooperative/row-3-yellow.png') no-repeat;
  background-size: 100%;
}



.phone-icon::after{
  background: url('../img/cooperative/row-4-green.png') no-repeat;
  background-size: 100%;
}

.phone-icon-blue::after{
  background: url('../img/cooperative/row-4-blue.png') no-repeat;
  background-size: 100%;
}

.phone-icon-all::after{
  background: url('../img/cooperative/row-4-all.png') no-repeat;
  background-size: 100%;
}

.phone-icon-yellow::after{
  background: url('../img/cooperative/row-4-yellow.png') no-repeat;
  background-size: 100%;
}


/* 贡献 */
.contribution{
  position: relative;
  /* width: 1188px; */
  width: 100%;
  margin: auto;
}

/* .contribution .intro-bgR1, .contribution .intro-bgL {
  top: 82px;
} */
.contributio-title{
  display: flex;
 justify-content: center;
  margin-top: 95px;
}
.contribution-title-svg {
  position: relative;
  width: 604px;
  height: 52px;
  /* background: url('../img/contribution/titlePic.png') no-repeat; */
  background-size: 100%;
  margin-bottom: 51px;
}
.contribution-title-svg::after{
  position: absolute;
  left: 50%;
  bottom: -44px;
  transform: translate(-50%,0);
  content: '';
  width: 26px;
  height: 15px;
  background: url('../img/cooperative/arrow-bottom.png') no-repeat;
  background-size: 100%;
}
/* 排行榜 */
.contributio-box{
  margin-top: 49px;
  display: flex;
  justify-content: center;
}
.contributio-left{
  width: 288px;
  margin-right: 24px;
  height: 568px;
}
.left-up{
  width: 288px;
  height: 80px;
  background: url('../img/contribution/upBg.png') no-repeat;
  background-size: 100%;
  display: flex;
}
.left-up>p{
  margin: auto;
  font-size: 28px;
  color: #FFFFFF;
}
/* 时间 */
.left-down{
  width: 288px;
  min-height: 488px;
  box-sizing: border-box;
  padding-top:36px ;
  background: #FFFFFF;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.contribution-time{
  display: flex;
  flex-direction: column;
  /* padding-top: 36px; */
}
.year-time{
  cursor: pointer;
  position: relative;
  margin: auto;
  width: 240px;
  height: 35px;
  box-sizing: border-box;
  border-bottom: 2px  solid #B4D898;
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
}
.border-bg{
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 80px;
  height: 2px;
  background: url('../img/contribution/borderbg.png') no-repeat ;
}
/* .year-time::after{
  content: '';
  position: absolute;
  bottom: -2px;
  left: 15%;
  transform: translate(-50%,0);
  width: 70px;
  height: 2px;
  background: #0E3A88;
} */
.year-time>div{
  font-size: 26px;
  color: #343434;
  line-height: 26px;
}
.year-time>div:hover{
  cursor: pointer;
}
.year-active{
  font-size: 26px;
  color: #343434;
  line-height: 26px;
}
.year-time>img{
  width: 10px;
  height: 5px;
  margin-top: 11px;
}
.year-time>img:hover{
  cursor: pointer;
}
.month-time{
  margin: auto;
  width: 240px;
  height: 125px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.month-time>div{
  cursor: pointer;
}

.no-active{
  width:60px;
  text-align: center;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #343434;
  margin-bottom: 20px;
}
.disable-active{
  width:60px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #D0D0D0;
  margin-bottom: 20px;
  pointer-events: none;
}
.year-active{
  width:60px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  color: #0C47ED;
  margin-bottom: 20px;
}
/* 排行榜样式 */
.contributio-right{
  width: 1000px;
  height: 1086px;
}
.contributio-data{
  position: relative;
  z-index: 99;
  display: flex;
  flex-direction: column;
}
.contributio-heart{
  height: 80px;
  width: 1000px;
  justify-content: space-between;
  display: flex;
  background: #F2F2F2;
}
.contributio-heart>div{
  width: 292px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 20px;
  color: #343434;
  background: linear-gradient( 270deg, #E9F2FF 0%, #DAEAFF 100%);
}
.contributio-heart > div:nth-child(1) {
  color: #fff;
  width: 230px;
  background: linear-gradient( 90deg, #63A939 0%, #0B318E 100%), #D8D8D8;
}
.contributio-heart > div:nth-child(2) {
  width: 470px;
}
.contributio-heart > div:nth-child(3) {
  width: 300px;
}
.contributio-content{
  max-height: 900px;
  width: 1000px;
  overflow-y: scroll;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.contributio-content::-webkit-scrollbar {
  display: none;
  }
.contributio-table{
  width: 1000px;
  height: 60px;
  justify-content: space-between;
  display: flex;
}

.contributio-table:nth-of-type(1){
  width: 1000px;
  height: 70px;
  background: linear-gradient(90deg, #FFF3D4 0%, rgba(216, 216, 216, 0) 50%);
  border: 0!important;
}
.contributio-table:nth-of-type(2){
  width: 1000px;
  height: 70px;
  background: linear-gradient(90deg, #D9E0E5 0%, rgba(216, 216, 216, 0) 50%);
  border: 0!important;
}
.contributio-table:nth-of-type(3){
  width: 1000px;
  height: 70px;
  background: linear-gradient(90deg, #FFDAAF 0%, rgba(216, 216, 216, 0) 50%);
  border: 0!important;
}
/* 表格样式 */
.contributio-table>div{
  /* cursor: pointer; */
  /* width: 288px; */
  height: 70px ;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  display: flex;
  font-size: 16px;
  color: #343434;
  border-bottom: 1px solid #F2F2F2;
}
.contributio-table>div>p{
  margin: auto;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 这里是超出几行省略 */
  overflow: hidden;
}
/* 前三个数据样式 */
.contributio-table:nth-of-type(1)>div,.contributio-table:nth-of-type(2)>div,.contributio-table:nth-of-type(3)>div{
  /* width: 292px; */
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.contributio-table:nth-of-type(1)>div>img,.contributio-table:nth-of-type(2)>div>img,.contributio-table:nth-of-type(3)>div>img{
  height: 49px;
} 

.contributio-table > div:nth-child(1) {
  width: 230px;
}

.contributio-table > div:nth-child(2) {
  width: 470px;
}

.contributio-table > div:nth-child(3) {
  width: 300px;
}


/* .trophy-one{
  text-align: center;
  width: 60px;
  height: 54px;
  background: url('../img/contribution/trophyOne.png') no-repeat;
  background-size:contain;
} */
/* .trophy-two{
  text-align: center;
  width: 60px;
  height: 54px;
  background: url('../img/contribution/trophyTwo.png') no-repeat;
  background-size:contain;
} */
/* .trophy-three{
  text-align: center;
  width: 60px;
  height: 54px;
  background: url('../img/contribution/trophyThree.png') no-repeat;
  background-size:contain;
} */


/* 河南 */
.henan {
  top: -470px!important;
}

.henan .line-skew{
  bottom: 118px!important;
}

.henan .line-horizontal{
  bottom: 175px!important;
}