.aabi-association .association-info {
  background-color: #f7f8fc;
  padding: 1.5rem 0 1.05rem;
}

.notice {
  margin-top: .5rem !important;
}

.notice .left {
  overflow: hidden;
  height: auto;
  float: left;
}

.notice .right {
  overflow: hidden;
  height: auto;
  float: right;
}

.notice .left {
  padding-right: .2rem;
  padding: 0 .2rem;
}

.notice .right {
  padding-left: .2rem;
  padding: 0 .2rem;
}

.notice .right hr {
  margin: .35rem 0;
}

.notice .right ul {
  margin-top: .3rem;
}

.notice .right ul li {
  color: #666;
  font-size: .18rem;
  line-height: .26rem;
  font-family: Arial;
  position: relative;
  padding-left: .25rem;
  margin-bottom: .1rem;
}

.notice .right ul li::marker {
  color: #D5D5D5;
}

.notice .right ul li:last-child {
  margin-bottom: 0;
}

.notice .right ul li:before {
  content: '';
  width: .08rem;
  height: .08rem;
  background-color: #AAAAAA;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: .09rem;
}

.notice .tab-bd {
  padding-top: .6rem;
  padding-bottom: .6rem;
  background: #fff;
}

.notice .tab-bd .tab-pal {
  max-width: 12rem;
  margin: auto;
  background: #fff;
}

.notice .tab-bd .pic {
  position: relative;
  width: 100%;
  max-width: 5rem;
  margin: auto;
  margin-bottom: .4rem;
  text-align: center;
}

.notice .tab-bd .pic > img {
  width: 100%;
  height: 100%;
  margin: auto;
  -webkit-box-shadow: -0.05rem 0.03rem 0.1rem 0rem rgba(0, 0, 0, 0.3);
          box-shadow: -0.05rem 0.03rem 0.1rem 0rem rgba(0, 0, 0, 0.3);
}

.notice .tab-bd .pic .pic-1 img {
  width: 100%;
  height: 3.1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.notice .tab-bd .pic .pic-2 {
  height: 1.1rem;
  overflow: hidden;
  position: relative;
}

.notice .tab-bd .pic .pic-2 img {
  max-width: 100%;
  height: 1.1rem;
}

.notice .tab-bd .pic .pic-2 .pic-logo {
  position: absolute;
  right: 0;
  height: 1.1rem;
}

.notice .tab-bd .pic .pic-2 .pic-logo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.notice .tab-bd .pic .pic-2 .pic-text {
  float: left;
  height: 1.1rem;
}

.notice .tab-bd .pic .pic-2 .pic-text img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.notice .tab-bd .name {
  font-family: Merriweather BlackItalic;
  font-size: .24rem;
  margin-bottom: .35rem;
}

.notice .tab-bd .text {
  font-size: .18rem;
  line-height: 1.75;
  color: #666666;
}

.notice .tab-bd .blue {
  color: #32cbcc;
}

.notice .name {
  word-break: break-all;
}

.notice .tab-hd .name .pic {
  display: inline-block;
}

@media (max-width: 768px) {
  .tab-hd {
    overflow: hidden;
    padding-top: .65rem;
    padding-bottom: .65rem;
    max-width: 12rem;
    margin: auto;
  }
  .tab-hd .tab-nav {
    width: 100%;
    height: 100%;
  }
  .tab-hd li {
    margin: .2rem .1rem;
    background-color: #fff;
    border-radius: .1rem;
  }
  .tab-hd li .name {
    overflow: hidden;
  }
  .tab-hd li .name a {
    height: 1rem;
    line-height: 1rem;
    display: block;
    font-size: .24rem;
    font-family: Merriweather BlackItalic;
    color: #000;
  }
  .tab-hd li .item-box {
    position: relative;
    width: 100%;
  }
  .tab-hd li .item-box .text {
    z-index: 99;
  }
  .tab-hd li .text {
    width: 100% !important;
    display: block;
    padding: .2rem .2rem;
    line-height: 1.75;
  }
  .tab-hd li .text .items {
    font-size: .2rem;
  }
  .tab-hd li .text .items a {
    color: #66D8D9;
    word-break: break-word;
  }
}

@media (min-width: 768px) {
  .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tab-hd {
    overflow: hidden;
    padding-top: .65rem;
    padding-bottom: .65rem;
    max-width: 12rem;
    margin: auto;
  }
  .tab-hd .tab-nav {
    width: 100%;
    height: 100%;
  }
  .tab-hd li {
    float: left;
    width: 50%;
    height: 1rem;
  }
  .tab-hd li .name {
    float: left;
    overflow: hidden;
  }
  .tab-hd li .name a {
    height: 1rem;
    line-height: 1rem;
    display: block;
    font-size: .24rem;
    font-family: Merriweather BlackItalic;
    color: #000;
  }
  .tab-hd li .item-box {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .tab-hd li .item-box .text {
    display: none;
    background: #fff;
    z-index: 99;
  }
  .tab-hd li:hover .text {
    display: block;
  }
  .tab-hd li .text {
    position: absolute;
    top: 0;
    left: 3rem;
    width: 4.5rem;
    padding: .2rem .2rem;
    background-color: #fff;
    border: .01rem #ebeef3 solid;
    -webkit-box-shadow: 0 0 0.15rem 0 rgba(153, 153, 153, 0.14);
            box-shadow: 0 0 0.15rem 0 rgba(153, 153, 153, 0.14);
    border-radius: .1rem;
    -webkit-box-shadow: -0.21rem 0.12rem 0.35rem 0rem rgba(0, 0, 0, 0.16);
            box-shadow: -0.21rem 0.12rem 0.35rem 0rem rgba(0, 0, 0, 0.16);
    line-height: 1.75;
  }
  .tab-hd li .text .items {
    font-size: .2rem;
  }
  .tab-hd li .text .items a {
    color: #66D8D9;
    word-break: break-word;
  }
  .tab-hd li .text:before {
    content: '';
    width: 0;
    height: 0;
    border-right: .55rem solid #fff;
    border-top: .25rem solid transparent;
    border-bottom: .25rem solid transparent;
    border-left: .55rem solid transparent;
    position: absolute;
    left: -0.7rem;
    top: .2rem;
    z-index: -1;
  }
  .text-wrap {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .text-wrap .text {
    width: 94% !important;
    left: 5% !important;
  }
}