/* AI Generated */
/* uusm 分页控件公共样式。 */
.uusm-ui-pagination {
    padding: 40px 0;
    text-align: center;
}

.uusm-ui-pagination a,
.uusm-ui-pagination .pagination-btns {
    display: inline-block;
}

.uusm-ui-pagination a {
    min-width: 30px;
    height: 30px;
    margin: 0 5px;
    padding: 0 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.uusm-ui-pagination .pagination-btns span {
    font-size: 14px;
}

.uusm-ui-pagination .pagination-btns a:first-child {
    width: 60px;
    margin-left: 0;
    margin-right: 30px;
}

.uusm-ui-pagination .pagination-btns a:last-child {
    width: 60px;
    margin-left: 30px;
}

.uusm-ui-pagination .pagination-btns a.active {
    border: 0;
    background: #ff5500;
    color: #fff;
    cursor: default;
}

.uusm-ui-pagination .pagination-btns a.disabled {
    color: #999;
    cursor: default;
}

.uusm-ui-pagination .pagination-jump {
    margin-left: 20px;
    color: #666;
    font-size: 14px;
}

.uusm-ui-pagination .pagination-jump input {
    width: 50px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.uusm-ui-pagination .pagination-jump a {
    width: 60px;
    margin-left: 20px;
}
/* AI Generated */
.product-performance-list {
    color: #333;
    font-size: 14px;
}

.product-performance-list .table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.product-performance-list table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.product-performance-list th,
.product-performance-list td {
    height: 62px;
    padding: 12px 0;
    text-align: right;
    vertical-align: middle;
    box-sizing: border-box;
}

.product-performance-list th {
    height: 42px;
    background: #f7f8fa;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.product-performance-list tbody tr {
    background: #fff;
}

.product-performance-list tbody td {
    border-top: 1px solid #eee;
}

.product-performance-list tbody tr.share-row {
    background: #f8f8fa;
}

.product-performance-list .product-name-column {
    width: 151px;
    text-align: left;
}

.product-performance-list .product-name-content {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.product-performance-list .product-name-main {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    max-width: 100%;
}

.product-performance-list .sequence-column {
    width: 42px;
    text-align: center;
}

.product-performance-list .pk-column {
    width: 42px;
    text-align: center;
}

.product-performance-list .pk-checkbox {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    cursor: pointer;
}

.product-performance-list .pk-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.product-performance-list .pk-checkbox i {
    display: block;
    width: 14px;
    height: 14px;
    background: url("/resource/img/product/detail/checkbox_off.png") 50% / 14px 14px no-repeat;
}

.product-performance-list .pk-checkbox input:checked + i {
    background-image: url("/resource/img/product/detail/checkbox_on.png");
}

.product-performance-list .action-column {
    width: 128px;
    text-align: center;
}

.product-performance-list .text-action {
    border: 0;
    background: transparent;
    color: #f50;
    font-size: 14px;
    cursor: pointer;
}

.product-performance-list .text-action + .text-action {
    margin-left: 12px;
}

.product-performance-list .text-action.is-selected {
    color: #999;
}

.product-performance-list .text-action.is-busy {
    opacity: 0.5;
    cursor: default;
}

.product-performance-list .product-link:hover,
.product-performance-list .manager-link:hover {
    color: #f50;
}

.product-performance-list td p {
    margin: 0;
}

.product-performance-list td .date {
    margin-top: 2px;
    color: #999;
    font-size: 12px;
}

.product-performance-list .metric-positive {
    color: #F22323;
}

.product-performance-list .metric-negative {
    color: #00A000;
}

.product-performance-list .sortable {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}

.product-performance-list .icon-sortable {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    top: -2px;
    width: 10px;
    height: 18px;
    margin-left: 3px;
    vertical-align: middle;
}

.product-performance-list .icon-sortable:before,
.product-performance-list .icon-sortable:after {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
}

.product-performance-list .icon-sortable:before {
    top: 0;
    border-bottom: 8px solid #ccc;
}

.product-performance-list .icon-sortable:after {
    bottom: 0;
    border-top: 8px solid #ccc;
}

.product-performance-list .icon-sortable.asc:before {
    border-bottom-color: #ff5500;
}

.product-performance-list .icon-sortable.desc:after {
    border-top-color: #ff5500;
}

.product-performance-list .share-toggle {
    position: relative;
    display: inline-block;
    flex: 0 0 18px;
    -webkit-flex: 0 0 18px;
    -ms-flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: middle;
    cursor: pointer;
}

.product-performance-list .share-toggle:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    transform: rotate(45deg);
}

.product-performance-list .share-toggle.is-expanded:before {
    top: 7px;
    transform: rotate(225deg);
}

.product-performance-list .strategy-tag {
    height: 18px;
    margin-top: 2px;
    padding: 0 4px;
    border: 1px solid #979797;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box;
}

.product-performance-list .product-tags {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.product-performance-list .product-tags .strategy-tag {
    margin-right: 4px;
}

.product-performance-list .trend-cell {
    width: 76px;
    vertical-align: middle;
}

.product-performance-list .trend-thumbnail {
    float: right;
    width: 72px;
    height: 46px;
    cursor: pointer;
}

.product-performance-list .trend-fallback {
    display: none;
    line-height: 17px;
}

.product-performance-list .state {
    min-height: 180px;
    padding-top: 40px;
    box-sizing: border-box;
    color: #999;
    background: #fff;
    text-align: center;
}

.product-performance-list .state .detail-empty-img {
    margin: 0 auto 10px;
}

.product-performance-list .state p {
    margin: 0;
}

.product-performance-list .more-wrap {
    padding: 18px 0 0;
    text-align: center;
}

.product-performance-list .more-button {
    width: 114px;
    height: 32px;
    padding: 0 24px;
    border: 1px solid #999;
    border-radius: 20px;
    background: #fff;
    color: #999;
    font-size: 15px;
    cursor: pointer;
}

.product-performance-list .more-button:hover {
    color: #f50;
    border-color: #f50;
}

.product-performance-list .more-button:disabled {
    color: #999;
    border-color: #999;
    cursor: default;
}

.product-performance-list .is-hidden {
    display: none;
}


.product-performance-list .text-action:disabled {
    color: #999;
    cursor: default;
    opacity: 0.5;
}

.product-performance-list .series-toggle {
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #387cff;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
}
.product-performance-list .series-toggle i {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 0 3px 8px;
    border-right: 1px solid #387cff;
    border-bottom: 1px solid #387cff;
    transform: rotate(45deg);
}
.product-performance-list .series-toggle.is-expanded i {
    margin-bottom: 0;
    transform: rotate(225deg);
}

.product-performance-list .series-toggle-row td {
    border-top: 0;
    height: 36px;
    padding: 0 0 8px;
}

.product-performance-list .series-toggle-row .series-toggle {
    margin-top: 0;
}
/* AI Generated */
.company-product-list-heading {
    margin: 32px 0 16px;
}

.company-product-list-heading h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #f50;
}

.company-product-list-heading h3 {
    position: relative;
    margin: 0;
    color: #333;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    padding-left: 12px;
}

.company-product-list-toolbar {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    min-height: 40px;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.company-product-list-toolbar .filters {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    color: #666;
}

.company-product-list-toolbar .filters select {
    width: 116px;
    height: 30px;
    margin-right: 22px;
    padding: 0 24px 0 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff;
    color: #333;
}

.company-product-list-toolbar .consignment-only {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    position: relative;
    cursor: pointer;
}

.company-product-list-toolbar .consignment-only input {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.company-product-list-toolbar .consignment-only i {
    flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/resource/img/product/detail/checkbox_off.png") 50% / 16px 16px no-repeat;
}

.company-product-list-toolbar .consignment-only input:checked + i {
    background-image: url("/resource/img/product/detail/checkbox_on.png");
}

.company-product-list-toolbar .consignment-only input:disabled + i,
.company-product-list-toolbar .consignment-only input:disabled + i + span {
    opacity: 0.5;
}

.company-product-list .product-name-column {
    width: 200px;
}

.company-product-list .product-kind-tag {
    flex: none;
    margin-left: 5px;
    padding: 0 3px;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #777;
    font-size: 12px;
    line-height: 18px;
}

.company-product-list .product-kind-tag.is-main {
    color: #df9c52;
    border-color: #dfbc94;
}

.company-product-list .tree-depth-1 .product-name-content {
    padding-left: 10px;
}

.company-product-list .tree-depth-2 .product-name-content {
    padding-left: 20px;
}

.company-product-list tbody tr.share-row {
    background: #fff;
}

.company-product-list .share-row td {
    border-top: 0;
    background: #fafafd;
}

.company-product-list .share-row .pk-column,
.company-product-list .share-row .sequence-column {
    background: #fff;
}

.company-product-list .share-group-first .product-name-column {
    border-top-left-radius: 10px;
}

.company-product-list .share-group-first .action-column {
    border-top-right-radius: 10px;
}

.company-product-list .share-group-last .product-name-column {
    border-bottom-left-radius: 10px;
}

.company-product-list .share-group-last .action-column {
    border-bottom-right-radius: 10px;
}
/* AI Generated */
.product-pk-selection-panel {
    position: fixed;
    z-index: 1100;
    top: 64px;
    right: 6px;
    bottom: 6px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    width: 280px;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(296px, 0, 0);
    transition: transform 220ms ease-out, opacity 220ms ease-out, visibility 0s linear 220ms;
}

.product-pk-selection-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
}

.product-pk-selection-panel .header {
    flex: 0 0 44px;
    -webkit-flex: 0 0 44px;
    -ms-flex: 0 0 44px;
    height: 44px;
    padding: 0 16px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 44px;
    box-sizing: border-box;
}

.product-pk-selection-panel .items {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    min-height: 0;
    margin: 0;
    padding: 4px 16px;
    list-style: none;
    overflow-y: auto;
}

.product-pk-selection-panel .items li {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    height: 44px;
    border-bottom: 1px solid #eee;
}

.product-pk-selection-panel .items span {
    min-width: 0;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.product-pk-selection-panel .remove {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #999;
    font-size: 20px;
    line-height: 22px;
    cursor: pointer;
}

.product-pk-selection-panel .remove:hover {
    color: #f50;
}

.product-pk-selection-panel .footer {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    flex: 0 0 54px;
    -webkit-flex: 0 0 54px;
    -ms-flex: 0 0 54px;
    height: 54px;
    padding: 0 16px;
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

.product-pk-selection-panel .clear {
    padding: 0;
    border: 0;
    background: transparent;
    color: #999;
    cursor: pointer;
}

.product-pk-selection-panel .start {
    width: 82px;
    height: 30px;
    border-radius: 15px;
    background: #f50;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
}
/* AI Generated */
.trend-chart-popover {
    position: absolute;
    z-index: 10000;
    width: 808px;
    height: 472px;
    padding: 16px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
}

.trend-chart-popover-arrow {
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
}

.trend-chart-popover.is-left .trend-chart-popover-arrow {
    right: -12px;
    border-color: transparent transparent transparent #fff;
}

.trend-chart-popover.is-right .trend-chart-popover-arrow {
    left: -12px;
    border-color: transparent #fff transparent transparent;
}

.trend-chart-popover .trend-chart--compact {
    width: 768px;
}
/* AI Generated */
.company-detail-page {
    background: #f5f6f8;
    color: #333;
}

.company-detail-page .middle-section {
    padding-top: 20px;
}

.company-detail-page .main-content {
    min-width: 0;
}

.company-detail-page .content-section {
    margin-bottom: 10px;
    padding: 26px 30px;
    background: #fff;
    box-sizing: border-box;
}

.company-detail-page .section-title {
    position: relative;
    margin: 0 0 16px;
    padding-left: 10px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}

.company-detail-page .section-title:before {
    position: absolute;
    top: 6px;
    height: 20px;
    left: 0;
    width: 4px;
    border-radius: 2px;
    background: #ff5500;
    content: "";
}

.company-detail-page .module-state {
    min-height: 120px;
    color: #999;
    font-size: 14px;
    line-height: 120px;
    text-align: center;
}

.company-detail-page .module-state.is-compact {
    min-height: 60px;
    line-height: 60px;
}

.company-detail-page .module-state.is-error {
    color: #999;
}

.company-detail-page .content-nav-wrap {
    height: 70px;
    margin-bottom: 0;
}

.company-detail-page .content-nav {
    position: relative;
    z-index: 2;
    height: 70px;
    padding: 0 30px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 7px 7px -7px rgba(0, 0, 0, .12);
}

.company-detail-page .content-nav.is-fixed {
    position: fixed;
    z-index: 20;
    top: 60px;
}

.company-detail-page .content-nav a {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 80px;
    height: 70px;
    margin-right: 60px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
    box-sizing: border-box;
}

.company-detail-page .content-nav a.active {
    border-bottom-color: #ff5500;
    color: #ff5500;
}

.company-detail-tooltip {
    width: 280px;
    color: #333;
    font-size: 13px;
    line-height: 22px;
    padding: 12px;
}
/* AI Generated */
.company-detail-page .header {
    margin-bottom: 16px;
    padding: 21px 30px 21px;
    background: #fff;
    box-sizing: border-box;
}

.company-detail-page .header .title-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 33px;
    margin-bottom: 16px;
}

.company-detail-page .header .name-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-detail-page .header h1 {
    overflow: hidden;
    margin: 0;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-detail-page .header .honor-tag {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    margin-left: 24px;
    padding: 0 8px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(10, 110, 219, .1);
    color: #0a6edb;
    font-size: 16px;
    line-height: 30px;
}

.company-detail-page .header .actions {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 0;
}

.company-detail-page .header .action-button {
    height: 30px;
    margin-left: 16px;
    padding: 0 9px;
    border: 0;
    border-radius: 4px;
    background: #f8f8fa;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
}

.company-detail-page .header .action-button img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: middle;
    object-fit: contain;
}


.company-detail-screenshot-overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .7);
    color: #333;
    font-size: 18px;
}

.company-detail-page .header .profile-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 153px;
    padding: 0 40px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8fa;
    box-sizing: border-box;
}

.company-detail-page .header .logo-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95px;
    height: 93px;
    margin-right: 58px;
    -webkit-flex: 0 0 95px;
    -ms-flex: 0 0 95px;
    flex: 0 0 95px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
}

