@opendesign-plus-test/components 0.0.1-rc.66 → 0.0.1-rc.67

package/dist/cjs/components/header/components/HeaderContent.css

@@ -1,1062 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-a2219e83] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-a2219e83] {
-    transform: rotate(-180deg);
-}
-}
-.nav-content[data-v-a2219e83] {
-  cursor: default;
-  overflow: hidden;
-  justify-content: center;
-  transform-origin: top;
-  transition: all 0.3s allow-discrete;
-}
-.nav-scroller[data-v-a2219e83] {
-  height: 100%;
-  width: 100%;
-  overflow-x: auto;
-  overflow-y: auto;
-  white-space: nowrap;
-}
-@media (max-width: 840px) {
-.nav-scroller[data-v-a2219e83] {
-    --scroller-padding: 0 var(--layout-content-padding);
-}
-}
-.nav-scroller[data-v-a2219e83] .o-scrollbar {
-  --scrollbar-height: 100%;
-}
-.nav-sub-content[data-v-a2219e83] {
-  display: flex;
-}
-.content-left[data-v-a2219e83] {
-  display: flex;
-  flex: 1;
-  padding: 32px 0;
-}
-.content-label[data-v-a2219e83] {
-  display: inline-block;
-  margin-bottom: var(--o-gap-3);
-  color: var(--o-color-info3);
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-label[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-label[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.content-label[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.content-label[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.content-container[data-v-a2219e83] {
-  display: flex;
-  flex-wrap: wrap;
-}
-.content-item[data-v-a2219e83] {
-  width: 200px;
-  margin-top: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-item[data-v-a2219e83] {
-    width: 170px;
-    margin-top: 16px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-item[data-v-a2219e83] {
-    width: 132px;
-    margin-top: 12px;
-}
-}
-.item-label[data-v-a2219e83] {
-  display: inline-flex;
-  align-items: center;
-  margin-bottom: var(--o-gap-1);
-  color: var(--o-color-info1);
-}
-@media (hover: hover) {
-.item-label[data-v-a2219e83]:hover {
-    color: var(--o-color-primary1);
-    text-decoration: none;
-}
-}
-.item-label .item-name[data-v-a2219e83] {
-  font-weight: 500;
-  white-space: nowrap;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.item-label .item-name[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.item-label .item-name[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.item-label .item-name[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.item-label .item-name[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.item-label .o-icon[data-v-a2219e83] {
-  --icon-size: 24px;
-  margin-left: var(--o-gap-2);
-}
-@media (max-width: 1680px) {
-.item-label .o-icon[data-v-a2219e83] {
-    --icon-size: 16px;
-}
-}
-.item-label .content-tag[data-v-a2219e83] {
-  margin-left: var(--o-gap-2);
-  --layout-pkg-radius: var(--o-radius-xs);
-}
-@media (max-width: 1680px) {
-.item-label .content-tag[data-v-a2219e83] {
-    display: none;
-}
-}
-.desc-container[data-v-a2219e83] {
-  overflow: hidden;
-  position: relative;
-  height: 36px;
-  white-space: normal;
-}
-.desc-container .item-desc[data-v-a2219e83] {
-  color: var(--o-color-info2);
-  word-break: normal;
-  font-size: 12px;
-  line-height: 18px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.desc-container .item-desc[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.desc-container .item-desc[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.desc-container .item-desc[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.desc-container .item-desc[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.desc-container .item-desc[data-v-a2219e83] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.split-line[data-v-a2219e83] {
-  background: var(--o-color-control4);
-  width: 1px;
-  margin: 0 16px;
-  flex-shrink: 0;
-}
-@media (max-width: 1200px) {
-.split-line[data-v-a2219e83] {
-    display: none;
-}
-}
-.content-right[data-v-a2219e83] {
-  width: 342px;
-  padding: 32px 0;
-  flex-shrink: 0;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-right[data-v-a2219e83] {
-    width: 240px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right[data-v-a2219e83] {
-    width: 240px;
-}
-}
-@media (max-width: 1200px) {
-.content-right[data-v-a2219e83] {
-    display: none;
-}
-}
-.content-right .shortcut[data-v-a2219e83] {
-  min-height: 42px;
-  background: var(--o-color-fill3);
-  border-radius: var(--o-radius_control-xs);
-  padding: 10px 24px;
-  display: flex;
-  align-items: center;
-  gap: var(--o-gap-3);
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (max-width: 600px) {
-.content-right .shortcut[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.content-right .shortcut + .shortcut[data-v-a2219e83] {
-  margin-top: var(--o-gap-2);
-}
-.content-right .shortcut .shortcut-link[data-v-a2219e83] {
-  display: flex;
-  align-items: center;
-  color: var(--o-color-link1);
-  word-break: normal;
-  white-space: normal;
-}
-@media (hover: hover) {
-.content-right .shortcut .shortcut-link[data-v-a2219e83]:hover {
-    color: var(--o-color-primary2);
-    text-decoration: none;
-}
-}
-.content-right .shortcut .shortcut-link span[data-v-a2219e83] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-.content-right .shortcut .shortcut-link .o-icon[data-v-a2219e83] {
-  --icon-size: 16px;
-  margin-left: var(--o-gap-2);
-}
-.content-right .review[data-v-a2219e83] {
-  display: flex;
-  align-items: unset;
-  position: relative;
-}
-@media (hover: hover) {
-.content-right .review[data-v-a2219e83]:hover {
-    text-decoration: none;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right .review[data-v-a2219e83]:not(:last-child):after {
-    content: "";
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: -8px;
-    height: 1px;
-    background: var(--o-color-control4);
-}
-}
-.content-right .review + .review[data-v-a2219e83] {
-  margin-top: var(--o-gap-3);
-}
-.content-right .review .review-picture[data-v-a2219e83] {
-  width: 120px;
-  height: auto;
-  display: block;
-  object-fit: contain;
-}
-@media (max-width: 1680px) {
-.content-right .review .review-picture[data-v-a2219e83] {
-    display: none;
-}
-}
-.content-right .review .review-content[data-v-a2219e83] {
-  margin-left: var(--o-gap-2);
-  flex: 1;
-  max-width: 212px;
-  height: 68px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  white-space: normal;
-}
-@media (max-width: 1680px) {
-.content-right .review .review-content[data-v-a2219e83] {
-    margin-left: unset;
-    height: auto;
-}
-}
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-  word-break: normal;
-  max-height: 48px;
-  color: var(--o-color-info1);
-  font-weight: 500;
-  cursor: pointer;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-@media (hover: hover) {
-.content-right .review .review-content .review-label[data-v-a2219e83]:hover {
-    color: var(--o-color-primary1);
-}
-}
-@media (min-width: 841px) and (max-width: 1680px) {
-.content-right .review .review-content .review-label[data-v-a2219e83] {
-    max-height: 44px;
-}
-}
-.content-right .review .review-content .review-property[data-v-a2219e83] {
-  color: var(--o-color-info3);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  font-size: 12px;
-  line-height: 18px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.content-right .review .review-content .review-property[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.content-right .review .review-content .review-property[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.content-right .review .review-content .review-property[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.content-right .review .review-content .review-property[data-v-a2219e83] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.nav-background-left[data-v-a2219e83] {
-  position: absolute;
-  left: 0;
-  top: -87px;
-  width: 173px;
-  height: 249px;
-  background-size: cover;
-  z-index: -1;
-}
-@media (max-width: 1680px) {
-.nav-background-left[data-v-a2219e83] {
-    display: none;
-}
-}
-.nav-background-right[data-v-a2219e83] {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 173px;
-  height: 172px;
-  background-size: cover;
-  z-index: -1;
-}
-@media (max-width: 1680px) {
-.nav-background-right[data-v-a2219e83] {
-    display: none;
-}
-}
-.openeuler.download .item-sub[data-v-a2219e83] {
-  margin-left: 80px;
-}
-.openeuler.download .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-  width: 464px;
-}
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-  margin-left: 64px;
-}
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(2n+1) {
-  margin-left: 0;
-}
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-of-type(2) {
-  margin-top: 0;
-}
-@media (max-width: 1680px) {
-.openeuler.download .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 364px;
-}
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-.openeuler.download .item-sub:nth-of-type(3) .content-container[data-v-a2219e83] {
-    width: 170px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 344px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.download .content-left .item-sub[data-v-a2219e83] {
-    max-width: 25%;
-    flex: 1 1 auto;
-}
-.openeuler.download .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.download .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-.openeuler.download .content-left .item-sub[data-v-a2219e83]:nth-of-type(1) {
-    max-width: 50%;
-}
-.openeuler.download .content-left .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    width: calc(50% - 12px);
-}
-}
-.openeuler.development .item-sub[data-v-a2219e83] {
-  margin-left: 24px;
-}
-.openeuler.development .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-@media (min-width: 1681px) {
-.openeuler.development .item-sub[data-v-a2219e83] {
-    width: 200px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.development .item-sub[data-v-a2219e83] {
-    width: 170px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.development .item-sub[data-v-a2219e83] {
-    width: 132px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.development .content-left .item-sub[data-v-a2219e83] {
-    flex: 1 1 auto;
-}
-.openeuler.development .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.development .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-.openeuler.development .content-left .item-sub .content-container[data-v-a2219e83] .content-item .desc-container {
-    width: auto;
-}
-}
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-  margin-right: 64px;
-}
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(-n+4) {
-  margin-top: 0;
-}
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-of-type(4) {
-  margin-right: 0;
-}
-@media (max-width: 1680px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-right: 24px;
-}
-}
-@media (min-width: 1441px) and (max-width: 1505px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-right: 40px;
-}
-}
-@media (min-width: 1681px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 992px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 752px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.document .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: auto;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.document .content-left .item-sub[data-v-a2219e83] {
-    max-width: 80%;
-    flex: 1 1 auto;
-}
-.openeuler.document .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: calc(25% - 18px);
-}
-}
-.openeuler.learn .item-sub[data-v-a2219e83] {
-  margin-left: 48px;
-}
-.openeuler.learn .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] {
-  width: 448px;
-}
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] .content-item {
-  margin-left: 48px;
-}
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] .content-item:nth-child(2n+1) {
-  margin-left: 0;
-}
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] .content-item:nth-of-type(2) {
-  margin-top: 0;
-}
-@media (max-width: 1680px) {
-.openeuler.learn .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] {
-    width: 364px;
-}
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.learn .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] {
-    width: auto;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.learn .content-left .item-sub[data-v-a2219e83] {
-    max-width: 25%;
-    flex: 1 1 auto;
-}
-.openeuler.learn .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.learn .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-.openeuler.learn .content-left .item-sub[data-v-a2219e83]:nth-of-type(2) {
-    max-width: 50%;
-}
-.openeuler.learn .content-left .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] .content-item {
-    width: calc(50% - 12px);
-}
-}
-.openeuler.approve .item-sub[data-v-a2219e83] {
-  margin-left: 80px;
-}
-.openeuler.approve .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-  width: 440px;
-}
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-  margin-left: 40px;
-}
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(2n+1) {
-  margin-left: 0;
-}
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-of-type(2) {
-  margin-top: 0;
-}
-@media (max-width: 1680px) {
-.openeuler.approve .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 364px;
-}
-.openeuler.approve .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-.openeuler.approve .item-sub:nth-of-type(2) .content-container[data-v-a2219e83], .openeuler.approve .item-sub:nth-of-type(3) .content-container[data-v-a2219e83] {
-    width: 170px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve .item-sub:nth-of-type(n) .content-container[data-v-a2219e83] {
-    width: auto;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve .content-left .item-sub[data-v-a2219e83] {
-    max-width: 20%;
-    flex: 1 1 auto;
-}
-.openeuler.approve .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.approve .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-.openeuler.approve .content-left .item-sub[data-v-a2219e83]:nth-of-type(1) {
-    max-width: 40%;
-}
-.openeuler.approve .content-left .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    width: calc(50% - 12px);
-}
-}
-.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-a2219e83] {
-  width: 200px;
-}
-@media (max-width: 1680px) {
-.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-a2219e83] {
-    width: 170px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve-en .item-sub:nth-child(n) .content-container[data-v-a2219e83] {
-    width: 132px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.approve-en .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.approve-en .content-left .item-sub[data-v-a2219e83]:nth-of-type(1) {
-    max-width: 20%;
-}
-.openeuler.approve-en .content-left .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-}
-.openeuler.community .item-sub[data-v-a2219e83] {
-  margin-left: 48px;
-}
-.openeuler.community .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-  width: 696px;
-}
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-  margin-left: 48px;
-}
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(3n+1) {
-  margin-left: 0;
-}
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(-n+3) {
-  margin-top: 0;
-}
-.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] {
-  width: 200px;
-}
-@media (max-width: 1680px) {
-.openeuler.community .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 558px;
-}
-.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] {
-    width: 170px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.community .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.community .item-sub:nth-of-type(2) .content-container[data-v-a2219e83] {
-    width: 132px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.community .content-left .item-sub[data-v-a2219e83] {
-    max-width: 20%;
-    flex: 1 1 auto;
-}
-.openeuler.community .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openeuler.community .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-.openeuler.community .content-left .item-sub[data-v-a2219e83]:nth-of-type(1) {
-    max-width: 60%;
-}
-.openeuler.community .content-left .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    width: calc(33.3333333333% - 18px);
-}
-}
-.openeuler.update .item-sub[data-v-a2219e83] {
-  margin-left: 48px;
-}
-.openeuler.update .item-sub .content-container[data-v-a2219e83] {
-  width: 448px;
-}
-.openeuler.update .item-sub .content-container[data-v-a2219e83] .content-item {
-  margin-left: 48px;
-}
-.openeuler.update .item-sub .content-container[data-v-a2219e83] .content-item:nth-child(2n+1) {
-  margin-left: 0;
-}
-.openeuler.update .item-sub .content-container[data-v-a2219e83] .content-item:nth-child(-n+2) {
-  margin-top: 0;
-}
-.openeuler.update .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-@media (max-width: 1680px) {
-.openeuler.update .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openeuler.update .item-sub .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.openeuler.update .item-sub .content-container[data-v-a2219e83] {
-    width: 364px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.update .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openeuler.update .content-left .item-sub[data-v-a2219e83] {
-    max-width: 40%;
-    flex: 1 1 auto;
-}
-.openeuler.update .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: calc(50% - 24px);
-}
-}
-.mindspore .content-left[data-v-a2219e83] {
-  flex: 1;
-}
-.mindspore .item-sub + .item-sub[data-v-a2219e83] {
-  margin-left: 48px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.mindspore .item-sub + .item-sub[data-v-a2219e83] {
-    margin-left: 32px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.mindspore .item-sub + .item-sub[data-v-a2219e83] {
-    margin-left: 16px;
-}
-}
-.mindspore .content-container[data-v-a2219e83] {
-  flex-direction: column;
-}
-.mindspore .nav-background-left[data-v-a2219e83] {
-  left: 0;
-  top: 0;
-  width: 540px;
-  height: 360px;
-}
-.mindspore .nav-background-right[data-v-a2219e83] {
-  width: 643px;
-  height: 364px;
-  z-index: -1;
-}
-.openubmc.download .item-sub[data-v-a2219e83] {
-  margin-left: 80px;
-}
-.openubmc.download .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-  width: 464px;
-}
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-  margin-left: 64px;
-}
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(2n+1) {
-  margin-left: 0;
-}
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-of-type(2) {
-  margin-top: 0;
-}
-@media (max-width: 1680px) {
-.openubmc.download .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 364px;
-}
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-.openubmc.download .item-sub:nth-of-type(3) .content-container[data-v-a2219e83] {
-    width: 170px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.download .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 344px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.download .content-left .item-sub[data-v-a2219e83] {
-    max-width: 25%;
-    flex: 1 1 auto;
-}
-.openubmc.download .content-left .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-.openubmc.download .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: 100%;
-}
-.openubmc.download .content-left .item-sub[data-v-a2219e83]:nth-of-type(1) {
-    max-width: 50%;
-}
-.openubmc.download .content-left .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    width: calc(50% - 12px);
-}
-}
-.openubmc.development .content-item[data-v-a2219e83], .openubmc.learn .content-item[data-v-a2219e83], .openubmc.support .content-item[data-v-a2219e83], .openubmc.trends .content-item[data-v-a2219e83] {
-  margin-left: 80px;
-  margin-top: 0;
-}
-.openubmc.development .content-item[data-v-a2219e83]:first-of-type, .openubmc.learn .content-item[data-v-a2219e83]:first-of-type, .openubmc.support .content-item[data-v-a2219e83]:first-of-type, .openubmc.trends .content-item[data-v-a2219e83]:first-of-type {
-  margin-left: 0;
-}
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-  margin-right: 64px;
-}
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-child(-n+4) {
-  margin-top: 0;
-}
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item:nth-of-type(4) {
-  margin-right: 0;
-}
-@media (max-width: 1680px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-right: 24px;
-}
-}
-@media (min-width: 1441px) and (max-width: 1505px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] .content-item {
-    margin-right: 40px;
-}
-}
-@media (min-width: 1681px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 992px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: 752px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.docs .item-sub:nth-of-type(1) .content-container[data-v-a2219e83] {
-    width: auto;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.docs .content-left .item-sub[data-v-a2219e83] {
-    max-width: 80%;
-    flex: 1 1 auto;
-}
-.openubmc.docs .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: calc(25% - 18px);
-}
-}
-.openubmc.community .item-sub[data-v-a2219e83] {
-  margin-left: 48px;
-}
-.openubmc.community .item-sub .content-container[data-v-a2219e83] {
-  width: 448px;
-}
-.openubmc.community .item-sub .content-container[data-v-a2219e83] .content-item {
-  margin-left: 48px;
-}
-.openubmc.community .item-sub .content-container[data-v-a2219e83] .content-item:nth-child(2n+1) {
-  margin-left: 0;
-}
-.openubmc.community .item-sub .content-container[data-v-a2219e83] .content-item:nth-child(-n+2) {
-  margin-top: 0;
-}
-.openubmc.community .item-sub[data-v-a2219e83]:nth-of-type(1) {
-  margin-left: 0;
-}
-@media (max-width: 1680px) {
-.openubmc.community .item-sub[data-v-a2219e83] {
-    margin-left: 24px;
-}
-.openubmc.community .item-sub .content-container[data-v-a2219e83] .content-item {
-    margin-left: 24px;
-}
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.openubmc.community .item-sub .content-container[data-v-a2219e83] {
-    width: 364px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.community .item-sub .content-container[data-v-a2219e83] {
-    width: auto;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.openubmc.community .content-left .item-sub[data-v-a2219e83] {
-    max-width: 40%;
-    flex: 1 1 auto;
-}
-.openubmc.community .content-left .item-sub .content-container[data-v-a2219e83] .content-item {
-    width: calc(50% - 24px);
-}
-}