body,
html {
  font-family: Arial, "Poppins", sans-serif;
  background: #f5f5f5;
  
}
*{
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}.clear{ clear:both}
.bottom-btn,.operate-sign,.operate-sign{ cursor:pointer}
.search-pagination{ text-align:center;width:100%;}
.pagination {
   text-align:center;width:100%;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline-block;    float: none;}
.pagination > li > a,
.pagination > li > span {
    position: relative;word-break: keep-all;
    float: left;
    padding: 3px 8px;
    line-height: 1.42857;
    text-decoration: none;
    color: #0071c1;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #0071c1;
    border-color: #0071c1;
    cursor: default; }.factory1 ul li a{ display:block}
.info-search-list {
  display: flex;
  margin: 20px 0;
  li {
    cursor: pointer;
    color: #353535;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    min-width: 70px;
    text-align: center;
    white-space: nowrap;
    margin-right: 10px;
  }
  li.active {
    background: #ffffff;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #0071c1;
    color: #0071c1;
  }
}
.home-index {
  display: flex;
  margin: 206px auto 20px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
}
.home-index .content-box {
  margin-left: 20px;
  flex: 1;
  width: calc(100% - 254px);
}
.el-icon-search {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(./images/search.png) no-repeat;
  background-size: 100%;
}
.el-input {
  font-size: 14px;
  position: relative;
}

.el-input::-webkit-scrollbar {
  width: 6px;
  z-index: 11;
}

.el-input::-webkit-scrollbar:horizontal {
  height: 6px;
}

.el-input::-webkit-scrollbar-thumb {
  background: #b4bccc;
  border-radius: 5px;
  width: 6px;
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
  background: #fff;
}

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}

.el-input .el-input__clear {
  color: #c0c4cc;
  cursor: pointer;
  font-size: 14px;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.el-input .el-input__clear:hover {
  color: #909399;
}

.el-input .el-input__count {
  align-items: center;
  color: #909399;
  display: inline-flex;
  font-size: 12px;
  height: 100%;
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input,
.el-input__inner {
  font-size: inherit;
}

.el-input .el-input__count .el-input__count-inner {
  background: #fff;
  display: inline-block;
  line-height: normal;
  padding: 0 5px;
}

.el-input__inner {
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}

.el-input__inner::-ms-reveal {
  display: none;
}

.el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input__inner:hover {
  border-color: #c0c4cc;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: #409eff;
  outline: 0;
}

.el-input__suffix {
  height: 100%;
  pointer-events: none;
  right: 5px;
  transition: all 0.3s;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  height: 100%;
  left: 5px;
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  line-height: 40px;
  text-align: center;
  transition: all 0.3s;
  width: 25px;
}

.el-input__icon:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.el-input__validateIcon {
  pointer-events: none;
}

.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__inner::placeholder {
  color: #c0c4cc;
}

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-image-viewer__btn,
.el-image__preview,
.el-link,
.el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}

.el-input.is-exceed .el-input__inner {
  border-color: #f56c6c;
}

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #f56c6c;
}

.el-input--suffix .el-input__inner {
  padding-right: 30px;
}

.el-input--prefix .el-input__inner {
  padding-left: 30px;
}

.el-input--medium {
  font-size: 14px;
}

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-input--medium .el-input__icon {
  line-height: 36px;
}

.el-input--mini .el-input__icon {
  line-height: 28px;
}

.el-input-group {
  border-collapse: separate;
  border-spacing: 0;
  display: inline-table;
  line-height: normal;
  width: 100%;
}

.el-input-group > .el-input__inner {
  display: table-cell;
  vertical-align: middle;
}

.el-input-group__append,
.el-input-group__prepend {
  background-color: #f5f7fa;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  color: #909399;
  display: table-cell;
  padding: 0 20px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}

.el-input-group--append .el-input__inner,
.el-input-group__prepend {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
  outline: 0;
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px;
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  background-color: transparent;
  border-color: transparent;
  border-bottom: 0;
  border-top: 0;
  color: inherit;
}

.el-input-group__prepend {
  border-right: 0;
}

.el-input-group__append {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent;
}

.el-input-group--prepend .el-input__inner {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.el-input__inner::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}
.el-button {
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #606266;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 0 20px;
  height: 42px;
  text-align: center;
  transition: 0.1s;
  white-space: nowrap;
}
.el-button.disabled,
.el-button.disabled:hover{
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}
.el-button + .el-button,
.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px;
}

.el-button:focus,
.el-button:hover {
  background-color: #ecf5ff;
  border-color: #c6e2ff;
  color: #409eff;
}

.el-button:active {
  border-color: #3a8ee6;
  color: #3a8ee6;
  outline: 0;
}

.el-button::-moz-focus-inner {
  border: 0;
}

.el-button [class*="el-icon-"] + span {
  margin-left: 5px;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  background: #fff;
  border-color: #409eff;
  color: #409eff;
}

.el-button.is-active,
.el-button.is-plain:active {
  border-color: #3a8ee6;
  color: #3a8ee6;
}

.el-button.is-plain:active {
  background: #fff;
  outline: 0;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  background-color: #fff;
  background-image: none;
  border-color: #ebeef5;
  color: #c0c4cc;
  cursor: not-allowed;
}

.el-button.is-disabled.el-button--text {
  background-color: transparent;
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
  background-color: #fff;
  border-color: #ebeef5;
  color: #c0c4cc;
}

.el-button.is-loading {
  pointer-events: none;
  position: relative;
}

.el-button.is-loading:before {
  background-color: hsla(0, 0%, 100%, 0.35);
  border-radius: inherit;
  bottom: -1px;
  content: "";
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
}

.el-button--primary:active {
  outline: 0;
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  background-color: #a0cfff;
  border-color: #a0cfff;
  color: #fff;
}

.el-button--primary.is-plain {
  background: #ecf5ff;
  border-color: #b3d8ff;
  color: #409eff;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #409eff;
  border-color: #409eff;
  color: #fff;
}

.el-button--primary.is-plain:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
  outline: 0;
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
  background-color: #ecf5ff;
  border-color: #d9ecff;
  color: #8cc5ff;
}

.el-button--success {
  background-color: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-button--success:focus,
.el-button--success:hover {
  background: #85ce61;
  border-color: #85ce61;
  color: #fff;
}

.el-button--success.is-active,
.el-button--success:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
}

.el-button--success:active {
  outline: 0;
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
  background-color: #b3e19d;
  border-color: #b3e19d;
  color: #fff;
}

.el-button--success.is-plain {
  background: #f0f9eb;
  border-color: #c2e7b0;
  color: #67c23a;
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
  background: #67c23a;
  border-color: #67c23a;
  color: #fff;
}

.el-button--success.is-plain:active {
  background: #5daf34;
  border-color: #5daf34;
  color: #fff;
  outline: 0;
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #a4da89;
}

.el-button--warning {
  background-color: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-button--warning:focus,
.el-button--warning:hover {
  background: #ebb563;
  border-color: #ebb563;
  color: #fff;
}

.el-button--warning.is-active,
.el-button--warning:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
}

.el-button--warning:active {
  outline: 0;
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
  background-color: #f3d19e;
  border-color: #f3d19e;
  color: #fff;
}

.el-button--warning.is-plain {
  background: #fdf6ec;
  border-color: #f5dab1;
  color: #e6a23c;
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
  background: #e6a23c;
  border-color: #e6a23c;
  color: #fff;
}

.el-button--warning.is-plain:active {
  background: #cf9236;
  border-color: #cf9236;
  color: #fff;
  outline: 0;
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #f0c78a;
}

.el-button--danger {
  background-color: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-button--danger:focus,
.el-button--danger:hover {
  background: #f78989;
  border-color: #f78989;
  color: #fff;
}

.el-button--danger.is-active,
.el-button--danger:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
}

.el-button--danger:active {
  outline: 0;
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
  background-color: #fab6b6;
  border-color: #fab6b6;
  color: #fff;
}

.el-button--danger.is-plain {
  background: #fef0f0;
  border-color: #fbc4c4;
  color: #f56c6c;
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
  background: #f56c6c;
  border-color: #f56c6c;
  color: #fff;
}

.el-button--danger.is-plain:active {
  background: #dd6161;
  border-color: #dd6161;
  color: #fff;
  outline: 0;
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f9a7a7;
}

.el-button--info {
  background-color: #909399;
  border-color: #909399;
  color: #fff;
}

.el-button--info:focus,
.el-button--info:hover {
  background: #a6a9ad;
  border-color: #a6a9ad;
  color: #fff;
}

.el-button--info.is-active,
.el-button--info:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
}

.el-button--info:active {
  outline: 0;
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
  background-color: #c8c9cc;
  border-color: #c8c9cc;
  color: #fff;
}

.el-button--info.is-plain {
  background: #f4f4f5;
  border-color: #d3d4d6;
  color: #909399;
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
  background: #909399;
  border-color: #909399;
  color: #fff;
}

.el-button--info.is-plain:active {
  background: #82848a;
  border-color: #82848a;
  color: #fff;
  outline: 0;
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
  background-color: #f4f4f5;
  border-color: #e9e9eb;
  color: #bcbec2;
}

.el-button--medium {
  border-radius: 4px;
  font-size: 14px;
  padding: 10px 20px;
}

.el-button--medium.is-round {
  padding: 10px 20px;
}

.el-button--medium.is-circle {
  padding: 10px;
}

.el-button--small {
  border-radius: 3px;
  font-size: 12px;
  padding: 9px 15px;
}

.el-button--small.is-round {
  padding: 9px 15px;
}

.el-button--small.is-circle {
  padding: 9px;
}

.el-button--mini,
.el-button--mini.is-round {
  padding: 7px 15px;
}

.el-button--mini {
  border-radius: 3px;
  font-size: 12px;
}

.el-button--mini.is-circle {
  padding: 7px;
}

.wrapper a,
ul {
  margin: 0;
  outline: none;
  padding: 0;
}

