@charset "UTF-8";
body {
  width: 100%;
  padding-top: var(--layout-nav-height);
}

.body-content {
  height: calc(100vh - var(--layout-nav-height));
  overflow: auto;
}

.body-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: var(--layout-nav-height);
}

.body-nav-phone {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: var(--layout-nav-height);
}

@media screen and (orientation: portrait) {
  body.myInvitationCode {
    height: 100vh;
    padding-top: 0px;
  }
}
.body-leftNav {
  position: fixed;
  left: 40px;
  top: calc(var(--layout-nav-height) + 20px);
  width: var(--layout-page-left-width);
  max-height: calc(100% - var(--layout-nav-height) - 20px - 20px);
  overflow-x: hidden;
  overflow-y: auto;
  background: white;
}

@media screen and (orientation: portrait) {
  .body-leftNav {
    position: fixed;
    left: 1em;
    top: 0px;
    z-index: 10000;
    padding-top: calc(var(--layout-nav-height) + 20px);
    max-height: calc(100% - var(--layout-nav-height));
  }
}
.body-classifys-nav {
  position: fixed;
  left: 0px;
  top: var(--layout-nav-height);
  width: var(--body-classifys-nav-width);
  height: calc(100% - var(--layout-nav-height));
  overflow: auto;
}

.body-classifys-content {
  width: calc(100% - var(--body-classifys-nav-width));
}

@media screen and (orientation: landscape) {
  .page_classifys2 .body-classifys-content {
    width: var(--layout-width);
    margin: 0px auto;
  }
}
@media screen and (orientation: portrait) {
  .page_classifys2 .body-classifys-content {
    width: calc(100% - 40px);
    margin: 0px auto;
  }
}

@media screen and (orientation: landscape) {
  .page_classifys_tbls2_API .body-classifys-nav, .page_classifys_tbls2_service .body-classifys-nav, .page_classifys_tbls2_wang .body-classifys-nav {
    left: calc((100vw - var(--layout-width)) / 2);
    max-height: calc(100vh - var(--layout-nav-height) - 40px - 40px);
    height: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: left;
    text-indent: 1em;
  }
  .page_classifys_tbls2_API .lg-classifys-nav, .page_classifys_tbls2_service .lg-classifys-nav, .page_classifys_tbls2_wang .lg-classifys-nav {
    background: none;
    border-left: 1px solid #ccc;
    box-shadow: none;
  }
  .page_classifys_tbls2_API .lg-classifys-content-section, .page_classifys_tbls2_service .lg-classifys-content-section, .page_classifys_tbls2_wang .lg-classifys-content-section {
    margin-left: 0px;
  }
}
@media screen and (orientation: portrait) {
  .page_classifys_tbls2_API .lg-classifys-content-header, .page_classifys_tbls2_service .lg-classifys-content-header, .page_classifys_tbls2_wang .lg-classifys-content-header {
    border: none;
    margin-left: 0px;
    padding-top: 0px;
  }
  .page_classifys_tbls2_API .body-classifys-content section:nth-child(1) .lg-classifys-content-header, .page_classifys_tbls2_service .body-classifys-content section:nth-child(1) .lg-classifys-content-header, .page_classifys_tbls2_wang .body-classifys-content section:nth-child(1) .lg-classifys-content-header {
    padding-top: 0px;
  }
}

@media screen and (orientation: landscape) {
  .page_classifys_tbls2_home .body-classifys-content {
    width: 100%;
  }
  .page_classifys_tbls2_home .lg-classifys-content-section {
    margin-left: 0px;
  }
}
@media screen and (orientation: portrait) {
  .page_classifys_tbls2_home .body-classifys-content {
    width: 100%;
  }
}

.layout-nav {
  padding: 0px;
}

