* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 #app {
   overflow: hidden;
 }



 .mineOrder {
   color: #606266;
 }

 .firstye:hover {
   color: #409eff;
   cursor: pointer;
 }

 .main {
   width: 1220px;
   background-color: white;
   margin: auto;
   /* margin-top: 12px; */
   border-radius: 2%;
   overflow: hidden;
   margin-bottom: 12px;
 }

 .main-main {
   /* width: 1170px;
   height: 53px;
   margin: auto;
   margin-top: 20px; */
   padding: 24px;
   box-sizing: border-box;
 }

 .mainbox1 {
   width: 96px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: white;
   background-color: #4a75f6;
   border: 1px solid #4a75f6;
   display: inline-block;
   border-radius: 4px;
   margin-right: 15px;
   cursor: pointer;
 }

 .mainbox2 {
   width: 96px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: white;
   display: inline-block;
   background-color: white;
   border-radius: 4px;
   color: black;
   border: 1px solid #ddd;
   cursor: pointer;
 }

 .line {
   border-bottom: 1px solid #ebeef5;
   margin-top: 12px;
 }

 .flex {
   width: 1120px;
   height: 86px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 20px;
 }

 .flex>div {
   width: 360px;
   height: 86px;
   padding-top: 10px;
   padding-left: 10px;
   box-sizing: border-box;
   border-radius: 3%;
 }

 .fang {
   margin-bottom: 10px;
 }

 .trueclass {
   background-color: #F1F4FE;
   border: 1px solid #409eff;
 }

 .falseclass {
   border: 1px solid #ccc;
   /* background-color: transparent!important; */
 }

 .flex>div:hover {
   border: 1px solid #ccc;
 }

 .custom-margin {
   margin-top: 5px !important;
 }

 .el-dialog__footer {
   background-color: white !important;
   height: 70px !important;
 }

 .el-dialog__body {
   height: 500px;
 }

 .dialog-footer button:first-child {
   margin-right: 10px;
 }

 .dialogbox {
   width: 100%;
   height: 100%;
 }

 .close {
   font-size: 12px;
   color: #909399;
   margin: 10px 0;
 }

 .care {
   font-size: 12px;
   color: #909399;
   line-height: 12px;
   margin-left: 8px;
 }
 .care .attention{
    color: #4a75f6;
 }

 .message {
   margin-left: 60px;
   margin-top: 10px;
 }
 .messagey{
  margin-left: 60px;
  margin-top: 10px;
  line-height: 40px;
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
 }
 .palese {
   width: 300px;
   height: 38px;
   border: 1px solid #ccc;
   margin-left: 30px;
   border-radius: 2%;
   padding: 0 10px;
   box-sizing: border-box;
 }

 .today {
   width: 240px;
   height: 40px;
   border-radius: 2%;
   border: 1px solid #ccc;
   padding: 0 10px;
   box-sizing: border-box;
   margin-right: 15px;
   margin-left: 4px;
 }

 .outima {
  width: 590px;
  height: 40px;
   margin-top: 15px;
   display: flex;
   align-items: center;
   margin: 25px 0;
 }
 .pushtime {
  width: 56px;
  height: 14px;
  margin-right: 7px;
}
/* 推送时间的样式调整 */

