body {
  background: #F5F6F8;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
}
* {
  box-sizing: border-box;
}
[v-cloak] {
  display: none;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
} 
.flex-align-center {
  display: flex; 
  align-items: center;
}
.search-main-content {
  min-width: 1380px;
  margin: 0 auto;
  padding-top: 48px;
}
.search-main-content .empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 460px;
  background: #FFFFFF;
  border-radius: 8px;
}
.search-main-content .empty .empty-img {
  width: 332px;
  height: 100px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_131c73f4d60c327e6fadd404ab7e552c.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .empty .text {
  margin-top: 16px;
  font-weight: 400;
  font-size: 18px;
  color: #999999;
  line-height: 25px;
}
.search-main-content .search-content {
  width: 100%;
  min-width: 1380px;
  margin: 0 auto;
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 30px 0 40px;
}
.search-main-content .search-content .delete-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_1f343cb0a1e3c27032c8090784d2965e.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: -16px;
  cursor: pointer;
}
.search-main-content .search-content .delete-icon:hover {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_aa9cf0b535bc32f6736fe39a4b83a583.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .search-content .key-word-search {
  margin-right: 70px;
}
.search-main-content .search-content .key-word-search > .title {
  width: 98px;
  height: 14px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_338978b414c58e39242d3962dcc80ee0.png') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 10px;
  margin-left: 24px;
}
.search-main-content .search-content .key-word-search .search-box {
  width: 630px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 24px;
  border: 1px solid rgba(151, 151, 151, 0.3);
  display: flex;
  position: relative;
  margin-bottom: 10px;
}
.search-main-content .search-content .key-word-search .search-box:hover {
  border: 1px solid #FF730A;
}
.search-main-content .search-content .key-word-search .search-box .search-input {
  width: 512px;
  padding-left: 20px;
  position: relative;
}
.search-main-content .search-content .key-word-search .search-box .search-input .search-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_032404aeb5b51d5ebc7ab5e9357a710c.png') no-repeat;
  background-size: 100% 100%;
  margin-right: 8px;
}
.search-main-content .search-content .key-word-search .search-box .search-input input {
  font-family: PingFangSC, PingFang SC;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  width: 100%;
  font-size: 14px;
  color: #333;
  font-weight: 600;
}
.search-main-content .search-content .key-word-search .search-box .search-input input::placeholder {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #c9c9c9;
}
.search-main-content .search-content .key-word-search .search-box .search-button {
  user-select: none;
  cursor: pointer;
  position: absolute;
  right: -1px;
  width: 90px;
  height: 46px;
  top: -1px;
  background: linear-gradient(90deg, #F66F0C 1%, #F99825 100%);
  border-radius: 0px 100px 100px 0px;
}
.search-main-content .search-content .key-word-search .search-box .search-button:hover {
  background: #F57110;
}
.search-main-content .search-content .key-word-search .search-box .search-button .text {
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: left;
  font-style: normal;
}
.search-main-content .search-content .key-word-search .history-box {
  margin-left: 20px;
  display: flex;
}
.search-main-content .search-content .key-word-search .history-box .title {
  font-weight: 600;
  font-size: 14px;
  color: #666666;
  margin-right: 8px;
  line-height: 28px;
}
.search-main-content .search-content .key-word-search .history-box .content-box {
  width: 518px;
  font-size: 12px;
  height: 30px;
  overflow: hidden;
}
.search-main-content .search-content .key-word-search .history-box .content-box .item {
  display: inline-block;
  max-width: 144px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 28px;
  background: #F7F7FA;
  border-radius: 14px;
  text-align: center;
  line-height: 28px;
  padding: 0 12px;
  cursor: pointer;
  margin-right: 6px;
  margin-bottom: 10px;
}
.search-main-content .search-content .key-word-search .history-box .content-box .item:hover {
  background: #E6E6E6;
}
.search-main-content .search-content .key-word-search .history-box .clear-btn {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_f2d9f6d3bb83d72e1304f280be549634.png') no-repeat;
  background-size: 100% 100%;
  margin-top: 4px;
}
.search-main-content .search-content .key-word-search .history-box .clear-btn:hover {
  width: 20px;
  height: 20px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_e9fe5579f81a4dfcc43e217a019d4787.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .search-content .tag-search {
  width: 680px;
  height: 122px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_d2fa0d36bc3580366ff274b05f0b95a0.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.search-main-content .search-content .tag-search > .title {
  width: 112px;
  height: 14px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_f7f0193faef7c3e1b2db9e27bfdef2de.png') no-repeat;
  background-size: 100% 100%;
  margin: 10px 0 10px 16px;
}
.search-main-content .search-content .tag-search .tips-dog {
  width: 181px;
  height: 55px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_3030947afbdfc1fe477bb34f196fa4df.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 9px;
  top: -21px;
}
.search-main-content .search-content .tag-search .tag-box {
  height: 79px;
  background: #FFFFFF;
  border-radius: 6px;
  margin: 0 8px;
  padding: 0px 8px;
}
.search-main-content .search-content .tag-search .tag-box .tag-input {
  display: flex;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 16px;
  position: relative;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag input {
  margin: 0 12px;
  padding: 0;
  border: none;
  width: 100%;
  font-size: 14px;
  box-shadow: none;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .delete-icon {
  right: 6px;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result {
  position: absolute;
  top: 36px;
  left: 0;
  width: 130px;
  height: 104px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 4px 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result::-webkit-scrollbar {
  width: 4px;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result::-webkit-scrollbar-thumb {
  background-color: rgba(102, 102, 102, 0.25);
  border-radius: 2px;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result .result-item {
  height: 32px;
  padding-left: 13px;
  color: #333;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result .result-item .text {
  color: #333;
  width: 140px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result .result-item:hover {
  background: rgba(255, 115, 10, 0.07);
  color: #FF730A;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result .result-item:hover a {
  color: #FF730A;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .tag .tag-result .no-data {
  height: 100%;
  width: 100%;
  color: #666;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .after-word {
  margin-right: 22px !important;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .include-tag {
  margin-right: 8px;
  border: 1px solid #FFD4C6;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .include-tag:hover {
  border: 1px solid #FF9572;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .include-tag input {
  color: #C34C11;
  font-weight: 400;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .include-tag input::placeholder {
  font-weight: 400;
  color: #D58158;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .exclude-tag {
  border: 1px solid #E1E1E1;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .exclude-tag:hover {
  border: 1px solid #949494;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .exclude-tag input {
  color: #666666;
  font-weight: 400;
}
.search-main-content .search-content .tag-search .tag-box .tag-input .exclude-tag input::placeholder {
  font-weight: 400;
  color: #999;
}
.search-main-content .search-content .tag-search .tag-box .reset-box {
  margin-left: 26px;
  margin-right: 12px;
  color: #666;
  cursor: pointer;
}
.search-main-content .search-content .tag-search .tag-box .reset-box .icon {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_9c8c86b0d6cab3284a5733be8cdc4a3c.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .search-content .tag-search .tag-box .reset-box:hover {
  color: #333;
}
.search-main-content .search-content .tag-search .tag-box .reset-box:hover .icon {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_d86e65c6078c009a7793f6e1dc58b838.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .search-content .tag-search .tag-box .search-btn {
  width: 98px;
  height: 32px;
  background: #F3F3F3;
  border-radius: 20px;
}
.search-main-content .search-content .tag-search .tag-box .search-btn.active {
  background: #FDE8DE;
  color: #C34C11;
  cursor: pointer;
}
.search-main-content .search-content .tag-search .tag-box .search-btn.active:hover {
  background: #FFD3BE;
}
.search-main-content .tab {
  margin: 16px auto;
  padding-left: 24px;
  width: 1380px;
  height: 64px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_ddd8703337bc4a955e01d4e8d6c6bbfb.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .tab .tab-item {
  cursor: pointer;
  margin-right: 32px;
}
.search-main-content .tab .tab-item .text {
  font-weight: 400;
  font-size: 20px;
  color: #666;
}
.search-main-content .tab .tab-item .text:hover {
  color: #FF730A;
}
.search-main-content .tab .tab-item .text.active {
  color: #FF730A;
  font-weight: 600;
  margin-top: 4px;
}
.search-main-content .tab .tab-item .line {
  width: 24px;
  height: 4px;
  background: #FF730A;
  border-radius: 2px;
  margin: 0 auto;
  position: relative;
  bottom: -8px;
}
.search-main-content .all-content {
  width: 1380px;
  margin: 16px auto 0;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px 26px 0px 24px;
}
.search-main-content .all-content .title {
  font-weight: 600;
  font-size: 16px;
  color: #2C2C2C;
  margin-bottom: 16px;
}
.search-main-content .all-content .contact-tag {
  display: flex;
  margin-bottom: 24px;
}
.search-main-content .all-content .contact-tag .title {
  margin-bottom: 0 !important;
}
.search-main-content .all-content .contact-tag .show-tags {
  display: flex;
}
.search-main-content .all-content .contact-tag .show-tags .tag-box {
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 13px;
  border: 1px solid #FF730A;
  font-size: 13px;
  color: #FF730A;
  text-align: center;
  padding: 0 10px;
  margin-right: 8px;
}
.search-main-content .all-content .tag-title {
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-bottom: 24px;
}
.search-main-content .all-content .tag-title .orange {
  color: #FF730A;
}
.search-main-content .all-content .tag-content .total-num {
  font-weight: 600;
  font-size: 16px;
  color: #2C2C2C;
  margin-bottom: 16px;
}
.search-main-content .all-content .search-recommend-result .work-box {
  max-height: 430px;
  flex-wrap: wrap;
}
.search-main-content .work-box,
.search-main-content .hot-box,
.search-main-content .pick-box {
  display: flex;
  flex-wrap: wrap;
}
.search-main-content .work-box .work-item,
.search-main-content .hot-box .work-item,
.search-main-content .pick-box .work-item {
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 20px;
}
.search-main-content .work-box .work-item:nth-child(5n),
.search-main-content .hot-box .work-item:nth-child(5n),
.search-main-content .pick-box .work-item:nth-child(5n) {
  margin-right: 0;
}
.search-main-content .work-box .work-item .work-top,
.search-main-content .hot-box .work-item .work-top,
.search-main-content .pick-box .work-item .work-top {
  margin-bottom: 4px;
}
.search-main-content .work-box .work-item .work-top:hover .work-name,
.search-main-content .hot-box .work-item .work-top:hover .work-name,
.search-main-content .pick-box .work-item .work-top:hover .work-name,
.search-main-content .work-box .work-item .work-top:hover .kan-name,
.search-main-content .hot-box .work-item .work-top:hover .kan-name,
.search-main-content .pick-box .work-item .work-top:hover .kan-name {
  color: #FF730A;
}
.search-main-content .work-box .work-item .work-top .kan-name,
.search-main-content .hot-box .work-item .work-top .kan-name,
.search-main-content .pick-box .work-item .work-top .kan-name {
  margin-top: 8px;
  margin-left: 4px;
  font-weight: 600;
  width: 254px;
  font-size: 14px;
  height: 40px;
  overflow: hidden;
  word-break: break-all;
  color: #2C2C2C;
  line-height: 20px;
}
.search-main-content .work-box .work-item .work-top .work-img,
.search-main-content .hot-box .work-item .work-top .work-img,
.search-main-content .pick-box .work-item .work-top .work-img {
  width: 258px;
  height: 145px;
  position: relative;
}
.search-main-content .work-box .work-item .work-top .work-img span,
.search-main-content .hot-box .work-item .work-top .work-img span,
.search-main-content .pick-box .work-item .work-top .work-img span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  opacity: 0;
  z-index: 3;
}
.search-main-content .work-box .work-item .work-top .work-img img,
.search-main-content .hot-box .work-item .work-top .work-img img,
.search-main-content .pick-box .work-item .work-top .work-img img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 6px;
}
.search-main-content .work-box .work-item .work-top .work-img .img-box,
.search-main-content .hot-box .work-item .work-top .work-img .img-box,
.search-main-content .pick-box .work-item .work-top .work-img .img-box {
  height: 145px;
  width: 258px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.search-main-content .work-box .work-item .work-top .work-img .img-box .hot-img,
.search-main-content .hot-box .work-item .work-top .work-img .img-box .hot-img,
.search-main-content .pick-box .work-item .work-top .work-img .img-box .hot-img {
  z-index: 2;
  height: 100%;
  max-width: unset;
  width: unset;
  min-width: 100%;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.search-main-content .work-box .work-item .work-top .work-img .show-data,
.search-main-content .hot-box .work-item .work-top .work-img .show-data,
.search-main-content .pick-box .work-item .work-top .work-img .show-data {
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 0px 0px 4px 4px;
  display: flex;
  position: absolute;
  bottom: 0;
  padding: 24px 0 8px;
  z-index: 2;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .data-box,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .data-box,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .data-box {
  display: flex;
  align-items: center;
  margin: 0 6px;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .data,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .data,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .data {
  margin-left: 4px;
  font-size: 12px;
  line-height: 12px;
  color: #FFFFFF;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon1,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon1,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon1 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_424d4e5fc7836b2f239ca87441603e2d.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon1_1,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon1_1,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon1_1 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202404/7291276_7b904b480d9db39a50356026ba80b271.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon2,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon2,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon2 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_059025e5871b62a3d248ec151cc9f92b.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon2_1,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon2_1,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon2_1 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202404/25322333_8ee1e74e3da839289ccce2303711bb3d.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon3,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon3,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon3 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_f4f51b336737d6df68b98569385a9479.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon4,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon4,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon4 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202404/25322333_beda0680844fa3a0a3800fd4e77c3737.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon5,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon5,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon5 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202404/25322333_360e6249fe8a87fcb7f3a4548c233e9c.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon6,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon6,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon6 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202404/25322333_317cc9ce267a4fe82f7ae895c96b72b7.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img .show-data .icon7,
.search-main-content .hot-box .work-item .work-top .work-img .show-data .icon7,
.search-main-content .pick-box .work-item .work-top .work-img .show-data .icon7 {
  width: 12px;
  height: 12px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_f82d15f78222240106c028629841f030.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-box .work-item .work-top .work-img:after,
.search-main-content .hot-box .work-item .work-top .work-img:after,
.search-main-content .pick-box .work-item .work-top .work-img:after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 145px;
  background: url("//pic.cgyouxi.com/orange/upload/202006/22274736_1a20740d5034fa72ac1816179b2c9b40.png") no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
  border-radius: 6px;
}
.search-main-content .work-box .work-item .work-top .work-name,
.search-main-content .hot-box .work-item .work-top .work-name,
.search-main-content .pick-box .work-item .work-top .work-name {
  font-weight: 600;
  font-size: 14px;
  color: #2C2C2C;
  margin-top: 8px;
  margin-left: 4px;
  height: 18px;
  max-width: 240px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.search-main-content .work-box .work-item .work-bottom,
.search-main-content .hot-box .work-item .work-bottom,
.search-main-content .pick-box .work-item .work-bottom {
  margin-left: 4px;
  display: flex;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
}
.search-main-content .work-box .work-item .work-bottom .bot,
.search-main-content .hot-box .work-item .work-bottom .bot,
.search-main-content .pick-box .work-item .work-bottom .bot {
  margin: 0 4px;
}
.search-main-content .work-box .work-item .work-bottom .bottom-author,
.search-main-content .hot-box .work-item .work-bottom .bottom-author,
.search-main-content .pick-box .work-item .work-bottom .bottom-author {
  max-width: 160px;
  height: 20px;
  overflow: hidden;
}
.search-main-content .work-box .work-item .work-bottom .bottom-author:hover,
.search-main-content .hot-box .work-item .work-bottom .bottom-author:hover,
.search-main-content .pick-box .work-item .work-bottom .bottom-author:hover {
  color: #FF730A;
}
.search-main-content .pick-box .work-item {
  margin-right: 18px;
}
.search-main-content .pick-box .work-item:nth-child(5n) {
  margin-right: 0;
}
.search-main-content .pick-box .work-item .work-img {
  width: 250px !important;
  height: auto !important;
}
.search-main-content .pick-box .work-item .work-img img {
  width: 250px !important;
  height: 141px !important;
  overflow: hidden;
}
.search-main-content .pick-box .work-item .work-img .grey-img {
  width: 47px;
  height: 125px;
  background: #E2E2E2;
  border-radius: 6px;
  border: 1px solid #D8D8D8;
  position: absolute;
  top: 8px;
  right: -8px;
  z-index: 1;
}
.search-main-content .user-box {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}
.search-main-content .user-box .user-item {
  width: 433px;
  height: 180px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-right: 14px;
  margin-bottom: 20px;
}
.search-main-content .user-box .user-item:hover {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.11);
}
.search-main-content .user-box .user-item:nth-child(3n) {
  margin-right: 0;
}
.search-main-content .user-box .user-item .user-img {
  cursor: pointer;
  width: 104px;
  height: 104px;
  margin-right: 16px;
  position: relative;
  margin-left: 60px;
}
.search-main-content .user-box .user-item .user-img img {
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.search-main-content .user-box .user-item .user-img .pendent-box {
  width: 122px;
  height: 122px;
  position: absolute;
  top: -9px;
  left: -9px;
}
.search-main-content .user-box .user-item .user-img:after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 104px;
  background: url("//pic.cgyouxi.com/orange/upload/202401/92323268_5ae7254a35662db7678164792d9855d7.png!n600") no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
  border-radius: 6px;
}
.search-main-content .user-box .user-item .user-right .user-name {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.search-main-content .user-box .user-item .user-right .user-name .text {
  max-width: 180px;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.search-main-content .user-box .user-item .user-right .user-name .leavel {
  margin-left: 8px;
}
.search-main-content .user-box .user-item .user-right .user-name .leavel img {
  width: 16px;
  height: 16px;
}
.search-main-content .user-box .user-item .user-right .fans-num {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}
.search-main-content .user-box .user-item .user-right .fllow-box {
  cursor: pointer;
  margin-top: 19px;
}
.search-main-content .user-box .user-item .user-right .fllow-box .is-fllow {
  width: 80px;
  height: 32px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_1a7d72d702340dacee8186a51d0f22ea.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .user-box .user-item .user-right .fllow-box .no-fllow {
  width: 80px;
  height: 32px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_5d0de6685f977ecae1ed42c9e37e68d6.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .user-box .user-item .user-right .fllow-box .no-fllow:hover {
  width: 80px;
  height: 32px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/25322333_f8670b916028d0267d2e549b9211e81a.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .user-box .user-item .no-show {
  width: 100%;
  height: 100%;
}
.search-main-content .user-box .user-item .no-show img {
  width: 117px;
  height: 126px;
}
.search-main-content .card-box {
  cursor: pointer;
  display: flex;
}
.search-main-content .card-box .card-item {
  margin-right: 17px;
  padding: 12px 12px 0 12px;
  width: 208px;
  height: 372px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_35066c582fa9a79ac16e95b86c1f8c5f.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.search-main-content .card-box .card-item:last-child {
  margin-right: 0;
}
.search-main-content .card-box .card-item .show-icon {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 20px;
  top: 22px;
  z-index: 3;
}
.search-main-content .card-box .card-item .show-icon img {
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
}
.search-main-content .card-box .card-item .item-img {
  width: 184px;
  height: 246px;
  overflow: hidden;
  position: relative;
}
.search-main-content .card-box .card-item .item-img img {
  max-width: 200%;
  width: 100%;
  height: 246px;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  z-index: 2;
  object-fit: cover;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.search-main-content .card-box .card-item .item-img img:hover {
  width: 200%;
  margin: 0 -50%;
}
.search-main-content .card-box .card-item .item-img:after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 246px;
  background: url("//pic.cgyouxi.com/orange/cms_res/y2018half2/03db0a0ae40c6ace86655c1f2a11e4fd.png") no-repeat;
  background-size: 100% 100%;
  background-color: #fff;
  border-radius: 6px;
}
.search-main-content .card-box .card-item .history-heart {
  margin: 12px 0 18px;
  font-weight: 400;
  font-size: 14px;
  color: #F45E5E;
  line-height: 14px;
}
.search-main-content .card-box .card-item .history-heart > .icon {
  margin-left: 4px;
  width: 14px;
  height: 14px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_8696646a068d4688beaec1aa4d9ee2ff.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .card-box .card-item .card-name {
  font-weight: 600;
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 16px;
  width: 176px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.search-main-content .card-box .card-item .work-name {
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 16px;
}
.search-main-content .card-box .card-item .work-name .text {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.search-main-content .work-page {
  display: flex;
  justify-content: center;
}
.search-main-content .work-page .pagination-work ul {
  box-shadow: none;
  display: flex;
}
.search-main-content .work-page .pagination-work ul a,
.search-main-content .work-page .pagination-work ul span {
  border: none;
  border-radius: 0;
  background: transparent;
  color: #333;
  padding: 0;
}
.search-main-content .work-page .pagination-work ul .page {
  margin-right: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px #FFF8F3;
  border-radius: 4px;
  border: 1px solid #FFEBD5;
  font-size: 14px;
  color: #333333;
}
.search-main-content .work-page .pagination-work ul .page.hide {
  display: none;
}
.search-main-content .work-page .pagination-work ul .page.active {
  background: #FF730A;
}
.search-main-content .work-page .pagination-work ul .page.active a {
  color: #fff;
}
.search-main-content .work-page .pagination-work ul .page:hover:not(.active, .disabled) {
  background: #FFF4EC;
}
.search-main-content .work-page .pagination-work ul .page .left-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_010b993067b5975fb11b5569afb3908e.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page .right-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_b7ece81715ead83b02ce8aadc147bea2.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page .home-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_f456078ead764af96acc838dd28995e0.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page .end-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_3cd8baaf75b00a5c95cb7e6a8d1f2420.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page.disabled {
  cursor: default;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px #F6F6F6;
  border: 1px solid #EFEFEF;
}
.search-main-content .work-page .pagination-work ul .page.disabled .home-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_ae725b78f2e2a93fe974dff0c949b47c.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page.disabled .end-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202403/24756624_718a78595d2b261931465a03abc0d2f3.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page.disabled .left-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_da4ade961b41cf4271555dbbdfbda383.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .work-page .pagination-work ul .page.disabled .right-icon {
  width: 16px;
  height: 16px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_ed152e96ccb9e943e2751a612372ae2a.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .banner {
  cursor: pointer;
  width: 1380px;
  height: 168px;
  margin: 16px auto 0;
  border-radius: 8px;
  overflow: hidden;
}
.search-main-content .banner img {
  width: 100%;
}
.search-main-content .hot-content {
  width: 1380px;
  margin: 16px auto 0;
  max-height: 499px;
  background: linear-gradient(180deg, #FFEBD9 0%, #FFFEFE 100%);
  border-radius: 8px;
  padding: 24px 14px 0;
  position: relative;
}
.search-main-content .hot-content .title {
  width: 92px;
  height: 19px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_4128bea673e5cbecd3773a6e7b64b35b.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .hot-content .top-bg {
  position: absolute;
  top: 7px;
  right: 23px;
  width: 236px;
  height: 67px;
  background: url('//pic.cgyouxi.com/orange/upload/202402/24756624_5942192561b4a6cbb8d29a7e0ae7b32a.png') no-repeat;
  background-size: 100% 100%;
}
.search-main-content .hot-content .hot-box {
  margin-top: 16px;
  max-height: 440px;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.search-main-content .hot-content .hot-box .work-item .tag-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 6px;
  border-radius: 4px;
}
.search-main-content .hot-content .hot-box .work-item .tag-icon.one {
  background: #FF7D77;
}
.search-main-content .hot-content .hot-box .work-item .tag-icon.two {
  background: #FFB026;
}
.search-main-content .hot-content .hot-box .work-item .tag-icon.three {
  background: #FF524A;
}
.search-main-content .hot-content .hot-box .work-item .tag-icon .text {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.search-main-content .loading,
.search-main-content .error {
  padding: 80px 100px;
}
.search-main-content .loading > img,
.search-main-content .error > img {
  display: block;
  margin: auto;
}
.search-main-content .loading > span,
.search-main-content .error > span {
  display: block;
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
}
.search-main-content .toast_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 9999;
}
.search-main-content .toast_bg span {
  text-align: center;
  display: inline-block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  line-height: 18px;
  font-size: 14px;
  top: 50%;
  left: 50%;
  max-width: 200px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}