body {
  padding: 0;
  margin: 0;
  width: 100vw;
  overflow-x: hidden
}

.activeColor {
  color: #3296fa !important
}

.activeBorder {
  border: 1px solid #3296fa !important
}

.gray {
  color: #dce1e6
}

.red {
  color: #3296fa
}

.left {
  float: left
}

.right {
  float: right
}

.button {
  width: 160px;
  height: 40px;
  background: #ecf5ff;
  color: #3296fa;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  font-weight: 700;
  border: 0
}

.release-task-box .button {
  font-weight: 400;
  border-radius: 4px
}

.padding-b30 {
  padding-bottom: 30px
}

.padding-b20 {
  padding-bottom: 20px
}

.padding-b10 {
  padding-bottom: 10px
}

.padding-t15 {
  padding-top: 15px
}

.margin-b30 {
  margin-bottom: 30px
}

.margin-b40 {
  margin-bottom: 40px
}

.margin-b20-import {
  margin-bottom: 20px !important
}

.margin-b20 {
  margin-bottom: 20px
}

.margin-b10 {
  margin-bottom: 10px
}

.margin-b0 {
  margin-bottom: 0
}

.margin-t0 {
  margin-top: 0
}

.margin-t10 {
  margin-top: 10px
}

.margin-t15 {
  margin-top: 15px
}

.margin-t20 {
  margin-top: 20px
}

.button:hover {
  color: #fff;
  background: #3296fa;
  cursor: pointer
}

em,
i {
  font-style: normal
}

.but-next {
  width: 300px
}

.but-next,
.but-next-small {
  background: #3296fa;
  color: #fff;
  height: 50px;
  border-radius: 5px;
  border: 0;
  cursor: pointer
}

.but-next-small {
  width: 180px;
  margin: 0 10px;
  font-size: 16px
}

.input-center input {
  text-align: center
}

button,
input,
select,
textarea {
  outline: none
}

li {
  list-style: none
}

div::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

div::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
  background: rgba(0, 0, 0, .2)
}

div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
  border-radius: 0;
  background: rgba(0, 0, 0, .1)
}

.ivu-menu-item-group,
.ivu-menu-submenu-title {
  font-weight: 700
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
  background: #ecf5ff
}

.ivu-menu-item-group-title {
  height: 20px !important;
  line-height: 20px !important
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
  color: #3296fa
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after {
  background: #3296fa
}

.ivu-menu-vertical .ivu-menu-item:hover,
.ivu-menu-vertical .ivu-menu-submenu-title:hover {
  color: #3296fa
}

.ivu-menu-item-selected i,
.ivu-menu-submenu-title:hover i,
.ivu-menu .ivu-menu-item:hover i {
  color: #3296fa !important
}

.ivu-btn-text:hover,
.ivu-tabs-nav .ivu-tabs-tab:hover,
.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  color: #3296fa
}