.layout-search-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (orientation: landscape) {
  .layout-nav {
    width: var(--layout-width);
    margin: 0px auto;
  }
  .layout-search-page {
    width: var(--layout-width);
    height: auto;
    overflow-x: visible;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  .layout-center-page {
    width: var(--layout-width);
    margin: 0px auto;
  }
  .layout-menu-content {
    width: var(--layout-width);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px auto;
  }
  .layout-details-content {
    width: 100%;
  }
}
@media screen and (orientation: portrait) {
  .layout-nav {
    padding: 0px 20px 0px 20px;
  }
  .layout-search-page {
    margin: 0px 0px 40px 0px;
  }
  .layout-center-page {
    padding: 0px;
  }
  .layout-details-content {
    padding: 0px 20px;
  }
  .layout-menu-content {
    padding: 0px;
  }
}
@media screen and (orientation: landscape) {
  .law .layout-nav, .jc .layout-nav, .shipin .layout-nav {
    min-width: var(--layout-width);
    width: auto;
  }
  .law .layout-search-page, .jc .layout-search-page, .shipin .layout-search-page {
    min-width: var(--layout-width);
    width: auto;
    height: auto;
    overflow-x: visible;
    margin: 20px 40px 40px 40px;
  }
  .law .layout-center-page, .jc .layout-center-page, .shipin .layout-center-page {
    min-width: var(--layout-width);
    width: auto;
  }
  .law .layout-menu-content, .jc .layout-menu-content, .shipin .layout-menu-content {
    min-width: var(--layout-width);
    margin: 20px 0px;
  }
}

@media screen and (orientation: landscape) {
  .wxsc.classifys .layout-nav, .bjsj.page_classifys_tbls2 .layout-nav, .service.page_classifys_tbls2 .layout-nav {
    min-width: var(--layout-width);
    width: auto;
  }
}

@media screen and (orientation: landscape) {
  .layout-page-center {
    width: calc(100% - var(--layout-page-right-width) - 20px);
    min-height: calc(100vh - 300px);
  }
  .layout-page-left {
    display: none;
  }
  .layout-page-right {
    width: var(--layout-page-right-width);
  }
  .law:not(.law_introduce) .layout-page-center, .jc .layout-page-center {
    width: calc(100% - var(--layout-page-left-width) - var(--layout-page-right-width) - 40px);
    min-height: calc(100vh - 300px);
  }
  .law:not(.law_introduce) .layout-page-left, .jc .layout-page-left {
    display: block;
    width: var(--layout-page-left-width);
  }
}
@media screen and (orientation: portrait) {
  .layout-page-center {
    width: 100%;
    min-height: calc(100vh - 300px);
  }
  .layout-page-left {
    display: none;
  }
  .layout-page-right {
    display: none;
  }
  .layout-page-center {
    width: 100%;
  }
  .layout-page-left {
    display: none;
  }
}
.page_searchShipin .layout-page-center, .page_searchImage .layout-page-center {
  margin-top: 10px;
}

.page_searchShipin#id-details .layout-page-center, .page_searchImage#id-details .layout-page-center {
  margin-top: 0px;
}

.recommend-title {
  line-height: 3;
  font-size: 30px;
  text-align: center;
}

html.skipType6 {
  background: rgba(0, 0, 0, 0);
}

.skipType6 .lg-fixed-content {
  display: none;
}
.skipType6 .lg-fixed-content-wrap {
  display: none;
}

@media screen and (orientation: landscape) {
  .search.skipType6 body {
    padding-top: 0px;
  }
  .search.skipType6 .body-nav {
    position: none;
    height: 0px;
  }
  .search.skipType6 .layout-search-page {
    width: 100%;
    margin-top: 0px;
  }
  .search.skipType6 .lg-nav {
    display: none;
  }
  .search.skipType6 .lg-bottom {
    display: none;
  }
  .search.skipType6 .lg-feedback-phone {
    display: none;
  }
  .search.skipType6 .lg-service-menu {
    display: none;
  }
  .search.skipType6 .layout-page-center {
    width: 100%;
  }
  .search.skipType6 .layout-page-left {
    display: none;
  }
  .search.skipType6 .layout-page-right {
    display: none;
  }
}
@media screen and (orientation: portrait) {
  .search.skipType6 body {
    padding-top: 0px;
  }
  .search.skipType6 .body-nav-phone {
    position: none;
    height: 0px;
  }
  .search.skipType6 .layout-search-page {
    width: 100%;
    margin-top: 0px;
  }
  .search.skipType6 .lg-nav-phone {
    display: none;
  }
  .search.skipType6 .lg-bottom-phone {
    display: none;
  }
  .search.skipType6 .lg-feedback-phone {
    display: none;
  }
  .search.skipType6 .lg-service-menu {
    display: none;
  }
  .search.skipType6 .layout-page-center {
    width: 100%;
  }
  .search.skipType6 .layout-page-left {
    display: none;
  }
  .search.skipType6 .layout-page-right {
    display: none;
  }
}

