::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #ccc;
}
::-webkit-scrollbar-track-piece {
  background-color: #f6f6f6;
  border-radius: 6px;
}
html,
body {
  width: 100vw;
  min-width: 1200px;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 14px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  overflow-x: hidden;
}
textarea {
  font-family: inherit;
  text-indent: 0;
  resize: none;
}
input {
  border: none;
  outline: none;
}
@-moz-document url-prefix() {
  input[type="text"] {
    border: none;
    outline: none;
  }
}
input:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #fff !important;
}
button,
textarea {
  border: none;
  outline: none;
}
textarea {
  font-family: "microsoft yahei";
}
em {
  color: #e80000;
  font-style: normal;
}
i {
  font-style: normal;
}
.v-enter-active,
.v-leave-active {
  transition: opacity 0.3s ease;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
[v-cloak] {
  display: none;
}
.f-e80000 {
  color: #e80000;
}
.flex {
  display: flex;
}
.flex-a {
  display: flex;
  align-items: center;
}
.fangsong {
  font-family: fangsong;
}
.pingfang {
  font-family: pingfang sc !important;
}
.underline {
  text-decoration: underline;
}
.t-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flex-c {
  display: flex;
  justify-content: center;
}
.flex-a {
  display: flex;
  align-items: center;
}
.flex-ac {
  display: flex;
  justify-content: center;
  align-items: center;
}
.f-14-999 {
  font-size: 14px;
  color: #999;
}
.f-14-bbb {
  font-size: 14px;
  color: #bbb;
}
.f-14-666 {
  font-size: 14px;
  color: #666;
}
.f-14-333 {
  font-size: 14px;
  color: #333;
}
.cursor {
  cursor: pointer;
}
.trans1 {
  transition: ease 0.1s;
}
.trans2 {
  transition: ease 0.2s;
}
.trans3 {
  transition: ease 0.3s;
}
.trans4 {
  transition: ease 0.4s;
}
._public-close-btn {
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -542px -123px;
}
._public-close-btn:hover {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -558px -123px;
}
.tc {
  text-align: center;
}
.icon-pay-way-wx {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -345px -594px;
}
.icon-pay-way-zfb {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -379px -594px;
}
:root {
  --color-primary: #e80000;
  --color-suspension: #ff2424;
  --transition-base: ease 0.3s;
}
.dialog-fade-enter-active {
  animation: slide-down-in ease 0.3s;
}
.dialog-fade-leave-active {
  animation: slide-down-out ease 0.3s;
}
.icon-loading-circle {
  animation: loading-circle 1s linear infinite;
}
@keyframes slide-down-in {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-down-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes loading-circle {
  100% {
    transform: rotate(1turn);
  }
}
.setDefaultClass {
  display: inline-block;
  background-repeat: no-repeat;
}
.iconMemberClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
}
.iconBbsClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/bbs_icon.png");
}
.iconToolsClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/home/image/icon-10-220325.png");
}
.iconUtilsClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
}
.iconSoftClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_soft.png");
}
.iconVerify {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon-verify.png");
}
.iconDialogClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/dialog_icon_v9.png");
}
.iconSearchClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_search_v2.png");
}
.iconVerifyClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_verify.png");
}
.iconOutfitClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/soft_outfit/image/soft_outfit_v1.png");
}
.iconHeaderClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_header_v3.png");
}
.iconOmV5Class {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/images/common/om_v5_icon_new.png");
}
.iconPinClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/pin/pin_icon_v2.png");
}
.iconIndexV3Class {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_indexV3_v2.png");
}
.iconCasesClass {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
}
.icon-1row-member-none {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -1px -1px;
}
.icon-1row-member-big {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -51px -1px;
}
.icon-1row-member-a {
  width: 12px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -75px -1px;
}
.icon-1row-member-b {
  width: 12px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -100px -1px;
}
.icon-1row-member-custom {
  width: 12px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -125px -1px;
}
.icon-1row-member-design {
  width: 18px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -254px -1px;
}
.icon-2row-member-none {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -1px -24px;
}
.icon-2row-member-big {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -62px -24px;
}
.icon-2row-member-a {
  width: 16px;
  height: 21px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -91px -21px;
}
.icon-2row-member-b {
  width: 16px;
  height: 21px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -122px -21px;
}
.icon-2row-member-custom {
  width: 16px;
  height: 21px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -152px -21px;
}
.icon-2row-member-design {
  width: 25px;
  height: 21px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -51px -21px;
}
.icon-3row-member-none {
  width: 19px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -3px -55px;
}
.icon-3row-member-big {
  width: 19px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -73px -55px;
}
.icon-3row-member-a {
  width: 20px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -107px -55px;
}
.icon-3row-member-b {
  width: 20px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -143px -55px;
}
.icon-3row-member-custom {
  width: 20px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -177px -55px;
}
.icon-4row-member-none {
  width: 32px;
  height: 37px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -4px -96px;
}
.icon-4row-member-big {
  width: 32px;
  height: 37px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -104px -96px;
}
.icon-4row-member-a {
  width: 32px;
  height: 46px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -154px -92px;
}
.icon-4row-member-b {
  width: 32px;
  height: 46px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -204px -92px;
}
.icon-4row-member-custom {
  width: 32px;
  height: 46px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -254px -92px;
}
.icon-5row-member-none {
  width: 52px;
  height: 57px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -8px -153px;
}
.icon-5row-member-big {
  width: 52px;
  height: 57px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -164px -153px;
}
.icon-5row-member-a {
  width: 53px;
  height: 69px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -241px -147px;
}
.icon-5row-member-b {
  width: 53px;
  height: 69px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -319px -147px;
}
.icon-5row-member-custom {
  width: 53px;
  height: 69px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -397px -147px;
}
.icon-certification {
  width: 18px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -270px -22px;
}
.icon-signing {
  width: 26px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -516px -23px;
}
.icon-channel {
  width:19px;height:19px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -29px -517px;
}
.icon-channel.active {
  background-position: -29px -551px;
}
.icon-down-samil {
  width:8px;height:5px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -90px -588px;
}
.icon-down-samil.active {
  background-position: -112px -588px;
}
.icon-grey-search {
  width:21px;height:21px;min-width:21px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -270px -515px;
}
.icon-camera {
  width:25px;height:21px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -304px -515px;
}
.icon-upload-new {
  width:21px;height:22px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -152px -523px;
}
.icon-upload-new.active {
  background-position: -152px -553px;
}
.icon-buy-new {
  width:21px;height:22px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -185px -523px;
}
.icon-buy-new.active {
  background-position: -185px -553px;
}
.icon-sign-new {
  width:21px;height:22px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/cases/icon_v5.png");
  background-position: -218px -523px;
}
.icon-sign-new.active {
  background-position: -218px -553px;
}
.arrow-b-icon {
  display: inline-block;
  background: url("https://down.om.cn/soft_outfit/image/soft_outfit_v1.png") no-repeat;
  width: 8px;
  height: 5px;
  background-position: -25px -222px;
}
.search-icon {
  display: inline-block;
  background: url("https://down.om.cn/soft_outfit/image/soft_outfit_v1.png") no-repeat;
  width: 18px;
  height: 18px;
  background-position: -38px -215px;
  cursor: pointer;
}
.search-icon:hover {
  background-position: -60px -215px;
}
.upload-btn-icon {
  display: inline-block;
  background: url("https://down.om.cn/soft_outfit/image/soft_outfit_v1.png") no-repeat;
  width: 18px;
  height: 18px;
  background-position: -86px -215px;
}
.c-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-title h3 {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #333;
  padding-left: 10px;
}
.c-title h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 6px;
  background-color: #ed0017;
  border-radius: 4px;
}
.c-title h3 span {
  font-size: 12px;
  color: #ccc;
}
.c-title .c-title-r .more-btn {
  width: 64px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #666666;
  background-color: #eeeeee;
  border-radius: 18px;
  transition: all 0.3s;
  display: inline-block;
}
.c-title .c-title-r .more-btn:hover {
  background-color: #e80000;
  color: #fff;
}
.view-soft-outfit {
  line-height: 1;
  background-color: #fff;
  margin-top: 70px;
}
.view-soft-outfit .inner {
  width: 1800px;
}
.view-soft-outfit img {
  display: block;
}
.view-soft-outfit .soft-outfit-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 440px;
  padding-top: 112px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.view-soft-outfit .soft-outfit-header .header-search {
  display: flex;
  margin-top: 24px;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main {
  display: flex;
  margin-right: 12px;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate {
  position: relative;
  color: #666;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate .check-cate {
  position: relative;
  width: 90px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px 0 0 20px;
  cursor: pointer;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate .check-cate::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #c6c6c6;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate .check-cate .arrow-b-icon {
  vertical-align: 2px;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate ul {
  position: absolute;
  display: none;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate ul li {
  height: 36px;
  width: 90px;
  line-height: 36px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate ul li:hover {
  color: #fff;
  background-color: #e80000;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate ul li:first-of-type {
  border-radius: 4px 4px 0 0;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate ul li:last-of-type {
  border-radius: 0 0 4px 4px;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-cate:hover ul {
  display: block;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-box {
  position: relative;
  width: auto;
  width: initial;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-box input {
  width: 476px;
  height: 40px;
  background-color: #fff;
  padding: 0 65px 0 10px;
  border-radius: 0 20px 20px 0;
}
.view-soft-outfit .soft-outfit-header .header-search .search-main .search-box .search-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.view-soft-outfit .soft-outfit-header .header-search .upload-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  background-color: #e80000;
  border-radius: 20px;
  color: #f0f0f0;
  cursor: pointer;
}
.view-soft-outfit .soft-outfit-header .hot-search-content {
  display: flex;
  width: 698px;
  color: #f0f0f0;
  margin-top: 18px;
}
.view-soft-outfit .soft-outfit-header .hot-search-content > span {
  width: 75px;
}
.view-soft-outfit .soft-outfit-header .hot-search-content ul {
  height: 15px;
  max-width: 600px;
  overflow: hidden;
}
.view-soft-outfit .soft-outfit-header .hot-search-content ul li {
  float: left;
  margin-right: 16px;
}
.view-soft-outfit .soft-outfit-header .hot-search-content ul li a {
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-header .hot-search-content ul li:hover a {
  color: #e80000;
  text-decoration: underline;
}
.view-soft-outfit .soft-outfit-main .banner-list {
  padding-top: 20px;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item {
  float: left;
  display: flex;
  align-items: center;
  width: 435px;
  height: 100px;
  padding-left: 30px;
  margin-right: 20px;
  border-radius: 4px;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item:last-of-type {
  margin-right: 0;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item .banner-icon {
  display: inline-block;
  background: url("https://down.om.cn/soft_outfit/image/soft_outfit_v1.png") no-repeat;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item .banner-text h3 {
  font-size: 18px;
  color: #29343c;
  margin-bottom: 12px;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item .banner-text p {
  color: #838f98;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-single {
  background-color: #eff8ff;
  border: solid 1px #bddff9;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-single:hover {
  background-color: #dbefff;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-single .banner-icon {
  background-position: -25px -138px;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-group {
  background-color: #fff9f0;
  border: solid 1px #f8dfb6;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-group:hover {
  background-color: #fff1db;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-group .banner-icon {
  background-position: -97px -138px;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-vip {
  background-color: #fff1f1;
  border: solid 1px #ffcbcb;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-vip:hover {
  background-color: #ffe2e2;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-vip .banner-icon {
  background-position: -169px -138px;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-pro {
  background-color: #f8eeff;
  border: solid 1px #ddbff2;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-pro:hover {
  background-color: #f2dfff;
}
.view-soft-outfit .soft-outfit-main .banner-list .banner-item-pro .banner-icon {
  background-position: -241px -138px;
}
.view-soft-outfit .soft-outfit-main .hot-cate {
  margin-top: 36px;
}
.view-soft-outfit .soft-outfit-main .hot-cate .hot-list {
  display: flex;
  margin-top: 26px;
}
.view-soft-outfit .soft-outfit-main .hot-cate .hot-list li {
  width: 128px;
  height: 128px;
  text-align: center;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-main .hot-cate .hot-list li:hover span {
  color: #e80000;
}
.view-soft-outfit .soft-outfit-main .hot-cate .hot-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.view-soft-outfit .soft-outfit-main .hot-cate .hot-list li a i {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  margin-bottom: 14px;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-main .hot-cate .hot-list li a span {
  color: #666;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-main .soft-model-main {
  padding-top: 30px;
  background-color: #f6f6f5;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .main-column .c-title {
  padding-bottom: 16px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .main-column .new-model-cover {
  display: block;
  width: 285px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .main-column .new-model-cover img {
  max-width: 100%;
  margin: 0 auto;
  border-radius: 4px 4px 0 0;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .main-column .new-model-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 14px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .main-column .new-model-info .info-title {
  color: #333;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .main-column .new-model-info .info-title:hover {
  color: #e80000;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new {
  padding-bottom: 30px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul {
  display: flex;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li {
  width: 285px;
  max-height: 335px;
  background-color: #fff;
  border-radius: 4px;
  margin: 0 7px 18px 7px;
  transition: all 0.3s;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li:hover {
  transform: translateY(-5px);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li .new-model-cover {
  height: 285px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li .new-model-info .info-title {
  max-width: 184px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li .new-model-info .info-id {
  font-size: 12px;
  color: #999999;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-pro .column-new-list ul li {
  max-height: 263px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-pro .column-new-list ul li .new-model-cover {
  height: 213px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-pro .column-new-list ul li .new-model-info .info-count {
  width: 46px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #e80000;
  border-radius: 11px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-ins .column-new-list ul li {
  max-height: 263px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-ins .column-new-list ul li .new-model-cover {
  height: 213px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-ins .column-new-list ul li .new-model-info .info-title {
  max-width: 250px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .c-title .c-title-r {
  display: flex;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .c-title .c-title-r .toggle-btn {
  display: flex;
  height: 36px;
  margin-right: 10px;
  background-color: #ffffff;
  border-radius: 18px 18px 18px 18px;
  border: solid 1px #dddddd;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .c-title .c-title-r .toggle-btn button {
  width: 64px;
  color: #666666;
  transition: all 0.3s;
  background-color: transparent;
  background-color: initial;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .c-title .c-title-r .toggle-btn button.action {
  color: #e80000;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .c-title .c-title-r .toggle-btn button:first-of-type {
  position: relative;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .c-title .c-title-r .toggle-btn button:first-of-type::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background-color: #dddddd;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .empty-data {
  padding: 30px 0;
  color: #999;
  text-align: center;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .collect-btn,
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-new-list .collect-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 60px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  border: solid 1px #ffffff;
  cursor: pointer;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .collect-btn:hover,
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-new-list .collect-btn:hover {
  background-color: #e80000;
  border: 1px solid transparent;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .collect-btn .collect-icon,
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-new-list .collect-btn .collect-icon {
  display: inline-block;
  background: url("https://down.om.cn/soft_outfit/image/soft_outfit_v1.png") no-repeat;
  width: 12px;
  height: 12px;
  background-position: -221px -220px;
  margin-right: 3px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .item,
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-new-list .item {
  width: 285px;
  background-color: #fff;
  border-radius: 4px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .item:hover,
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-new-list .item:hover {
  transform: translateY(-5px);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .item:hover .collect-btn,
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-new-list .item:hover .collect-btn {
  visibility: visible;
  opacity: 1;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many {
  position: relative;
  min-height: 500px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .item {
  position: absolute;
  left: -400px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .item .new-model-cover img {
  height: auto;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .column-list-many .item .new-model-info .info-title {
  max-width: 250px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .single .column-new-list {
  display: flex;
  flex-wrap: wrap;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .single .column-new-list .item {
  margin: 7px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .single .column-new-list .item .new-model-info .info-title {
  max-width: 184px;
}
.view-soft-outfit .soft-outfit-main .soft-model-main .column-rec .single .column-new-list .item .new-model-info .info-id {
  font-size: 12px;
  color: #999999;
}
@media screen and (max-width: 1800px) {
  .view-soft-outfit .inner {
    width: 1500px;
  }
  .view-soft-outfit .soft-outfit-main .banner-list .banner-item {
    width: 360px;
  }
  .view-soft-outfit .soft-outfit-main .hot-cate .hot-list li {
    width: 107px;
  }
  .view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li:nth-child(6n) {
    display: none;
  }
}
@media screen and (max-width: 1500px) {
  .view-soft-outfit .inner {
    width: 1200px;
  }
  .view-soft-outfit .soft-outfit-main .banner-list .banner-item {
    width: 285px;
  }
  .view-soft-outfit .soft-outfit-main .hot-cate .hot-list li {
    width: 86px;
  }
  .view-soft-outfit .soft-outfit-main .soft-model-main .column-new .column-new-list ul li:nth-child(n + 5) {
    display: none;
  }
}