.ivu-tabs-nav-container:focus .ivu-tabs-tab-focused {
  border-color: #dcdee2 !important
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab {
  background-color: #fff;
  color: #082155
}

.ivu-tabs.ivu-tabs-card>.ivu-tabs-bar .ivu-tabs-tab-active {
  background: #3296fa;
  color: #fff
}

.ivu-tabs-bar {
  border-color: #dee7ef
}

.ivu-menu {
  color: #6d7d90
}

.ivu-modal-footer {
  border-top: 0
}

.ivu-form .ivu-form-item-label {
  font-size: 14px;
  color: #7a91a0
}

.ivu-tabs-nav .ivu-tabs-tab-active {
  color: #3296fa
}

.ivu-tabs-ink-bar {
  background: #FA5882
}

.tabs_content .ivu-tabs-nav .ivu-tabs-tab {
  min-width: 96px !important;
  text-align: center
}

.choiceShop .ivu-tabs-nav .ivu-tabs-tab {
  min-width: 106px;
  text-align: center
}

.ivu-btn-primary,
.ivu-btn-primary:hover {
  background-color: #3296fa;
  border-color: #3296fa
}

.ivu-modal-body {
  padding: 30px
}

.ivu-page-item-active,
.ivu-page-item-active:hover a,
.ivu-page-item-active a,
.ivu-page-item:hover a,
.ivu-page-next:hover a,
.ivu-page-prev:hover a,
.ivu-select-item-selected,
.ivu-select-item-selected:hover {
  color: #3296fa
}

.ivu-page-options-elevator input:focus,
.ivu-page-options-elevator input:hover {
  border-color: #3296fa
}

.ivu-page-options-elevator input:focus {
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff
}

.ivu-tabs-tab {
  color: #999
}

.ivu-radio-checked .ivu-radio-inner {
  border-color: #3296fa
}

.ivu-radio-inner:after {
  background-color: #3296fa
}

.ivu-radio-checked:hover .ivu-radio-inner {
  border-color: #3296fa
}

.ivu-btn-dashed.active,
.ivu-btn-dashed:active,
.ivu-btn-dashed:hover {
  color: #3296fa;
  border-color: #3296fa
}

.ivu-checkbox-checked .ivu-checkbox-inner,
.ivu-checkbox-checked:hover .ivu-checkbox-inner {
  border-color: #3296fa;
  background-color: #3296fa
}

.ivu-checkbox:hover .ivu-checkbox-inner {
  border-color: #3296fa
}

.ivu-form .ivu-form-item-label {
  padding: 10px 0 10px 0
}

.ivu-radio-group-button .ivu-radio-wrapper-checked:first-child {
  border-color: #3296fa
}

.ivu-radio-group-button .ivu-radio-wrapper:hover,
.ivu-radio-wrapper-checked {
  color: #3296fa
}

.ivu-radio-group-button .ivu-radio-wrapper:last-child {
  -webkit-box-shadow: -1px 0 0 0 #3296fa;
  box-shadow: -1px 0 0 0 #3296fa
}

.ivu-radio-group-button .ivu-radio-wrapper-checked {
  border-color: #3296fa
}

.ivu-checkbox-focus {
  -webkit-box-shadow: 0 0 10px 0 rgba(41, 156, 250, .2);
  box-shadow: 0 0 10px 0 rgba(41, 156, 250, .2)
}

.vertical-center-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.vertical-center-modal .ivu-modal {
  top: 0
}

.ivu-modal-header-inner,
.ivu-modal-header p {
  font-size: 16px
}

.ivu-modal-body {
  font-size: 14px;
  color: #6d7d90
}

.ivu-btn:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(45, 140, 240, .2);
  box-shadow: 0 0 0 0 rgba(45, 140, 240, .2)
}

.ivu-btn:hover {
  border-color: #fff
}

.ivu-form-item {
  vertical-align: middle
}

.ivu-tooltip-inner {
  max-width: none
}

.modelTextarea .ivu-modal-body {
  height: 300px
}

.modelTextarea .ivu-input-wrapper {
  height: auto
}

.ivu-spin-fix .ivu-spin-main {
  top: 200px
}

.ivu-spin-fix {
  z-index: 999;
  background-color: #fff
}

.tabs_content1 .ivu-tabs-nav .ivu-tabs-tab {
  min-width: 70px;
  padding: 8px 8px;
  text-align: center
}

.ivu-radio-disabled .ivu-radio-inner {
  border-color: #dcdee2
}

.ivu-radio-wrapper-disabled {
  color: #7a91a0 !important
}

.table_content1 .ivu-tooltip .ivu-tooltip-rel,
.table_content .ivu-tooltip .ivu-tooltip-rel {
  height: 100%
}

.ivu-modal .ivu-radio-wrapper {
  font-size: 14px
}

.main-loading-page {
  background-color: hsla(0, 0%, 100%, .7);
  overflow: hidden;
  height: 100%;
  position: fixed
}

.main-loading-page .ivu-spin-main {
  top: 50%
}

.course-body p,
.course-body pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important
}