.item {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: white;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #dddddd;
  line-height: 1.5;
  margin-bottom: 20px;
}

.item-padding {
  width: calc(100% - 40px);
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (orientation: portrait) {
  .item-padding {
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
  }
}
.item-title {
  line-height: 4;
  font-size: inherit;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px;
}

#id-details .item-title {
  line-height: 2;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}

.page_searchArticle#id-details .item-title,
.SC_joke#id-details .item-title, .SC_mzdxj#id-details .item-title, .SC_foxue#id-details .item-title, .SC_xssc#id-details .item-title, .SC_today#id-details .item-title, .SC_jiemeng#id-details .item-title, .SC_suanmingtujie#id-details .item-title, .SC_xingzuo#id-details .item-title, .SC_shouyu#id-details .item-title, .SC_jibing#id-details .item-title, .SC_bcgm#id-details .item-title, .SC_caipu#id-details .item-title {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

@media screen and (orientation: portrait) {
  #id-details .item-title {
    font-size: inherit;
  }
}
@media screen and (orientation: landscape) {
  .item:hover .item-title a[href], .item:hover .item-video-title a[href], .item:hover .item-content a[href] {
    color: var(--el-color-primary);
  }
}
@media screen and (orientation: portrait) {
  .item .item-title a[href], .item .item-content a[href] {
    color: var(--el-color-primary);
  }
}
#id-details .lg-operation {
  font-size: 24px;
  margin-top: 40px;
}

#id-details table .lg-operation {
  margin-top: 0px;
  font-size: inherit;
}

@media screen and (orientation: portrait) {
  #id-details .lg-operation {
    margin-top: 0px;
    font-size: 16px;
  }
}
.item-operation {
  text-align: right;
}

.item-bottom {
  line-height: 2.5;
  font-size: 18px;
  text-align: right;
}

#id-details .item-bottom {
  display: none;
}

.item-title-icon {
  display: inline-block;
  font-size: 8px;
  color: #cccccc;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-right: 10px;
}

@media screen and (orientation: portrait) {
  .item-title-icon {
    margin-right: 0px;
  }
}
.item-title-text {
  font-weight: normal;
  cursor: pointer;
}