.subscribe-setting-dialog-qrcode{
  text-align: center;
}
.subscribe-setting-dialog-qrcode .title{
  font-size: 14px;
  color: #303133;
  line-height: 14px;
  margin: 12px 0;
}


 .dialogLine {
   margin-top: 20px;
   border: 1px solid #eee;

 }

 .send {
   color: #909399;
   font-size: 12px;
   margin-top: 8px;
 }

 .sendbox {
   margin-top: 20px;
 }

 .swicthon {
   margin-left: 5px;
 }

 .footer {
   margin-top: 20px;
 }

 a {
   text-decoration: none;
   /* 清除下划线 */
   color: inherit;
   /* 继承父元素的颜色 */
   cursor: pointer;
   /* 修改鼠标指针样式为指针 */
 }

 /* style的抽离 */
 .main .abox {
   color: white;
 }


 .main .el-checkbox {
   margin-left: 4px;
   margin-top: 3px;
   display: inline-block;
   vertical-align: baseline;
   margin-right: 0px!important;
 }

 /* .Push-Channel{
  display: inline-block;
  vertical-align: baseline;
} */
 .main .checkboxs {
   margin-top: 15px;
   display: flex;
   align-items: center;
   margin-bottom: 15px;
 }

 .el-checkbox__input.is-checked+.el-checkbox__label{
   color: #303133!important;
 }
 /* .el-checkbox__input.is-checked+.el-checkbox__label{
  background:transparent !important;
 } */
 .el-checkbox__input.is-checked .el-checkbox__inner{
  background-color: #4e6ef2!important;
  background: transparent;

 }
 /* :deep(.el-input__inner){
  width: 320px;
  height: 40px;
} */
 .main .email-box {
   width: 320px;
   height: 40px;
   display: inline-block;
   margin-left: 15px;
 }
.main .email-box .el-input{
  width: inherit;
  height: inherit;
}
 /* .main.twoSpan{
  margin-left: 5px;
} */
 .selevtBox {
   width: 240px !important;
   height: 40px !important;
   display: inline-block !important;
   border-radius: 2%;
   border: 1px solid #ccc;
   padding: 0 10px;
   box-sizing: border-box;
   margin-right: 5px;
   margin-left: 4px;
 }

 

 /* 下面的推送盒子 里面宽度和select一样 */
 .selectBox1 {
   width: 252px;
   height: 40px;
   display: inline-block;
   position: relative;
   margin-right: 15px;
   margin-left: -2px;

 }
 .el-tag{
  /* width: 34px; */
  font-size: 14px;
  color: #303133;
  margin-right: 5px;
 }
 .selectBox1 .el-input__wrapper{
  width: 252px;
  height: 40px;
 }
 .selectBox1 .el-select {
   width: 100% !important;
   height: 100% !important;
   display: flex;
   align-items: center;
 }
 .main .dialog-container {
  display: flex!;
  align-items: center!;
  justify-content: center!;
}

 


/* .selectBox2 .el-tag{
  width: 35px;
} */
 .selectBox2 {
   width: 262px;
   height: 40px;
   display: inline-block;
   position: relative;
   /* margin-left: 15px; */
   /* position: relative; */

 }
 .selectBox2 .el-input__wrapper{
  width: 262px;
  height: 40px;
 }

 .selectBox2 .el-select {
   width: 100% !important;
   height: 100% !important;
   display: flex;
   align-items: center;
 }

 .dialog-footer .el-button {
   width: 68px;
   height: 40px;
 }
 .title-keywords{
  width: 280px;
 }


 .selected-subscribe {
  border: 1px solid #4a75f6!important;
  background: #F1F4FE;
}
.default-selected{
  border: 1px solid #4a75f6!important;
  background: #F1F4FE;
}
.filterbox{
  margin-top: 30px;
}

