/*首页样式*/
/*轮播*/
.carousel {
    position: relative;
    overflow: hidden;
}

.carousel .el-carousel__indicators {
    left: 50%;
    bottom: 45px;
    transform: translatex(-50%);
    z-index: 99;
}

.carousel .el-carousel__indicator {
    display: inline-block;
    padding: 12px 4px;
}

.carousel .el-carousel__button {
    width: 20px;
    height: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.carousel .speedy-entry {
    height: 70px;
    line-height: 47px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, .5);
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));

}
.carousel .speedy-entry .wrapper{
    margin-top: 23px;
}

.carousel .speedy-entry span {
    font-size: 16px;
    color: #fff;
    margin-right: 29px;
}

.carousel .speedy-entry a {
    font-size: 16px;
    color: #fff;
    margin-right: 52px;
    position: relative;
    text-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,.3);
}

.carousel .speedy-entry a:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 2px;
    background: #fff;
    transition: all .2s ease-in-out;
}

.carousel .speedy-entry a:hover:after {
    width: 100%;
    left: 0;
}

.carousel .speedy-entry a:last-child {
    margin-right: 0;
}

/*指数行情*/
.index-market {
    padding: 30px 20px 0 20px;
}

.index-market .imp-market {
    padding-bottom: 15px;
    border-bottom: 1px dashed #edf0f5;
}

.imp-market .el-col-8 {
    border-right: 1px solid #edf0f5;
}

.imp-market .el-col-8:last-child {
    border-right: 0;
}

.imp-market .index-name {
    font-size: 14px;
    color: #333;
}

.imp-market .index-info {
    line-height: 40px;
}

.imp-market .index-info .index-amount {
    float: left;
}

.imp-market .index-info .index-amount span {
    float: left;
    font-size: 28px;
}

.imp-market .index-info .index-amount.red span {
    color: #c30e23;
}

.imp-market .index-info .index-amount.green span {
    color: #029a35;
}

.imp-market .index-info .index-amount .range {
    font-size: 14px;
    margin-left: 7px;
}

.imp-market .index-info .index-chart {
    width: 90px;
    height: 30px;
    float: left;
    margin: 5px 0 0 31px;
}

.index-market .else-market {
    padding: 15px 0 10px;
}

.else-market .index-name {
    height: 16px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.else-market .index-info {
    line-height: 30px;
}

.else-market .index-info span {
    font-size: 16px;
}

.else-market .index-info.red span {
    color: #c30e23;
}

.else-market .index-info.green span {
    color: #029a35;
}

.else-market .index-info .range {
    display: inline-block;
    width: 92px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    font-size: 12px;
}

/*新闻/研究*/
.news-research {
    padding: 30px 0 12px;
}

.news-research .el-card,
.card-debt .el-card,
.index-operation .el-card {
    border: none;
}

.news-card.el-card.is-always-shadow,
.news-card.el-card.is-hover-shadow:focus,
.news-card.el-card.is-hover-shadow:hover {
    box-shadow: none;
}

.news-card .el-card__header,
.card-debt .el-card__header,
.index-operation .el-card__header {
    padding: 0;
    border-bottom: 1px solid #d9d9d9;
}

.news-card .el-card__body,
.card-debt .el-card__body,
.index-operation .el-card__body {
    padding: 20px 0;
}

.card-header {
    line-height:45px;
}
.el-card, .el-message{
    border-radius: 0;
}
.card-header span.header-title {
    float: left;
    height: 45px;
    font-size: 20px;
    color: #333;
    border-bottom: 4px solid #c30d23;
    /*background: #c30d23;*/
    font-weight: bold;
    /*padding: 0 12px*/
}
/*.font-weight {*/
/*font-weight: normal !important;*/
/*}*/
.card-header a {
    float: right;
    font-size: 14px;
    color: #888;
}

.first-news .news-img {
    float: left;
    width: 185px;
    height: 128px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.first-news .news-img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.first-news .news-img:hover img {
    transform: scale(1.2);
}

.first-news .news-item {
    float: left;
    width: 321px;
    margin: 10px 0 0 20px;
    cursor: pointer;
}

.first-news .news-item h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
    transition: color .3s;
}

.first-news .news-item h3:hover {
    color: #c30e23;
}

.first-news .news-item p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 20px;
    max-height: 75px;
    overflow: hidden;
    position: relative;
    text-align: justify;
}

.first-news .news-item p span {
    display: block;
}

/*.first-news .news-item p.over:before {*/
/*content: '';*/
/*position: absolute;*/
/*right: 116px;*/
/*bottom: 0;*/
/*display: block;*/
/*width: 20px;*/
/*height: 25px;*/
/*background: rgba(255, 255, 255, 0.7);*/
/*padding: 0 2px;*/
/*}*/

.first-news .news-item p:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 116px;
    background: #eceef5;
    text-align: left;
}

.first-news .news-item p.over:after {
    content: '...'
}

.else-news ul li {
    margin-top: 10px;
    padding: 10px 0 10px 18px;
    border-bottom: 1px dashed #d9d9d9;
    position: relative;
    cursor: pointer;
}

.else-news ul li:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    background: url(/image/yousanjiao.png) no-repeat;
    background-size: 100% 100%;
    transition: all .3s;
}

.else-news ul li:hover:before {
    background: url(/image/act-yousanjiao.png) no-repeat;
    background-size: 100% 100%;
}

.else-news ul li span {
    float: left;
    color: #333;
    font-size: 14px;
    transition: color .3s;
    max-width: 420px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.else-news ul li:hover span {
    color: #c30e23;
}

.else-news ul li i {
    float: right;
    font-size: 14px;
    color: #aaa;
}

/*国证行业市盈率/国债收益率曲线*/
.card-debt {
    padding: 30px 20px;
}
.border-bottom{
    border-bottom: 1px solid #d9d9d9;
}
.card-debt .el-card__body {
    padding: 20px 0 0;
}

/*.card-slide{
    height: 517px;
    overflow: hidden;
}*/
.card-debt .el-card.is-always-shadow,
.card-debt .el-card.is-hover-shadow:focus,
.card-debt .el-card.is-hover-shadow:hover {
    box-shadow: none;
}

.card-header .tab-header {
    float: left;
}

.card-header .tab-header span {
    float: left;
    height: 56px;
    font-size: 20px;
    color: #888;
    border-bottom: none;
    cursor: pointer;
}

.card-header .tab-header span.active {
    color: #333;
    border-bottom: 4px solid #c30d23;
    font-weight: bold;
}
.index-table{
    /*border: 1px solid #fff;*/
}
/*.card-header .tab-header span:first-child {*/
/*margin-right: 44px;*/
/*}*/

.card-header .time-sp {
    float: left;
    margin-left: 42px;
    color: #aaa;
    font-size: 14px;
}

/*.card-slide .index-table{
    height: 517px;
    overflow: hidden;
}*/
.index-table .nowrap .cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-operation {
    padding: 30px 0 20px;
}

.index-operation .el-card.is-always-shadow,
.index-operation .el-card.is-hover-shadow:focus,
.index-operation .el-card.is-hover-shadow:hover {
    box-shadow: none;
}

.bond-table-box {
    padding: 0 20px;
    margin-top: 50px;
}