@media screen and (orientation: portrait) {
  .item-content-info {
    font-size: 8px;
  }
}
.item-title-left {
  width: calc(100% - 2em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-title-right {
  display: inline-block;
  width: 2em;
  color: #cccccc !important;
  text-align: right;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.item-title-right i {
  line-height: 1;
  font-weight: normal;
}

td .item-title-right i {
  line-height: inherit;
  padding-left: 20px;
}

.item-content {
  border-top: 1px solid #eeeeee;
  padding-bottom: 10px;
}

.item-content-details {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
}

.item-content-details:last-child {
  border-bottom: none;
}

.item-content p {
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  margin: 6px 0px;
}

.item-content-field-prefix {
  color: #999999;
}

.item-content-field-cell {
  font-weight: normal;
  margin-right: 20px;
}

.item-content-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}

.item-content-table {
  width: 100%;
  line-height: 2;
  font-size: 12px;
  border: 1px solid #cccccc;
  color: #666666;
}

.item-content-table tr {
  border: 1px solid #cccccc;
}

.item-content-table th {
  border: 1px solid #cccccc;
  font-size: 12px;
  white-space: normal !important;
  padding: 10px 0px;
}

.item-content-table td {
  border: 1px solid #cccccc;
  font-size: 12px;
  white-space: normal !important;
  padding: 10px 0px;
} /* 默认值，允许br标签的换行。如何不设置，则br标签会被当成字符串展示 */
.item-content-link-cell {
  margin: 0px 10px;
}

.item-content-img {
  max-width: 100%;
  text-align: center;
}

.item-content-img-cell {
  vertical-align: top;
  max-width: 100%;
  padding-top: 10px;
}

.item-content-video {
  max-width: 100%;
  text-align: center;
}

.item-content-video-cell {
  vertical-align: top;
  height: auto;
  max-width: 100%;
  padding-top: 10px;
}

.item-content-music {
  max-width: 100%;
  text-align: center;
}

.item-content-music-cell {
  vertical-align: top;
  height: auto;
  max-width: 100%;
  padding-top: 10px;
}

.item-details-breadcrumb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2;
  font-size: 12px;
}

@media screen and (orientation: portrait) {
  .item-details-breadcrumb {
    padding: 10px 10px 0px 10px;
  }
}
.item-details-title {
  line-height: 2;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}

.item-details-content {
  background: white;
  box-shadow: 0px 0px 5px #dddddd;
  padding: 10px;
  border-radius: 4px;
  line-height: 3;
  font-size: 12px;
  margin-top: 10px;
}

@media screen and (orientation: portrait) {
  .item-details-content {
    background: none;
    box-shadow: none;
  }
}
.item-details-introduce {
  background: white;
  box-shadow: 0px 0px 5px #dddddd;
  padding: 20px;
  border-radius: 4px;
  line-height: calc(1em + 15px);
  font-size: 16px;
  color: #999999;
}

:root {
  --left-poster: 172px;
}

.item-details-introduce-img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.item-details-introduce-left {
  width: 180px;
  height: 180px;
  margin-right: 20px;
}

.item-details-introduce-right {
  width: calc(100% - 180px - 20px);
}

.item-details-introduce-left2 {
  width: 180px;
  height: 240px;
  margin-right: 20px;
}

.item-details-introduce-right2 {
  width: calc(100% - 180px - 20px);
}

.item-details-introduce-left3 {
  width: calc(var(--left-poster) * 2);
  height: auto;
  margin-right: 20px;
}

.item-details-introduce-right3 {
  width: calc(100% - var(--left-poster) * 2 - 20px);
}

.item-details-introduce-poster {
  width: calc(var(--left-poster) * 2);
  height: var(--left-poster);
  overflow: hidden;
}

.item-details-introduce-poster img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}

.item-details-introduce-poster img:hover {
  transform: scale(1.2);
}

.item-details-introduce-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #eeeeee;
  text-align: center;
}

.item-details-introduce-box i {
  display: inline-block;
  width: 120px;
  background: #eeeeee;
  border-radius: 50%;
  line-height: 120px;
  font-size: 80px;
}

.item-details-introduce-title {
  line-height: 1.5;
  font-size: 20px;
  color: #333333;
  overflow: visible;
  text-overflow: normal;
  white-space: normal;
  margin-bottom: 10px;
}

.item-details-introduce-title2 {
  line-height: 1.5;
  font-size: 20px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}

.item-details-introduce-advertiseTitle {
  line-height: 1.5;
  font-size: 20px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}

.item-details-introduce-info {
  line-height: 1.8;
  font-size: 12px;
  color: #666666;
  margin-top: 10px;
}

.item-details-introduce-price {
  font-size: 24px;
  color: red;
  margin-bottom: 20px;
}

.item-details-introduce-price-info {
  font-size: 12px;
  padding-left: 10px;
}

