.trading-situation-general .content-loading {
    width: 100%;
    height: 450px
}

.trading-situation-general .content {
    width: 100%;
    height: 284px;
    padding: 40px;
    position: relative;
    box-sizing: border-box
}

.trading-situation-general .content .left-list-item {
    height: 68px;
    padding-left: 34px;
    font-size: 12px;
    color: #666
}

.trading-situation-general .content .left-list-item div {
    width: 170px;
    display: inline-block;
    padding-top: 18px;
    margin-right: 42px
}

.trading-situation-general .content .left-list-item .trend-icon {
    margin: 1px 4px 0 8px
}

.trading-situation-general .content .left-list-item .left-item-title {
    font-family: "宋体", STHeiti, "Hiragino Mincho ProN", "WenQuanYi Bitmap Song", serif;
    font-weight: 700;
    display: inline-block
}

.trading-situation-general .content .item-right-number {
    font-size: 12px
}

.trading-situation-general .content .item-one {
    background-color: #eefbfa;
    color: #5faead;
    width: 690px;
    border-bottom: 1px solid #e5e5e5
}

.trading-situation-general .content .item-two {
    background-color: #f7fff1;
    color: #7f9c67;
    width: 653px;
    border-bottom: 1px solid #e5e5e5
}

.trading-situation-general .content .item-three {
    background-color: #fffbf4;
    color: #bc853f;
    width: 680px
}

.trading-situation-general .content .right-drawable {
    position: absolute;
    font-size: 12px;
    top: 40px;
    right: 40px;
    width: 430px;
    height: 210px;
    background: url(./tp.png) no-repeat;
    background-size: contain
}

.trading-situation-general .content .right-drawable .desc {
    position: absolute;
    display: block;
    height: 210px;
    left: 120px;
    color: #fff
}

.trading-situation-general .content .right-drawable .desc li {
    height: 69px;
    line-height: 69px;
    font-size: 18px;
    font-family: "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif
}

.trading-situation-general .content .right-drawable .item-title {
    font-family: "宋体", STHeiti, "Hiragino Mincho ProN", "WenQuanYi Bitmap Song", serif;
    font-weight: 700
}

.trading-situation-general .content .right-drawable div {
    position: absolute
}

.trading-situation-general .content .right-drawable .trading-situation-order-rate {
    right: 86px;
    top: 49px
}

.trading-situation-general .content .right-drawable .trading-situation-order-rate span:first-child {
    color: #7e9c66
}

.trading-situation-general .content .right-drawable .trading-situation-order-to-pay-rate {
    right: 98px;
    top: 130px
}

.trading-situation-general .content .right-drawable .trading-situation-order-to-pay-rate span:first-child {
    color: #bc853f
}

.trading-situation-general .content .right-drawable .trading-situation-order-to-pay-rate .order-to-pay-rate-tip {
    font-style: normal;
    font-size: 10px;
    border: 1px solid;
    line-height: 12px;
    display: inline-block;
    height: 12px;
    width: 12px;
    text-align: center;
    border-radius: 3px;
    margin-left: 2px
}

.trading-situation-general .content .right-drawable .trading-situation-pay-rate {
    right: 1px;
    top: 163px
}

.trading-situation-general .content .right-drawable .trading-situation-pay-rate span:first-child {
    color: #5eadac
}

.trading-situation-general .bottom-part-margin {
    margin: 0 0 40px 40px
}

.trading-situation-general .bottom-data-ayal {
    padding-left: 40px
}

.trading-situation-general .bottom-data-ayal .right-part-margin-top {
    margin-top: 17px
}

.trading-situation-general .bottom-data-result {
    position: absolute;
    bottom: 46px;
    margin-left: 40px
}

.trading-situation-general .bottom-data-result .left-day-num {
    width: 94px;
    height: 94px;
    border-radius: 94px;
    border: 2px solid #e0f0d3;
    display: inline-block;
    float: left;
    position: relative
}

.trading-situation-general .bottom-data-result .left-day-num div {
    position: absolute;
    display: inline-block;
    width: 100%;
    color: #98cd6d
}

.trading-situation-general .bottom-data-result .left-day-num div .data-trend-day-num {
    top: 17px
}

.trading-situation-general .bottom-data-result .left-day-num div .data-trend-day-num span {
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center
}

.trading-situation-general .bottom-data-result .left-day-num div .data-trend-day-num :first-letter {
    font-size: 35px
}

.trading-situation-general .bottom-data-result .left-day-num div .data-trend-description {
    position: absolute;
    display: inline-block;
    top: 52px;
    width: 100%;
    text-align: center
}

.trading-situation-general .bottom-data-result .right-datatrend-result {
    width: 700px;
    font-size: 12px;
    color: grey;
    margin-left: 120px;
    margin-top: 21px
}

.trading-situation-general .bottom-data-result .right-datatrend-result .data-trend-result-title {
    font-size: 21px;
    color: #606060
}

.trading-situation-general .bottom-data-result .right-datatrend-result span {
    font-size: 12px
}

.trading-situation-general .bottom-data-result .right-datatrend-result .sub-title {
    margin-top: 20px;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.trading-situation-general .bottom-data-result .right-datatrend-result .sub-title .precent-num {
    font-size: 18px;
    color: #fd9025
}

.trading-situation-interpretation .content {
    position: relative;
    width: 100%;
    height: 468px
}

.trading-situation-interpretation .content .group-selecter {
    display: inline-block;
    margin: 12px 0;
    padding: 0 30px;
    width: 250px;
    height: 30px;
    line-height: 30px
}

.trading-situation-interpretation .content .group-selecter .ui-combopanel-message {
    display: none
}

.trading-situation-interpretation .content .group-selecter .ui-combopanel-groups {
    border-bottom: none
}

.trading-situation-interpretation .content .chartbox {
    width: 100%;
    height: 335px
}

.trading-situation-interpretation .content .content-selector {
    min-width: 300px
}

.trading-situation-interpretation .content .content-selector-display-none {
    visibility: hidden
}

#trading-situation {
    margin-bottom: 10px
}