.loader--audioWave {
  width: 3em;
  height: 2em;
  background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
  background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
  background-repeat: no-repeat;
  background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em .25em;
  -webkit-animation: audioWave 1.5s linear infinite;
  animation: audioWave 1.5s linear infinite
}

@-webkit-keyframes audioWave {
  25% {
    background: -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#3498db, #3498db) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em
  }

  37.5% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#3498db, #3498db) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em
  }

  50% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#3498db, #3498db) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em
  }

  62.5% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#3498db, #3498db) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em
  }

  75% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#3498db, #3498db) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em
  }
}

@keyframes audioWave {
  25% {
    background: -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#3498db, #3498db) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em 2em, .5em .25em, .5em .25em, .5em .25em, .5em .25em
  }

  37.5% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#3498db, #3498db) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em 2em, .5em .25em, .5em .25em, .5em .25em
  }

  50% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#3498db, #3498db) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em 2em, .5em .25em, .5em .25em
  }

  62.5% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#3498db, #3498db) 1.875em 50%, linear-gradient(#9b59b6, #9b59b6) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em .25em, .5em 2em, .5em .25em
  }

  75% {
    background: -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 0 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) .625em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.25em 50%, -webkit-gradient(linear, left top, left bottom, from(#9b59b6), to(#9b59b6)) 1.875em 50%, -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#3498db)) 2.5em 50%;
    background: linear-gradient(#9b59b6, #9b59b6) 0 50%, linear-gradient(#9b59b6, #9b59b6) .625em 50%, linear-gradient(#9b59b6, #9b59b6) 1.25em 50%, linear-gradient(#9b59b6, #9b59b6) 1.875em 50%, linear-gradient(#3498db, #3498db) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: .5em .25em, .5em .25em, .5em .25em, .5em .25em, .5em 2em
  }
}

.ivu-btn-error {
  background-color: #3296fa;
  border-color: #3296fa;
  color: #fff
}

.ivu-btn-error:hover {
  background-color: #fff;
  color: #3296fa
}

.main_content_box,
.main_content_table {
  margin-top: 20px
}

#index {
  background-color: #f5f5f5 !important;
  height: 100%;
  font-size: 14px;
  cursor: default
}

.icon-weixin {
  color: #22ac38
}

.search-input .ivu-input {
  height: 40px;
  border-color: #3296fa;
  font-size: 14px;
  padding-left: 10px
}

.search-input .ivu-input:focus {
  outline: none
}

.search-input .ivu-input-group-append {
  width: 80px;
  height: 40px;
  border: 0;
  background-color: #3296fa
}

.search-input .ivu-input-group-append .ivu-icon {
  font-size: 20px;
  color: #fff
}

.ivu-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.menu-tabs .ivu-tabs-bar {
  margin-bottom: 0;
  border-bottom: 0
}

.menu-tabs .ivu-tabs-tab {
  min-width: 80px;
  text-align: center
}

.menu-tabs .ivu-tabs-nav .ivu-tabs-tab {
  padding-bottom: 10px
}

.menu-tabs .ivu-tabs-ink-bar {
  height: 3px
}

.ivu-tabs-nav-scroll .ivu-tabs-nav {
  margin-left: 30px
}

.ivu-tabs-bar {
  font-size: 14px
}

.banner .ivu-btn {
  padding: 4px 11px 4px;
  font-size: 14px
}

.tools-introduce .ivu-carousel-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.shopTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#index .footerPage {
  text-align: center;
  margin: 0 auto 40px
}

#index .ivu-page-item,
#index .ivu-page-next,
#index .ivu-page-options-elevator input,
#index .ivu-page-prev {
  background-color: #f5f5f5 !important
}

.pro_item_right .ivu-progress-wrong .ivu-progress-bg {
  background-color: #3296fa
}

.pro_item_right .ivu-progress {
  height: 10px;
  line-height: 0;
  display: block;
  width: 300px
}

.discount-title {
  color: #ed2853;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 37px
}

.discount-title b,
.discount-title i {
  font-size: 24px
}