.wrapper a {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.wrapper a:active,
.wrapper a:hover,
.wrapper a:link,
.wrapper a:visited {
  outline: none;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.wrapper dd,
.wrapper dl,
.wrapper p {
  margin: 0;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.text-right {
  text-align: right;
}
.index-top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
  z-index: 999;
  background-color: #f5f5f5;
}
.index-top .nav-title .list-text{
  display: none;
}
p {
  margin: 0;
  padding: 0;
}

.home-top-nav .el-backtop {
  background-color: transparent;
  border-radius: inherit;
  display: block;
  height: 60px;
  width: 60px;
}

.home-top-nav .el-dialog__body,
.home-top-nav .el-dialog__header {
  padding: 0;
}

.home-top-nav {
  background-color: #0071c1;
  color: #fff;
 
  width: 100%;
}
.home-top-nav .nav-title{
  font-size: 24px;
}
.home-top-nav .top-nav-index {
  margin: 0 auto;
  overflow: hidden;
  padding: 12px 0;
  width: 1200px;
}

.home-top-nav .top-nav-index .nav-list {
  float: right;
  overflow: hidden;
  margin-top: 5px;
}

.home-top-nav .top-nav-index .nav-list .list-text {
  cursor: pointer;
  float: left;
  font-size: 12px;
  margin-right: 10px;
}

.home-top-nav .top-nav-index .nav-list .list-box {
  float: left;
  overflow: hidden;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAWBJREFUOE+l1L2PTlEUxeFnFchIEJkGlWQ6hUSIYuJjaolMovEXaFSISCYaDdEYnUQh0WhRSkTlYwQFpUZBpaGgGNWWPXkLRl5zL6e8Ofd31t577RWoqiO4ioPY0t9GnB94hctJVlJVR/EEH/EA30fA+uo2nMIeLDTwKXbhQJKxsLW3q2o73uFDA1dxM8nSSGW/Xa+qGzjTwJrUf+0/gVewNAhYVTtxEcewdcrDuzG7IbCqZrGCvXiGL1OA+zA3BLiMs2sTTF5Oa0tVDSu5qt7iU5KTVXUXj5PcWw8eA2xVq0kWquo83iRpq62f8mCFl3B9UvbtJO2KP84YhZvwECfwDV+n9HEHZjYcymQTgsWJbWamAA9h/yDgEMP/WnKXcSfJuSE//sU2t3C6Fd7Hccwnef8v0KpqU7/AowbO4Tk6MTrXxiZOx9fhyQbNd7M7fnoPL6Abu3mkyg7Y11hO8vknjFG+OFM+SyYAAAAASUVORK5CYII=)
    11px no-repeat;
  background-size: 20px;
  cursor: pointer;
  float: left;
  font-size: 12px;
  line-height: 20px;
  margin-right: 10px;
  padding-left: 41px;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.Orders {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAAPRJREFUOE/NlLFKwlEYxX9nbm7oTYIgyKmicJAWoVG3tugNXMI3SISGRKjB7e9iQg/Qawg1N5/40ETUq1eF8E6Xe7/7u98593Jk+wB4BG6AQzYb38Ar8CDbLaAE3AOjBMeJ9SOgCQwD9APUJb1s1sy42nYVeApQ3HYhqb8l6Bwo9hxk+xi4ypA4lDSYeLQozXZ8gdsMUE9SOwnKACyU2F7aUQW4zgCGtOdV0sKfywzQh6Tuv0i7A8qJjkJOY34v5dEpcDIp1syhmH9KKrJAGd7kvdregCJGapI6W3Y0jZEItrM1wZa64y/Y3iNGdonaL+AtovYXC43IAjIyD4QAAAAASUVORK5CYII=);
  background-size: 18px;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.Favourite {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAgdJREFUOE+VlEuIj2EUh58njQWJsrCysEDKZWFhYcHCZTPIZUKpKQssWJhIKdQkm6FpsqOk1ES5J42SlSI241KKXIqEbCiXKEfn3zvT9PH9v+bU11fv+zvPOe/3O+8nDRERy4HTRbZTvdMuxXabETEReAG8LbqZwGz1V11eE3AHcAKYBaT2NdCjnho3MCI6gOfARXV/AiKiD9gEzFF//w9a22FEbAdOZnfqpwKcAbwC9qhn2gIjYhKwAFhYni5gUO0ZmxgR/cBW4BLwBHiab/VL6oyIFUCK5gETgPfAY+BRrqsfK8Dsci8wvzSQRmW8BHYn8B2QSQeAYfVz0yhVCkwt4AFgWgKzo4fquvGAKtD04maeMoHp2iBwFtil/hkPOCLyM6VBW4CulssRsQa4ANwAtrUb3EpnOfjngdXARnVodGwiYhlwHbgHbFC/N9yiycBlYAnQqd5tuVypuAq4lSL1QQMwQfeBlertEW0VmEfPqlPUnw3AnNuvwFo1DWlFFXg4r5aaw90YEfEMOKceqwNeyapq94ggIrLoyEhdU2PMXhqiurkO+AYYUPsLaD1wCFhUEoaBXqAFjoiDQLc6tw74DRgCrgL7yg1I5xOScQTI75zg42X2lqrT64D5e0pQHiuhvWomj0ZELC7gzuLBUTVP8a8puRIRefl/qOlgbUREdtWhfhgr+guR4c1bsYuK7wAAAABJRU5ErkJggg==);
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.Message {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAAXNSR0IArs4c6QAAAZ1JREFUOE+l1M2LzmEUxvHPGS9hhcjK3kvZ2EjJYCFR0iywUJKUskEpsRmlJLKYLCmRhlBqvCQb/4DNNMkSYWFDFpKXo1P36GGeZzyTs7x/5/e9z3XOde7IzNM4ifn+Lz7jbGTmF8zB3TpAzpBbhYxgFQYKWIB9uIBHOBQR3/qBZuYy3G/qTuDhJHAFvtYB3mEoIj5NB83M1RjDBPZiOcZ/AyPiZWYuwj0swfaIeN0NmplbcQvXcCwifmRmSf4TWD9n5lxcwRbsiIjnndDMPIxLOB4Rlye/9QR2JJzB0ZITEWOZOYCLOIDdEfH4r4u6V9gBHMYRLMApbMJmfMDGiHjVN7DJOt8gC3EHL7AL57ABgxHx5p+SM3MIN7AzIp60vi7Fx7JTk17DWNegb1vOVMmZOdisczAibvayTWbOwnWsbdD3U4aCeXiG4YioKU4bDVqXrmmtWdxpm224WlIjohzfV2TmbIxiZRvg0zL29+oPHmB/RMxolzOz3oHbWF8LUcDxttgF7GuHu5T/szlgooC1g3taD/uS2iOp3oLRX/GM2hd0ETr5AAAAAElFTkSuQmCC);
  position: relative;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick.coupon {
  background-image: url(/_nuxt/img/index-coupon-icon.55bbb80.png);
  position: relative;
}

.home-top-nav .top-nav-index .nav-list .list-box .box-quick .quick-text {
  background-color: #f20;
  border-radius: 6px;
  display: block;
  line-height: normal;
  padding: 0 5px;
  position: absolute;
  right: -10px;
  top: 0;
}

.log-out {
  color: #0071c1;
}

.log-out-btn {
  background-color: #0071c1;
  border-color: #0071c1;
}

.welcome-content {
  position: relative;
}

.welcome-content .content-img {
  display: block;
  width: 100%;
}

.welcome-content .content-btn {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAARRJREFUSEu9120OwiAMBuC3N9Gb6FE8qd5Eb1JTAgljQD/Gxq8liz4poy0lAGDmGxH95PmqRRlmAAK/iOhzBs7MDwBvcYjoThItgG/GTsErNDEkq2z1WXiLAnjKrib4LHyEpqjr77ly22foDl4VuYZ24aO4BR3CUdyKTmEv7kFV2Ip7UROs4RHUDI/wnIpSBstKxcFScjd5rP2gk+dSbt2oK+Ly7w0eQqNw6TIFDTUW71a3aBg3w73Tm3t4qKWa4FnKRBuLClvyNIJPYQs6OO3qgRvCHjSCd+EI6sV38BHUg7dXnzZPzbW3Lbfagasve8tQS+Tlersc1fB6kggXfG9XaycJNfc0YPa+/uabSeKKoa0eDv+UyyEuRnYnKQAAAABJRU5ErkJggg==)
    50% no-repeat;
  background-size: 30px;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.contact-us {
  bottom: 100px;
  display: block;
  position: fixed;
  right: 0;
  width: 200px;
  z-index: 1000;
}

.tooltip-box {
  position: relative;
}

.tooltip-box .tooltip-img {
  display: block;
  width: 200px;
}

.tooltip-qrcode {
  bottom: 25px;
  left: 50%;
  transform: translate(-50%);
  width: 140px;
}

.box-btn,
.tooltip-qrcode {
  display: block;
  position: absolute;
}

.box-btn {
  cursor: pointer;
  height: 50px;
  right: 0;
  top: 0;
  width: 50px;
}

.contact-us .us-img {
  cursor: pointer;
  display: block;
  float: right;
  width: 100px;
  z-index: 1000;
}

.go-up {
  height: 100%;
}

.go-up,
.go-up .up-img {
  display: block;
  width: 100%;
}

.index-info .el-input-group__prepend {
  background-color: #fff;
  border: 1px solid #0071c1;
  border-radius: 0;
  border-right: none;
  color: #333;
  font-size: 12px;
  width: 60px;
}

.index-info .el-input__inner {
  border: 1px solid #0071c1;
}

.index-info {
  margin: 30px auto 0;
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.info-logos {
  cursor: pointer;
}

.index-info .info-logo {
  display: block;
  float: left;
  width: 234px;
}

.index-info .info-search {
  margin: 0 auto;
  width: 100%;
}

.index-info .info-shop {
  float: right;
  overflow: hidden;
}

.index-info .info-shop .shop-list {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAe9JREFUOE+d1L1rFEEYBvDn3Xgxxo1wEhDFK4KFRJHgJyksLFLoH3CCuSL7lbl4YCorsVjBaGUlFo7c7hBBhNXGRmK1YrCwiApqISiJIkJAObgLiNmbVw48ce+Ku81Uw/A+P57iZchyxTtmHAQAAl6rQJ5q3bd6yPLmzoCbBTAdAHB19fPHoTiOky2D7aBtVwpMyRciWAz6mRUkrRnIvaV2sFgsDgyP5H8RsC0r9t/8t39g69FyxCrA/ka99iArapp5SxMWOsHnAJZUIG9kBW1XXGfGVAqcccV90thQoZzLClqueAig2dlwAcAxFchzWUHbESsMPEmBti3KTJhXgTycFZxxRJ2IZ9MN3fJZMD9SgTSzgCXP25/Txldt6ImOhuVDTPxeJ7nRxcU7P/pFHWd2qgl6uv59u5kCi8WKuXMkqRPjeBjKlX5ByylfAriiAjmeAv/u4jqA3UTE/YLMbAB4rAJ5vhv0vElqDoz1i7XnDCN5Wa1W17rA6emL+dwOfWSssHfZ933dCy6VSrsGB4ePNhq15SiK0nvYCtuOeMPABABfBfJaL9B2xAsGThNwKwzk5a6GtiM+MDBORDfD6t0rvUDLFq9AOAnwbRXcm+8CPc/bs8nGibVP+5bi2O/5L14QYnRokycbjdqzKIp+/wFVcLi6BSmguQAAAABJRU5ErkJggg==)
    0 no-repeat;
  background-size: 20px;
  color: #333;
  cursor: pointer;
  float: left;
  font-size: 12px;
  line-height: 40px;
  margin-right: 24px;
  padding-left: 30px;
}

.index-info .info-shop .shop-list.recharge {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAp1JREFUOE+d1EuoVWUUB/DfOqcsDN1bm0QYGBZCFHTvOUT0sOuggRYRYdHAHkQ1s0nZY+AVGqQNIkloIgZFUKE9ICpqEL2w19ldCBSKbgZJNQjPPtIDIc4XX9tbx+O9Wq3Jhv2t9f/+33/91wrzxFmc02aqxU+Jm7EBKXgJLwcr2rz3Mz+Ml8f4j+VcNGQfinyWOBo8j1ZiY3D6sZpfElMDqlGMEwALHgq2t7jyD4rg6wGzuWgpF7ZZPeTH4BNsq5k+KeBS1rd4I7ihz+vzSVKyFu/ijprnTgqIRSU9LE+sGfDtaEHBquBD/FpzMY6eCjA/7fIWH+FQYu2Ag3NFJa/huiFXHOHzUzal4O6sTXB24u3E9Ehhu2QPbsThIZuO8MJCDE8r2Y3bsz6JzQO+WEDDS7ETV2F3zb0Y5ty/u1zyDO4MtvR5LDum0+nkpnxVVdUDObnb7d6VUrqpqqrrs41KtmI62NVvQBvAkts03dpa8+gcq8nJyVy4NyIy8/0ppZ0R8WBVVU+MaJrztyRuGbAnA55ZcDCYrbm68fI/0e1216WUXsEZEXF/r9d7ckyGVsHHeXpqzo+y0exZTNW8Pwa2HuellO7JF0dE1u37Xq/35piVrg3eSWzIgHuzPDUrxxvQ6XQ+wCosO3bWx2xVVWvGWZZ8h08zYDbuvpqN44ATExPrImIFMsMcu1JKh2ZmZt4az50jFgW/Y8eAR+ZhmCfigrlFgQG+qaoqa31cFDyO+zLD3xJPDXh4Ps/lf51OZ1v+VlV1wqUj3d4hb6OCA8GButl5/zsKXgwmM+DT0fjwkroR9j/HYs5dxH68mp+8MvFZRolmLg+PTtC/QF+CW7F4yGV/TcoSVrfZjmtGLLIQ1nHGz2ssmg2/uc+XfwIfVsT1+PmPgQAAAABJRU5ErkJggg==);
}

.index-info .info-shop .shop-list.user {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAARhJREFUOE+VlIsNwjAMBV83aSeBTgJMAkwCmwCTwCagk+zKJXHaRkKVYnz+PDud2mcv6SyJ70fSU9JL0j1z6xq8m6RjYr9IutZsGZCscCIrssG5l3Swe1hVaAb8WvTRyozJAH5bMOwEnU4NSJmUS2anpOSH9bUI2AKmfTKhsBf/qQFRlAxQlAxqxwWjgpniNWDsEQ6A4/GA3BX+W1UGRnabVSZLyuZbOyg7rJ3DJZhzgBYt+S/ZRwYnH2pWjT4SiN/ONsiznykdgRHWGhmCpVvjwKhcbTuylS/8HOiT39qODBr3fgDopabKZSS7jyKOANOpXwBFs2d5B8jLQZRijTYAp3WNQAZ19hRtAE7r6iVzkT0Ea7m0rv8BJj9MUefIz3cAAAAASUVORK5CYII=);
}

.index-info .info-search .search-self {
  margin-bottom: 10px;
}

.index-info .info-search .search-self .search-select {
  border-radius: 0;
  width: 120px;
}

.index-info .info-search .search-self .search-btn {
  background-color: #0071c1;
  border: 1px solid #0071c1;
  border-radius: 0;
  color: #fff;
  width: 92px;
}

.index-info .info-search .search-hot {
  color: #333;
  font-size: 12px;
  overflow: hidden;
}

.index-info .info-search .search-hot .hot-title {
  float: left;
}

.index-info .info-search .search-hot .hot-box {
  height: 50px;
  overflow: hidden;
}

.index-info .info-search .search-hot .hot-text {
  border: 1px solid #f5f5f5;
  color: #333;
  cursor: pointer;
  float: left;
  margin-right: 20px;
  padding: 4px 8px;
}

.index-info .info-search .search-hot .hot-text.active {
  border: 1px solid #0071c1;
  color: #0071c1;
}

.index-info .info-search .search-hot .hot-text:first-child {
  color: #ff5722;
  position: relative;
}

.index-info .info-search .search-hot .hot-text:first-child:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAdRJREFUOE99k79rFEEcxd934o1pglgoCHETFL3ZpPFQBEGCaVKIEX+msBGb9ILWxtq/QBErCRKFkJx9UggqKFZye0Zxby6FFmpQJN7M7X5lghP3Rve2/H7ffPbx5g2h5GsM7zgVr3dXy/Z+Tv0AQoj7INystsxima4vgIRYAfDVMh3vDnS+1FJshKBSQDOStxiYcweYsRi3zYUkkpeUNk+KkB5AEsnLSpvHH0cx2MnlcwBHvDgTXBvIcZUFL8Xp32xCwILSZibZL++AcCOw+xDgKYC+KW3UPyF+OIBdtis3SCDmHI1+6QvQ9GHdeeo02w4aUWWWQHcJ9IzBJwuAGQALAbCutDnbA0gi+QrAUS9k0D0CzyptyGUTQjJR2Tee/vy05cCV5s+Vbf8oB00J5KeVttfdMInkMoBpL8gFnxhL7YsyQJ0zcw2VwaE4/ZW6Q++inWdycN0DNoXZ7XqxBViL5FgGvPXLYkh+1hyVqhDuktLmXJiBK8hF51ZpE4e3kFQxhE35HYDJcp4YX7cvewDvD2Jv18rPYF5VbTsZArxLAuaq2tz+72NykMzKBz/2mPPHXsMWIa7aYDSrbfOotMp+0RiRV+KWmS8K10YqtUMt+yZ09htuBrsRPWlxsQAAAABJRU5ErkJggg==)
    50% no-repeat;
  background-size: 8px;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 5px;
  top: 2px;
  width: 8px;
}
.index-info .content-box {
  width: calc(100% - 254px);
  flex: 1;
  margin-left: 20px;
}
.index-info .info-nav {
  margin-top: 20px;
}

