::-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;
}
.icon-model-view {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -327px -174px;
}
.icon-model-collect {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -351px -174px;
}
.icon-convert-version {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -469px -175px;
}
.icon-vip-diamond {
  width: 17px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -500px -201px;
}
.icon-subscript-psd {
  width: 58px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -202px -535px;
}
.icon-subscript-single {
  width: 58px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -264px -535px;
}
.icon-subscript-vr-cr {
  width: 58px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -140px -535px;
}
.icon-subscript-cr {
  width: 58px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -78px -535px;
}
.icon-subscript-vr {
  width: 58px;
  height: 58px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/v5_icon_v20.png");
  background-position: -16px -535px;
}
.main {
  width: 1500px;
  margin: 0 auto;
}
.main .bread-detail-box {
  display: flex;
  align-items: center;
  color: #bbb;
  height: 25px;
  margin: 26px 0 28px;
}
.main .bread-detail-box .bread-menu-models {
  display: flex;
  align-items: center;
}
.main .bread-detail-box .bread-menu-models ul {
  display: flex;
  align-items: center;
}
.main .bread-detail-box .bread-menu-models ul li:not(:first-child):before {
  content: ">";
  margin: 0 4px;
  font-family: fangsong;
  font-weight: 700;
}
.main .bread-detail-box .bread-ad {
  margin-left: 12px;
}
.main .detail-area {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.main .detail-area .side-operate {
  position: absolute;
  top: 0;
  left: -54px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  width: 44px;
}
.main .detail-area .side-operate > ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 60px;
  cursor: pointer;
}
.main .detail-area .side-operate > ul > li > div {
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.main .detail-area .side-operate > ul > li > div span {
  font-size: 12px;
  margin-top: 3px;
  color: #666;
}
.main .detail-area .side-operate > ul > li > .active > i {
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png") !important;
  background-position: -565px -101px !important;
}
.main .detail-area .side-operate > ul > li > .active > span {
  color: #e80000;
}
.main .detail-area .side-operate > ul > li:last-child > div {
  border: none;
}
.main .detail-area .side-operate > ul > li:hover > div span {
  color: #e80000;
}
.main .detail-area .side-operate > ul > li:hover > div i.icon-detail-collect {
  background-position: -474px -345px;
}
.main .detail-area .side-operate > ul > li:hover > div i.icon-detail-inventory {
  background-position: -496px -345px;
}
.main .detail-area .side-operate > ul > li:hover > div i.icon-detail-share {
  background-position: -517px -345px;
}
.main .detail-area .side-operate > ul > li:hover > div i.icon-detail-report {
  background-position: -540px -345px;
}
.main .detail-area .side-operate > ul > li:hover > div i.icon-detail-report-an-error {
  background-position: -562px -345px;
}
.main .detail-area .side-operate > ul .active > div > i {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  background-position: -565px -101px;
}
.main .detail-area .side-operate > ul .active > div > span {
  color: #e80000;
}
.main .detail-area .side-operate > ul .active:hover > div > i {
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png") !important;
  background-position: -565px -101px !important;
}
.main .detail-area .side-operate .model-error-popup .follow-dialog-title h4 {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.main .detail-area .side-operate .model-error-popup .content {
  padding: 30px;
}
.main .detail-area .side-operate .model-error-popup .content p {
  margin-bottom: 20px;
}
.main .detail-area .side-operate .model-error-popup .content ul {
  display: flex;
  flex-wrap: wrap;
}
.main .detail-area .side-operate .model-error-popup .content ul li {
  flex: 0 0 50%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}
.main .detail-area .side-operate .model-error-popup .content ul li i {
  margin-right: 5px;
}
.main .detail-area .side-operate .model-error-popup .content textarea {
  width: 496px;
  height: 90px;
  border: 1px solid #ddd;
  color: #333;
  padding: 10px 20px;
  font-size: 14px;
  resize: none;
  margin-bottom: 20px;
}
.main .detail-area .side-operate .model-error-popup .content .footer-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main .detail-area .side-operate .model-error-popup .content .footer-btn button {
  width: 120px;
  height: 36px;
}
.main .detail-area .side-operate .model-error-popup .content .footer-btn button:first-child {
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #999;
  margin-right: 20px;
}
.main .detail-area .side-operate .model-error-popup .content .footer-btn button:last-child {
  background-color: #e80000;
  border-radius: 3px;
  color: #fff;
}
.main .detail-area .side-detail {
  width: 400px;
  display: flex;
  flex-direction: column;
}
.main .detail-area .side-detail * {
  line-height: 1;
}
.main .detail-area .side-detail .download-btn-box {
  width: 400px;
  height: 68px;
  transition: ease 0.2s;
  display: flex;
  align-items: center;
}
.main .detail-area .side-detail .download-btn-box .download-btn-3vj {
  margin-right: 20px;
}
.main .detail-area .side-detail .download-btn-box > button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.main .detail-area .side-detail .download-btn-box > button:first-child {
  background-color: #169bd5;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  width: 120px;
}
.main .detail-area .side-detail .download-btn-box > button:first-child:hover {
  background-color: #04aff8;
  transition: ease 0.2s;
}
.main .detail-area .side-detail .download-btn-box > button:last-child {
  background-color: #dc0000;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  flex: 1;
}
.main .detail-area .side-detail .download-btn-box > button:last-child:hover {
  background-color: #e80000;
  transition: ease 0.2s;
}
.main .detail-area .side-detail .download-btn-box > button span {
  color: #fff;
}
.main .detail-area .side-detail .download-btn-box > button span.download-text {
  font-size: 18px;
  font-weight: bold;
}
.main .detail-area .side-detail .download-btn-box > button span.copywriting {
  font-size: 14px;
  margin-top: 11px;
}
.main .detail-area .side-detail .take-down {
  background-color: #c2c2c2 !important;
}
.main .detail-area .side-detail .take-down > button .download-text {
  color: #999 !important;
}
.main .detail-area .side-detail .take-down:hover {
  background-color: #c2c2c2 !important;
}
.main .detail-area .side-detail .price-column-outer {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 82px;
  margin-top: 20px;
}
.main .detail-area .side-detail .price-column-outer .segmentation {
  font-size: 14px;
  padding: 0 16px;
  color: #bbb;
  margin-top: 6px;
}
.main .detail-area .side-detail .price-column-outer .diamond {
  margin-right: 4px;
  margin-top: 6px;
}
.main .detail-area .side-detail .price-column-outer .guide-price > div {
  border-right: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
}
.main .detail-area .side-detail .price-column-outer .guide-price > div span {
  color: #999;
}
.main .detail-area .side-detail .price-column-outer .guide-price > div span > del b {
  font-size: 16px;
}
.main .detail-area .side-detail .price-column-outer .reality-price * {
  color: #333;
}
.main .detail-area .side-detail .price-column-outer .reality-price > span {
  font-size: 16px !important;
}
.main .detail-area .side-detail .price-column-outer .reality-price > span {
  margin-top: 7px;
}
.main .detail-area .side-detail .price-column-outer .reality-price strong {
  font-size: 26px;
}
.main .detail-area .side-detail .price-column-outer .reality-price strong span {
  font-weight: normal;
  font-size: 16px;
  padding-left: 3px;
}
.main .detail-area .side-detail .price-column-outer .guide-price,
.main .detail-area .side-detail .price-column-outer .reality-price {
  display: flex;
  justify-content: center;
}
.main .detail-area .side-detail .price-column-outer .guide-price span,
.main .detail-area .side-detail .price-column-outer .reality-price span,
.main .detail-area .side-detail .price-column-outer .guide-price strong,
.main .detail-area .side-detail .price-column-outer .reality-price strong {
  text-align: center;
}
.main .detail-area .side-detail .price-column-outer .guide-price span,
.main .detail-area .side-detail .price-column-outer .reality-price span {
  font-size: 14px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price * {
  color: #e80000;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price i {
  margin-left: 4px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong {
  font-size: 18px;
  color: #ff9900;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong * {
  line-height: 1;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong em,
.main .detail-area .side-detail .price-column-outer .exclusive-price strong span {
  color: #ff9900;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type {
  font-size: 16px;
  font-weight: normal;
  margin-top: 6px;
  position: relative;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type > em {
  text-decoration: underline;
  cursor: pointer;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .hint-bubble {
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #999;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  padding: 0 14px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .hint-bubble:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background-color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .repeat-download-bubble {
  position: absolute;
  left: 50%;
  top: -32px;
  transform: translateX(-50%);
  width: 116px;
  height: 22px;
  background-color: #ffe6c3;
  color: #333;
  text-align: center;
  line-height: 22px;
  border-radius: 5px;
  font-size: 12px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .repeat-download-bubble:before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background-color: #ffe6c3;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom: 1px solid #ffe6c3;
  border-right: 1px solid #ffe6c3;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type > em:hover + .hint-bubble {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:last-of-type {
  font-size: 26px;
  color: #f90;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:last-of-type span {
  font-size: 16px;
  font-weight: 400;
  vertical-align: middle;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price p {
  width: 116px;
  height: 18px;
  background-color: #fff9d2;
  border-radius: 9px;
  line-height: 19px;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}
.main .detail-area .side-detail .price-column-outer {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 82px;
  margin-top: 20px;
}
.main .detail-area .side-detail .price-column-outer .segmentation {
  padding: 0 16px;
  color: #bbb;
  margin-top: 6px;
  font-size: 14px;
}
.main .detail-area .side-detail .price-column-outer .diamond {
  margin-right: 4px;
  margin-top: 6px;
}
.main .detail-area .side-detail .price-column-outer .guide-price > div {
  border-right: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
}
.main .detail-area .side-detail .price-column-outer .guide-price > div span {
  color: #999;
}
.main .detail-area .side-detail .price-column-outer .guide-price > div span > del b {
  font-size: 16px;
}
.main .detail-area .side-detail .price-column-outer .reality-price * {
  color: #333;
}
.main .detail-area .side-detail .price-column-outer .reality-price > span {
  font-size: 16px !important;
}
.main .detail-area .side-detail .price-column-outer .reality-price > span {
  margin-top: 7px;
}
.main .detail-area .side-detail .price-column-outer .reality-price strong {
  font-size: 26px;
}
.main .detail-area .side-detail .price-column-outer .reality-price strong span {
  font-weight: normal;
  font-size: 16px;
  padding-left: 3px;
}
.main .detail-area .side-detail .price-column-outer .guide-price,
.main .detail-area .side-detail .price-column-outer .reality-price {
  display: flex;
  justify-content: center;
}
.main .detail-area .side-detail .price-column-outer .guide-price span,
.main .detail-area .side-detail .price-column-outer .reality-price span,
.main .detail-area .side-detail .price-column-outer .guide-price strong,
.main .detail-area .side-detail .price-column-outer .reality-price strong {
  text-align: center;
}
.main .detail-area .side-detail .price-column-outer .guide-price span,
.main .detail-area .side-detail .price-column-outer .reality-price span {
  font-size: 14px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price * {
  color: #e80000;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price i {
  margin-left: 4px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong {
  font-size: 18px;
  color: #ff9900;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong * {
  line-height: 1;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong em,
.main .detail-area .side-detail .price-column-outer .exclusive-price strong span {
  color: #ff9900;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type {
  font-size: 16px;
  font-weight: normal;
  margin-top: 6px;
  position: relative;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type > em {
  text-decoration: underline;
  cursor: pointer;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .hint-bubble {
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #999;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  padding: 0 14px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .hint-bubble:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background-color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .repeat-download-bubble {
  position: absolute;
  left: 50%;
  top: -32px;
  transform: translateX(-50%);
  width: 116px;
  height: 22px;
  background-color: #ffe6c3;
  color: #333;
  text-align: center;
  line-height: 22px;
  border-radius: 5px;
  font-size: 12px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type .repeat-download-bubble:before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background-color: #ffe6c3;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom: 1px solid #ffe6c3;
  border-right: 1px solid #ffe6c3;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:first-of-type > em:hover + .hint-bubble {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:last-of-type {
  font-size: 26px;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price strong:last-of-type span {
  font-size: 16px;
  font-weight: normal;
  vertical-align: middle;
}
.main .detail-area .side-detail .price-column-outer .exclusive-price p {
  width: 116px;
  height: 18px;
  background-color: #fff9d2;
  border-radius: 9px;
  line-height: 19px;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}
.main .detail-area .side-detail .price-column-effect {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 82px;
  margin-top: 20px;
}
.main .detail-area .side-detail .price-column-effect .tag {
  font-size: 20px;
  font-weight: normal;
  color: #333;
  transition: ease 0.3s;
}
.main .detail-area .side-detail .price-column-effect .tag > span {
  text-decoration: underline;
  cursor: pointer;
}
.main .detail-area .side-detail .price-column-effect .tag:hover {
  color: #e80000;
  transition: ease 0.3s;
}
.main .detail-area .side-detail .price-column-effect .price {
  font-size: 36px;
  margin-bottom: 8px;
  font-family: Arial-bold;
}
.main .detail-area .side-detail .price-column-effect .price > span {
  font-size: 20px;
  font-weight: normal;
  vertical-align: middle;
  margin-left: 5px;
}
.main .detail-area .side-detail .price-column-model {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 94px;
  margin-top: 20px;
}
.main .detail-area .side-detail .price-column-model * {
  line-height: 1;
}
.main .detail-area .side-detail .price-column-model .public-price {
  display: flex;
  align-items: flex-end;
}
.main .detail-area .side-detail .price-column-model .public-price .left-pri {
  display: flex;
  flex-direction: column;
}
.main .detail-area .side-detail .price-column-model .public-price .left-pri .original i,
.main .detail-area .side-detail .price-column-model .public-price .left-pri .subsidy i {
  text-align: justify;
  text-justify: distribute-all-lines;
  -moz-text-align-last: justify;
  text-align-last: justify;
  min-width: 64px;
  display: inline-block;
}
.main .detail-area .side-detail .price-column-model .public-price .left-pri .original {
  font-size: 14px;
  color: #666;
  margin-bottom: 14px;
}
.main .detail-area .side-detail .price-column-model .public-price .left-pri .subsidy {
  color: #333;
  font-size: 16px;
  display: flex;
  align-items: flex-end;
}
.main .detail-area .side-detail .price-column-model .public-price .left-pri .subsidy i {
  margin-bottom: 3px;
}
.main .detail-area .side-detail .price-column-model .public-price .left-pri .subsidy > span em {
  font-size: 30px;
  color: #ff9900;
  font-weight: bold;
}
.main .detail-area .side-detail .price-column-model .public-price .right-pri {
  margin-left: 58px;
  color: #e80000;
  display: flex;
  align-items: flex-end;
  font-size: 16px;
}
.main .detail-area .side-detail .price-column-model .public-price .right-pri > em {
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 3px;
}
.main .detail-area .side-detail .price-column-model .public-price .right-pri > span {
  font-size: 30px;
  font-weight: bold;
}
.main .detail-area .side-detail .price-column-model .public-price .right-pri > i {
  margin-left: 3px;
}
.main .detail-area .side-detail .price-column-model .sale-price {
  display: flex;
  align-items: center;
}
.main .detail-area .side-detail .price-column-model .sale-price .special,
.main .detail-area .side-detail .price-column-model .sale-price .original {
  display: flex;
  align-items: flex-end;
}
.main .detail-area .side-detail .price-column-model .sale-price .special > em,
.main .detail-area .side-detail .price-column-model .sale-price .original > em {
  margin-bottom: 2px;
  font-size: 30px;
  font-weight: bold;
}
.main .detail-area .side-detail .price-column-model .sale-price .special > span,
.main .detail-area .side-detail .price-column-model .sale-price .original > span {
  margin-bottom: 4px;
  margin-left: 3px;
}
.main .detail-area .side-detail .price-column-model .sale-price .special {
  color: #e80000;
}
.main .detail-area .side-detail .price-column-model .sale-price .slash {
  padding: 0 40px;
  font-size: 16px;
  color: #bbb;
}
.main .detail-area .side-detail .price-column-model .sale-price .original {
  color: #333;
}
.main .detail-area .side-detail .price-column-model .sale-price .original > em {
  color: #333;
}
.main .detail-area .details {
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  overflow: hidden;
  padding: 30px;
  margin-top: 20px;
  flex: 1;
}
.main .detail-area .details .subscript {
  position: absolute;
  top: 0;
  right: 0;
}
.main .detail-area .details .title-info {
  border-bottom: 1px solid #eee;
}
.main .detail-area .details .title-info h1 {
  color: #333;
  font-weight: bold;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 25px;
}
.main .detail-area .details .title-info .quantity {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.main .detail-area .details .title-info .quantity .quantity-l {
  display: flex;
}
.main .detail-area .details .title-info .quantity .quantity-l > span {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #999;
  margin-right: 16px;
}
.main .detail-area .details .title-info .quantity .quantity-l > span i {
  margin-right: 5px;
}
.main .detail-area .details .title-info .quantity .quantity-l > span:last-child {
  margin-right: 0;
}
.main .detail-area .details .title-info .quantity .quantity-r {
  display: flex;
  align-items: center;
}
.main .detail-area .details .title-info .quantity .quantity-r span {
  font-size: 14px;
  color: #333;
}
.main .detail-area .details .title-info .quantity .quantity-r button {
  font-size: 12px;
  border-radius: 3px;
  padding: 2px 3px;
  border: 1px solid #bbb;
  color: #bbb;
  margin-left: 5px;
  transition: ease 0.2s;
  background-color: transparent;
}
.main .detail-area .details .title-info .quantity .quantity-r button:hover {
  color: #666;
  border-color: #666;
  transition: ease 0.2s;
}
.main .detail-area .details .model-info ul {
  margin-top: 10px;
}
.main .detail-area .details .model-info ul li {
  height: 40px;
  display: flex;
  align-items: center;
}
.main .detail-area .details .model-info ul li > div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .detail-area .details .model-info ul li > div > div {
  display: flex;
  align-items: center;
}
.main .detail-area .details .model-info ul li > div > div p {
  color: #999;
  font-size: 14px;
}
.main .detail-area .details .model-info ul li > div > div span {
  color: #333333;
}
.main .detail-area .details .model-info ul li > div .convert-version {
  display: flex;
  align-items: center;
  color: #e80000;
  border: 1px solid #e80000;
  border-radius: 3px;
  padding: 2px 3px;
  transition: ease 0.2s;
  background-color: transparent;
}
.main .detail-area .details .model-info ul li > div .convert-version i {
  margin-right: 3px;
}
.main .detail-area .details .model-info ul li > div .convert-version:hover {
  color: #fff;
  background-color: #e80000;
  transition: ease 0.2s;
}
.main .detail-area .details .model-info ul li > div .convert-version:hover i {
  background-position: -485px -175px;
}
.main .detail-area .details .model-info ul li > p {
  font-size: 14px;
  color: #999;
}
.main .detail-area .details .model-info ul li > span {
  font-size: 14px;
  color: #333;
}
.main .detail-area .details .model-info ul li em {
  color: #e80000;
  border: 1px solid #e80000;
  border-radius: 3px;
  padding: 2px 3px;
  font-size: 12px;
  margin-right: 10px;
}
.main .detail-area .details .have-ad-user-info {
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 5px;
  height: 50px;
}
.main .detail-area .details .have-ad-user-info .info {
  display: flex;
  align-items: center;
  position: relative;
}
.main .detail-area .details .have-ad-user-info .info .avatar {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  overflow: hidden;
}
.main .detail-area .details .have-ad-user-info .info .username {
  font-size: 14px;
  margin-left: 8px;
  margin-right: 3px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 152px;
}
.main .detail-area .details .have-ad-user-info .info > i {
  cursor: pointer;
  position: relative;
}
.main .detail-area .details .have-ad-user-info .info > i:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}
.main .detail-area .details .have-ad-user-info .info > i .tooltip {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.main .detail-area .details .have-ad-user-info .info > i .tooltip:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background-color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.main .detail-area .details .have-ad-user-info .info > i .tooltip .tooltip-text {
  background: #fff;
  border-radius: 5px;
  padding: 5px 4px;
  font-size: 12px;
  text-align: center;
}
.main .detail-area .details .have-ad-user-info .info > i .tooltip-icon-signing-2row:before {
  border-top: 1px solid #39a5fb;
  border-left: 1px solid #39a5fb;
}
.main .detail-area .details .have-ad-user-info .info > i .tooltip-icon-signing-2row .tooltip-text {
  border: 1px solid #39a5fb;
  color: #39a5fb;
}
.main .detail-area .details .have-ad-user-info .focus-on {
  font-size: 12px;
  color: #bbb;
  border: 1px solid #bbb;
  width: 64px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: ease 0.2s;
}
.main .detail-area .details .have-ad-user-info .focus-on:hover {
  color: #666;
  border-color: #666;
  transition: ease 0.2s;
}
.main .detail-area .details .not-ad-user-info {
  margin-top: 10px;
  background-color: #f6f6f6;
  padding: 0 20px;
  border-radius: 5px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .detail-area .details .not-ad-user-info .info {
  display: flex;
}
.main .detail-area .details .not-ad-user-info .info .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.main .detail-area .details .not-ad-user-info .info .avatar img {
  width: 100%;
  height: 100%;
}
.main .detail-area .details .not-ad-user-info .info .info-r {
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main .detail-area .details .not-ad-user-info .info .info-r .username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 140px;
}
.main .detail-area .details .not-ad-user-info .info .info-r .certification {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.main .detail-area .details .not-ad-user-info .info .info-r .certification span {
  padding: 4px 6px;
  border-radius: 15px;
  font-size: 12px;
  margin-left: 3px;
}
.main .detail-area .details .not-ad-user-info .info .info-r .certification-icon-signing-2row span {
  color: #39adfb;
  border: 1px solid #39adfb;
  text-align: center;
}
.main .detail-area .details .not-ad-user-info .focus-on {
  font-size: 12px;
  color: #bbb;
  border: 1px solid #bbb;
  width: 64px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: ease 0.2s;
}
.main .detail-area .details .not-ad-user-info .focus-on:hover {
  color: #666;
  border-color: #666;
  transition: ease 0.2s;
}
.main .detail-area .details .toggle-model {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.main .detail-area .details .toggle-model a {
  max-width: 148px;
  color: #999;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .detail-area .details .toggle-model a:hover {
  color: #e80000;
}
.main .detail-area .details .promote-area {
  height: 130px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
.main .detail-area .details .promote-area .swiper-item {
  background-repeat: no-repeat !important;
}
.main .detail-area .details .promote-area .swiper-item {
  position: absolute;
  display: block;
  max-height: 340px;
  min-height: 130px;
  width: 100%;
  opacity: 0;
  z-index: 1;
  transition: all 1s;
}
.main .detail-area .details .promote-area .swiper-active {
  opacity: 1;
  z-index: 3;
}
.main .detail-area .details .promote-area .swiper-dots {
  position: absolute;
  bottom: 14px;
  right: 20px;
  display: flex;
  z-index: 3;
}
.main .detail-area .details .promote-area .swiper-dots li {
  width: 26px;
  height: 3px;
  margin-right: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  cursor: pointer;
  transition: all 1s;
}
.main .detail-area .details .promote-area .swiper-dots .active {
  background-color: #e80000;
  transition: all 1s;
}
.main .detail-area .details .may-be-looking-for {
  border-top: 1px solid #f6f6f6;
  padding-top: 5px;
}
.main .detail-area .details .may-be-looking-for .possible {
  font-size: 14px;
  color: #999;
  height: 30px;
  line-height: 30px;
}
.main .detail-area .details .may-be-looking-for > ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
}
.main .detail-area .details .may-be-looking-for > ul li > a {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .detail-area .details .may-be-looking-for > ul li > a:hover {
  color: #e80000;
}
.main .detail-area .details .may-be-looking-for > ul li .heat {
  font-size: 14px;
  color: #bbb;
  flex: none;
}
.main .swiper-wrap-box {
  z-index: 5;
  background-color: #fff;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  width: 1070px;
}
.main .swiper-wrap-box > img {
  width: 100%;
  height: calc(100% - 68px);
  -o-object-fit: cover;
     object-fit: cover;
}
.main .swiper-wrap-box .carousel-wrap-vr {
  position: relative;
  width: 1070px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .swiper-wrap-box .carousel-wrap-vr .not-img-box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main .swiper-wrap-box .carousel-wrap-vr .not-img-box > p {
  font-size: 14px;
  color: #999;
  margin-top: 30px;
}
.main .swiper-wrap-box .carousel-wrap {
  position: relative;
  width: 1070px;
}
.main .swiper-wrap-box .carousel-wrap .resemblance {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 9;
  background-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 5px;
}
.main .swiper-wrap-box .carousel-wrap .swiper-button-prev,
.main .swiper-wrap-box .carousel-wrap .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://down.om.cn/common/icon_utils_v11.png");
  width: 36px;
  height: 54px;
  display: none;
}
.main .swiper-wrap-box .carousel-wrap .swiper-button-prev:after,
.main .swiper-wrap-box .carousel-wrap .swiper-button-next:after {
  content: none;
}
.main .swiper-wrap-box .carousel-wrap .swiper-button-prev {
  right: 18px;
  background-position: -184px -257px;
}
.main .swiper-wrap-box .carousel-wrap .swiper-button-prev:hover {
  background-position: -224px -257px;
}
.main .swiper-wrap-box .carousel-wrap .swiper-button-next {
  right: 18px;
  background-position: -264px -257px;
}
.main .swiper-wrap-box .carousel-wrap .swiper-button-next:hover {
  background-position: -304px -257px;
}
.main .swiper-wrap-box .carousel-wrap:hover .swiper-button-prev,
.main .swiper-wrap-box .carousel-wrap:hover .swiper-button-next {
  display: block;
}
.main .swiper-wrap-box .carousel-wrap .swiper-mask {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 9;
  width: 100%;
  height: 100%;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDMEY3QzcxNkIxODExRTlBNDM5QzRFN0E4QzQzNTgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDMEY3QzcyNkIxODExRTlBNDM5QzRFN0E4QzQzNTgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkMwRjdDNkY2QjE4MTFFOUE0MzlDNEU3QThDNDM1ODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkMwRjdDNzA2QjE4MTFFOUE0MzlDNEU3QThDNDM1ODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz69ctUsAAADFElEQVR42rSWWUhUYRTH75jZQqVSkZpppQaOhFRU0gZFkNRDvVWEEC1QDz5kBFagESVEJOKDtkkUkeKDrSZRthhJGxWFYCQkFthCafuiOf0O/SWxmXGu5IEfd5mz3O+c851vHCeI+Hw+L+yFemj3/ZX3UAf5kOy4EE+AQKlcCiFTr57CA3gtm1iYAUmmDmdgq8fjee64FYJthh/wHYogpY8MHIQO+AJZboMVKGW3u1PFNdocwWGogWoohZUwSjpp8ES229yszOQcDBF58FkrsJqdgJNwC35BmwWAcBgBV+VjVV/BUpXGOwo0Fu7CVzVGlB8b09knu2sQaSuGBvgEE4IFrFHNkhXQgr2E9AD622E3JMEceAu1MAimQ6dlI1jhTYr0nKeVpQf5wE1wXatbD/OU9mz9flxBx/sz3qOAKWoQq1l+iHVfI8eZUKyVDoVZ8pnjz8g2daPus/SlUS4722qfoCDLwAOvrAF764eBV5vaZAHUs4HbXeymI/AGmxauDTCfexsGD+X7n4CRmiAm8dDsalT9mS62TbyyTdBP5nOMv4A9R5wv0LjrQz5Cp2y7gimGQxvE6PkFpLmNxipLVM9JXB7rdZyl2l/RbYI06X61JsjofszgyWqaJWoa69gqf4q7pOjVpLBjqKAfAQ9BK0TAXPnM9qc4RT+W6jlXU2e2i2CLlZmNeq6AnxATyOC0FGymDoabSklGiME+wAWlMgO6oCyYUZLOs0cwXIP4hkbXAYjzY5MIJZo01bKzSdWkU2RcX1+6VqmtlbEdOTnwTu/tY6rgbI+zr1VzNcymE9zX6paHWotcOTKHU/VuGKyAQtWmHPbDUjtZpDMTnsn2GyxUA0aHEjRL6bVUHYVpAfS663VKq7I0ZutY6xDmY0coQRO1mi59tTk5rw8og4sazj45PQaxsl0kO6vrFenYSeIJJfBE/YW4BC1auR1fzerKLb0bSuk3Wac9WaFnu0Y4/1vU4Y3alxuU+mIFLXcGQvR/556C7NS7Sku/M1CC85FwWUErNRzqnIEU1bBMjWVnZvxvAQYAXziblnz2bZEAAAAASUVORK5CYII="), auto;
}
.main .swiper-wrap-box .carousel-wrap .picture-proportion {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main .swiper-wrap-box .carousel-wrap .picture-proportion .watermark {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 240px;
  height: 40px;
  background-image: url("https://down.om.cn/common/watermark/id-mask_1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .swiper-wrap-box .carousel-wrap .preview-pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 760px;
}
.main .swiper-wrap-box .thumbnail {
  height: 68px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 40px;
  background-color: #fff;
}
.main .swiper-wrap-box .thumbnail .arrow .toggle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-around;
  cursor: pointer;
}
.main .swiper-wrap-box .thumbnail .arrow .toggle:first-of-type {
  left: 30px;
}
.main .swiper-wrap-box .thumbnail .arrow .toggle:last-of-type {
  right: 30px;
}
.main .swiper-wrap-box .thumbnail .arrow .toggle:hover:first-child i {
  background-position: -341px -199px;
}
.main .swiper-wrap-box .thumbnail .arrow .toggle:hover:last-child i {
  background-position: -370px -199px;
}
.main .swiper-wrap-box .thumbnail ul {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  overflow: auto hidden;
  width: 1056px;
  height: 46px;
  display: flex;
  justify-content: center;
}
.main .swiper-wrap-box .thumbnail ul li {
  overflow: hidden;
  cursor: pointer;
  width: 46px;
  height: 100%;
  border-radius: 5px;
  margin-right: 10px;
  flex-shrink: 0;
}
.main .swiper-wrap-box .thumbnail ul li img {
  max-width: 100%;
  max-height: 100%;
  border: 2px solid transparent;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: ease 0.3s;
}
.main .swiper-wrap-box .thumbnail ul li.active {
  transition: ease 0.3s;
}
.main .swiper-wrap-box .thumbnail ul li.active img {
  border: 2px solid #e80000;
  transition: ease 0.3s;
}
.main .swiper-wrap-box .thumbnail ul li:last-of-type {
  margin-right: 0;
}
.main .swiper-wrap-box .thumbnail.remaining-display {
  justify-content: flex-start;
  margin: 0 10px;
}
.main .swiper-wrap-box .thumbnail::-webkit-scrollbar {
  height: 0;
}
.main .recommended-list {
  margin-top: 30px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 32px 30px 40px;
}
.main .recommended-list .tab ul {
  display: flex;
  align-items: center;
}
.main .recommended-list .tab ul li {
  color: #333;
  font-size: 14px;
  margin-right: 30px;
  padding-bottom: 10px;
  margin-bottom: 22px;
  cursor: pointer;
}
.main .recommended-list .tab ul .active {
  font-size: 20px;
  border-bottom: 1px solid #e80000;
}
.main .recommended-list .each-box {
  width: 100%;
}
.main .recommended-list .each-box > li {
  width: 270px;
  margin-right: 20px;
  margin-bottom: 30px;
}
.main .recommended-list .each-box > li > a {
  width: 270px;
  height: 270px;
}
.main .recommended-list .each-box > li:nth-of-type(5n) {
  margin-right: 0;
}
.main .recommended-related {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-top: 30px;
  display: flex;
  padding: 10px 0 20px;
  overflow: hidden;
}
.main .recommended-related * {
  line-height: 1;
}
.main .recommended-related .question,
.main .recommended-related .soft {
  padding: 0 30px;
  width: 750px;
}
.main .recommended-related .question .title,
.main .recommended-related .soft .title {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .recommended-related .question .title h3,
.main .recommended-related .soft .title h3 {
  font-size: 20px;
  color: #333;
  font-weight: normal;
}
.main .recommended-related .question .title a,
.main .recommended-related .soft .title a {
  font-size: 14px;
  color: #999;
}
.main .recommended-related .question {
  border-right: 1px solid #eeeeee;
}
.main .recommended-related .question .question-list li {
  height: 50px;
  display: flex;
  align-items: center;
}
.main .recommended-related .question .question-list li a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .recommended-related .question .question-list li a > div {
  display: flex;
  align-items: center;
}
.main .recommended-related .question .question-list li a i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #333;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.main .recommended-related .question .question-list li a span {
  font-size: 14px;
  color: #333;
  width: 532px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .recommended-related .question .question-list li a p {
  font-size: 14px;
  color: #ccc;
}
.main .recommended-related .question .question-list li:hover span {
  color: #e80000;
}
.main .recommended-related .soft .soft-list li {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.main .recommended-related .soft .soft-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.main .recommended-related .soft .soft-list li a span {
  color: #333;
  font-size: 14px;
  width: 572px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .recommended-related .soft .soft-list li a p {
  color: #ccc;
  font-size: 14px;
}
.main .recommended-related .soft .soft-list li a:hover span,
.main .recommended-related .soft .soft-list li a:hover p {
  color: #e80000;
}
.main .recommendation-model {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-top: 30px;
  padding: 28px 30px;
}
.main .recommendation-model .tab {
  display: flex;
  align-items: center;
}
.main .recommendation-model .tab button {
  color: #999;
  font-size: 20px;
  padding: 0 30px;
  border-right: 1px solid #dddddd;
  background-color: transparent;
}
.main .recommendation-model .tab button:first-child {
  padding-left: 0;
}
.main .recommendation-model .tab button:last-child {
  border-right: none;
}
.main .recommendation-model .tab .active {
  color: #333;
}
.main .recommendation-model .tab .active span {
  border-bottom: 1px solid #e80000;
  padding-bottom: 12px;
}
.main .recommendation-model .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 36px;
}
.main .recommendation-model .list li {
  margin-right: 30px;
  margin-bottom: 15px;
}
.main .recommendation-model .list li a {
  color: #666;
  font-size: 12px;
}
.main .recommendation-model .list li a:hover {
  color: #e80000;
}
.main .explanation {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin: 30px 0 50px;
  padding: 0 30px;
}
.main .explanation ul li {
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}
.main .explanation ul li h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 22px;
  font-weight: normal;
}
.main .explanation ul li p {
  color: #999;
  font-size: 14px;
  line-height: 30px;
}
.main .explanation ul li p a {
  color: #333;
  text-decoration: underline;
}
.main .explanation ul li p a:hover {
  color: #e80000;
}
.main .explanation ul li:last-child {
  border-bottom: none;
}
.main .larger-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}
.main .larger-image .full-screen,
.main .larger-image .full-screen-zoom {
  top: 0;
  right: 40px;
}
.main .larger-image .close {
  top: 0;
  right: 0;
}
.main .larger-image .prev-change,
.main .larger-image .next-change {
  top: 50%;
  transform: translateY(-50%);
}
.main .larger-image .prev-change {
  left: 0;
}
.main .larger-image .next-change {
  right: 0;
}
.main .larger-image .feat {
  display: inline-block;
  background-image: url(https://down.om.cn/model/common/icon-fullsizable.png);
  z-index: 101;
  cursor: pointer;
  position: fixed;
}
.main .larger-image .feat.icon-full-screen {
  width: 32px;
  height: 32px;
  background-position: -96px 0;
}
.main .larger-image .feat.icon-full-screen:hover {
  background-position: -96px -32px;
}
.main .larger-image .feat.icon-full-screen-zoom {
  width: 32px;
  height: 32px;
  background-position: -96px -64px;
}
.main .larger-image .feat.icon-full-screen-zoom:hover {
  background-position: -96px -96px;
}
.main .larger-image .feat.icon-close {
  width: 32px;
  height: 32px;
  background-position: -64px 0;
}
.main .larger-image .feat.icon-close:hover {
  background-position: -64px -32px;
}
.main .larger-image .feat.icon-prev-change {
  width: 32px;
  height: 126px;
  background-position: 0 0;
}
.main .larger-image .feat.icon-prev-change:hover {
  background-position: 0 -126px;
}
.main .larger-image .feat.icon-next-change {
  width: 32px;
  height: 126px;
  background-position: -32px 0;
}
.main .larger-image .feat.icon-next-change:hover {
  background-position: -32px -126px;
}
.main .context-menu-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.main .context-menu-mask .content-menu {
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  list-style-type: none;
  max-width: 260px;
  min-width: 260px;
  position: absolute;
  z-index: 11;
  padding: 12px 0;
  top: 0;
  left: 0;
  transition: all 0.15s;
}
.main .context-menu-mask .content-menu .context-menu-item {
  background-color: #fff;
  box-sizing: content-box;
  color: #333;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}
.main .context-menu-mask .content-menu .context-menu-item span {
  display: block;
  height: 100%;
  margin: 0 26px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  color: #333;
}
.main .context-menu-mask .content-menu .context-menu-item:last-of-type span {
  border-bottom: none;
}
.main .context-menu-mask .content-menu .context-menu-item:hover span {
  color: #e80000;
}
.main .context-menu-mask .content-menu .context-menu-disabled {
  background-color: #fff;
  box-sizing: content-box;
  color: #333;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  height: 50px;
  line-height: 50px;
}
.main .context-menu-mask .content-menu .context-menu-disabled span {
  display: block;
  height: 100%;
  margin: 0 26px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  color: #ccc;
}
.main .context-menu-mask .content-menu .context-menu-disabled:last-of-type span {
  border-bottom: none;
}
@media screen and (max-width: 1500px) {
  .main {
    width: 1200px;
  }
  .main .swiper-wrap-box {
    width: 770px;
  }
  .main .swiper-wrap-box .carousel-wrap {
    width: 770px;
  }
  .main .recommended-list .each-box > li:nth-of-type(5n) {
    margin-right: 20px;
  }
  .main .recommended-list .each-box > li:nth-of-type(4n) {
    margin-right: 0;
  }
  .main .recommended-related .question,
  .main .recommended-related .soft {
    width: 637px !important;
  }
  .main .question-list li > a span,
  .main .soft-list li > a span {
    width: 390px !important;
  }
}