.el-popper[x-placement^=top] .popper__arrow,
.el-popper[x-placement^=bottom] .popper__arrow {
  display: none;
}
.banner {
  width: 100%;
  height: 4rem;
  position: relative;
  z-index: 99;
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner .content h2 {
  font-weight: bold;
  font-size: 0.46rem;
  color: #FFFFFF;
  margin-bottom: 0.2rem;
}
.banner .content h3 {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: .03rem;
}
.banner .content .searchTab {
  margin-bottom: 0.14rem;
}
.banner .content .searchTab .tabBox {
  margin-top: 0.56rem;
  margin-bottom: 0.23rem;
  display: flex;
  gap: 0.48rem;
}
.banner .content .searchTab .tabBox .el-tag {
  background-color: transparent;
  border-color: transparent;
  height: auto;
  padding: 0;
  font-weight: normal;
  font-size: 0.18rem;
  color: #FCFEFF;
  border-width: 0;
  border-style: solid;
  border-radius: 0;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.banner .content .searchTab .tabBox .el-tag.active {
  font-weight: bold;
}
.banner .content .searchTab .tabBox .el-tag.active::after {
  content: '';
  position: absolute;
  top: calc(100% + 0.04rem);
  left: 50%;
  transform: translateX(-50%);
  width: 0.46rem;
  height: 0.03rem;
  background: #FF2435;
  border-radius: 0.03rem;
}
.banner .content .searchTab .formBox {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  position: relative;
  margin-bottom: 0.16rem;
}
.banner .content .searchTab .formBox .searchForm {
  display: flex;
  width: 7.96rem;
}
.banner .content .searchTab .formBox .searchForm > div {
  width: 100%;
  display: flex;
  background: #fff;
  position: relative;
}
.banner .content .searchTab .formBox .searchForm .el-input__inner,
.banner .content .searchTab .formBox .searchForm .el-button {
  height: 0.6rem;
  border: 0;
  border-radius: 0;
}
.banner .content .searchTab .formBox .searchForm .dropdown {
  display: flex;
  white-space: nowrap;
  height: 100%;
  align-items: center;
  padding: 0 0.13rem;
  cursor: pointer;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu {
  width: 100%;
  /*max-height: 3.31rem;*/
  /*overflow-y: auto;*/
  /*overflow-x: hidden;*/
  position: absolute;
  top: calc(100% + 0.02rem);
  left: 0;
  background: #fff;
  border: 0.01rem solid #E2E2E2;
  z-index: 1;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .all {
  display: flex;
  justify-content: flex-end;
  padding: 0.17rem 0.2rem;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.08rem;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox {
  width: 0.98rem;
  height: 0.4rem;
  background: #FFFFFF;
  border: 0.01rem solid #E2E2E2;
  margin-right: 0rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox.is-checked {
  background: #DD0F1F;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox.is-checked .el-checkbox__label {
  color: #fff;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox .el-checkbox__inner {
  display: none;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox .el-checkbox__label {
  padding-left: 0;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
}
.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .el-checkbox__input input[type='checkbox'] {
  display: none;
}
.banner .content .searchTab .formBox .searchForm .el-button {
  width: 1.16rem;
  background: #DD0F1F;
  font-size: .2rem;
}
.banner .content .searchTab .formBox .file {
  width: 0.96rem;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FCFEFF;
  line-height: 0.2rem;
}
.banner .content .searchTab .btt {
  width: 7.96rem;
  padding-right: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner .content .searchTab .btt p {
  font-weight: normal;
  font-size: 0.14rem;
  color: #FCFEFF;
  opacity: 0.8;
}
.banner .content .searchTab .btt a {
  font-weight: bold;
  font-size: 0.16rem;
  color: #FFFFFF;
}
.trademarklist {
  padding: 0.32rem 0;
  background: #F7F8FB;
}
.trademarklist .el-empty {
  width: 100%;
  height: 5.4rem;
  background: #FFFFFF;
}
.trademarklist .dataBox .box1 {
  padding: 0.2rem 0.3rem 0.33rem;
  background: #FFFFFF;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  border: 0.01rem solid #DBDBDB;
  margin-bottom: .25rem;
}
.trademarklist .dataBox .box1 .title {
  font-weight: 600;
  font-size: 0.2rem;
  color: #000000;
}
.trademarklist .dataBox .box1 .title span {
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
}
.trademarklist .dataBox .box1 .list {
  margin-top: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.31rem;
}
.trademarklist .dataBox .box1 .list .item {
  width: 4.26rem;
  height: 2.1rem;
  background: #F6F6F6;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
}
.trademarklist .dataBox .box1 .list .item:nth-child(1) .tit {
  background: #36B26B;
}
.trademarklist .dataBox .box1 .list .item:nth-child(1) .it {
  background: #36B26B;
}
.trademarklist .dataBox .box1 .list .item:nth-child(2) .tit {
  background: #F7773E;
}
.trademarklist .dataBox .box1 .list .item:nth-child(2) .it {
  background: #F7773E;
}
.trademarklist .dataBox .box1 .list .item:nth-child(3) .tit {
  background: #F55357;
}
.trademarklist .dataBox .box1 .list .item:nth-child(3) .it {
  background: #F55357;
}
.trademarklist .dataBox .box1 .list .item .tit {
  width: 100%;
  height: 0.48rem;
  border-radius: 0.16rem 0.16rem 0rem 0rem;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.48rem;
}
.trademarklist .dataBox .box1 .list .item .content {
  display: flex;
  flex-wrap: wrap;
  padding: 0.2rem;
  gap: 0.12rem;
}
.trademarklist .dataBox .box1 .list .item .content .it {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 0.32rem;
}
.trademarklist .dataBox .box2 .item {
  display: flex;
  /*max-height: 2.58rem;*/
  background: #FFFFFF;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  border: 0.01rem solid #DBDBDB;
}
.trademarklist .dataBox .box2 .item:not(:first-child) .list {
  gap: 0.2rem;
}
.trademarklist .dataBox .box2 .item:not(:first-child) .list .el-checkbox {
  min-width: 0;
}
.trademarklist .dataBox .box2 .item .left {
  width: 1.36rem;
  background: #FAFAFA;
  border-radius: 0.04rem 0rem 0rem 0.04rem;
  font-weight: bold;
  font-size: 0.16rem;
  color: #333333;
  padding: 0.28rem 0.05rem;
  text-align: right;
  flex-shrink: 0;
}
.trademarklist .dataBox .box2{
    margin-bottom: .25rem;
}
.trademarklist .dataBox .box2 .item .list {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3rem;
  gap: 0.1rem;
  height: .6rem;
  overflow: hidden;
}
.trademarklist .dataBox .box2 .item .list.active{
    height: auto;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox {
  min-width: 1.1rem;
  height: 0.32rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0 0.12rem;
  cursor: pointer;
  margin: 0;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox.long{
    min-width: 1.75rem;
}
.trademarklist .dataBox .box2 .item .more{
    margin-left: auto;
    padding: 0;
    border: 0;
    height: .3rem;
    margin-right: .15rem;
    margin-top: 0.25rem;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    flex-shrink: 0;
}
.trademarklist .dataBox .box2 .item .more:hover,
.trademarklist .dataBox .box2 .item .more:focus{
    background: transparent;
}
.trademarklist .dataBox .box2 .item .more img{
    width: .2rem;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox.is-checked {
  background: #DD0F1F;
  color: #FFFFFF;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox.is-checked span{
    color: #FFFFFF!important;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox.is-checked .el-checkbox__label {
  color: #FFFFFF;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox .el-checkbox__inner {
  display: none;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox .el-checkbox__label {
  padding-left: 0;
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
}
.trademarklist .dataBox .box2 .item .list .el-checkbox__input input[type='checkbox'] {
  display: none;
}
.trademarklist .dataBox .box3 .title {
  width: 100%;
  height: 0.56rem;
  background: #EFEFEF;
  border-radius: 0.04rem 0.04rem 0rem 0rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.2rem 0 0.3rem;
}
.trademarklist .dataBox .box3 .title .left {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  gap: 0.1rem;
}
.trademarklist .dataBox .box3 .title .left button {
  width: 0.24rem;
  height: 0.24rem;
}
.trademarklist .dataBox .box3 .title .right {
  font-weight: normal;
  font-size: 0.16rem;
  color: #333333;
}
.trademarklist .dataBox .box3 .title .right span {
  font-weight: bold;
  color: #0F57E2;
}
.trademarklist .dataBox .box3 .list {
  padding: 0.3rem;
  padding-bottom: .6rem;
  background: #FFFFFF;
}
.trademarklist .dataBox .box3 .list .item {
  width: 100%;
  padding: 0rem 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.01rem solid #DBDBDB;
}
.trademarklist .dataBox .box3 .list .item .it {
  width: 25%;
}
.trademarklist .dataBox .box3 .list .item .it.logo {
  width: 1.2rem;
  height: 1.2rem;
}
.trademarklist .dataBox .box3 .list .item .it.logo img {
  width: 100%;
  height: 100%;
}
.trademarklist .dataBox .box3 .list .item .it > div:not(:last-child) {
  margin-bottom: 0.1rem;
}
.trademarklist .dataBox .box3 .list .item .it > div.name {
  font-weight: bold;
  font-size: 0.16rem;
  color: #0F57E2;
}
.trademarklist .dataBox .box3 .list .item .it > div .lable {
  font-weight: 400;
  font-size: 0.16rem;
  color: #666666;
}
.trademarklist .dataBox .box3 .list .item .it > div .value {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 0.16rem;
  color: #000000;
}
.trademarklist .dataBox .box3 .list .item .it > div .tig {
  display: inline-block;
  width: fit-content;
  height: 0.32rem;
  background: #F6565A;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  line-height: 0.32rem;
  text-align: center;
  padding: 0 0.1rem;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}
.tardemarkDetail{
    background: #F7F8FB;
    padding-bottom: .54rem;
}
.tardemarkDetail .content{
    width: 100%;
    background: #FFFFFF;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    padding: .23rem .32rem .37rem;
}
.tardemarkDetail .content h4{
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.2rem;
    color: #707070;
}
.tardemarkDetail .content .statusList{
    display: flex;
    align-items: center;
    padding: .55rem 1rem;
}
.tardemarkDetail .content .statusList .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    gap: .13rem;
    position: relative;
}
.tardemarkDetail .content .statusList .item:last-child{
    flex: 2;
}
.tardemarkDetail .content .statusList .item .round{
    width: 0.76rem;
    height: 0.76rem;
    background: #A1A1A1;
    border: .1rem solid #D6D6D6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 0.18rem;
    color: #FFFFFF;
}
.tardemarkDetail .content .statusList .item .time{
    opacity: 0;
    pointer-events: none;
}
.tardemarkDetail .content .statusList .item:first-child .time,
.tardemarkDetail .content .statusList .item.active .time{
    opacity: 1;
    pointer-events: auto;
}
.tardemarkDetail .content .statusList .item .left{
    position: absolute;
    top: .36rem;
    height: 0.04rem;
    background: #E5E5E5;
}
.tardemarkDetail .content .statusList .item .right{
    position: absolute;
    top: .36rem;
    height: 0.04rem;
    background: #E5E5E5;
}
.tardemarkDetail .content .statusList .item.active .left,
.tardemarkDetail .content .statusList .item.active .right{
    background: #CFDDF9;
}
.tardemarkDetail .content .statusList .item.active:nth-child(3) .right{
    background: #E5E5E5;
}
.tardemarkDetail .content .statusList .item:not(:first-child) .left{
    width: calc((100% - .76rem) / 2);
    left: 0;
}
.tardemarkDetail .content .statusList .item:not(:last-child) .right{
    width: calc((100% - .76rem) / 2);
    left: calc((100% - .76rem) / 2 + .76rem);
}
.tardemarkDetail .content .statusList .item.active .round{
    background: #0F57E2;
    border: .1rem solid #CFDDF9;
}
.tardemarkDetail .content .statusList .item.disabled .round{
    background: #E81E35;
    border: .1rem solid #FC9090;
}
.tardemarkDetail .content .tableBox{
    width: 12rem;
    margin:0 auto;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    border: 0.01rem solid #D8D8D8;
    box-sizing: border-box;
    overflow: hidden;
}
.tardemarkDetail .content table{
    width: 12rem;
    margin: -.01rem auto;
    border-collapse: collapse;
    overflow: hidden;
}
.tardemarkDetail .content table tr{
}
.tardemarkDetail .content table td{
    border: 0.01rem solid #D8D8D8;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    padding: .14rem .17rem;
}
.tardemarkDetail .content table td:nth-child(1),
.tardemarkDetail .content table td:nth-child(3){
    text-align: right;
}
.tardemarkDetail .content .logoBox,
.tardemarkDetail .content .listBox{
    height: 100%;
    display: flex;
    gap: 1.3rem;
}
.tardemarkDetail .content .logoBox span,
.tardemarkDetail .content .listBox span{
    writing-mode: tb;
    text-align: left;
}
.tardemarkDetail .content .logoBox{
    padding-left: .3rem;
}
.tardemarkDetail .content .logoBox img{
    width: 2.47rem;
    height: 2.47rem;
}
.tardemarkDetail .content .listBox .list {
    /*max-height: 2.6rem;*/
    /*overflow: hidden;*/
}
.tardemarkDetail .content .listBox .list.active{
    max-height: none;
}
.tardemarkDetail .content .listBox .list .item{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .16rem;
    color: #333333;
}
.tardemarkDetail .content .listBox .list .item.red{
    color: #DD0F1F;
    text-decoration: line-through;
}
.tardemarkDetail .content .tipBox{
    margin-top: .6rem;
    padding: 0 .5rem;
}
.tardemarkDetail .content .tipBox .tip{
    font-family: PingFang TC, PingFang TC;
    font-weight: 400;
    font-size: .14rem;
    color: #707070;
}

.tardemarkDetail .content .tipBox button{
    display: block;
    color: #DD0F1F;
    font-size: .16rem;
    margin-left: auto;
    margin-top: .2rem;
}

.lastText{
    width: 12rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: .3rem;
    margin: .16rem auto 0;
}
.lastText a{
    display: inline-block;
    width: 1.2rem;
    height: .3rem;
    background: #0F57E2;
    border-radius: .02rem;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    text-align: center;
    line-height: .3rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}


@media only screen and (max-width: 1024px) {
  .banner{
    margin-top: 50px;
  }
  .banner .content h3,.banner .content .searchTab .tabBox .el-tag,.banner .content .searchTab .formBox .file,.banner .content .searchTab .formBox .searchForm .el-button span,.banner .content .searchTab .formBox .searchForm .dropdown span,.banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox .el-checkbox__label{
    font-size: 12px;
  }
  .banner .content .searchTab .formBox .file{
    line-height: inherit;
  }
  .banner .content .searchTab .formBox .searchForm{
    width: auto;
  }
  .banner .content .searchTab .btt{
    width: 100%;
  }
  .banner .content .searchTab .formBox .file{
    width: auto;
    margin-top: 0.1rem;
  }
  .banner{
    height: 5rem;
  }
  .banner .content .searchTab .formBox{
    display: block;
  }
  .banner .content .searchTab .btt{
    display: block;
  }
  .banner .content .searchTab .formBox .searchForm .dropdown .dropdownMenu .list .el-checkbox{
    flex: 0 0 33.33%;
  }
  .banner .content .searchTab .btt a,.banner .content .searchTab .btt p,.el-input__inner{
    font-size: 12px;
  }
  .trademarklist .main{
    width: 98%;
    margin: auto;
  }
  .trademarklist .dataBox .box2 .item{
      flex-direction: column;
      padding-bottom: .3rem;
  }
  .trademarklist .dataBox .box2 .item .left{
      width: 100%;
      text-align: left;
  }
  .trademarklist .dataBox .box2 .item .list .el-checkbox.long{
      min-width: 3rem;
  }
  .trademarklist .dataBox .box2 .item .left,.trademarklist .dataBox .box2 .item .list .el-checkbox .el-checkbox__label,.trademarklist .dataBox .box2 .item .list .el-checkbox .el-checkbox__label span,.trademarklist .dataBox .box2 .item .more,.trademarklist .dataBox .box2 .item .more span{
    font-size: 12px;
  }
  .trademarklist .dataBox .box1 .title,.trademarklist .dataBox .box1 .title span{
    font-size: 12px;
  }
  .trademarklist .dataBox .box1 .list{
    flex-wrap: wrap;
  }
  .trademarklist .dataBox .box1 .list .item{
    flex: 0 0 100%;
  }
  .trademarklist .dataBox .box1 .list .item .tit,.trademarklist .dataBox .box1 .list .item .content .it,.trademarklist .dataBox .box3 .title .right,.trademarklist .dataBox .box3 .title .right span{
    font-size: 12px;
  }
  .trademarklist .dataBox .box3 .list .item{
    display: block;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
  }
  .trademarklist .dataBox .box3 .list .item .it.logo{
    width: 100%;
    height: 2.2rem;
  }
  .trademarklist .dataBox .box3 .list .item .it{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .trademarklist .dataBox .box3 .list .item .it > div.name{
    flex: 0 0 100%;
  }
  .trademarklist .dataBox .box3 .list .item .it > div{
    flex: 0 0 49%;
  }
  .trademarklist .dataBox .box3 .list .item .it > div.name,.trademarklist .dataBox .box3 .list .item .it > div .lable,.trademarklist .dataBox .box3 .list .item .it > div .value,.trademarklist .dataBox .box3 .list .item .it > div .tig{
    font-size: 12px;
  }
  .el-checkbox__label{
    line-height: inherit;
  }
  .tardemarkDetail .content h4,.tardemarkDetail .content .statusList .item .round,.tardemarkDetail .content .statusList .item .time{
    font-size: 12px;
  }
  .tardemarkDetail .content .statusList{
    padding: 0.55rem 0rem;
  }
  .tardemarkDetail .content .tableBox,.tardemarkDetail .content table{
    width: 100%;
  }
  .tardemarkDetail .content .logoBox, .tardemarkDetail .content .listBox{
    display: block;
  }
  .lastText{
    width: 100%;
    margin-top: 0.2rem;
  }
  .lastText a{
    width: auto;
  }
  .trademarklist .dataBox .box2 .item .more{
    /*margin-top: 0;*/
    margin-left: .1rem;
    margin-right: auto;
  }
  .tardemarkDetail .content table td,.tardemarkDetail .content .logoBox span, .tardemarkDetail .content .listBox span,.tardemarkDetail .content .listBox .list .item,.tardemarkDetail .content .tipBox button{
    font-size: 12px;
  }
}