.discount-title span {
  color: #6d7d90;
  margin-left: 30px
}

.discount-title a {
  display: inline-block;
  float: right;
  color: #bbb;
  line-height: 41px
}

.discount-content ul {
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.discount-content li,
.discount-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.discount-content li {
  width: 393px;
  height: 180px;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  color: #bbb;
  margin-bottom: 10px;
  margin-right: 7px
}

.discount-content li:nth-child(3n) {
  margin-right: 0
}

.discount-content li>img {
  width: 160px;
  height: 160px
}

.discount-content-right {
  width: 193px;
  height: 160px;
  margin-left: 20px
}

.discount-content-right .ivu-tooltip p {
  width: 193px !important;
  color: #6d7d90;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.discount-content-right .discount-content-shopInfo {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.discount-content-right .discount-content-shopInfo img {
  width: 14px;
  height: 14px
}

.discount-content-right .discount-content-shopInfo span {
  color: #bbb
}

.common-block-coupons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px
}

.common-block-coupons span {
  color: #3296fa;
  vertical-align: middle
}

.common-block-coupons del {
  vertical-align: middle
}

.discount-content-coupons p {
  color: #3296fa
}

.discount-content-coupons .coupons-value {
  height: 20px;
  line-height: 19px
}

.discount-content-coupons .coupons-value p {
  display: inline-block;
  border: 1px solid #3296fa
}

.discount-content-coupons .coupons-value p:first-child {
  min-width: 20px;
  text-align: center;
  background-color: #3296fa;
  color: #fff
}

.discount-content-coupons .coupons-value p:nth-child(2) {
  padding: 0 5px;
  text-align: center
}

.discount-content-money {
  border: 0
}

.discount-content-money span {
  font-size: 16px
}

.discount-content1 ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 20px 20px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.discount-content1 li {
  width: 216px;
  color: #6d7d90;
  background-color: #fff;
  margin-right: 8px
}

.discount-content1 li:nth-child(5n) {
  margin-right: 0
}

.discount-content1 li .discount-content-money {
  color: #bbb;
  margin: 0 0 0
}

.discount-content1 .discount-content-bottom .ivu-tooltip {
  height: 21px;
  line-height: 21px;
  margin-top: 10px
}

.discount-content1 .discount-content-bottom .ivu-tooltip .shopTitle {
  width: 212px
}

.common-block1 {
  overflow: hidden;
  background-color: #fff;
  margin: 40px 0
}

.common-block1 .discount-title {
  color: #2182e5;
  padding: 20px 20px 10px;
  border-bottom: 1px solid #dee7ef
}

.common-block1 .discount-content1 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.common-block1 .discount-content1 li {
  margin-right: 20px
}

.common-block1 .discount-content1 .shopTitle {
  width: 216px
}

#free-trial .discount-content1 ul,
.coupon-redemption-items .discount-content1 ul {
  padding: 0
}

#free-trial .discount-content1 li,
.coupon-redemption-items .discount-content1 li {
  width: 232px;
  height: 310px;
  padding: 10px;
  margin-bottom: 10px
}

.free-trial-block del {
  color: #3296fa;
  line-height: 30px
}

.major-credit-goods>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 10px
}

.major-credit-goods>ul li {
  width: 232px;
  height: 340px;
  background-color: #fff
}

.major-credit-goods>ul li:not(:last-child) {
  margin-right: 10px
}

.major-credit-goods>ul li:first-child {
  position: relative;
  text-align: center
}

.major-credit-goods>ul li:first-child img {
  display: block;
  width: 232px;
  height: 340px;
  position: absolute;
  z-index: 99
}

.major-credit-goods>ul li:first-child div {
  font-size: 22px;
  border-radius: 20px;
  color: #fff;
  position: absolute;
  background-color: #5489ea;
  width: 150px;
  height: 40px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 40px;
  left: 41px
}

.major-credit-goods>ul li:first-child div i {
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 12px;
  line-height: 15px;
  border-radius: 50%;
  background-color: #fff;
  color: #5489ea;
  margin-left: 10px
}