.item-details-introduce-btn {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.item-details-introduce-btn .el-button {
  display: inline-block;
  margin-right: 30px;
  margin-left: 0px;
}

.item-details-introduce-btn .btn-icon {
  display: inline-block;
  font-size: 30px;
  margin-right: 30px;
}

@media screen and (orientation: portrait) {
  .item-details-introduce {
    justify-content: space-between;
    line-height: calc(1em + 10px);
    font-size: 12px;
  }
  .item-details-introduce-left {
    display: none;
  }
  .item-details-introduce-right {
    width: 100%;
  }
  .item-details-introduce-left2 {
    width: 120px;
    height: 180px;
    margin-right: 10px;
  }
  .item-details-introduce-right2 {
    width: calc(100% - 120px - 10px);
  }
  .item-details-introduce-left3 {
    display: none;
  }
  .item-details-introduce-right3 {
    width: 100%;
  }
  .item-details-introduce-title {
    font-size: 16px;
  }
  .item-details-introduce-advertiseTitle {
    font-size: 14px;
  }
  .item-details-introduce-btn .el-button {
    margin-right: 20px;
  }
  .item-details-introduce-btn .btn-icon {
    font-size: 24px;
    margin-right: 20px;
  }
}
.item-details-description {
  background: white;
  box-shadow: 0px 0px 5px #dddddd;
  padding: 20px;
  border-radius: 4px;
  line-height: 2;
  font-size: 16px;
  margin-top: 20px;
}

.item-tabs {
  border-bottom: 1px solid #eeeeee;
  line-height: 3;
  font-size: 18px;
}

.item-tabs a {
  margin-right: 20px;
  cursor: pointer;
}

@media screen and (orientation: portrait) {
  .item-tabs {
    font-size: 14px;
  }
}
.title1 {
  line-height: 1;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  margin-top: 40px;
}

.title1-bottom {
  display: inline-block;
  width: 2em;
  height: 4px;
  margin-top: 10px;
}

.title1-description {
  line-height: 2;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (orientation: portrait) {
  .title1 {
    font-size: 18px;
  }
}
.ad-title1 {
  line-height: 3;
  font-size: 45px;
  color: white;
  text-align: center;
  margin-top: 40px;
}

@media screen and (orientation: portrait) {
  .ad-title1 {
    font-size: 16px;
  }
}
.advantage {
  height: auto;
  overflow: hidden;
  background: white;
  line-height: 2;
  font-size: 14px;
  color: #999999;
  text-align: center;
  padding: 40px 0px;
  margin-top: 20px;
}

.advantage-item {
  float: left;
  width: 25%;
}

.advantage-title {
  font-size: 20px;
  color: #333333;
}

.advantage i {
  line-height: 1;
  font-size: 60px;
  color: #dddddd;
}

.advantage-description {
  display: inline-block;
  width: 10em;
}

@media screen and (orientation: portrait) {
  .advantage-item {
    width: 50%;
  }
}
.cooperate {
  width: 600px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}

.cooperate-item {
  width: 100%;
  margin-top: 20px;
}

.cooperate-item:last-child {
  margin-top: 40px;
}

@media screen and (orientation: portrait) {
  .cooperate {
    width: 80%;
  }
}
.ensure {
  height: auto;
  overflow: hidden;
  line-height: 2;
  font-size: 12px;
  color: white;
  padding: 10px 0px;
  margin-top: 40px;
}

.ensure-item {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
}

.ensure-item-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ensure-item i {
  line-height: 1;
  font-size: 40px;
  color: white;
  padding-right: 10px;
}

@media screen and (orientation: portrait) {
  .ensure-item {
    width: 50%;
  }
}
.case-list {
  line-height: 1.5;
  font-size: 12px;
  padding: 10px 0px;
}

.case-list-item {
  float: left;
  height: auto;
  overflow: hidden;
  background: white;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px #cccccc;
}

.case-list-title {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}

.case-list-description {
  margin-top: 10px;
}

@media screen and (orientation: landscape) {
  .case-list-item {
    width: calc((100% - 60px) / 3);
    margin-top: 30px;
    margin-right: 30px;
    padding: 20px;
  }
  .case-list-item:nth-child(3n+3) {
    margin-right: 0px;
  }
  .case-list-title {
    font-size: 18px;
  }
}
@media screen and (orientation: portrait) {
  .case-list {
    width: calc(100% - 40px);
    margin: 0px auto;
  }
  .case-list-item {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
  }
}
.page-content-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-content-search-icon {
  display: inline-block;
  padding: 10px 0px;
  margin-left: 10px;
}

.my {
  height: calc(100vh - 60px - var(--layout-nav-height));
  overflow: auto;
  margin-bottom: 60px;
}

.login-btn {
  position: fixed;
  left: 20px;
  bottom: 1em;
  width: calc(100% - 40px);
  border-radius: 1.5em;
  box-shadow: 0px 0px 5px #eeeeee;
  line-height: 3;
  font-size: 12px;
  color: white;
  text-align: center;
  margin-top: 1em;
}

.customerService {
  text-align: center;
  margin-top: 50px;
}

.customerService-erweima {
  width: 100px;
  height: 100px;
  background: white;
  box-shadow: 0px 0px 5px #999999;
  padding: 10px;
  margin: 10px 0px;
}

.widthdraw .lg-form-layout {
  width: 500px;
  margin: 0px auto;
  padding-top: 40px;
}
.widthdraw .lg-form-layout-item {
  align-items: center;
}
@media screen and (orientation: portrait) {
  .widthdraw .lg-form-layout {
    width: calc(100% - 40px);
    margin: 0px auto;
    padding-top: 40px;
  }
}

.page_searchExample_function .lg-form-layout {
  width: 500px;
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.page_searchExample_function .lg-form-layout-item {
  align-items: center;
}
.page_searchExample_function .lg-form-layout-item {
  margin-bottom: 20px;
}
@media screen and (orientation: portrait) {
  .page_searchExample_function .lg-form-layout {
    width: calc(100% - 20px);
    margin: 0px auto;
  }
}
.page_searchExample_function .lg-attention {
  width: calc(100% - 40px);
  padding: 0px 20px;
  margin-top: 10px;
}

@media screen and (orientation: portrait) {
  .myAPI .lg-attention {
    margin-top: 10px;
  }
}

.action-btn-list {
  margin-bottom: 20px;
}

@media screen and (orientation: portrait) {
  .action-btn-list {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
}
.vipList {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: white;
  border-left: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 12px;
  text-align: center;
  margin: 20px 0px;
}

.vipList-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  box-sizing: border-box;
}

.vipList ul {
  float: left;
  height: auto;
  overflow: hidden;
}

.vipList ul:nth-child(1) {
  width: 20%;
}

.vipList ul:nth-child(2) {
  width: 20%;
}

.vipList ul:nth-child(3) {
  width: 20%;
}

.vipList ul:nth-child(4) {
  width: 20%;
}

.vipList ul:nth-child(5) {
  width: 20%;
}

.vipList ul:nth-child(2) li:nth-child(1) {
  background: #fcc44f;
  color: white;
}

.vipList ul:nth-child(3) li:nth-child(1) {
  background: #f339f1;
  color: white;
}

.vipList ul:nth-child(4) li:nth-child(1) {
  background: #5dceff;
  color: white;
}

.vipList ul:nth-child(5) li:nth-child(1) {
  background: #398ff3;
  color: white;
}

@media screen and (orientation: landscape) {
  .vipList {
    font-size: 14px;
  }
  .vipList-cell {
    height: 80px;
  }
  .vipList ul li:nth-child(1) {
    font-size: 20px;
  }
}
@media screen and (orientation: portrait) {
  .vipList {
    font-size: 0.6rem;
  }
  .vipList-cell {
    height: 4rem;
    font-size: 0.8rem;
    text-align: center;
  }
  .vipList ul li:nth-child(1) {
    font-size: 1rem;
  }
}
.bjsj .top-banner, .service .top-banner {
  background: none;
  box-shadow: 0 0 20px #eee;
  border-bottom: 1px solid #eeeeee;
}
.bjsj .top-banner .lg-nav, .service .top-banner .lg-nav {
  color: #333333;
}
.bjsj .top-banner .el-dropdown-link, .service .top-banner .el-dropdown-link {
  color: #333333;
}
.bjsj .top-banner .el-avatar i, .service .top-banner .el-avatar i {
  color: var(--el-color-primary);
}
@media screen and (orientation: landscape) {
  .bjsj .top-banner-page, .service .top-banner-page {
    margin-top: -60px;
  }
}
@media screen and (orientation: portrait) {
  .bjsj .top-banner-page, .service .top-banner-page {
    margin-top: -20px;
  }
}

.page_searchNote .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page_searchNote .item-title-left {
  cursor: pointer;
}
.page_searchNote .item-title .item-no-classifys {
  color: purple;
}
.page_searchNote .item-title .item-ASCII {
  color: red;
}

.page_searchTemplate_tabsContent .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page_searchTemplate_tabsContent .item-title-tabs-btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: var(--el-color-primary);
  text-align: center;
  font-weight: normal;
  margin-left: 6px;
  border: 1px solid var(--el-color-primary);
  border-radius: 50%;
  cursor: pointer;
}
.page_searchTemplate_tabsContent .item-title-tabs-btn.active {
  background: var(--el-color-primary);
  color: white;
}
.page_searchTemplate_tabsContent .item-content-tabs {
  display: none;
}
.page_searchTemplate_tabsContent .item-content-tabs.active {
  display: block;
}

.page_searchTable .item-title {
  display: block;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
}
.page_searchTable .item-title-right {
  display: none;
}
@media screen and (orientation: landscape) {
  .page_searchTable th.item-title {
    max-width: 300px;
    line-height: 4;
  }
  .page_searchTable td.item-title {
    max-width: 300px;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (orientation: portrait) {
  .page_searchTable .item {
    line-height: 2;
    padding: 10px 20px;
    width: calc(100% - 40px);
  }
  .page_searchTable .lg-operation {
    font-size: 16px;
  }
}

.page_searchTable#id-details .item-operation {
  display: none;
}
.page_searchTable#id-details th:last-child {
  display: none;
}
.page_searchTable#id-details td:last-child {
  display: none;
}

.page_searchShipin .item, .page_searchImage .item {
  display: inline-block;
  padding-bottom: 10px;
  border-radius: 0px;
  vertical-align: top;
}
.page_searchShipin .item-videoPoster, .page_searchImage .item-videoPoster {
  width: 100%;
  padding-bottom: 67.0967741935%;
  transition: 1s;
}
.page_searchShipin .item-videoPoster:hover, .page_searchImage .item-videoPoster:hover {
  transform: scale(1.1);
}
.page_searchShipin .item-video-title, .page_searchImage .item-video-title {
  max-height: 4em;
  line-height: 2;
  font-size: 12px;
  padding: 10px 10px 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (orientation: landscape) {
  .page_searchShipin .item, .page_searchImage .item {
    width: calc((100% - 60px) / 4);
    margin-right: 20px;
  }
  .page_searchShipin .item:nth-child(4n+4), .page_searchImage .item:nth-child(4n+4) {
    margin-right: 0px;
  }
}
@media screen and (orientation: portrait) {
  .page_searchShipin .item, .page_searchImage .item {
    width: calc((100% - 30px) / 2);
    margin-right: 10px;
  }
  .page_searchShipin .item:nth-child(2n+1), .page_searchImage .item:nth-child(2n+1) {
    margin-left: 10px;
  }
}

.page_searchShipin#id-details .item, .page_searchImage#id-details .item {
  width: 100%;
  background: none;
  box-shadow: none;
  margin-right: 0px;
  margin-left: 0px;
}
.page_searchShipin#id-details .item-video-title, .page_searchImage#id-details .item-video-title {
  padding-left: 0px;
  padding-right: 0px;
}
.page_searchShipin#id-details .item-videoPoster:hover, .page_searchImage#id-details .item-videoPoster:hover {
  transform: scale(1);
}