.index-info .nav-box {
  width: 235px;
  position: relative;
}
.index-info .nav-title {
  background-color: #0071c1;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 14px;
  line-height: 42px;
  position: relative;
  text-align: center;
  width: 100%;
}
.index-info .nav-box .sort-item {
  display: none;
  background: #fff;
  left: 0;
  position: absolute;
  top: 42px;
  width: 100%;
  z-index: 100;
  color: #353535;
  border-bottom: 1px solid #ececec;
}

.index-info .nav-box:hover .sort-item {
  display: block;
}
.index-info .nav-box .sort-item .item-list {
  cursor: pointer;
  font-size: 14px;
}
.index-info .nav-box .sort-item .item-list .tit {
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
}
.index-info .nav-box .sort-item .item-list:hover .tit{
  background-color: #ececec;
}
.index-info .nav-box .sort-item .item-list .more {
  padding: 10px 0;
  margin-left: 40px;
  line-height: 40px;
  display: none;
}
.index-info .nav-box .sort-item .item-list.active .more{
  display: block;
}
.index-info .nav-box .sort-item .item-list .more p.active {
  color: #0071C1;
  border-right: 2px solid #0071c1;
}
.index-info .nav-box .sort-item .item-list .more p:hover {
  color: #0071C1;
}
.index-info .nav-box .sort-item .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/up.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-info .nav-box .sort-item .item-list.active .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/down.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-info .nav-box .sort-subcategory{
  position: absolute;
  left: 238px;
  top: 0;
  width: 800px;
  min-height: 300px;height: auto;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 20px;
  display: none;
}.index-info .nav-box .sort-subcategory a{white-space: nowrap;}
.index-info .nav-box .sort-subcategory .subcategory-close{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("./images/close.png") 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.index-info .nav-box .sort-subcategory .subcategory-name{
  color: #333;
}
.index-info .nav-box .sort-subcategory .subcategory-name{
  color: #333;
  margin-bottom: 20px;
}
.index-info .nav-box .sort-subcategory .subcategory-item li{
  display: inline-block;
  color: #a6a9ad;line-height: 1;
  font-size: 14px;
  cursor: pointer;
  /* width: 30.3%; */
}
.bread-crumbs .index-title {
  color: #333;
  font-size: 12px;
  line-height: 37px;
}

.sort-subcategory {
  background-color: #fff;
  border-radius: 20px;
  height: 360px;
  left: 235px;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 560px;
  z-index: 10;
}

.subcategory-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAPtJREFUOE+d1EsOgjAQBuAZ6kHwJngT3WjcEDlJjSxI2OBN8ChcBEumoVigj6nseH3pdP4OAgDIV3uGcfxU1X2g+9RLyiYHIYqqvL6RMETVgYJBjd9TKkoYHkQHoAql8IL6gch6QMhTURujfx/l7Yi65D9QF0aWBlNRH7YCuWgI24ExNIY5QR+qP567aRrgiteyh9uX20YB4kDRCGHeFTobRQ/naISC713hUropcwZj4Q+XbO2ZXhUj/E7Q1U1u+HdgKBocdAVychZD10ePkbNY+H/DgYnFzr4Gn3Xbc0IbCz9FCmXdFAhZzwmtK9D2ni4D1ozv1NFvl2+MCeRzHS/l0F8gAAAAAElFTkSuQmCC)
    50% no-repeat;
  background-size: 10px;
  display: block;
  height: 10px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 10px;
}

.sort-subcategory .subcategory-name {
  color: #000;
  font-size: 16px;
  text-align: left;
}

.sort-subcategory .subcategory-item {
  color: #333;
  display: grid;
  font-size: 12px;
  grid-template-columns: repeat(3, 1fr);
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
  grid-gap: 20px;
  gap: 20px;
}