.major-credit-goods>ul li .discount-content-bottom {
  padding: 10px
}

.major-credit-goods>ul li .discount-content-bottom .shopTitle {
  width: 212px
}

.major-credit-goods>ul li .discount-content-bottom .common-block-coupons {
  margin-top: 10px
}

.coupon-redemption-child {
  width: 250px;
  padding: 40px 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.coupon-redemption-child p {
  color: #6d7d90;
  font-size: 18px;
  text-align: center
}

.coupon-redemption-child p i {
  color: #3296fa;
  font-size: 20px
}

.coupon-redemption-child span {
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #6d7d90
}

.coupon-redemption-items .discount-content1 li {
  width: 232px;
  height: 370px
}

.coupon-redemption-items .discount-content1 .discount-content-money {
  margin: 0 0 10px
}

.coupon-redemption-items .discount-content1 .shopTitle {
  width: 212px
}

.coupon-redemption-items>a {
  display: block;
  width: 380px;
  height: 40px;
  margin: 30px auto 40px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
  line-height: 40px;
  background-color: #fff;
  font-size: 16px;
  color: #6d7d90;
  text-align: center;
  cursor: pointer
}

.snapup-btn {
  width: 100%;
  height: 35px;
  background-color: #fff6f6;
  border: 0;
  color: #3296fa;
  font-size: 14px;
  cursor: pointer
}

.snapup-btn:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(255, 3, 0, .3);
  box-shadow: 0 5px 10px 0 rgba(255, 3, 0, .3);
  background-color: #3296fa
}

.trial-btn {
  width: 80px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #3296fa;
  -webkit-box-shadow: none;
  box-shadow: none
}

.trial-btn span {
  color: #3296fa
}

.trial-btn:hover {
  border: 0;
  background-color: #3296fa;
  -webkit-box-shadow: 0 5px 10px 0 rgba(255, 3, 0, .3);
  box-shadow: 0 5px 10px 0 rgba(255, 3, 0, .3)
}

.trial-btn:hover span {
  color: #fff
}

.inputSearch .ivu-input-icon {
  font-size: 30px;
  color: #b6c3cb
}

.inputSearch .ivu-input {
  font-size: 14px;
  border: 0;
  border-bottom: 1px solid #b6c3cb;
  border-radius: 0
}

.search-input .ivu-btn:hover {
  border: 0
}

.search-input .ivu-input,
.search-input .ivu-input-group-append,
.search-input .ivu-input-group-prepend {
  border-radius: 0
}

.moveLi {
  -webkit-transition: .6s;
  transition: .6s;
  cursor: pointer
}

.moveLi:hover {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px)
}

.clearfix {
  *zoom: 1
}

.clearfix:after,
.clearfix:before {
  display: table;
  line-height: 0;
  content: ""
}

.clearfix:after {
  clear: both
}

.helpLeft .ivu-menu-vertical.ivu-menu-light:after {
  content: none
}

.helpLeft .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item {
  padding-left: 24px !important
}

.hpContent {
  padding: 40px 30px 50px;
  padding-bottom: 50px;
  font-size: 14px;
  color: #bbb
}

.hpContent_ctn {
  margin: 0 auto
}

.hpContentH3 {
  color: #3296fa;
  font-size: 16px;
  font-weight: 400
}

.stepP {
  margin: 30px 0 20px
}

.fullImg {
  display: block;
  width: 100%;
  margin-top: 10px
}

.user_main {
  width: 800px;
  margin: 0 auto;
  padding: 50px 0;
  color: #082155;
  font-size: 16px
}

.user_main h1 {
  text-align: center;
  font-size: 35px;
  font-weight: 500
}

.user_main h2 {
  font-size: 24px
}

.user_main h3 {
  font-size: 20px;
  padding-top: 20px
}

.user_main p {
  line-height: 29px;
  padding-bottom: 10px
}

.user_main .pt20 {
  padding-top: 20px;
  text-indent: 2em
}

