@charset "UTF-8";
/*弹性盒子居中（传入null不设置该属性）*/
/* 行高 */
/* 背景图 */
/*文本格式化，超出范围，显示省略号*/
/* 圆形盒子 */
/*弹性盒子居中（传入null不设置该属性）*/
/* 0.5px边框 */
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul li, ol li {
    list-style: none;
}

body {
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: PingFangSC-Regular, Microsoft YaHei;
    -webkit-text-size-adjust: none;
}

label {
    font-weight: 700;
}

html {
    height: 100%;
    box-sizing: border-box;
}

#app {
    min-height: 100%;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    outline: none;
    text-decoration: none;
}

div:focus {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/*列表样式*/
.el-table {
    font-size: 16px;
}

.el-table .caret-wrapper {
    height: 23px;
}

.el-table .sort-caret.ascending {
    top: 0;
}

.el-table .sort-caret.descending {
    bottom: 0;
}

/*分页样式*/
.el-pagination {
    text-align: center;
    font-size: 0;
}

.el-pagination .el-icon {
    font-size: 14px;
}

.el-pagination .el-pagination__sizes .el-input .el-input__inner, .el-pagination button, .el-pagination span:not([class*=suffix]) {
    font-size: 15px;
}

.el-pagination .number {
    font-size: 14px;
}

.el-dialog__header {
    font-size: 0;
}

.el-message__icon {
    font-size: 16px;
}

.boldFont {
    font-family: PingFangSC-Medium, Microsoft YaHei;
}

.Wrap {
    background: #FFF;
    min-width: 1030px;
}

.Wrap .mainCont {
    min-height: calc(100vh - 140px);
}

.Wrap .marginTop {
    margin-top: -70px;
}

[v-cloak] {
    display: none !important;
}

.blank {
    position: relative;
    width: 100%;
    height: 543px;
}

.blank .blanktop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.blank .blankbottom {
    position: absolute;
    top: 69px;
    left: 0;
    width: 100%;
    transition: all 1s linear;
}

.loading .blanktop, .loading .blankbottom {
    background: none !important;
}

@media screen and (max-width: 1920px) {
    .blank .blanktop, .blank .blankbottom {
        background: none !important;
    }
}

/*图片在线地址*/
.rightCont .titBox {
    height: 42px;
    background: #F9F9F9;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 13px;
    position: relative;
    line-height: 20px;
}

.rightCont .titBox .tit {
    font-size: 17px;
    color: #000;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.rightCont .titBox .tit:before {
    content: '';
    width: 3px;
    height: 15px;
    background: #1F2327;
    transform: translateX(-6px);
}

.rightCont .titBox .more {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}

.rightCont .listBox .list {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    padding: 10px 13px 10px 0;
    cursor: pointer;
    position: relative;
    margin-bottom: 1px;
}

.rightCont .listBox .list:nth-of-type(1) {
    background-image: linear-gradient(-39deg, #FFFFFF 0%, #FFE3E3 100%);
}

.rightCont .listBox .list:nth-of-type(2) {
    background-image: linear-gradient(-42deg, #FFFFFF 0%, #FFEBE2 100%);
}

.rightCont .listBox .list:nth-of-type(3) {
    background-image: linear-gradient(-44deg, #FFFFFF 0%, #FFF7E5 100%);
}

.rightCont .listBox .list:after {
    content: '';
    width: calc(100% - 24px);
    height: 1px;
    background-image: linear-gradient(to right, #e6e6e6 0%, #e6e6e6 50%, transparent 50%);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    position: absolute;
    left: 12px;
    bottom: -1px;
}

.rightCont .listBox .list:hover {
    background: #F8F8F8;
}

.rightCont .listBox .list.gray {
    color: #666;
}

.rightCont .listBox .list .line {
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.rightCont .listBox .list .line .rank {
    width: 30px;
    height: 24px;
    line-height: 24px;
    color: #BABFC7;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    flex-shrink: 0;
    margin-right: 6px;
}

.rightCont .listBox .list .line .rank.rank1 {
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    background: url("/img/pc/rank-right-1.png") no-repeat center/cover;
    transform: translateY(-10px);
}

.rightCont .listBox .list .line .rank.rank2 {
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    background: url("/img/pc/rank-right-2.png") no-repeat center/cover;
    transform: translateY(-10px);
}

.rightCont .listBox .list .line .rank.rank3 {
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
    background: url("/img/pc/rank-right-3.png") no-repeat center/cover;
    transform: translateY(-10px);
}

.rightCont .listBox .list .line .title {
    max-height: 66px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rightCont .listBox .list .detailInfo {
    width: 100%;
    font-size: 12px;
    color: #999;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
    line-height: 16px;
}

.rightCont .listBox .list .detailInfo .showTime {
    position: relative;
    padding-left: 14px;
}

.rightCont .listBox .list .detailInfo .showTime:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    position: absolute;
    left: 7px;
    top: 0;
}

.rightCont .listBox.kuaixunBox .list {
    padding-left: 12px;
    background-image: none;
}

.rightCont .listBox.kuaixunBox .list.gray .time:before {
    background: #666;
}

.rightCont .listBox.kuaixunBox .list.red {
    color: #FF500C;
}

.rightCont .listBox.kuaixunBox .list.red .time:before {
    background: #FF500C;
}

.rightCont .listBox.kuaixunBox .list.red.gray {
    color: rgba(255, 80, 12, 0.7);
}

.rightCont .listBox.kuaixunBox .list.red.gray .time:before {
    background: rgba(255, 80, 12, 0.7);
}

.rightCont .listBox.kuaixunBox .list .time {
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 8px;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.rightCont .listBox.kuaixunBox .list .time:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 100%;
    margin-right: 6px;
}

.rightCont .listBox.kuaixunBox .list .title {
    max-height: 44px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.carouselBox {
    width: 100%;
    margin-bottom: 14px;
    position: relative;
}

.carouselBox:before {
    content: '';
    width: 100%;
    height: 14px;
    background: #F0F2F5;
    position: absolute;
    top: 100%;
    left: 0;
}

.carouselBox img {
    width: 100%;
    height: 100%;
}

.carouselBox .el-carousel {
    height: 100%;
}

.carouselBox .el-carousel .el-carousel__container {
    height: 100%;
}

.carouselBox .el-carousel .el-carousel__container .el-carousel__arrow {
    width: 30px;
    height: 30px;
}

.carouselBox .el-carousel .el-carousel__container .el-carousel__arrow.el-carousel__arrow--left {
    left: 6px;
}

.carouselBox .el-carousel .el-carousel__container .el-carousel__arrow.el-carousel__arrow--right {
    right: 6px;
}

.carouselBox .el-carousel .el-carousel__container .el-carousel__item img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.carouselBox .el-carousel .el-carousel__indicators {
    bottom: 6px;
}

.carouselBox .el-carousel .el-carousel__indicators .el-carousel__indicator {
    padding: 0;
}

.carouselBox .el-carousel .el-carousel__indicators .el-carousel__indicator.is-active .el-carousel__button {
    background: #FF500C;
    opacity: 1;
}

.carouselBox .el-carousel .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background: #FFF;
    opacity: 0.5;
    border-radius: 50%;
}

/*# sourceMappingURL=rightBox.css.map */