@media screen and (orientation: landscape) {
  .bjsj.skipType10 .lg-introduce-title, .service.skipType10 .lg-introduce-title, .wang.skipType10 .lg-introduce-title, .wang.skipType21 .lg-introduce-title, .wang.skipType22 .lg-introduce-title, .wang.skipType23 .lg-introduce-title, .wang.reportDetails .lg-introduce-title {
    background: var(--el-color-primary);
    color: white;
  }
  .bjsj.skipType10 .lg-introduce-list, .service.skipType10 .lg-introduce-list, .wang.skipType10 .lg-introduce-list, .wang.skipType21 .lg-introduce-list, .wang.skipType22 .lg-introduce-list, .wang.skipType23 .lg-introduce-list, .wang.reportDetails .lg-introduce-list {
    color: #333333;
  }
}

.bjsj.page_classifys_tbls2_home .lg-nav-logo-icon, .service.page_classifys_tbls2_home .lg-nav-logo-icon, .wang.page_classifys_tbls2_home .lg-nav-logo-icon {
  color: var(--el-color-primary);
}

.bjsj .error-code-table.lg-table td:nth-child(1), .service .error-code-table.lg-table td:nth-child(1), .wang .error-code-table.lg-table td:nth-child(1) {
  min-width: 6em;
}
.bjsj .advantage-item, .service .advantage-item, .wang .advantage-item {
  width: 50%;
}
.bjsj .advantage-title, .service .advantage-title, .wang .advantage-title {
  font-size: 14px;
}
.bjsj .advantage-description, .service .advantage-description, .wang .advantage-description {
  width: 50%;
}
@media screen and (orientation: portrait) {
  .bjsj .advantage-description, .service .advantage-description, .wang .advantage-description {
    width: 10em;
  }
}