.user_main .bottom_c td {
  text-align: left;
  background-color: #fff;
  height: 40px;
  padding: 10px
}

.user_main .bottom_c table {
  background-color: #000
}

.user_main .cover {
  width: 100%;
  background-color: #fff
}

.user_main .contact_main {
  width: 1200px;
  margin: 0 auto;
  background-color: hsla(0, 0%, 100%, .92);
  border-radius: 10px;
  height: 692px
}

.user_main .main-content {
  width: 90%;
  border-bottom: 1px solid #dce1e6;
  margin: 0 5%;
  padding: 30px 0
}

.user_main .no-border {
  border-bottom: none
}

.user_main .advise-row {
  padding-top: 30px
}

.user_main .advise-row span {
  width: 100%;
  padding-bottom: 20px
}

.user_main .input-row {
  width: 65%;
  display: inline-block
}

.user_main .upload-row {
  padding-right: 20px;
  width: 28%;
  float: right
}

.user_main .submit-row {
  width: 100%;
  text-align: center
}

.user_main .submit-row button {
  width: 50%
}

.user_main .contact-title {
  font-size: 14px;
  color: #777
}

.user_main .main-content span {
  display: inline-block;
  font-size: 14px;
  color: #777;
  padding-left: 5px
}

.user_main .contact-background {
  background-image: url(../img/6781a78f-c9df-47ec-9495-9fa758d5c3b3.jpeg);
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 30px 0
}

@media screen and (min-width:1000px) {
  .banner .ivu-carousel-arrow.right {
    right: 20%
  }

  .banner .ivu-carousel-arrow.left {
    left: 20%
  }
}

@media screen and (min-width:1200px) {
  .banner .ivu-carousel-arrow.right {
    right: 22%
  }

  .banner .ivu-carousel-arrow.left {
    left: 22%
  }
}

@media screen and (min-width:1450px) {
  .banner .ivu-carousel-arrow.right {
    right: 25%
  }

  .banner .ivu-carousel-arrow.left {
    left: 25%
  }
}

@media screen and (min-width:1600px) {
  .banner .ivu-carousel-arrow.right {
    right: 27%
  }

  .banner .ivu-carousel-arrow.left {
    left: 28%
  }
}

@media screen and (min-width:1800px) {
  .banner .ivu-carousel-arrow.right {
    right: 30%
  }

  .banner .ivu-carousel-arrow.left {
    left: 30%
  }
}

.banner .ivu-carousel,
.slideShow .ivu-carousel {
  height: 420px
}

.advantage_head .ivu-carousel-dots-inside {
  bottom: 50px
}

.advantage_head .ivu-carousel-dots li {
  margin-right: 10px;
  padding: 0 0
}

.advantage_head .ivu-carousel-dots li button {
  background-color: #fff
}

.advantage_head .ivu-carousel-dots li button.radius {
  width: 16px;
  height: 16px
}

.advantage_head .ivu-carousel-dots-inside {
  z-index: 1
}

.goodsDetail_clock_span {
  font-size: 20px
}

.discount-content1 .ivu-carousel-arrow.left,
.discount-content1 .ivu-carousel-arrow.right {
  top: 110px
}

.ivu-carousel-arrow-always {
  background-color: rgba(31, 45, 61, .5)
}

.ivu-carousel-arrow-always:hover {
  background-color: rgba(31, 45, 61, .7)
}

.slideShow .ivu-carousel-arrow.left {
  left: 100px
}

.slideShow .ivu-carousel-arrow.right {
  right: 100px
}

.bdshare-button-style0-16 .bds_more,
.bdshare-button-style0-16 a {
  background-image: none !important
}

.bdsharebuttonbox a {
  font-size: 22px !important;
  display: inline-block;
  margin: 0 10px
}

.bdsharebuttonbox .icon-qq {
  color: #4b89fc
}

.bdsharebuttonbox .icon-huahanAPP-icon-- {
  color: #3296fa
}

