.page-material[data-v-5e982ec6] {
  background-color: #F6F9FC;
}
.page-material .address-section[data-v-5e982ec6] {
    padding: 35px 0 24px;
}
.page-material .address-section .content[data-v-5e982ec6] {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
}
.page-material .address-section .content .select-section[data-v-5e982ec6] {
        position: relative;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
        bottom: -10px;
}
.page-material .address-section .content .select-section .el-icon-location[data-v-5e982ec6] {
          margin-right: 5px;
          font-size: 20px;
          color: #E9564F;
}
.page-material .address-section .content .select-section .select-btn[data-v-5e982ec6] {
          font-weight: 700;
          font-size: 18px;
          color: #313131;
}
.page-material .address-section .content .select-section .select-btn .el-icon-caret-bottom[data-v-5e982ec6] {
            font-size: 18px;
            color: #313131;
}
.page-material .address-section .content .select-section:hover .select-content[data-v-5e982ec6] {
          display: block;
}
.page-material .address-section .content .select-section .select-content[data-v-5e982ec6] {
          display: none;
          z-index: 998;
          position: absolute;
          top: 31px;
          left: 0;
          width: 300px;
          height: 406px;
          padding: 17px 16px;
          background: #FFFFFF;
          box-shadow: 0px 4px 8px 1px rgba(97, 97, 97, 0.3);
}
.page-material .address-section .content .select-section .select-content .select-box[data-v-5e982ec6] {
            height: 100%;
            overflow: auto;
            font-size: 12px;
}
.page-material .address-section .content .select-section .select-content .select-box .item-row[data-v-5e982ec6] {
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
}
.page-material .address-section .content .select-section .select-content .select-box .item-row .letter[data-v-5e982ec6] {
                width: 40px;
                color: #C9C9C9;
}
.page-material .address-section .content .select-section .select-content .select-box .item-row .item-list[data-v-5e982ec6] {
                flex: 1;
                display: flex;
                align-items: flex-start;
                flex-wrap: wrap;
                margin-bottom: 10px;
                border-bottom: 1px solid #EEEEEE;
}
.page-material .address-section .content .select-section .select-content .select-box .item-row .item-list .item[data-v-5e982ec6] {
                  margin-right: 11px;
                  margin-bottom: 11px;
                  color: #1B1B1B;
}
.page-material .address-section .content .select-section .select-content .select-box .item-row .item-list .item.active[data-v-5e982ec6] {
                    color: #EBB016;
}
.page-material .address-section .content .address-desc[data-v-5e982ec6] {
        flex: 1;
        margin: 0 20px 0 30px;
}
.page-material .address-section .content .address-desc b[data-v-5e982ec6] {
          font-weight: 500;
          font-size: 24px;
          color: #313131;
}
.page-material .address-section .content .address-desc span[data-v-5e982ec6] {
          font-size: 14px;
          color: #707070;
}
.page-material .address-section .content .upload-btn[data-v-5e982ec6] {
        width: 144px;
        height: 34px;
        margin-right: 20px;
        line-height: 34px;
        text-align: center;
        color: #FFFFFF;
        background: #FFB93D;
        border-radius: 4px;
}
.page-material .creator-section[data-v-5e982ec6] {
    min-height: 500px;
    padding: 0 0 37px;
    display: flex;
}
.page-material .creator-section .item-list .items[data-v-5e982ec6] {
      padding: 38px 30px 40px;
      background-color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: space-between;
}
.page-material .creator-section .item-list .items[data-v-5e982ec6]:nth-of-type(n+2) {
        border-top: 1px solid #EEEEEE;
}
.page-material .creator-section .item-list .items .avatar-box[data-v-5e982ec6] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
}
.page-material .creator-section .item-list .items .avatar-box img[data-v-5e982ec6] {
          width: 84px;
          height: 84px;
          margin-right: 15px;
          border-radius: 50%;
}
.page-material .creator-section .item-list .items .avatar-box .title[data-v-5e982ec6] {
          font-weight: 700;
          font-size: 14px;
          color: #1B1B1B;
}
.page-material .creator-section .item-list .items .avatar-box .address[data-v-5e982ec6] {
          margin: 10px 0 13px;
          font-size: 14px;
          color: #959595;
}
.page-material .creator-section .item-list .items .avatar-box .address i[data-v-5e982ec6] {
            font-size: 16px;
}
.page-material .creator-section .item-list .items .avatar-box .label-list[data-v-5e982ec6] {
          display: flex;
          align-items: center;
}
.page-material .creator-section .item-list .items .avatar-box .label-list .item[data-v-5e982ec6] {
            display: flex;
            align-items: center;
}
.page-material .creator-section .item-list .items .avatar-box .label-list .item[data-v-5e982ec6]:nth-of-type(2) {
              margin-left: 26px;
}
.page-material .creator-section .item-list .items .avatar-box .label-list .item span[data-v-5e982ec6] {
              font-size: 12px;
              color: #959595;
}
.page-material .creator-section .item-list .items .avatar-box .label-list .item b[data-v-5e982ec6] {
              padding-left: 5px;
              font-weight: 700;
              font-size: 12px;
              color: #1B1B1B;
}
.page-material .creator-section .item-list .items .avatar-box .desc[data-v-5e982ec6] {
          margin: 10px 0 13px;
          font-size: 12px;
          color: #959595;
}
.page-material .creator-section .item-list .items .avatar-box .btn-list[data-v-5e982ec6] {
          display: flex;
          align-items: center;
}
.page-material .creator-section .item-list .items .avatar-box .btn-list div[data-v-5e982ec6] {
            height: 30px;
            line-height: 28px;
            padding: 0 18px;
            border-radius: 4px;
            text-align: center;
}
.page-material .creator-section .item-list .items .avatar-box .btn-list div.btn-index[data-v-5e982ec6] {
              color: #1B1B1B;
              border: 1px solid #DCDCDC;
}
.page-material .creator-section .item-list .items .avatar-box .btn-list div.btn-care[data-v-5e982ec6] {
              margin-left: 20px;
              color: #FFFFFF;
              border: 1px solid #FFB93D;
              background-color: #FFB93D;
}
.page-material .creator-section .item-list .items .avatar-box .btn-list div.btn-care.is-attention[data-v-5e982ec6] {
                border: 1px solid #7D7D7D;
                background-color: #7D7D7D;
}
.page-material .creator-section .item-list .items .pic-content[data-v-5e982ec6] {
        flex: 1;
        margin-left: 70px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
}
.page-material .creator-section .item-list .items .pic-content .item[data-v-5e982ec6] {
          position: relative;
          width: 240px;
          height: 140px;
          overflow: hidden;
          margin-right: 16px;
}
.page-material .creator-section .item-list .items .pic-content .item:hover img[data-v-5e982ec6] {
            transform: translate(0px, -3px) scale(1.06);
            opacity: .8;
}
.page-material .creator-section .item-list .items .pic-content .item img[data-v-5e982ec6] {
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: all .6s ease;
}
.page-material .creator-section .item-list .items .pic-content .item div[data-v-5e982ec6] {
            position: absolute;
            bottom: 11px;
            left: 0;
            right: 0;
            padding: 0 11px;
            font-size: 12px;
            color: #FFFFFF;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
}