.company-detail-page .header .logo-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.company-detail-page .header .profile-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 114px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}

.company-detail-page .header .profile-column {
    min-width: 0;
    margin: 0;
    -webkit-flex: 0 0 217px;
    -ms-flex: 0 0 217px;
    flex: 0 0 217px;
}

.company-detail-page .header .profile-column:nth-of-type(2) {
    -webkit-flex-basis: 202px;
    -ms-flex-preferred-size: 202px;
    flex-basis: 202px;
}

.company-detail-page .header .profile-column:last-child {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 14px;
    box-sizing: border-box;
}

.company-detail-page .header .separator {
    width: 1px;
    height: 80px;
    margin: 0 51px;
    -webkit-flex: 0 0 1px;
    -ms-flex: 0 0 1px;
    flex: 0 0 1px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background: rgba(0, 0, 0, .05);
}

.company-detail-page .header .profile-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.company-detail-page .header dt {
    margin-right: 8px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.company-detail-page .header dd {
    overflow: hidden;
    min-width: 0;
    margin: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-detail-page .header .info-icon,
.company-detail-page .archive-block .info-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url('/resource/img/company/detail/info.png') center no-repeat;
    background-size: 12px 12px;
    vertical-align: -1px;
    cursor: pointer;
}
/* AI Generated */
.company-detail-page .overview {
    padding-top: 39px;
}

.company-detail-page .overview .overview-block {
    margin-bottom: 24px;
}

.company-detail-page .overview h3 {
    margin: 0 0 16px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

.company-detail-page .overview .overview-block p {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-line;
    font-weight: 500;
}

.company-detail-page .overview .overview-block span {
    font-weight: 400;
}

.company-detail-page .overview .honor-list {
    position: relative;
    margin: 0;
    padding: 0 0 0 18px;
    list-style: none;
}

.company-detail-page .overview .honor-list li:not(:last-child):before {
    position: absolute;
    top: 16px;
    bottom: -16px;
    left: -14px;
    width: 0;
    border-left: 1px dashed #ffd8c8;
    content: "";
}

.company-detail-page .overview .honor-list li {
    position: relative;
    min-height: 32px;
    color: #333;
    font-size: 14px;
    line-height: 32px;
}

.company-detail-page .overview .honor-list li i {
    position: absolute;
    top: 13px;
    left: -17px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff5500;
}

.company-detail-page .overview .honors-toggle {
    display: inline-block;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #3074c2;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
}

.company-detail-page .overview .honors-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    border-top: 5px solid #aeb5bf;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    vertical-align: 2px;
    content: "";
}

.company-detail-page .overview .honors-toggle.is-expanded:after {
    border-top: 0;
    border-bottom: 5px solid #aeb5bf;
}

.company-detail-page .overview .honors-toggle:disabled {
    color: #999;
    cursor: default;
}

.company-detail-page .archive-block {
    margin-top: 0;
}

.company-detail-page .archive-block table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.company-detail-page .archive-block th,
.company-detail-page .archive-block td {
    height: 42px;
    padding: 10px 16px;
    border: 1px solid #eeeeee;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    box-sizing: border-box;
}

.company-detail-page .archive-block .archive-label-column {
    width: 190px;
}

.company-detail-page .archive-block th {
    background: #f7faff;
    color: #333;
}

.company-detail-page .archive-block td {
    font-weight: 500;
}
/* AI Generated */
.company-detail-page .product-type-distribution-card {
    padding: 20px 30px;
}

.company-detail-page .product-type-distribution-card h3 {
    color: #333;
}

.company-detail-page .distribution-card.product-type-distribution-card .distribution-chart {
    height: 210px;
}
/* AI Generated */
.company-detail-page .monthly-return-distribution-card {
    padding: 20px 40px;
}

.company-detail-page .monthly-return-distribution-toolbar {
    margin: 8px 0 4px 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
}

.company-detail-page .monthly-return-distribution-card h3 {
    flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    color: #333;
}

.company-detail-page .monthly-return-distribution-legend {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.company-detail-page .monthly-return-distribution-legend i {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-radius: 2px;
    background: #F22323;
}

.company-detail-page .monthly-return-distribution-filters {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
}

.company-detail-page .monthly-return-distribution-filters label {
    margin: 0 8px 0 8px;
    color: #666;
}

.company-detail-page .monthly-return-select-wrap {
    position: relative;
    display: inline-block;
    min-width: 40px;
    height: 18px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.company-detail-page .monthly-return-month-select-wrap {
    width: 68px;
}

.company-detail-page .monthly-return-select-wrap:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 4px;
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 3px solid #999;
    pointer-events: none;
}

.company-detail-page .monthly-return-select-wrap select {
    width: auto;
    min-width: 100%;
    height: 18px;
    padding: 0 10px 0 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
    outline: none;
    background: transparent;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.company-detail-page .monthly-return-month-select-wrap select {
    width: 100%;
}

.company-detail-page .monthly-return-select-wrap select:disabled {
    color: #999;
    cursor: default;
}
/* AI Generated */
.company-detail-page .team-tabs {
    height: 44px;
    margin-bottom: 18px;
    border-bottom: 1px solid #eee;
}

.company-detail-page .team-tab {
    height: 44px;
    margin-right: 42px;
    padding: 0;
    border: 0;
    border-bottom: 2px solid transparent;
    outline: 0;
    background: transparent;
    color: #666;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.company-detail-page .team-tab.active {
    border-bottom-color: #ff5b20;
    color: #ff5b20;
}

.company-detail-page .team-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    padding: 24px 20px;
    border-radius: 8px;
    background: #f8f8fa;
    box-sizing: border-box;
}

.company-detail-page .team-avatar {
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    margin-right: 40px;
    border-radius: 50%;
    background: #eef2f6;
    object-fit: contain;
}

.company-detail-page .team-card-content {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.company-detail-page .team-card-heading {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px;
    line-height: 32px;
}

.company-detail-page .team-card-heading strong {
    min-width: 0;
    max-width: 360px;
    overflow: hidden;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-detail-page .team-detail-link,
.company-detail-page .team-detail-link:hover {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 26px;
    margin-left: 12px;
    padding: 0 8px;
    border-radius: 4px;
    background: #e8f2ff;
    color: #0a6edb;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
}

.company-detail-page .team-card-meta {
    margin-top: 16px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

.company-detail-page .team-card-meta span {
    display: inline-block;
    min-width: 198px;
    margin-right: 24px;
}

.company-detail-page .team-card em,
.company-detail-page .team-card-meta em {
    color: #777;
    font-style: normal;
}

.company-detail-page .team-card p {
    margin: 16px 0 0;
    color: #333;
    font-size: 14px;
    line-height: 21px;
    word-break: break-all;
}

.company-detail-page .team-toggle-wrap {
    padding-top: 8px;
    text-align: center;
}

.company-detail-page .team-toggle {
    min-width: 114px;
    height: 32px;
    padding: 0 20px;
    border: 1px solid #999;
    border-radius: 16px;
    outline: 0;
    background: #fff;
    color: #777;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

.company-detail-page .team-toggle:hover {
    border-color: #ff5b20;
    color: #ff5b20;
}

.company-detail-page .team-toggle:disabled {
    border-color: #ddd;
    color: #bbb;
    cursor: default;
}
/* AI Generated */
.company-detail-page .roadshows.is-loading {
    min-height: 473px;
}

.company-detail-page .roadshow-empty {
    min-height: 180px;
    padding: 24px 0;
    box-sizing: border-box;
    line-height: 20px;
}

.company-detail-page .roadshow-empty-img {
    width: 148px;
    height: 85px;
    margin: 0 auto 24px;
    background: url("/resource/img/common/nodata2x.png") no-repeat center center;
    background-size: contain;
}

.company-detail-page .roadshow-empty p {
    margin: 0;
}

.company-detail-page .roadshow-card-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.company-detail-page .roadshow-card {
    width: calc((100% - 32px) / 3);
    margin-right: 16px;
    color: #333;
    box-sizing: border-box;
}

.company-detail-page .roadshow-card.is-row-end {
    margin-right: 0;
}

.company-detail-page .roadshow-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.company-detail-page .roadshow-cover-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 8px;
    background: #f3f5f8;
}

.company-detail-page .roadshow-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s ease;
}

.company-detail-page a.roadshow-card-link:hover .roadshow-cover {
    transform: scale(1.02);
}

.company-detail-page .roadshow-title {
    margin: 16px 0 16px;
    overflow: hidden;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-detail-page a.roadshow-card-link:hover .roadshow-title {
    color: #ff5b20;
}

.company-detail-page .roadshow-meta {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.company-detail-page .roadshow-publisher {
    max-width: 88px;
    margin-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-detail-page .roadshow-date {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
}

.company-detail-page .roadshow-heat {
    margin-left: 8px;
    white-space: nowrap;
}

.company-detail-page .roadshow-heat img {
    width: 12px;
    height: 14px;
    margin-right: 4px;
    vertical-align: -2px;
}

.company-detail-page .roadshow-error p {
    margin: 0;
}

.company-detail-page .roadshow-pagination .uusm-ui-pagination {
    padding: 30px 0 0;
}
/* AI Generated */
.company-detail-page .updates.is-loading {
    min-height: 546px;
}

.company-detail-page .update-tabs {
    margin-bottom: 38px;
}

.company-detail-page .update-tabs button {
    min-width: 100px;
    height: 32px;
    margin-right: 24px;
    padding: 0 18px;
    border: 0;
    border-radius: 16px;
    background: #f8f8f8;
    color: #666;
    font-size: 18px;
    line-height: 32px;
    cursor: pointer;
}

.company-detail-page .update-tabs button.active {
    background: #ff5500;
    color: #fff;
}

.company-detail-page .update-card-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.company-detail-page .update-card {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - 16px) / 2);
    min-width: 0;
    margin: 0 16px 16px 0;
    box-sizing: border-box;
}

.company-detail-page .update-card.is-row-end {
    margin-right: 0;
}

.company-detail-page .update-cover-wrap {
    position: relative;
    -webkit-flex: 0 0 153px;
    -ms-flex: 0 0 153px;
    flex: 0 0 153px;
    width: 153px;
    height: 86px;
    overflow: hidden;
    border-radius: 8px;
    background: #f3f5f8;
}

.company-detail-page .update-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-detail-page .update-info {
    min-width: 0;
    padding: 14px 0 0 16px;
}

.company-detail-page .update-title {
    margin: 0;
    overflow: hidden;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-detail-page .update-title a {
    color: inherit;
    text-decoration: none;
}

.company-detail-page .update-title a:hover {
    color: #ff5b20;
}

.company-detail-page .update-time {
    margin: 8px 0 0;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.company-detail-page .update-error p {
    margin: 0;
}

.company-detail-page .update-pagination .uusm-ui-pagination {
    padding: 20px 0 0;
}
/* AI Generated */
.company-detail-page .products-section {
    overflow: hidden;
}

.company-detail-page .distributions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
}

.company-detail-page .monthly-return-distribution-card {
    margin-left: 30px;
}

.company-detail-page .products-section .company-product-list-heading h3 {
    font-size: 18px;
    padding-left: 0;
}

.company-detail-page .products-section .company-product-list-heading h3:before {
    content: none;
}

.company-detail-page .products-section .company-product-list-heading {
    margin-top: 0;
}

.company-detail-page .products-section .table-scroll {
    overflow-x: auto;
}

.company-detail-page .products-section .product-performance-list table {
    min-width: 1120px;
}

.company-detail-page .distribution-card {
    width: 541px;
    min-height: 257px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: linear-gradient(to bottom, #fff5ee, #fff 58.5%) padding-box,
        linear-gradient(to bottom, #fff, #fde7e3) border-box;
    box-sizing: border-box;
}

.company-detail-page .distribution-card h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

.company-detail-page .distribution-card .info-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url('/resource/img/company/detail/info.png') center no-repeat;
    background-size: 12px 12px;
    vertical-align: 0;
    cursor: pointer;
}

.company-detail-page .distribution-card .module-state {
    min-height: 172px;
    line-height: 172px;
}

.company-detail-page .distribution-card .distribution-chart {
    display: none;
    width: 100%;
    height: 172px;
}