:root {
    --up-color: #c00000;
    --down-color: #203864;
    --flat-color: #a5a5a5;
}

.ivu-btn-error, .disabled {
    background-color: #ed4014 !important;
    color: #ffffff !important;
}

/*表格公用样式*/
.ivu-table .ivu-table-header th,
.ivu-table .ivu-table-fixed-header th {
    background: #ebf2fe;
    text-align: center;
    font-size: 13px !important;
    height: 43px;
    white-space: nowrap;
    vertical-align: middle !important;
    padding: 0;
}

.ivu-table .ivu-table-tbody td {
    text-align: center;
    height: 43px;
    margin: 0;
    padding: 0 10px;
    vertical-align: middle;
    background-color: #fff;
}

.ivu-table-cell .ivu-checkbox-wrapper {
    margin-right: 0 !important;
    font-size: 12px;
}

.ivu-table-cell {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}

.ivu-table td,
.ivu-table th {
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    height: 43px;
}

.ivu-table-wrapper {
    overflow: visible;
    border-color: #bbb;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-right: 0;
}

td.ivu-table-column-left,
th.ivu-table-column-left {
    text-align: left !important;
}

/*公用头部组件*/
.common-header {
    display: flex;
    margin-top: 20px;
    border-bottom: 2px solid #afabab;
    align-items: center;
}
.common-header::before {
    content: '';
    display: block;
    width: 5px;
    height: 24px;
    background-color: #ff0000;
}

.common-header span {
    font-size: 24px;
    font-weight: bolder;
}

.common-header .common-header-title {
    display: flex;
    align-items: center;
    color: #305496;
    margin-left: 10px;
    cursor: text;
}

.common-header .en-title {
    margin-left: 40px;
    color: #767171;
}

.common-header .sub-title {
    color: #e82424;
    margin-left: 10px;
}

.common-header .report-time {
    font-size: 18px;
    font-weight: normal;
    user-select: auto;
    color: #a8a8a8;
}

.common-header .can-edit {
    margin-left: 0;
    cursor: text;
}

.common-header .module-title {
    flex: 1;
}

/*top模块*/
.top {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 20px 30px 0 30px;
    width: 1200px;
    background-color: #aaaaaa;
}

/*无广告位*/
.top .show-report-title {
    position: absolute;
    top: 90px;
    min-width: 1120px;
    min-height: 70px;
    font-weight: bolder;
    font-size: 86px;
    line-height: 86px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}

/*有广告位的样式*/
.top .have-adv {
    left: 57px;
    top: 115px;
    font-size: 74px;
    line-height: 74px;
    text-align: left;
}

.top .report-time {
    position: absolute;
    right: 30px;
    font-size: 30px;
    color: #fff;
}

/*广告位*/
.top .adv {
    position: absolute;
    bottom: 0;
    display: flex;
}

.top .adv .adv-item {
    height: 100px;
    width: 560px;
    margin: 0 10px;
    padding: 20px 0 0 29px;
    border-radius: 6px 6px 0 0;
}

.top .adv .adv-item:nth-child(1) {
    background-size: cover;
}

.top .adv .adv-item:nth-child(2) {
    background-size: cover;
}

.top .adv .adv-item .adv-title {
    font-size: 33px;
    line-height: 33px;
    color: #fff;
    font-weight: bolder;
    white-space: nowrap;
}

.top .adv .adv-item .adv-item-text {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.top .adv .adv-item .adv-item-text .adv-time,
.top .adv .adv-item .adv-item-text .adv-address {
    min-width: 50px;
    /*height: 27px;*/
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-left: 10px;
    white-space: nowrap;
}

.top .adv .adv-item .adv-item-text .adv-img-address {
    height: 18px;
    width: 15px;
    /*margin-top: 3px;*/
}

.top .adv .adv-item .adv-item-text .adv-img-time {
    height: 19px;
    width: 19px;
}

.top .adv .adv-item .adv-item-text .adv-two-img {
    margin-left: 15px;
}

.top .only-bg {
    display: flex;
    position: absolute;
    justify-content: center;
    bottom: 30px;
    width: 1000px;
}

.top .only-bg .bg-item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    width: 200px;
}

.top .only-bg .bg-item img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}


/*涨跌图*/
.fc-content {
    margin-top: 20px;
    padding: 0 10px;
}