.sort-subcategory .subcategory-item .subcategory-list {
  cursor: pointer;
  margin-right: 10px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sort-subcategory .subcategory-item .subcategory-list:hover {
  color: #0071c1;
}

.sort-subcategory .subcategory-item::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.sort-subcategory .subcategory-item::-webkit-scrollbar-thumb,
.sort-subcategory .subcategory-item::-webkit-scrollbar-track {
  border-radius: 0;
}

.no-bg .el-dialog__body,
.no-bg .el-dialog__header {
  padding: 0;
}

.no-bg .el-dialog {
  background: transparent;
}

.prompt-dialog {
  display: block;
  overflow: hidden;
}

.prompt-dialog .mask-layer {
  background-color: rgba(0, 0, 0, 0.212);
  display: block;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.prompt-dialog .prompt-info {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 10010;
}

.prompt-dialog .prompt-info .info-img {
  display: block;
}

.prompt-dialog .prompt-info .info-img.close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.prompt-dialog .prompt-info .info-img.go {
  bottom: 60px;
  cursor: pointer;
  left: 45%;
  position: absolute;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  width: 195px;
}

.prompt-dialog .prompt-info .info-self {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  left: 80px;
  position: absolute;
  top: 30%;
  width: 600px;
}

.prompt-dialog .prompt-info .info-self .self-text {
  margin-bottom: 40px;
}

.login-index .el-dialog__body,
.login-index .el-dialog__header {
  padding: 0;
}

.login-index .el-input__inner {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.login-index .el-divider__text {
  background-color: transparent;
}

.login-content {
  overflow: hidden;
  position: relative;
}

.login-content .content-img {
  display: block;
  width: 100%;
}

.login-content .content-info {
  float: left;
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 423px;
}

.login-content .content-info .info-logo {
  display: block;
  margin: 0 auto 40px;
  width: 234px;
}

.login-content .content-info .info-ipt {
  display: block;
  margin: 0 auto 30px;
  width: 336px;
}

.login-content .content-info .info-ipt.te {
  margin-bottom: 10px;
}

.login-content .content-info .info-operate {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto 40px;
  overflow: hidden;
  width: 336px;
}

.login-content .content-info .info-operate .operate-pwd {
  float: right;
}

.login-content .content-info .info-btn {
  background-color: #fff;
  border-color: #fff;
  color: #0071c1;
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 30px;
  padding: 8px 0;
  width: 336px;
}

.login-content .content-info .info-divider {
  background-color: #0071c1;
  margin: 0 auto;
  width: 283px;
}

.login-content .content-info .info-divider .divider-text {
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
}

.login-content .icon-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAeZJREFUSEvFVtF1wzAIFJs0k7SZpM0kTSZpMknTSZpN6Ds/yEMIIVv9sP9iK9wBxwkqOz20E26ZBmbmF5AmoscM+dXAAvReSjkHQAC/l1J+iOi6hsgQWAC/SylLhvIoEH7i/Zv7diIiEOk+KTAzf5oMEegSBRRyIPBqzp+J6NJD7gIzM7JEJsjumgWxwR1Z/O8UgYfA5s93Ijqu6ZkDR/ZfQjzMvAFmZmSJbPEcZlUr5f+VOEffoghYS1wdRqCtJJj5QzJ/ENHBVqUCNgebEjMzS6/DnhlNeMIoOQhU7z2wHsI4VPNoAjeCMd8iwtq66n8eGD2BMJreSs9UMM8gGShKa3pdldsDo5ywwZ7arVpRETWPVP1KzsZ9Ahhm3dkzGWjmeDUcOVOVZyUj4C2BAJwSFbKqnRS4kb4zBx039WKIZ1SlRTthqYVZc6AHCkfrCc47nYxipZ3eODVO01PvCNx4QzpO4cwZ4YX9d+DVKPaMJbPMykRGlqlXo/XkzAmzSwLXIUo+tdpsviREZLoATIG70q+7Fo1J6H61dRHQGyk1ly2rDyzyNlh9UCndv+ZWH51FVzZ9bZc9ZGgffPvfsufMAwBY5jwQji3tkPU23S415nC9jfYtXeblJptS/RTw1uUvOr8b8B8CyE0ukd5aZAAAAABJRU5ErkJggg==)
    50% no-repeat;
  background-size: 30px;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
}

.index-mask {
  display: block;
  overflow: hidden;
}

.mask-layer {
  background-color: rgba(0, 0, 0, 0.212);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3000;
}

.mask-content,
.mask-layer {
  display: block;
  position: fixed;
}

.mask-content {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 3001;
}

.content-close-btn,
.content-img {
  cursor: pointer;
  display: block;
}

.content-close-btn {
  background: url(/_nuxt/img/home-popup-close-btn.f08fc83.png) 50% no-repeat;
  background-size: 100% 100%;
  height: 54px;
  position: absolute;
  right: 20px;
  top: 88px;
  width: 54px;
}
.swiper-container {
  --swiper-theme-color: #0071c1;
  outline: none;
  --swiper-navigation-cololr: #0071c1;
  --swiper-navigation-size: 50px;
}

.index-content {
  margin-bottom: 12px;
  overflow: hidden;
}

.index-sort {
  background-color: #fff;
  float: left;
  position: relative;
  width: 234px;
}

.index-sort .item-list {
  color: #333;
  cursor: pointer;
  font-size: 14px;
}

.index-sort .item-list .tit{
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
}
.index-sort .item-list .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/up.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-sort .item-list.active .icon-up {
  display: inline-block;
  width: 15px;
  height: 12px;
  background: url("./images/down.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 2px;
}
.index-sort .item-list .more{
  margin-left: 40px;
  line-height: 40px;
  display: none;
}
.index-sort .item-list.active .more {
  display: block;
}
.index-sort .item-list.active .more p.active {
  color: #0071c1;
  border-right: 2px solid #0071c1;
}
.index-sort .sort-subcategory{
  position: absolute;
  left: 238px;
  top: 0;
  width: 800px;
  min-height: 300px;height: auto;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 20px;
  display: none;
}.index-sort .sort-subcategory a{white-space: nowrap}
.index-sort .sort-subcategory .subcategory-close{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("./images/close.png") 0 0 no-repeat;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.index-sort .sort-subcategory .subcategory-name{
  color: #333;
  margin-bottom: 20px;
}
.index-sort .sort-subcategory .subcategory-item li{
  display: inline-block;
  color: #a6a9ad;
  font-size: 14px;line-height: 1;
  cursor: pointer;
  /* width: 30.3%; */
}
.index-goods{
  border-radius: 5px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
  margin: 30px auto 0;
  background-color: #fff;
}
.index-goods .header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
}
.index-goods .header .title{
  font-size: 28px;
  font-weight: 600;
  color: #333;
}
.index-goods .universitites-item{
  overflow: hidden;
  padding: 0 10px;
}
.index-goods .universitites-item li{
  float: left;
  width: calc(25% - 20px);
  margin: 0 10px 20px;
  background: #FFFFFF;
  box-shadow: 4px 4px 6px 0px rgba(192,194,198,0.16);
  border-radius: 8px 8px 8px 8px;
  padding-bottom: 10px;
}
.index-goods .universitites-item .name-text{
  font-size: 14px;
  color: #424242;
  line-height: 24px;
  padding: 10px;
}
.index-goods .universitites-item .list-price{
  padding: 0 10px 10px;
}
.index-goods .universitites-item .list-price .new{
  color: #FF0000;
  font-size: 22px;
}
.index-goods .universitites-item .list-price .old{
  color: #424242;
  font-size: 14px;
  text-decoration: line-through;
  margin-left: 5px;
}
.index-goods .universitites-item .list-tip{
  font-size: 14px;
  color: #424242;
  padding: 0 10px;
  line-height: 22px;
}
.index-goods .universitites-item .list-tip.flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index-goods .universitites-item .star{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('./images/star.png') 0 0 no-repeat; cursor:pointer;
  background-size: 100%;
}
.index-goods .universitites-item .starh{

  background: url('./images/starh.png') 0 0 no-repeat;background-size: 100%;
}
.index-profile{
  border-radius: 5px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
  margin: 30px auto;
  padding-bottom: 30px;
  background-color: #fff;
}
.index-profile .header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
}
.index-profile .header .title{
  font-size: 28px;
  font-weight: 600;
  color: #333;
}
.index-profile .box{
  position: relative;
}
.index-profile .msg{
  color: #fff;
  background: #003256;
  border-radius: 24px;
  font-size: 28px;
  width: 55%;
  position: absolute;
  left: 36%;
  top: 30px;
  z-index: 1;
  padding: 20px 40px;
  letter-spacing: 3px;
  line-height: 42px;
}
.index-footer{
  background: #131A28;
  color: #fff;
}
.index-footer .logo{
  font-size: 24px;
}
.index-footer .box{
  text-align: cnter;
  border-radius: 5px;
  max-width: 1200px;
  margin: auto;
  width: 100%;
  padding: 40px 0;
}
.index-footer .card{
  display: flex;
  padding: 40px 0;
}
.index-footer .card .list{
  width: 25%;
  font-size: 14px;
}
.index-footer .card li{
  opacity: 0.7;
  line-height: 28px;
}
.index-footer .card .list a{
  color: #fff;
}
.index-footer .card .title{
  margin-bottom: 20px;
  opacity: 1;
}
.index-footer .card .address{
  line-height: 20px;
  margin-top: 25px;
}
.copyright{
  background-color: #131A28;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
}
.index-code{
  position: fixed;
  right: 10px;
  bottom: 50px;
  z-index: 999;
  width: 150px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,21,36,0.06);
  border-radius: 24px;
  padding: 15px 15px;
  text-align: center;
}
.index-code img{
  border: 1px dashed #ccc;
}
.index-code .msg{
  background: #D8EFFF;
  border-radius: 90px;
  width: 80%;
  padding:5px 0;
  margin: 10px auto 0;
  font-size: 12px;
}
.log-box{
  display: none;
}
.mobile .index-top{
  position: relative;
}
.mobile .index-top .home-top-nav{
  max-width: 100%;
}
.mobile .home-top-nav .top-nav-index{
  width: auto;
}
.mobile .index-top .nav-list{
  display: none;
}
.mobile .index-top .nav-title{
  text-align: center;
  font-size: 20px;
}
.mobile .index-top .nav-title .list-text{
  display: none;
}
.mobile .index-top .nav-title .list-text{
  display: block;
  font-size: 12px;
  position: absolute;
  left: 18px;
}
.mobile .index-top .index-info {
  max-width: 100%;
}
.mobile .index-top .index-info .nav-box{
  display: none;
}
.mobile .index-top .search-self .el-input-group__append{
  display: none;
}
.mobile .index-top .index-info .content-box{
  margin: 0 20px;
  width: calc(100% - 40px);
}
.mobile .index-top .index-info .el-input__inner{
  border-radius: 20px;
  background-color: #d8d6db;
  border-color: #d8d6db;
}.tag-self a{ color:#fff}
.mobile .index-top .index-info .el-input__inner::placeholder {
  color: #999;
}.starh2{background-image: url(/assets/images/starh.png)!important;}
.mobile .index-top .index-info .info-search-list{
  width: auto;
  overflow: auto;
}
.mobile .index-top .index-info .info-search-list li{
  white-space: nowrap;
  padding: 0 0 10px 0;
  text-align: center;
  margin-right: 30px;
  border: none;
  background: inherit;
  position: relative;
}
.mobile .index-top .index-info .info-search-list li.active:after{
  content: '';
  width: 18px;
  height: 4px;
  background: #0071c1;
  position: absolute;
  bottom: 6px;
  left: 50%;
  margin-left: -9px;
  border-radius: 4px;
}

.mobile .home-index{
  margin: 0 auto;
}
.mobile .home-index .index-sort{
  display: none;
}
.mobile .home-index .content-box{
  margin-right: 20px;
}
.mobile .home-index .content-box img{
  border-radius: 8px;
}
.mobile .home-index .content-box img:last-child{
  display: none;
}
.mobile .index-goods{
  background-color: inherit;
  margin: 0 auto;
}
.mobile .index-goods .header{
  padding: 20px;
}
.mobile .index-goods .header .title{
  font-size: 20px;
}
.mobile .index-goods .header .more{
  font-size: 12px;
  color: #0071c1;
}
.mobile .index-goods .universitites-item li{
  float: none;
  width: calc(100% - 40px);
  margin: 0 10px;
  box-shadow: none;
  border-radius: 0;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.mobile .index-goods .universitites-item li:after{
  content: '';
  width: 90%;
  height: 2px;
  position: absolute;
  left: 5%;
  bottom: 0;
  background: #0071c1;

}

.mobile .index-goods .universitites-item li .list-img{
  float: left;
  width: 40%;
}
.mobile .index-goods .universitites-item li .name-text,
.mobile .index-goods .universitites-item li .list-price,
.mobile .index-goods .universitites-item li .list-tip{
 margin-left: 40%;
}
.mobile .index-goods .universitites-item li .name-text{
  line-height: 18px;
  padding: 0 10px;
}
.mobile .index-goods .universitites-item .list-price .new{
  font-size: 18px;
}
.mobile .index-goods .universitites-item .list-price .old{
  font-size: 12px;
}
.mobile .index-goods .universitites-item li .list-tip{
  padding: 0 10px;
  line-height: 18px;
}
.mobile .index-profile{
  max-width: auto;
  background: inherit;
  margin: 10px auto;
}
.mobile .index-profile .header{
  padding: 20px;
}
.mobile .index-profile .header .title {
  font-size: 20px;
}
.mobile .index-profile .box {
  margin: 0 20px;
  height: 230px;
}
.mobile .index-profile .msg{
  font-size: 12px;
  padding: 10px 10px;
  letter-spacing: 0;
  line-height: 20px;
  left: 24%;
  width: 70%;
  top: 10px;
}
.mobile .index-footer{
  margin-top: 40px;
  background-color: #e7e6e6;
  color: #333;
}
.mobile .index-footer .box{
  max-width: none;
  margin: 0 20px;
  padding: 20px 0;
  width: auto;
  position: relative;
  border-bottom: 1px solid #666;
  border-radius: 0;
}
.mobile .index-footer .logo{
  display: inline-block;
  font-size: 18px;
  background: #0071c1;
  color: #fff;
  padding: 6px 15px;
  position: absolute;
  left: 50%;
  margin-left: -115px;
  top: -10px;
}
.mobile .index-footer .logo:before,
.mobile .index-footer .logo:after{
  content: '';
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 10px solid #08588e;
  position: absolute;
  left: -8px;
  top: 0;
}
.mobile .index-footer .logo:after{
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
  left: initial;
  right: -8px;
}
.mobile .index-footer .card{
  padding: 10px 0;
  width: 100%;
  overflow: auto;
}
.mobile .index-footer .card .list {
  margin-right: 20px;
  width: auto;
}
.mobile .index-footer .card li{
  white-space: nowrap;
}
.mobile .index-footer .card .address{
  line-height: 20px;
  margin-top: 25px;
  white-space: normal;
}
.mobile .copyright{
  background-color: #e7e6e6;
  color: #333;
  text-align: left;
  padding: 0 20px 50px;
}
.mobile .index-code{
  display: none;
}
.mobile .log-box{
  display: flex;
  position: fixed;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #0071c1, #57abeb);
  border-radius: 20px;
  z-index: 1;
}
.mobile .log-box div{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 2px 40px;
  white-space: nowrap;
}
.mobile .log-box div:first-child{
  border-right: 1px solid #fff;
}
.hide{
  display: none !important;
}

.el-dialog__wrapper {
  bottom: 0;
  left: 0;
  margin: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
}
.el-dialog {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  margin: 0 auto 50px;
  position: relative;
  width: 50%;
}
.login-index .el-dialog__body, 
.login-index .el-dialog__header {
  padding: 0;
}
.el-dialog__title {
  color: #303133;
  font-size: 18px;
  line-height: 24px;
}
.el-dialog__body {
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}
.login-content{
  overflow: hidden;
  position: relative;
}
.login-content .icon-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAeZJREFUSEvFVtF1wzAIFJs0k7SZpM0kTSZpMknTSZpN6Ds/yEMIIVv9sP9iK9wBxwkqOz20E26ZBmbmF5AmoscM+dXAAvReSjkHQAC/l1J+iOi6hsgQWAC/SylLhvIoEH7i/Zv7diIiEOk+KTAzf5oMEegSBRRyIPBqzp+J6NJD7gIzM7JEJsjumgWxwR1Z/O8UgYfA5s93Ijqu6ZkDR/ZfQjzMvAFmZmSJbPEcZlUr5f+VOEffoghYS1wdRqCtJJj5QzJ/ENHBVqUCNgebEjMzS6/DnhlNeMIoOQhU7z2wHsI4VPNoAjeCMd8iwtq66n8eGD2BMJreSs9UMM8gGShKa3pdldsDo5ywwZ7arVpRETWPVP1KzsZ9Ahhm3dkzGWjmeDUcOVOVZyUj4C2BAJwSFbKqnRS4kb4zBx039WKIZ1SlRTthqYVZc6AHCkfrCc47nYxipZ3eODVO01PvCNx4QzpO4cwZ4YX9d+DVKPaMJbPMykRGlqlXo/XkzAmzSwLXIUo+tdpsviREZLoATIG70q+7Fo1J6H61dRHQGyk1ly2rDyzyNlh9UCndv+ZWH51FVzZ9bZc9ZGgffPvfsufMAwBY5jwQji3tkPU23S415nC9jfYtXeblJptS/RTw1uUvOr8b8B8CyE0ukd5aZAAAAABJRU5ErkJggg==) 50% no-repeat;
  background-size: 30px;
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
}
.login-content .content-img {
  display: block;
  width: 100%;
}
.login-content .content-info {
  float: left;
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 423px;
}
.login-content .content-info .tit{
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 80px;
}
.login-content .content-info .info-logo {
  display: block;
  margin: 0 auto 40px;
  width: 234px;
}
.login-content .content-info .info-ipt {
  display: block;
  margin: 0 auto 30px;
  width: 336px;
}
.login-content .content-info .info-operate {
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto 40px;
  overflow: hidden;
  width: 336px;
}
.login-content .content-info .info-operate .operate-pwd{
  float: right;
}
.login-content .content-info .info-btn{
  background-color: #fff;
  border-color: #fff;
  color: #0071c1;
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 30px;
  padding: 8px 0;
  width: 336px;
}
.v-modal {
  background: #000;
  height: 100%;
  left: 0;
  opacity: .5;
  position: fixed;
  top: 0;
  width: 100%;
}
.mobile-login-index {
  background-color: #f5f5f5;
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
  overflow: hidden;
}
.nut-navbar {
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  position: relative;
}
.nut-navbar .nav-left {
  position: absolute;
  left: 15px;
  top: 50%;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  font-size: 14px;
}
.nut-navbar .nav-left .back {
  float: left;
  margin-right: 8px;
}
.nut-navbar .nav-left .back .back-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('./images/left.png') no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.nut-navbar .nav-center .nav-title {
  width: auto;
  margin: 0 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.nut-navbar .nav-right {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  font-size: 14px;
}
.nut-navbar .nav-right .more {
  float: right;
  margin-left: 8px;
}
.login-box {
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}
.login-item {
  display: block;
}
.login-item .item-list {
  padding: 10px 0;
}
.login-item .item-list .list-title {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.nut-textinput {
  display: flex;
  align-items: center;
  position: relative;
}
.nut-textinput input {
  flex: 1;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #0071c1;
  background-color: "#FFFFFF";
  padding: 0 30px 0 10px;
}
.mobile-login-index  .operate-sign {
  font-size: 14px;
  color: #0071c1;
}
.mobile-login-index .operate-sign.password {
  float: right;
}
.mobile-login-index .bottom-box {
  position: fixed;
  bottom: 0;
  height: 65px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  text-align: center;
}
.mobile-login-index .bottom-box .bottom-btn {
  margin: 10px 20px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background-color: #0071c1;
  color: #fff;
  border-radius: 10px;
}

.login-sign {
  background: url('./images/reg-bg.jpg') 50% no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  min-height: 100vh;
  position: relative;
  width: 100%;
}
.login-sign .sign-content {
  margin: 0 auto;
  padding: 50px 0;
  max-width: 910px;
  width: 100%;
}
.login-sign .sign-content .content-top {
  margin-bottom: 10px;
  overflow: hidden;
}
.login-sign .sign-content .content-top .top-title {
  color: #fff;
  font-size: 35px;
  font-weight: 700;
}
.login-sign .sign-content .content-top .top-text {
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.login-sign .sign-content .content-self {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 20px 50px;
}
.login-sign .sign-content .content-self .self-title {
  color: #409eff;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 40px;
  text-align: center;
}
.el-switch {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  position: relative;
  vertical-align: middle;
}
.el-switch__input {
  height: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.el-switch__label {
  color: #303133;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  transition: .2s;
  vertical-align: middle;
}
.el-switch__label--left {
  margin-right: 10px;
}
.el-switch__label--right {
  margin-left: 10px;
}
.el-switch.is-checked .el-switch__core:after {
  left: 100%;
  margin-left: -17px;
}
.el-switch.is-checked .el-switch__core {
  background-color: #409eff;
  border-color: #409eff;
}
.el-switch:not(.is-checked) .el-switch__label--left{
  color: #409eff;
}
.el-switch.is-checked .el-switch__label--right{
  color: #409eff;
}
.el-switch__core {
  background: #dcdfe6;
  border: 1px solid #dcdfe6;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  margin: 0;
  outline: 0;
  position: relative;
  transition: border-color .3s, background-color .3s;
  vertical-align: middle;
  width: 40px;
  cursor: pointer;
}
.el-switch__core:after {
  background-color: #fff;
  border-radius: 100%;
  content: "";
  height: 16px;
  left: 1px;
  position: absolute;
  top: 1px;
  transition: all .3s;
  width: 16px;
}
.login-sign .sign-content .content-self .self-switch {
  margin-bottom: 30px;
  margin-left: 85px;
}
.login-sign .sign-content .content-self .self-info {
  margin-left: 85px;
  overflow: hidden;
}
.login-sign .sign-content .content-self .info-list {
  float: left;
  margin-right: 60px;
}
.login-sign .sign-content .content-self .info-list .list-title {
  color: #4a5263;
  font-size: 14px;
  margin-bottom: 12px;
}
.login-sign .sign-content .content-self .info-list .list-ipt {
  margin-bottom: 20px;
  width: 320px;
}
.login-sign .sign-content .content-footer {
  margin: 0 auto;
  width: 336px;
}
.el-checkbox {
  color: #606266;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  margin-right: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-checkbox:last-of-type {
  margin-right: 0;
}
.el-checkbox__input {
  cursor: pointer;
  line-height: 1;
  outline: 0;
  vertical-align: middle;
}
.el-checkbox__inner {
  background-color: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  height: 14px;
  position: relative;
  transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46), background-color .25s cubic-bezier(.71,-.46,.29,1.46);
  width: 14px;
  z-index: 1;
}
.el-checkbox__inner:after {
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  box-sizing: content-box;
  content: "";
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  transform-origin: center;
  transition: transform .15s ease-in .05s;
  width: 3px;
}
.el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner:after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__original{
  height: 0;
  margin: 0;
  opacity: 0;
  outline: 0;
  position: absolute;
  width: 0;
  z-index: -1;
}
.el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner{
  background-color: #409eff;
  border-color: #409eff;
}

.login-sign .sign-content .content-footer .footer-checkbox {
  margin-left: 10px;
}
.pact-text {
  font-size: 14px;
}
.login-sign .sign-content .content-footer .footer-btn {
  background-color: #409eff;
  border-color: #409eff;
  font-size: 18px;
  margin-top: 20px;
  padding: 12px 0;
  width: 100%;
}
.login-sign .sign-content .content-self .info-list .list-title .title-icon {
  color: #f30;
}
.login-sign .sign-content .content-self .info-list .list-ipt.te1 {
  font-size: 12px;
  margin-right: 8px;
  width: 310px;
}
.login-sign .sign-content .content-self .info-list .list-ipt.te{
  margin-right: 8px;
  width: 206px;
  display: inline-block;
}
.login-sign .sign-content .content-self .info-list .list-btn {
  width: 102px;
}
.login-sign .pact-text .text-click{
  color: #409eff;
}
.title-icon {
  color: #f20;
}
select {
  border-color: #409eff;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 0 10px;
}
.mobile-login-index .login-item .title-switch{
  float:right; 
  color: #f20;
  display: ruby;
}
.self-info:not(.active) .phone-list,
.self-info:not(.active) .email2-list,
.mobile-login-index .login-item:not(.active) .phone-list,
.mobile-login-index .login-item:not(.active) .email2-list{
  display: block;
}
.self-info:not(.active) .email-list,
.self-info:not(.active) .phone2-list,
.mobile-login-index .login-item:not(.active) .email-list,
.mobile-login-index .login-item:not(.active) .phone2-list{
  display: none;
}
.self-info.active .phone-list,
.self-info.active .email2-list,
.mobile-login-index .login-item.active .phone-list,
.mobile-login-index .login-item.active .email2-list{
  display: none;
}
.self-info.active .email-list,
.self-info.active .phone2-list,
.mobile-login-index .login-item.active .email-list,
.mobile-login-index .login-item.active .phone2-list{
  display: block;
}
.detail-box{
  background: #fff;
}
.detail-box .title{
  color: #333;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  padding: 20px;
}
table{
  width: 100%;
  border-collapse: collapse;
}
table thead{
  height: 47px;
  font-size: 12px;
  color: #909399;
  background: rgb(241, 246, 250);
}
table thead th{
  padding: 0 10px;
  text-align: center;
}
table tbody{
  height: 47px;
  font-size: 14px;
  color: #606266;
}
table tbody td{
  padding: 10px;
  text-align: center;
}
table a{
  cursor: pointer;
  color: #409eff;
}
table a:hover{
  text-decoration: underline;
}
table .list-btn,
table .list-btn:hover {
  background-color: #409eff;
  border-color: #409eff;
  color: #fff;
  padding: 0 10px;
  height: 35px;
}
.index-pagination{
  text-align: right;
  padding-bottom: 20px;
}
.el-pagination {
  color: #303133;
  font-weight: 700;
  padding: 2px 5px;
  white-space: nowrap;
}
.el-pagination .icon-more{
  line-height: 20px;
  font-size: 18px;
}
.el-pagination .arrow-left,
.el-pagination .arrow-right{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(./images/left.png) 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  margin-top: 4px;
}
.el-pagination .arrow-right{
  background: url(./images/right.png) 0 0 no-repeat;
  background-size: 100%;
}
.el-pagination .arrow-left.disabled{
  cursor: no-drop;
}
.el-pagination button:disabled {
  background-color: #fff;
  color: #c0c4cc;
  cursor: not-allowed;
}
.el-pager {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  font-size: 0;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.el-pager li {
  background: #fff;
  box-sizing: border-box;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  min-width: 35.5px;
  padding: 0 4px;
  text-align: center;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  cursor: pointer;
}
.el-pager li.active {
  color: #409eff;
  cursor: default;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
  color: #303133;
  line-height: 28px;
}

.el-pagination .btn-next, .el-pagination .btn-prev {
  background: 50% no-repeat #fff;
  background-size: 16px;
  color: #303133;
  cursor: pointer;
  margin: 0;
}
.el-pagination .btn-next{
  padding-left: 12px;
}
.mobile .self-financed{
  background: #fff;
}
.mobile .self-financed .home-top-nav,
.mobile .self-financed .info-search-list,
.mobile .self-financed .home-index{
  display: none;
}
.mobile .self-financed .home-index .detail-box{
  margin: 0;
  width: 100%;
}
.self-financed .index-goods{
  display: none;
}
.mobile .self-financed .index-goods{
  display: block;
}
.mobile .self-financed .index-info{
  margin: 10px auto 0;
}
.mobile .details-box .universitites-item,
.mobile .self-financed .universitites-item{
  padding: 0 0 60px;
}
.mobile .details-box .universitites-item .list-info,
.mobile .self-financed .universitites-item .list-info {
  margin-left: 140px;
}
.mobile .details-box .universitites-item li,
.mobile .self-financed .universitites-item li{
  padding: 10px 0;
  width: calc(100% - 20px);
}
.mobile .details-box .universitites-item li:after,
.mobile .self-financed .universitites-item li:after{
  width: calc(100% - 4px);
  left: 2px;
}
.mobile .details-box .universitites-item .list-info .info-title,
.mobile .self-financed .universitites-item .list-info .info-title {
  font-size: 12px;
  color: #a1a1a1;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 5px;
}
.mobile .details-box .universitites-item .list-info .info-text,
.mobile .self-financed .universitites-item .list-info .info-text {
  font-size: 14px;
  color: #737373;
  margin-bottom: 5px;
}
.mobile .details-box .universitites-item .list-info .info-text .text-btn,
.mobile .self-financed .universitites-item .list-info .info-text .text-btn {
  width: 72px;
  display: block;
  background-color: #409eff;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 18px;
}
.mobile .details-box .universitites-item .list-info .info-text .text-color,
.mobile .self-financed .universitites-item .list-info .info-text .text-color {
  color: #ff6433;
}
.mobile .self-financed .index-footer,
.mobile .self-financed .copyright{
  display: none;
}
.mobile .self-financed .index-top .index-info {
  background-color: #fff;
  padding-top: 10px;
  margin: 0;
}
.mobile .self-financed .index-top .index-info .el-input__inner{
  background-color: #f6f6f6;
  border-color: transparent;
}
.mobile .self-financed .index-top .info-box{
  display: flex;
}
.index-top .info-box .icon-back{
  display: none;
}
.mobile .self-financed .index-top .info-box .icon-back{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(./images/left.png) 0 0 no-repeat;
  background-size: 100%;
  cursor: pointer;
  margin-top: 8px;
}
.goods-details {
  margin: 0 auto 20px;
  max-width: 1200px;
  overflow: hidden;
  width: 100%;
}
.goods-details .details-box {
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.goods-details .details-box .details-collect {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
}
.goods-details .details-box .details-collect .collect-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAAXNSR0IArs4c6QAAAzJJREFUSEullV+I1FUUxz/fuzWORJv0YoHWzG/WRDNQBBOpLamQJYiodn6z5UMUJYVBEtLaQyUVWz5ERSlY9IeFdn4zrC8R7oP5spVKpgS7a39mfzNIRBIUakur694Ts+vo2uy60/qD+/K753s+99xzzj2iwc9y6ScxvY5wGNsVxTsbkaoRI2tPrcTpMOg3hMdYjNcaFYe/n03fGCAMvgBaOaslJP/x+GQJ2QHly21XDLAwtRbct8BriuJXqg4tDF4GtuO5U8X468tBZo3AwmAf2Cq8AhXjkxOAB5Zey/yxGGxAUXn9nAGWzaxHth/Ypih+c6ojCzNbwXZg3KdCvG8myIUILJdZjLECasvfBloGnCQxklH3iZFLAO2L5qPEMHA94kfEEN6GcG4Qs0GWxSW9ipdl061InwGpSQc2DiphDAADyPcpqhyc7oSWS92OuQ1gy0G3ArcAifO2vyM2ysL0MGgR6AWkb0ieO6ZPK6OzVce0wLu5ihtTLZhbh7ELOC7LBn8hzuCTN6k4dHYujv+rsbaWeVznj2NcLculX8L0BrAXfzqr4h9/XwnkfIXtAe5FdE4k2bLBi0AX4gjO7ldP+cRcINaeugHnvgRWAlsVxW9frKIweAz4GOxXUJui+Of/A7FHgyWMW99EPo3HVYh7qvpLGs1ywT0YvcAYNLUq+uVYIxBrTy/FqR+Yh3hI+firmq6uky3MPAf2HrBGUfxdY4DMapwdBp5XFL87VVMPyAbvI57ilGvW3tKZxgDLE7jR0xgfqhBvvjwgTB8AJRTFqxtxXrOxMH0EY1SF8roZAVZtlIXBKbBuReVNdfVdTeSYORXLP9XthcFHYB34crOKjE+bg8nB4o6C36SosvvC6XItq8A6Mf/w5D+3B6lL+dLRixEEzwIfcM6tUG9pcHpANr0RqRvHI+qJe609dRdN6sS0Aag+H58gDOMJIAn0IetSvtxvHUEHns8xC1UoF2aIILgDRz/YnxPjcfJlrc6AXTh7p9aA1pFeyLi2IJ4BmoEfMG5GLEB+rfKVQzOXaTbYhtgCjGDsxthZGzR19/5gagGJps3IngauwfxbKlR2TLX7F+ARP4tMNYT7AAAAAElFTkSuQmCC) 50% no-repeat;
  background-size: 24px;
  display: inline-block;
  height: 22px;
  width: 24px;
}
.goods-details .details-box .details-collect .collect-text {
  color: #ff5722;
  font-size: 18px;
  line-height: 24px;
}
.goods-details .details-info {
  overflow: hidden;
  position: relative;
}
.goods-details .details-info .info-img {
  float: left;
  position: relative;
  width: 350px;
}
.goods-details .details-info .info-img .info-tags {
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 350px;
  z-index: 10;
}
.goods-details .details-info .info-img .info-tags .tag-issp {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  padding: 5px 6px;
}
.goods-details .details-info .info-img .info-tags .tags-rig {
  overflow: hidden;
}
.goods-details .details-info .info-img .info-tags .tags-rig .tag-self {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 8px;
  color: #fff;
  float: left;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 5px;
  white-space: nowrap;
}
.goods-details .details-info .info-img .gallery-top {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 350px;
  width: 350px;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper{
  transform: translateZ(0);
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  width: 350px;
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
.goods-details .details-info .info-img .swiper-box {
  position: relative;
}
.goods-details .details-info .info-img .img-self {
  display: block;
  height: 350px;
  width: 100%;
}

.gallery-thumbs {
  box-sizing: border-box;
  height: 20% !important;
  padding: 10px 0;
}
.goods-details .info-thumbs {
  width: 350px;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 1;
  width: 54px;
}
.gallery-thumbs .swiper-slide img {
  display: block;
  height: 54px;
  width: 54px;
}
.goods-details .details-info .info-item {
  margin-left: 370px;
}
.goods-details .details-info .info-item .item-name {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 22px;
}
.goods-details .details-info .info-item .item-tag {
  margin-bottom: 22px;
}
.goods-details .details-info .info-item .item-tag .tag-self {
  color: #ff5722;
  font-size: 18px;
  height: auto;
  line-height: normal;
  margin-right: 10px;
  padding: 2px;
  background-color: #fff0e0;
  border: none;
}
.goods-details .details-info .info-item .item-pay {
  color: #999;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 14px;
}
.goods-details .details-info .info-item .item-pay .pay-text {
  color: #ff5722;
  font-size: 46px;
}
.goods-details .details-info .info-item .item-pay .pay-past {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.goods-details .details-info .info-item .item-list {
  background-color: #f2f2f2;
  margin-bottom: 30px;
  padding: 20px;
}
.goods-details .details-info .info-item .item-list .list-self {
  color: #999;
  font-size: 12px;
  overflow: hidden;
}
.goods-details .details-info .info-item .item-list .self-single {
  float: left;
  line-height: 20px;
  margin-bottom: 10px;
  width: 33.33%;
}
.wrapper dd, .wrapper dl, .wrapper p {
  margin: 0;
}
.goods-details .details-info .info-item .item-list .self-single .title-text {
  color: #ff5722;
  font-weight: 600;
}
.item-member.content {
  background-color: #fff9f0;
  color: #a14b24;
}
.item-member .member-icon {
  float: left;
  height: 33px;
  overflow: hidden;
  font-size: 14px;
  line-height: 33px;
  overflow: hidden;
  padding: 0 10px 0 20px;
  position: relative;
}
.item-member .member-icon .icon-self {
  background: url('./images/star2.png') 50% no-repeat;
  background-size: 18px;
  display: inline-block;
  height: 18px;
  margin-right: 4px;
  margin-top: 7px;
  width: 18px;
}
.goods-details .details-info .info-item .btn-self {
  background-color: #ff5722;
  border-color: #ff5722;
}
.el-button--warning.is-plain {
  background: #fdf6ec;
  border-color: #f5dab1;
  color: #e6a23c;
}
.goods-details .details-introduce {
  margin-top: 30px;
}
.el-tabs--border-card {
  background: #fff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04);
}
.el-tabs__header {
  margin: 0 0 15px;
  padding: 0;
  position: relative;
}
.el-tabs--border-card>.el-tabs__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  margin: 0;
}
.goods-details .details-introduce .el-tabs__header {
  line-height: 38px;
}
.el-tabs__nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
.el-tabs__nav-scroll {
  overflow: hidden;
}
.el-tabs__nav {
  float: left;
  position: relative;
  transition: transform .3s;
  white-space: nowrap;
  z-index: 2;
}
.el-tabs__item {
  box-sizing: border-box;
  color: #303133;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  list-style: none;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
}
.el-tabs__item.is-active {
  color: #409eff;
}
.el-tabs__nav-wrap:after {
  background-color: #e4e7ed;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.el-tabs__active-bar {
  background-color: #409eff;
  bottom: 0;
  height: 2px;
  left: 0;
  list-style: none;
  position: absolute;
  transition: transform .3s cubic-bezier(.645,.045,.355,1);
  z-index: 1;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item{
  padding: 5px 15px;
  font-size: 14px;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  background-color: #fff;
  border-left-color: #dcdfe6;
  border-right-color: #dcdfe6;
  color: #409eff;
}
.goods-details .details-introduce .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #409eff;
  font-weight: 600;
}
.el-tabs__content {
  overflow: hidden;
  position: relative;
}
.el-tabs--border-card>.el-tabs__content {
  padding: 15px;
}
.introduce-item {
  margin-bottom: 20px;
}
.introduce-item .item-title {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
}
.introduce-item .item-list {
  border: 1px solid #eaeef3;
  font-size: 14px;
  margin-bottom: 10px;
}
.introduce-item .item-list .list-box {
  border-bottom: 1px solid #eaeef3;
  line-height: 33px;
  overflow: hidden;
}
.introduce-item .item-list .list-box .box-lf {
  background-color: #f8fafc;
  color: #666;
  float: left;
  padding: 0 20px;
  width: 30%;
}
.introduce-item .item-list .list-box .box-rig {
  border-left: 1px solid #eaeef3;
  box-sizing: border-box;
  color: #333;
  float: left;
  padding-left: 20px;
  width: 66%;
}
.introduce-item .item-list .list-box .box-rig.color {
  color: #f20;
  font-weight: 600;
}
.introduce-item .item-list .list-box .box-rig .rig-text.point:nth-child(2n) {
  background-color: #f5f5f5;
}
.introduce-item .item-list .list-box .box-rig .rig-text.centered {
  text-align: center;
}
.introduce-item .item-list .list-box .box-rig .rig-text.line {
  border-bottom: 1px solid #eaeef3;
}
.introduce-item .item-list .list-box .box-rig .rig-text .text-right {
  color: #ff5722;
  float: right;
}
.introduce-item .item-list .list-box .box-rig .rig-text {
  padding: 0 20px;
}
.introduce-item .item-list .list-box .box-rig.Fee, .introduce-item .item-list .list-box .box-rig.Policy {
  padding-left: 0;
}
.mobile .details-box .index-top{
  display: none;
}
.mobile .details-box .home-index,
.mobile .details-box .goods-details {
  max-width: none;
}
.mobile .details-box .goods-details .details-box{
  padding: 0;
}
.mobile .details-box .goods-details .details-info .info-img{
  float: none;
  width: 100%;
}
.mobile .details-box .goods-details .details-info .info-item{
  margin: 0;
  margin-top: -160px;
  position: relative;
  z-index: 1;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 12px;
}
.mobile .details-box .goods-details .details-info .info-img .gallery-top{
  margin: 0;
  width: 100%;
}
.mobile .details-box .swiper-slide{
  width: 100%;
}
.mobile .details-box .details-info .info-img .info-tags,
.mobile .details-box .details-collect,
.mobile .details-box .gallery-thumbs,
.mobile .details-box .details-info .info-item .item-msg,
.mobile .details-box .details-introduce .el-tabs__header,
.mobile .details-box .index-footer,
.mobile .details-box .copyright,
.details-box .gallery-top .oper,
.details-info .item-mobile-msg{
  display: none;
}
.mobile .details-box .gallery-top .oper{
  position: absolute;
  width: calc(100% - 20px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.mobile .details-box .details-info .info-item .item-name {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 6px;
}
.mobile .details-box .details-info .item-mobile-msg{
  display: block;

}
.mobile .details-box .details-info .item-mobile-msg .info-tag {
  margin-bottom: 6px;
  color: #999;
  font-size: 12px;
  line-height: 16px;
}
.mobile .details-box .details-info .item-mobile-msg .info-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #999;
}
.mobile .details-box .details-info .item-mobile-msg .pay-text {
  font-size: 18px;
  color: #ff5722;
  line-height: 30px;
  margin-left: 5px;
}
.mobile .details-box .details-introduce{
  margin-top: 10px;
}
.mobile .details-box .el-tabs--border-card{
  box-shadow: none;
  border: none;
  background: inherit;
}
.mobile .details-box .introduce-item .item-list,
.details-box .introduce-item.more{
  display: none;
}
.mobile .details-box .introduce-item.show .item-list,
.mobile .details-box .introduce-item.more{
  display: block;
}
.mobile .details-box .introduce-item .item-title{
  font-weight: normal;
  padding: 10px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile .details-box .introduce-item .item-title .arrow-down{
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url(./images/down.png) 0 0 no-repeat;
  background-size: 100%;
  opacity: .6;
}
.mobile .details-box .introduce-item.show .item-title .arrow-down{
  background: url(./images/up.png) 0 0 no-repeat;
  background-size: 100%;
}
.mobile .details-box .el-tabs--border-card>.el-tabs__content{
  padding: 0;
}
.mobile .details-box .introduce-item {
  background: #fff;
  margin-bottom:5px;
}
.mobile .details-box .introduce-item .item-list{
  border: none;
  color: #666;
  font-size: 13px;
}
.mobile .details-box .introduce-item .item-list .list-box{
  border: none;
  display: flex;
  justify-content: space-between;
  line-height: 40px;
}
.mobile .details-box .introduce-item .item-list .list-box .box-lf{
  background-color: inherit;
  width: 50%;
}
.mobile .details-box .introduce-item .item-list .list-box .box-rig{
  border: none;
  text-align: right;
  padding: 0 20px 0 0;
}
.mobile .details-box .introduce-item .item-list .spe{
  display: block;
  line-height: 22px;
}
.mobile .details-box .introduce-item .item-list .spe .box-rig{
  width: 100%;
  text-align: left;
  padding: 10px 20px;
}
.mobile .details-box .introduce-item .item-list .list-box .box-rig .rig-text{
  padding: 0;
}
.introduce-item .item-list .mobile-more,
.mobile .details-box .introduce-item .item-list .more{
  display: none;
}
.mobile .details-box .introduce-item .item-list .mobile-more{
  display: block;
}
.mobile .details-box .collapse-wrapper .collapse-content {
  padding: 12px 16px;
  color: #969799;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
}
.mobile .details-box .collapse-item {
  position: relative;
  width: calc(100% - 20px);
  overflow: hidden;
  padding: 10px 16px;
  color: #323233;
  font-size: 14px;
  line-height: 24px;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 10px;
}
.mobile .details-box .collapse-item.te {
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
  padding: 0;
  color: #323233;
  font-size: 14px;
  line-height: 24px;
  background-color: #fff;
  box-sizing: border-box;
}
.mobile .details-box .collapse-item .item-title{
    text-align: center;
    background-color: #eee;
    color: #333;
    line-height: 20px;
}
.mobile .details-box .collapse-item .item-list.te {
  padding: 10px;
  margin-bottom: 0;
}
.mobile .details-box .collapse-item .item-list {
  overflow: hidden;
  padding: 10px 0;
  color: #666;
  font-size: 13px;
}
.mobile .details-box .collapse-item .item-list .list-text {
  float: right;
}
.mobile .details-box .collapse-item .item-list .list-text.color {
  color: #0071c1;
}
.mobile .details-box .collapse-item .item-list.te:nth-child(2n -1) {
  background-color: #eee;
}
.details-box .content-recommend{
  display: none;
}
.mobile .details-box .content-recommend {
  display: block;
  padding-top: 10px;
}
.mobile .details-box .content-recommend .recommend-title {
  text-align: center;
  font-size: 14px;
  color: #ff6433;
  height: 22px;
  font-weight: 700;
  position: relative;
}
.content-recommend .recommend-title:after{
  content: "";
  position: absolute;
  display: block;
  width: 350px;
  height: 1px;
  background-color: #ff6433;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile .details-box .content-recommend .recommend-title .title-text {
  position: absolute;
  line-height: 22px;
  background-color: #f5f5f5;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 5px;
  box-sizing: border-box;
}
.details-box .universitites-item{
  display: none;
}
.mobile .details-box .universitites-item{
  display: block;
  margin: 10px 0 0;
  padding: 0;
}
.mobile .details-box .universitites-item li{
  position: relative;
  margin: 0 10px;
  background: #fff;
  padding: 10px;
  width: calc(100% - 40px);
}
.mobile .details-box .universitites-item li .list-img {
  float: left;
  width: 40%;
}
.mobile .details-box .universitites-item li:after {
  content: '';
  width: 96%;
  height: 2px;
  position: absolute;
  left: 2%;
  bottom: 0;
  background: #0071c1;
}
.details-box .goods-footer{
  display: none;
}
.mobile .details-box .goods-footer {
  height: 50px;
  display: block;
}
.mobile .details-box .goods-footer .footer-info {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 12px;
  box-sizing: border-box;
  z-index: 100;
}
.mobile .details-box .goods-footer .footer-info .info-btn {
  float: right;
  width: 120px;
  line-height: 36px;
  color: #fff;
  background-color: #ff6433;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
}
.mobile .details-box .goods-footer .footer-info .info-item {
  margin-right: 130px;
  font-size: 12px;
  color: #333;
}
.mobile .details-box .goods-footer .footer-info .info-item .item-title {
  margin-bottom: 6px;
}
.goods-footer .footer-info .info-item .item-title .item-text{
  color: #ff6433;
}
.side-nav .nav-user {
  cursor: pointer;
  padding: 20px 30px;
}
.side-nav .nav-user .user-img{
    border-radius: 50%;
    display: block;
    height: 70px;
    margin: 0 auto 10px;
    width: 70px;
}
.side-nav .nav-user .user-name {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 10px;
  padding: 0 16px;
  text-align: center;
}
.side-nav .nav-user .user-email {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
.side-nav .nav-info .info-title {
  background-color: #0071c1;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 44px;
  padding-left: 40px;
}
.side-nav .nav-info .info-item .info-list {
  color: #999;
  cursor: pointer;
  font-size: 14px;
  line-height: 44px;
  padding: 0 20px;
}
.side-nav .nav-info .info-item .info-list.active {
  background-color: rgba(61, 73, 119, .1);
  color: #0071c1;
  position: relative;
}
.side-nav .nav-info .info-item .info-list.active:before {
  background-color: #0071c1;
  border-radius: 2px;
  content: "";
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
.side-nav .nav-info .info-item .info-list a{
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #999;
}
.personal-pulick .personal-title {
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  padding: 0 20px;
}
.favorite-index {
  background: #fff;
}
.favorite-index .favorite-content {
  padding: 20px;
}
.public-goods {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
}
.public-goods .goods-list {
  overflow: hidden;
}
.public-goods .goods-list .list-time {
  display: grid;
  float: left;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info {
  box-shadow: 2px 2px 5px #f6f6f6;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px;
}
.public-goods .goods-list .list-time .time-info .info-top {
  position: relative;
}
.public-goods .goods-list .list-time .time-info .info-img {
  display: block;
  height: 200px;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info .info-tag {
  box-sizing: border-box;
  left: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info .info-tag .tag-right {
  float: right;
}
.public-goods .el-tag {
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  margin-left: 5px;
  line-height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 5px;
  white-space: nowrap;
}
.public-goods .goods-list .list-time .time-info .info-name {
  background-color: rgba(0, 0, 0, .6);
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  height: 64px;
  left: 0;
  line-height: 22px;
  padding: 10px;
  position: absolute;
  width: 100%;
}
.public-goods .goods-list .list-time .time-info .info-name .name-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.public-goods .goods-list .list-time .time-info .info-user {
  color: #333;
  font-size: 12px;
  margin-top: 10px;
  position: relative;
}
.public-goods .goods-list .list-time .time-info .info-user .user-id {
  margin-bottom: 10px;
}
.public-goods .goods-list .list-time .time-info .info-user .user-text {
  line-height: 18px;
  margin-bottom: 5px;
  overflow: hidden;
}
.public-goods .goods-list .list-time .time-info .info-user .user-text.te {
  height: 36px;
}
.public-goods .goods-list .list-time .time-info .info-collect {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAAXNSR0IArs4c6QAAAzJJREFUSEullV+I1FUUxz/fuzWORJv0YoHWzG/WRDNQBBOpLamQJYiodn6z5UMUJYVBEtLaQyUVWz5ERSlY9IeFdn4zrC8R7oP5spVKpgS7a39mfzNIRBIUakur694Ts+vo2uy60/qD+/K753s+99xzzj2iwc9y6ScxvY5wGNsVxTsbkaoRI2tPrcTpMOg3hMdYjNcaFYe/n03fGCAMvgBaOaslJP/x+GQJ2QHly21XDLAwtRbct8BriuJXqg4tDF4GtuO5U8X468tBZo3AwmAf2Cq8AhXjkxOAB5Zey/yxGGxAUXn9nAGWzaxHth/Ypih+c6ojCzNbwXZg3KdCvG8myIUILJdZjLECasvfBloGnCQxklH3iZFLAO2L5qPEMHA94kfEEN6GcG4Qs0GWxSW9ipdl061InwGpSQc2DiphDAADyPcpqhyc7oSWS92OuQ1gy0G3ArcAifO2vyM2ysL0MGgR6AWkb0ieO6ZPK6OzVce0wLu5ihtTLZhbh7ELOC7LBn8hzuCTN6k4dHYujv+rsbaWeVznj2NcLculX8L0BrAXfzqr4h9/XwnkfIXtAe5FdE4k2bLBi0AX4gjO7ldP+cRcINaeugHnvgRWAlsVxW9frKIweAz4GOxXUJui+Of/A7FHgyWMW99EPo3HVYh7qvpLGs1ywT0YvcAYNLUq+uVYIxBrTy/FqR+Yh3hI+firmq6uky3MPAf2HrBGUfxdY4DMapwdBp5XFL87VVMPyAbvI57ilGvW3tKZxgDLE7jR0xgfqhBvvjwgTB8AJRTFqxtxXrOxMH0EY1SF8roZAVZtlIXBKbBuReVNdfVdTeSYORXLP9XthcFHYB34crOKjE+bg8nB4o6C36SosvvC6XItq8A6Mf/w5D+3B6lL+dLRixEEzwIfcM6tUG9pcHpANr0RqRvHI+qJe609dRdN6sS0Aag+H58gDOMJIAn0IetSvtxvHUEHns8xC1UoF2aIILgDRz/YnxPjcfJlrc6AXTh7p9aA1pFeyLi2IJ4BmoEfMG5GLEB+rfKVQzOXaTbYhtgCjGDsxthZGzR19/5gagGJps3IngauwfxbKlR2TLX7F+ARP4tMNYT7AAAAAElFTkSuQmCC) 50% no-repeat;
  background-size: 24px;
  bottom: 0;
  display: block;
  height: 22px;
  position: absolute;
  right: 0;
  width: 24px;
}
.public-goods .goods-list .list-time .time-info .info-collect.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAAXNSR0IArs4c6QAAAghJREFUSEullT1oFGEQhp93I0ERYrpUwu1eFYhgJYeoGIKFYCGCuyemEAVBjGAK8adSUCQWoqIRLBSxyN0eqWwsVATFIChWCRaXvZRaBQMqitmRi0nM5f721oFt9nvfeb7ZmWFFwrC8ewLTVYSDcUXFaDyJVUlEdjizHUfvQV3L+phYO1Sa/dDOnwwQeE+BAzXJZM9UqOz/b4AFmRw4b4H6y8TsVil60wrStgILvOfAUOMk9krFymBqgPnZQWQvW34GY5/CqHqJhrFageWzWzEGYOWJt4H6gY1tAD8RnxAzxDaD40xjNk1/VNZlYpnv7kF6DGTaNazD88+IYVngzoK8Ds1J5WWZ780jepM6OtTNy/LuJUzXOjQmk4sLS0023zsPXEcNZj1ZqvWqGDinYnTz3xQF3lHgIdCdLueq6xfGMYXRRPVNzaJZ3hvCmAS2pIQsIA6pEL1Y8ddtsgXZM2B3UgLOqhjdXuutB/jeXcTpVADjnsJopDUgcKdAuXQAm1JY2dkUYHvZQJ+3AGxKBcC+E1d6VGKxYQ/+/licj+mSL7t+OwOaLE83BvjuMNKTJoAfwCOEYRxvWqVZoLASNqnA24XD63WAr8B9HLulicqXpcU84vaxqFHEKaCnRq84p8Lcu+Zj6nsXEaPAN4wHGOMqRVVIXdjBTC/dXSPITgKbsXhM4dyNtcI/QE6nfAov5NgAAAAASUVORK5CYII=);
}
.public-goods .goods-list .list-time .time-info .info-user .user-text .text-color {
  color: #ff5722;
  font-size: 20px;
  font-weight: 500;
  padding: 0 3px;
}
.public-goods .goods-list .list-time .time-info .info-user .user-text .text-history {
  color: #a5a5a5;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.mobile .favorites .index-top,
.mobile .favorites .index-footer,
.mobile .favorites .copyright{
  display: none;
}
.mobile .favorites .home-index .content-box{
  margin: 0 0 50px 0;
}
.mobile .favorites .favorite-index .favorite-content{
  padding: 0 10px;
}
.mobile .favorites .public-goods{
  padding: 0;
}
.mobile .favorites .public-goods .goods-list .list-time{
  display: block;
  float: none;
}
.mobile .favorites .public-goods .goods-list .list-time .time-info{
  padding: 0;
}
.mobile .favorites .public-goods .goods-list .list-time .time-info .info-img{
  height: 100%;
}
.mobile .favorites .public-goods .goods-list .list-time .time-info .info-collect{
  top:0;
  bottom: inherit;
}
.personal-pulick .personal-pulick-content {
  margin: 20px;
}
.certification-top {
  background-color: #f8fbfd;
  border: 1px solid #e3e7ed;
  margin-bottom: 20px;
  padding: 9px 16px;
}
.certification-top .certification-status {
  color: #4a5263;
  display: inline-block;
  font-size: 12px;
}
.certification-top .certification-status .status-text {
  color: #fe5b28;
}
.el-form-item:after, .el-form-item:before {
  content: "";
  display: table;
}
.el-form{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.el-form--inline .el-form-item {
  margin-right: 10px;
  vertical-align: top;
  display: flex;
}
.el-form-item {
  margin-bottom: 22px;
}
.el-form-item__label {
  box-sizing: border-box;
  color: #606266;
  float: left;
  font-size: 14px;
  line-height: 40px;
  padding: 0 12px 0 0;
  text-align: right;
  vertical-align: middle;
  width: 180px;
}
.el-form--inline .el-form-item__label {
  display: inline-block;
  float: none;
}
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
  color: #f56c6c;
  content: "*";
  margin-right: 4px;
}
.el-form-item__content {
  font-size: 14px;
  line-height: 40px;
  position: relative;
}
.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.certification-public .certification-ipt, .certification-public .certification-uploader {
  width: 260px;
}
.el-upload {
  cursor: pointer;
  display: inline-block;
  outline: 0;
  text-align: center;
}
.certification-public .certification-uploader .uploader-img {
  border-radius: 10px;
  width: 100%;
}
.el-upload .el-upload__input, .el-upload input[type=file] {
    display: none;
}
.mobile .personal-pulick-content{
  margin: 0;
}
.mobile .personal-pulick-content .el-form {
  grid-template-columns: repeat(1, 1fr);
  padding: 10px;
  width: calc(100% - 40px);
}
.mobile .personal-pulick-content .el-form-item__label {
  width: 120px;
}
.mobile .certification-public .certification-ipt, 
.mobile .certification-public .certification-uploader{
  width: 100%;
}
.el-select {
  display: inline-block;
  position: relative;
}
.el-select>.el-input {
  display: block;
}
.el-input--suffix .el-input__inner {
  padding-right: 30px;
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-icon-arrow-up{
  display: inline-block;
  width: 12px;
  height: 10px;
  background: url("./images/down.png") 0 0 no-repeat;
  background-size: 100%;
  margin-top: 14px;
  opacity: .6;
}
.el-input__suffix{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.el-table__empty-block {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 60px;
  text-align: center;
  width: 100%;
}
.el-table__empty-text {
  color: #909399;
  line-height: 60px;
  width: 50%;
  font-size: 14px;
}