.listData{
  width: 1220px!important;
  height: 472px!important;
  background-color: #fff;
  position: relative;
}
.listData>div{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.listData .listDatatop{
  width: 440px;
  height: 260px;
}
.listData .listDatatop img{
  width: 100%;
  height: 100%;
}
.listDatabottom{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listDatabottom>div{
  width: 96px;
  height: 40px;
  background: #4a75f6;
  line-height: 40px;
  text-align: center;
  color: white;
  cursor: pointer;
  border-radius: 4px;
}
a{
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
a:active,
a:focus {
  outline: none;
}



.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  background-color:transparent!important
}

.el-tag .el-icon{
  font-size: 0px!important;
}
.el-select__tags .el-tag--info{
  background-color: #fff;
}
.el-select .el-select__tags .el-tag {
  box-sizing: border-box;
  margin: 2px 6px 2px 0;
}

.codeMa{
  height: 200px;
}
.codeMa .code-wechat-binding{
  text-align: center;
}
.codeMa .title{
  font-size: 14px;
  color: #303133;
  line-height: 14px;
  margin: 12px 0;
  text-align: center;
}
.codeMa img{
  width: 166px;
  height: 166px;
}


/* .search-list .row-tags>span:first-child{
  padding-left: 30px;
} */



.m-2{
  border: none;
  background: transparent!important;
  margin-left: -13px;
  vertical-align: baseline;
  font-size: 12px;
  color: #4a75f6;
}
/* .el-checkbox__inner{
  background: transparent!important;
} */
.el-tag__content{
  /* background: #F5F7FA; */
  /* margin-left: 14px; */
}

.el-select__tags-text{
  /* background: #F5F7FA; */

}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
  background-color: transparent!important;
  border: 1px solid #eee!important;
}










































 .subscribe {
   margin-top: 0px;
   background: #FFFFFF;
   border-radius: 8px;
   box-sizing: border-box;
 }

 .subscribe>div:first-child {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .subscribe .right {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .subscribe .right span a {
   cursor: pointer;
   color: #4a75f6;
   display: flex;
   align-items: center;
   font-size: 16px;
 }





























 .subscribe .right span a:first-child::after {
   margin: 0 12px;
   display: inline-block;
   content: "";
   width: 1px;
   height: 14px;
 }

 .scroll-container-wrapper {
   /* margin-top: 24px; */
   padding-top: 12px;
   min-width: 154px;
   width: 100%;
   box-sizing: border-box;
   position: relative;


 }

 .scroll-container-wrapper>div:first-child {
   left: 0px;
   cursor: pointer;
   z-index: 2;
   position: absolute;
   top: 0;
   background: #fff;
   height: 100%;
   width: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .scroll-container-wrapper>div:nth-child(2) {
   right: 0px;
   cursor: pointer;
   z-index: 2;
   position: absolute;
   top: 0;
   background: #fff;
   height: 100%;
   width: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .scroll-container-wrapper>div>i {
   font-size: 18px;
   color: #606266;
 }

 .scroll-container-wrapper .main-wrapper {
   overflow-x: scroll;
   -ms-overflow-style: none;
 }

 .scroll-container-wrapper .main-wrapper::-webkit-scrollbar {
   width: 0;
   display: none;
 }

 .scroll-container-wrapper .main-wrapper ul {
   width: fit-content;
   display: flex;
   transition: all 0.3s;
 }

 .scroll-container-wrapper .main-wrapper {
   overflow-x: scroll;
   -ms-overflow-style: none;
 }

 .scroll-container-wrapper .main-wrapper::-webkit-scrollbar {
   width: 0;
   display: none;
 }

 .scroll-container-wrapper .main-wrapper ul {
   width: fit-content;
   display: flex;
   transition: all 0.3s;
 }

 .main-wrapper ul .subscribe-item {
   cursor: pointer;
   margin-right: 12px;
   padding: 24px;
   box-sizing: border-box;
   width: 360px;
   height: 86px;
   border-radius: 8px;
   border: 1px solid #EBEEF5;
 }
 .main-wrapper ul .subscribe-item:hover{
  border: 1px solid #ccc;
 }



 .main-wrapper ul .subscribe-item>div:first-child {
   /* margin-bottom: 21px; */
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .main-wrapper ul .subscribe-item .title {
   font-size: 18px;
   width: 277px;
   height: 16px;
   font-family: PingFangSC-Semibold, PingFang SC;
   font-weight: 600;
   color: #303133;
   /* line-height: 1; */
   display: flex;
   align-items: center;
 }

 /* .main-wrapper ul .subscribe-item .title::before {
   content: "";
   display: block;
   background-image: url('../imgs/icon-scheme.png');
   background-repeat: no-repeat;
   background-size: cover;
   width: 18px;
   height: 18px;
   margin-right: 4px;
 } */

 .main-wrapper ul .subscribe-item .tip {
   /* display: inline-block; */
   /* padding: 0 6px; */
   /* margin-right: 20px; */
   /* background: #FFF3EB; */
   color: #606266;
   width: 40px;
   /* height: 20px !important;
   line-height: 20px; */
   font-size: 14px;
   font-weight: 400;
   border-radius: 2px;
   margin-top: -26px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .main-wrapper ul .subscribe-item .tip .imgbox1{
   width: 16px;
   height: 16px;
   cursor: pointer;
   margin-right: 12px;
   display: inline-block;
 }
 .main-wrapper ul .subscribe-item .tip .imgbox2{
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
 }
 .main-wrapper ul .subscribe-item .tip .imgbox1 .imgboxss{
  width: 100%;
  height: 100%;
 }
 .main-wrapper ul .subscribe-item .tip .imgbox2 .imgboxs{
  width: 100%;
  height: 100%;
 }

 .main-wrapper ul .subscribe-item .bidding-item {
   margin-bottom: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #303133;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
 }

 .main-wrapper ul .subscribe-item .bidding-item>span {
   flex: 1;
 }

 .main-wrapper ul .subscribe-item .bidding-item>i {
   color: #909399;
   font-size: 14px !important;
   font-weight: 500;
 }



 .main-wrapper ul .subscribe-item .title {
   font-size: 16px;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #303133;
   line-height: 1;
   display: flex;
   align-items: center;
   padding-bottom: 8px;
   box-sizing: border-box;
   margin-bottom: 4px;
 }

 .main-wrapper ul .subscribe-item .keywords {
  width: 318px;
  height: 18px;
   font-size: 14px;
   color: #606266;

   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis
 }
.hovered{
  border: 1px solid #409eff;
  background: #F1F4FE;

}
 /* .main-wrapper ul .subscribe-item .title::before {
   content: "";
   display: block;
   background-image: url('../imgs/icon-scheme.png');
   background-repeat: no-repeat;
   background-size: cover;
   width: 18px;
   height: 18px;
   margin-right: 4px;
 } */


 .main-wrapper ul .subscribe-item .bidding-item {
   margin-bottom: 16px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #303133;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
 }

 .main-wrapper ul .subscribe-item .bidding-item>span {
   flex: 1;
 }

 .main-wrapper ul .subscribe-item .bidding-item>i {
   color: #909399;
   font-size: 14px !important;
   font-weight: 500;
 }

 /* 多选框的每一行每一列对齐 */

 /* .compose-filter-content {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
   gap: 10px;
 }

 .item-option-area {
   display: flex;
   align-items: center;
 } */

 /* .item-option-area {
  width: 110px;
} */
.compose-filter-content{
  margin-left: 11px;
}


/*  */
.selectBox2 .el-select__tags{
  /* display: none; */
  opacity: 0;
}
.selectBox1 .el-select__tags{
  /* display: none; */
  opacity: 0;
}

.multi-select-inner{
  display: inline-block;
  width: 218px;
  height: 30px;
  position: absolute;
  top: 9px;
  left: 13px;
  margin-right: 2px;
}

.select-inner-timer{
  display: inline-block;
  width: 218px;
  height: 30px;
  position: absolute;
  top: 9px;
  left: 13px;
  margin-right: 2px;
}
.bodystyle{
  overflow: auto;
}
































































































































 /* me */
 .main-headers {


   padding-top: 62px;
   position: fixed;
   z-index: 1000;
   width: 100vw;
   display: flex;
   justify-content: center;
   background: #F5F7FA;
   overflow: hidden;
 }

 .main-header {
   width: 1220px;
   height: 54px;
   background-color: white;
   margin-top: 20px;
   line-height: 54px;
   padding: 0 30px;
   box-sizing: border-box;
   font-size: 14px;
   font-weight: 400;
   font-family: PingFangSC-Regular, PingFang SC;
   color: #303133;
   border-radius: 8px;
   position: fixed;
 }


 .subscribe-container {
   padding-top: 152px;
   width: 100vw;
   /* min-height: 100vh; */
   padding-bottom: 30px;
   box-sizing: border-box;
   background: #f5f7fa;
   height: auto;
 }

 .subscribe-container>div {
   margin: 0 auto;
   width: 1220px;
   /* height: 100vh; */
   box-sizing: border-box;
   font-family: PingFangSC-Regular, PingFang SC;
   background: #fff;
   overflow-y: scroll;
   border-radius: 8px;
 }
 .el-popup-parent--hidden{
  overflow: auto;
 }
 .subscribe-container>div::-webkit-scrollbar {
   display: none;
 }

 .list-header {
   height: 124px;
 }

 .list-header .banner {
   height: 100%;
   background-image: url('../imgs/background-banner.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
 }

 .list-header h1 {
   display: flex;
   justify-content: center;
   padding: 76px 24px 0px;
   font-size: 40px;
   font-family: PingFangSC-Semibold, "PingFang SC";
   font-weight: 600;
   line-height: 40px;
   text-align: center;
   color: rgb(48, 49, 51);
 }

 .list-header h1 span {
   font-size: 32px;
   font-family: PingFangSC-Semibold, "PingFang SC";
   color: rgb(48, 49, 51);
   line-height: 32px;
 }

 .list-header h1 span:first-child {
   margin-right: 15px;
 }

 .list-header h1 span:nth-child(2) {
   margin-right: 15px;
 }


 /* 头部 */
 .page-header {
   position: relative;
   width: 100%;
   background: #ffffff;
   box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
 }

 .page-header[is-opacity=true] {
   background: none;
   box-shadow: none;
 }

 .page-header[is-absolte=true] {
   position: absolute;
 }

 .page-header[is-fixed=true] {
   position: fixed;
   top: 0;
   z-index: 2001;
 }


 .page-header>div {
   width: 1220px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;

   position: relative;
   height: 62px;
   margin: 0 auto;
   padding-top: 15px;
   box-sizing: border-box;
 }

 .page-header .weblogo {
   height: 44px;
 }

 .page-header .operation {
   display: flex;
   align-items: center;
 }

 .page-header .operation>a {
   padding: 6px 22px;
   box-sizing: border-box;
   color: #020303;
   cursor: pointer;
 }

 .page-header .operation>a:hover {
   color: #7f7f7f;
 }

 .page-header .operation>div {
   cursor: pointer;
 }

 .page-header .operation>div>a:first-child {
   display: inline-block;
   width: 70px;
   height: 30px;
   text-align: center;
   background-color: rgba(64, 158, 255, 0.996078431372549);
   box-sizing: border-box;
   border-width: 1px;
   border-style: solid;
   border-color: rgba(67, 67, 67, 1);
   border-left: 0px;
   border-top: 0px;
   border-right: 0px;
   border-bottom: 0px;
   border-radius: 15px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   box-shadow: none;
   font-family: '微软雅黑', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 12px;
   color: #FFFFFF;
   line-height: 30px;
 }

 .page-header .operation>div>a:first-child:hover {
   background: #2b85e4;
 }

 .page-header .operation>div>a:last-child:hover {
   background: #d9001b;
 }

 .page-header .operation>div>a:last-child {
   display: inline-block;
   width: 70px;
   height: 30px;
   background-color: rgba(249, 94, 90, 1);
   box-sizing: border-box;
   border-width: 1px;
   border-style: solid;
   border-color: rgba(67, 67, 67, 1);
   border-left: 0px;
   border-top: 0px;
   border-right: 0px;
   border-bottom: 0px;
   border-radius: 15px;
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
   box-shadow: none;
   font-family: '微软雅黑', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 12px;
   color: #FFFFFF;
   line-height: 30px;
   text-align: center;
 }


 .search-input-wrap {
   /* padding-top: 24px; */
   background: rgb(245, 247, 250);
 }

 .search-input-wrap>div {
   width: 1220px;
   margin: 0 auto;
 }


 .search-input-wrap section>span {
   position: relative;
   display: flex;
   align-items: center;
   height: 48px;
   width: 950px;
 }


 .search-input-wrap section>span>span:first-child {
   width: 100%;
 }

 .search-input-wrap section>span>span>div .el-input {
   height: 48px;
 }

 .search-input-wrap section>span>span>div .el-input .el-input__wrapper {
   border-radius: 4px 0 0 4px;
   padding: 0 20px;
 }

 .search-input-wrap section>span>span>div .el-input .el-input__inner {
   width: 100%;
   height: 48px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 1.5em;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   font-size: 16px;
 }

 .search-input-wrap span .pop_area {
   position: absolute;
   width: 100%;
   height: 400px;
   padding: 20px 0 54px;
   background: #FFFFFF;
   box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
   border-radius: 4px;
   border: 1px solid #EBEEF5;
   z-index: 11;
 }

 .search-input-wrap span .pop_area>div {
   background: #fff;
   min-height: 100%;
   overflow-y: scroll;
   height: 100%;
 }


 .search-input-wrap span .pop_area>div .title {
   font-size: 14px;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #000;
   line-height: 14px;
   margin-bottom: 16px;
   margin-left: 16px;
 }

 .search-input-wrap span .pop_area .search_history_list {
   display: flex;
   flex-wrap: wrap;
   margin-left: 16px;
 }

 .search-input-wrap span .pop_area .search_history_list .search_history_item {
   height: 30px;
   background: #F4F4F5;
   border-radius: 15px;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #222;
   line-height: 30px;
   padding: 0 10px;
   margin: 0 8px 12px 0;
   cursor: pointer;
 }

 .search-input-wrap span .pop_area .browse_history_list .browse_history_item {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #222;
   padding: 0 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 1.5em;
   max-height: 1.5em;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   line-height: 36px;
   height: 36px;
   max-height: 36px;
   cursor: pointer;
 }

 .search-input-wrap span .pop_area .browse_history_list .browse_history_item:hover {
   background: #f5f7fa;
 }

 .search-input-wrap span .pop_area .clear_history {
   display: flex;
   align-items: center;
   position: absolute;
   bottom: 0px;
   right: 20px;
   height: 54px;
   cursor: pointer;
 }

 .search-input-wrap span .pop_area .clear_history img {
   height: 14px;
   width: 14px;
 }

 .search-input-wrap span .pop_area .clear_history span {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #606266;
   line-height: 54px;
   margin-left: 8px;
 }

 .search-input-wrap span .complete-pop {
   position: absolute;
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 2px 12px rgba(0, 0, 0, .1);
   border-radius: 4px;
   border: 1px solid #EBEEF5;
   z-index: 10;
 }

 .search-input-wrap span .complete-pop .complete-pop-container {
   padding: 20px 0;
   background: #fff;
   min-height: 100%;
   box-sizing: border-box;
   height: 100%;
 }

 .search-input-wrap span .complete-pop .list-item {
   display: flex;
   /* justify-content: space-between; */
   align-items: center;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #222;
   padding: 0 16px;
   line-height: 36px;
   height: 36px;
   max-height: 36px;
   cursor: pointer;
 }

 .search-input-wrap span .complete-pop .list-item:hover {
   background: #f5f7fa;
 }

 .search-input-wrap span>span .search-btn {
   position: relative;
   width: 134px;
   height: 48px;
   background: #4a75f6;
   border-radius: 0 4px 4px 0;
   font-size: 18px;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #fff;
   line-height: 48px;
   border: none;
 }

 .search-input-wrap span>span .search-icon {
   position: absolute;
   left: 20px;
   top: 16px;
   z-index: 1;
   display: inline-block;
   width: 16px;
   height: 16px;
   background-image: url('../imgs/icon-search.png');
   background-repeat: no-repeat;
   background-size: 16px 16px;
 }

 .search-input-wrap span>span .search-btn>span:last-child {
   margin-left: 14px;
 }

 .search-input-wrap .search-hot-wrapper {
   margin-top: 16px;
   margin-bottom: 24px;
   background: rgb(245, 247, 250);
 }

 .search-input-wrap .search-hot-wrapper>div {
   width: 1220px;
   margin: 0px auto;
   display: flex;
   height: 14px;
   align-items: center;
 }

 .search-input-wrap .search-hot-wrapper>div>div:first-child {
   height: 14px;
   width: 14px;
   margin-right: 8px;
   background: url('../imgs/hot.png') 0% 0% / cover no-repeat;
 }

 .search-input-wrap .search-hot-wrapper>div>div:nth-child(2) {
   font-size: 14px;
   font-family: PingFangSC-Medium, "PingFang SC";
   font-weight: 500;
   color: rgb(239, 31, 31);
   line-height: 14px;
   margin-right: 12px;

 }

 .search-input-wrap .search-hot-wrapper>div>div:nth-child(3) {
   border-top: none;
   border-right: none;
   border-bottom: none;
   border-image: initial;
   height: 12px;
   border-left: 1px solid rgb(220, 223, 230);
   margin-right: 12px;
 }

 .search-input-wrap .search-hot-wrapper>div>div:last-child {
   display: flex;
 }

 .search-input-wrap .search-hot-wrapper .search-hot-list-item {
   height: 14px;
   font-size: 14px;
   font-family: PingFangSC-Regular, "PingFang SC";
   font-weight: 400;
   color: rgb(96, 98, 102);
   line-height: 14px;
   margin-right: 36px;
   cursor: pointer;
 }

 .search-input-wrap .compose-filter {
   display: flex;
   flex-direction: column;
   flex: 1;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   color: #303133;
 }

 .search-input-wrap .compose-filter.wrapper {
   background: #FFFFFF;
   border-radius: 8px;
   padding: 6px 32px 8px;
   border: 1px solid transparent;
 }

 .search-input-wrap .compose-filter-tabs {
   flex: 1;
   font-weight: 400;
   margin-bottom: 20px;
 }

 .compose-filter-tabs .el-tabs__item.is-active {
   color: #303133;
 }

 .compose-filter-tabs .el-tabs__active-bar {
   background-color: #303133;
 }

 .compose-filter-tabs .el-tabs__item:hover {
   color: #4a75f6;
 }

 .search-input-wrap .compose-filter .compose-filter-item {
   display: flex;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   box-sizing: border-box;
 }

 .search-input-wrap .compose-filter .compose-filter-content {
   align-items: flex-start;
 }

 .search-input-wrap .compose-filter .compose-filter-item>div:first-child {
   width: 72px;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #606266;
   line-height: 14px;
   height: 14px;
   margin-right: 16px;
   flex-shrink: 0;
 }

 .search-input-wrap .compose-filter .compose-filter-item .item-options {
   display: flex;
   flex-wrap: wrap;
   line-height: 14px;
 }

 .search-input-wrap .compose-filter .compose-filter-item .item-option {
   box-sizing: border-box;
   margin: 0 40px 20px 0;
   height: 14px;
   color: #303133;
   width: 102px;
   flex-shrink: 0;
   font-size: 14px;
 }

 .search-input-wrap .compose-filter .compose-filter-item .item-option-area {
   box-sizing: border-box;
   margin: 0 0 20px;
   height: 14px;
   color: #303133;
   width: 142px;
   flex-shrink: 0;
 }

 .search-input-wrap .compose-filter .compose-filter-item .item-actions {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   height: 14px;
   font-size: 14px;
   line-height: 14px;
   color: #606266;
   width: 46px;
   cursor: pointer
 }

 .search-input-wrap .compose-filter .compose-filter-item .item-actions i {
   font-size: 12px;
 }

 .search-input-wrap .compose-filter .compose-filter-item .item-option .el-radio__label {

   font-size: 14px;
 }

 .search-input-wrap .compose-filter .compose-filter-item .picker {
   overflow: hidden;
   height: 0px;
   max-width: 142px;
 }

 .search-input-wrap .compose-filter .compose-filter-item .content_wrapper {
   display: flex;
   align-items: center;
   cursor: pointer;
 }

 .search-input-wrap .compose-filter .compose-filter-item .content_wrapper>div {
   line-height: 1;
 }

 .search-input-wrap .compose-filter .compose-filter-item .content_wrapper>i {
   font-size: 12px;
   color: #d8d8d8;
 }

 .search-input-wrap .compose-filter .compose-filter-item .more_filter_container {
   flex: 1;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   cursor: pointer;
 }

 .search-input-wrap .compose-filter .compose-filter-item .more_filter_container>div {
   margin-bottom: 20px;
   margin-right: 43px;
   display: flex;
   line-height: 1;
 }

 .search-input-wrap .compose-filter .compose-filter-item .more_filter_container>div>i {
   font-size: 12px;
   color: #d8d8d8;
 }

 .content_wrapper {
   display: flex;
   align-items: center;
   cursor: pointer;
 }

 .container {
   display: flex;
 }

 .container .left_part {
   flex: 1;
 }

 .container .left_part .check_container {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }

 .container .left_part .check_item_container {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .container .right_part {
   position: relative;
   flex: 1;
   padding-left: 15px;
   border-left: 1px solid #EBEEF5;
 }

 .container .right_part .input_container {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
 }

 .container .right_part .input_container span {
   color: #606266;
   font-size: 14px;
 }

 .container .right_part>span {
   position: absolute;
   bottom: 0;
   right: 0;
   color: #4771fa;
   font-size: 14px;
   cursor: pointer;
 }

 .search-input-wrap .compose-filter .compose-filter-selected {
   padding-top: 20px;
   border-top: 1px solid #E4E7ED;
   display: flex;
 }

 .search-input-wrap .compose-filter .compose-filter-selected>div:first-child {
   height: 14px;
   line-height: 24px;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
   color: #303133;
   flex-shrink: 0;
   margin-right: 12px;
 }

 .search-input-wrap .compose-filter .compose-filter-selected>div:last-child {
   display: flex;
   flex-wrap: wrap;
 }

 .search-input-wrap .compose-filter .compose-filter-selected .tag-item {
   font-size: 12px;
   line-height: 12px;
   background: #F4F4F5;
   border-radius: 4px;
   border: 1px solid #E9E9EB;
   text-align: center;
   color: #606266;
   padding: 6px 8px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   margin-right: 12px;
   margin-bottom: 12px;
 }

 .search-input-wrap .compose-filter .compose-filter-selected .tag-item>i {
   font-size: 14px;
   color: #c0c4cc;
   margin-left: 4px;
   cursor: pointer;
 }

 .search-input-wrap .compose-filter .compose-filter-selected .flex {
   display: flex;
 }

 .search-input-wrap .compose-filter .compose-filter-selected .tag-list {
   flex-wrap: wrap;
 }

 .search-input-wrap .compose-filter .compose-filter-selected .tag-clear {
   display: flex;
   height: 24px;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #4a75f6;
   cursor: pointer;
   align-items: center;
 }


 .el-popper .cascader-select-body-wrapper {
   padding: 20px;
   box-sizing: border-box;
   min-width: 560px;
 }

 .el-popper .cascader-select-body-wrapper .el-input {
   margin-bottom: 20px;
 }

 .el-popper .cascader-select-body-wrapper>div:last-child {
   margin-top: 20px;
   display: flex;
   justify-content: flex-end;
 }

 .page-search {
   background: #F5F7FA;
   overflow: hidden;
   min-height: calc(100vh - 400px);
 }

 .page-search>div:first-child {
   box-sizing: border-box;
   border-bottom: 1px solid #ebeef5;
   font-size: 18px;
   font-weight: 700;
   color: #606266;
   padding: 12px 24px;
   width: 1220px;
   margin: 12px auto 0;
   background: #fff;
   border-radius: 10px 10px 0 0;
 }

 .page-search>div:first-child>div:first-child {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex: 1;
   width: 100%;
   cursor: pointer;
 }

 .page-search>div:first-child>div:first-child>span:first-child {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #606266;
   line-height: 14px;
 }

 .page-search>div:first-child>div:first-child>span:first-child>span:first-child {
   color: #f60;
 }

 .page-search>div:first-child>div:first-child>span:first-child {
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #606266;
   line-height: 14px;
 }

 .page-search .subcribe-button {
   width: 99px;
   height: 36px;
   margin-left: 12px;
   box-sizing: border-box;
   background: #EEEEEE !important;
   color: #303133 !important;
   border: none;
   outline: none;
 }

 .page-search section {
   width: 1220px;
   margin: 0 auto;
   background: #fff;
   padding: 0;
   box-sizing: border-box;
   border-radius: 0 0 10px 10px;
 }

 .page-search section>div {
   min-height: 20px;
 }

 .page-search section>div>div {
   cursor: pointer;
 }


 .page-search section>div>div:last-child {
   margin-right: 32px;
   padding: 24px 0px;
   display: flex;
   justify-content: flex-end;
 }