.fc-content-chart {
    display: flex;
}

.chart-item {
    height: 10px;
    width: 33%;
    margin: 0 3px;
}

.chart-item:nth-child(1) {
    background-color: var(--up-color);
}

.chart-item:nth-child(2) {
    background-color: var(--down-color);
}

.chart-item:nth-child(3) {
    background-color: var(--flat-color);
}

.fc-content-text {
    display: flex;
    margin-top: 20px;
    color: #000;
    font-size: 18px;
}

.fc-content-text span {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.fc-content-text span::before {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
}

.fc-content-text span:nth-child(1)::before {
    background-color: var(--up-color);
}

.fc-content-text span:nth-child(2)::before {
    background-color: var(--down-color);
}

.fc-content-text span:nth-child(3)::before {
    background-color: var(--flat-color);
}

/*价格表单*/
.row-class td {
    text-align: left !important;
    font-weight: bolder;
    font-size: 22px !important;
    background-color: #f2f2f2 !important;
    height: 43px !important;
}

.no-id td {
    background-color: red !important;
}

.price-table-row td:nth-child(10),
.price-table-row td:nth-child(10) .ivu-table-cell {
    padding: 0;
}

.price-table-row td:nth-child(10) .ivu-table-cell .ivu-table-cell-slot {
    height: 100% !important;
}

.ivu-table-row .up {
    background-color: #ffc7cd !important;
    color: #77111c;
}

.ivu-table-row .down {
    background-color: #c6efcd !important;
    color: #13531f;
}

.ivu-table-row .flat {
    background-color: #f3f2f0 !important;
}

.data-introduction {
    font-size: 18px;
    color: #a8a8a8;
    margin-top: 20px;
}

.price-preview {
    position: relative;
}

.market-table {
    margin-top: 30px;
}

.ivu-table-header thead tr th {
    background-color: #105495 !important;
    color: #fff;
}

.ivu-modal-header {
    background-color: #2d8cf0;
}

.ivu-modal-footer {
    border-top: none;
    background-color: #fff;
}

.edit-form .ivu-input {
    border: 1px solid #5b5b5b;
    border-radius: 0;
}

.ivu-select {
    width: 100% !important;
}

.select-two {
    margin-top: 5px;
}

.ivu-input-disabled {
    background-color: #f3f3f3 !important;
}

.target-id {
    margin-bottom: 0;
}

.price-table-row td:nth-child(10),
.price-table-row td:nth-child(10) .ivu-table-cell {
    padding: 0;
}

/*市场预测*/
.analysis-table {
    margin-top: 5px;
}

.report-show-state {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.report-show-state span {
    margin-right: 10px;
}

.market-table .edit-analysis-row td:nth-child(6) .ivu-table-cell {
    height: 100%;
}

.market-table .edit-analysis-row td:nth-child(6) .ivu-table-cell .ivu-table-cell-slot {
    height: 100%;
}

.market-table .edit-analysis-row td:nth-child(6) .ivu-table-cell .ivu-table-cell-slot div {
    display: flex;
    align-items: center;
    height: 100%;
}

.trend-arrow-up,
.trend-arrow-down {
    height: 15px;
    width: 15px;
}

.trend-arrow-flat {
    height: 10px;
    width: 20px;
}

.core-product-title {
    padding: 8px 0;
    margin-top: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: bolder;
    background-color: #105495;
}

.logic-cell {
    text-align: left !important;
}

/*走势图模块*/
.trend-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 300px;
    max-width: 1200px;
    border: 4px dashed #fff;
    margin-top: 3px;
}

.chart-container {
    margin-top: 25px;
    width: 49%;
    height: 450px;
}

.chart-container:nth-child(1),
.chart-container:nth-child(2) {
    margin-top: 30px !important;
}

.chart-module {
    height: 100%;
    width: 100%;
}

/*周涨跌走势图*/
.mycanvas {
    position: absolute;
    z-index: 999;
    left: 450px;
}

/*行情在线模块*/
.online-content {
    display: flex;
}

.chart {
    width: 75%;
    height: 700px;
    overflow-x: hidden;
}

.market-table {
    flex: 1;
}
.right-table {
    align-self: flex-start;
}
.up {
    color: red;
}

.down {
    color: green;
}