.manage {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.manage .manage-slider {
  width: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.left-layout {
  width: 100%;
}

@media screen and (orientation: portrait) {
  .left-layout {
    width: calc(100% - 40px);
    margin: 20px 20px 0px 20px;
  }
}
:root {
  --module-width: 500px;
}

.reportDetailsPage {
  --module-width: 800px;
  font-size: 16px;
}

.report-module {
  border-radius: 10px;
  box-shadow: 2px 2px 10px #cccccc;
  line-height: 2;
  font-size: 14px;
  text-align: center;
  color: #333333;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.reportDetailsPage .report-module {
  margin-top: 10px;
}

.report-module-title {
  display: inline-block;
  background: var(--el-color-primary);
  border-radius: 0px 0px 10px 10px;
  color: white;
  padding: 0px 20px;
  margin-bottom: 10px;
}

.report-module-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.report-module-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.report-module-item-left {
  display: inline-block;
  width: 12em;
  color: #999999;
  text-align: right;
}

.report-module-item-right {
  display: inline-block;
  width: 12em;
  text-align: left;
  line-height: 1.5;
}

.report-prefix {
  color: #999999;
}

.report-title {
  line-height: 3;
  font-size: 12px;
  color: #333333;
  font-weight: normal;
}

.report-appraise {
  line-height: 2;
  font-size: 20px;
  color: var(--el-color-primary);
  font-weight: bold;
}

.report-oneline {
  line-height: 2.5;
  color: #333333;
}

.report-name {
  line-height: 2.5;
  font-size: 20px;
  color: #333333;
  text-align: center;
}

.report-paragraph {
  text-align: left;
  color: #333333;
  padding: 0px 20px;
}

.report-paragraph p {
  margin: 20px 0px;
}

.report-image {
  text-align: center;
}

.report-image img {
  max-width: 100%;
}

.report-table {
  line-height: 1;
  margin-bottom: 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media screen and (orientation: landscape) {
  .report {
    width: var(--module-width);
    margin: 0px auto;
  }
  .report-module-item-left {
    width: calc(var(--module-width) / 3);
  }
  .report-module-item-right {
    width: calc(var(--module-width) / 3);
  }
  .report-paragraph {
    padding: 0px 20px;
  }
}
@media screen and (orientation: portrait) {
  .report-table {
    text-align: center;
  }
  .report-table td {
    padding: 10px 0px;
  }
}/*# sourceMappingURL=main.css.map */