.bdsharebuttonbox .icon-weixin1 {
  color: #5cb72f
}

.bdsharebuttonbox .icon-qq:hover {
  color: #4b89fc
}

.bdsharebuttonbox .icon-huahanAPP-icon--:hover {
  color: #3296fa
}

.bdsharebuttonbox .icon-weixin1:hover {
  color: #5cb72f
}

.ivu-btn {
  border-color: transparent
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  width: 100%
}

#nav {
  padding: 30px
}

#nav a {
  font-weight: 700;
  color: #2c3e50
}

#nav a.router-link-exact-active {
  color: #42b983
}

[data-v-517fa5d6] {
  font-size: 14px
}

.menu[data-v-517fa5d6] {
  width: 100%;
  background-color: #fff;
  height: 160px;
  display: inline-block;
  border-bottom: 1px solid #3296fa
}

.menu v-deep .ivu-input-search[data-v-517fa5d6] {
  background-color: #3296fa !important;
  border: 1px solid #3296fa !important
}

.menu v-deep .ivu-input-with-search:hover .ivu-input[data-v-517fa5d6] {
  border-color: #3296fa
}

.header-row[data-v-517fa5d6] {
  width: 1200px;
  margin: 0 auto;
  z-index: 2
}

.search-row[data-v-517fa5d6] {
  width: 1200px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.logo[data-v-517fa5d6] {
  width: 200px;
  height: 60px;
  background-size: 100% 100%;
  cursor: pointer
}

.search-input[data-v-517fa5d6] {
  width: 450px
}

.invitation-gif img[data-v-517fa5d6] {
  width: 200px;
  height: 110px;
  margin-top: 10px
}

.menu-row[data-v-517fa5d6] {
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: relative
}

.menu-row .menu-item[data-v-517fa5d6] {
  cursor: pointer;
  width: 200px;
  color: #fff
}

.menu-row .menu-item .menu-item-title[data-v-517fa5d6] {
  height: 40px;
  background-color: #3296fa;
  line-height: 40px
}

.menu-row .menu-item .menu-title[data-v-517fa5d6] {
  margin-left: 30px
}

.menu-row .menu-item .menu-item-content[data-v-517fa5d6] {
  width: 200px;
  height: 420px;
  position: absolute;
  z-index: 300
}

.menu-row .menu-item .menu-item-content .menu-item1[data-v-517fa5d6] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.menu-row .menu-item .menu-item-content .menu-item1 .menu-item-child[data-v-517fa5d6] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .4);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.menu-row .menu-item .menu-item-content .menu-item1 .menu-item-child[data-v-517fa5d6]:hover {
  background-color: #fff
}

.menu-row .menu-item .menu-item-content .menu-item1 .menu-item-child:hover .menu-icon[data-v-517fa5d6],
.menu-row .menu-item .menu-item-content .menu-item1 .menu-item-child[data-v-517fa5d6]:hover {
  color: #3296fa
}

.menu-row .menu-tabs[data-v-517fa5d6] {
  width: 810px
}

.menu-row .menu-tabs p[data-v-517fa5d6] {
  background-color: #fe8d1c;
  border-radius: 11px;
  border-bottom-left-radius: 0;
  width: 70px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: -8px;
  left: 33%;
  -webkit-animation: myfirst-data-v-517fa5d6 .8s infinite;
  animation: myfirst-data-v-517fa5d6 .8s infinite
}

@-webkit-keyframes myfirst-data-v-517fa5d6 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes myfirst-data-v-517fa5d6 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.menu-row .sellerAdmission[data-v-517fa5d6] {
  width: 190px;
  height: 38px;
  background-image: url(../img/merchantsinjection.6b275fad.png);
  background-size: 100% 100%;
  cursor: pointer
}

.slideShow[data-v-34a26c9f] {
  height: 420px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  text-align: center;
  position: relative
}

.slideShow .carousel-img[data-v-34a26c9f] {
  -o-object-fit: fill;
  object-fit: fill;
  height: 420px;
  width: 100%;
  z-index: 1
}