/* 卡片样式 */
.focus-card {
    /* border: 1px solid #b9c4dd !important; */
}

/* 卡片头样式 */
.focus-card .el-card__header {
    /* background: #ccc !important; */
}

/* 卡片内容体样式 */
.focus-card .el-card__body {
    /* background: #ccc !important; */
}

/* 分割线 */
.focus.el-divider {
    /* background-color: #245de1 !important; */
}

/* 多页签外边框 */
.focus.el-tabs {
    /* border:1px solid #ccc */
}

/* 多页头部下边线 */
.focus.el-tabs--card>.el-tabs__header {
    /* border-bottom: 1px solid #6c96eb !important; */
}

/* 折叠面板头部样式 */
.focus .el-collapse-item__header {
    background-color: #f7f7f7 !important;
}

/* 折叠面板内容样式 */
.focus .el-collapse-item__wrap {
    /* background-color: #c94d4d !important; */
}

/* Tab页签，Tab页签标题背景色 */
.el-tabs--card>.el-tabs__header .el-tabs__nav {
    /* background-color: #fff; */
}

/* Tab页签的页签下边距 */
.el-tabs__header {
    /* margin: 0 0 5px; */
}

/* Tab页签的内容区域边距 */
.el-tabs--border-card>.el-tabs__content {
    padding: 5px;
}

/* 富文本编辑器背景色 */
.ql-editor {
    background-color: #fff;
}

/* 日历工具栏 按钮样式 */
.fc .fc-button {
    font-size: 1em;
    padding: 2px 3px;
    background-color: #92a0b1;
    border-color: #c2d0de;
}

/* 日历工具栏 按钮样式 */
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #5d6165;
    border-color: #4f5358;
}

/* 日历工具栏 标题样式 */
.fc .fc-toolbar-title {
    font-weight: 400;
    ;
}

/* 文本框字体颜色 */
.el-input__inner {
    color: #000
}

/* 卡片标题栏内边距，控制卡片标题高度 */
.focus-card .el-card__header {
    padding: 12px 20px
}

::-webkit-scrollbar {
    width: 12px;
    /* 纵向滚动条宽度 */
    height: 10px;
    /* 横向滚动条高度 */
}

/* //滚动条的轨道的两端按钮 此处隐藏 */
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
    display: none;
}

/* //边角，即垂直滚动条和水平滚动条相交的地方 */
::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border: 1px solid rgba(70, 69, 69, 0);
    height: 6px;
    border-radius: 25px;
    background-clip: padding-box;
    background-color: #8983834d;
}

/* //滚动条里面的小方块，能向上向下移动(或向左向右移动) 指上去的时候显示border和改变颜色造成视觉上的加粗变色 */
::-webkit-scrollbar-thumb:hover {
    border: 2px solid #8983837d;
    background-color: #8983837d;
}

/* //route数据 */
.avue-data-rotate .item {
    margin: 5px 10px;
}

.avue-data-rotate .item-count {
    margin-bottom: 0px;
    font-size: 30px;
}

.avue-data-rotate .item-box {
    padding: 5px 20px;
    margin-bottom: -10px;
}

.avue-data-rotate .item-icon {
    font-size: 45px;
}

.avue-data-rotate .item-icon:hover {
    font-size: 55px;
}

.data-box .item {
    margin: 0 auto 0px;
}

.focusrowitem_head .title {
    font-size: 16px;
    color: #303133;
}

.focusrowitem_head .des {
    font-size: 12px;
    color: gray;
}

.focusrowitem_content {
    padding: 0 5px;
}

.focusrowitem_content .item {
    width: 100%;
    padding-right: 10px;
    display: flex;
    line-height: 25px;
    height: 25px;
}

.focusrowitem_content .title {
    font-size: 14px;
    color: rgb(0 0 0 / 80%);
}

.focusrowitem_content .des {
    font-size: 14px;
    color: #000;
}

.focusrowitem_content .primay {
    font-size: 16px;
    color: #E6A23C;
}

.focusrowitem_foot {
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.focus_votitle_panel {
    background: rgb(255 255 255);
    margin: 2px 0px 8px;
    padding: 10px 0px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.focus_vline {
    color: #393e48;
    font-size: 16px;
    padding: 0px 3px;
}

.focus_votitle {
    margin: 0 3px;
    font-size: 20px;
}

.el-container footer .el-button {
    width: 120px !important;
}

.focus_votitle_img {
    margin: 0 3px;
    width: 28px;
    height: 28px;
}

.focus_votitle_img img {
    border-radius: 5px;
}

.focus_votitle_text {
    margin: 0 3px;
}
.focus_votitle_text>div {
    font-size: 16px !important; 
}

.focuscontrol .el-footer {
    border-top: 1px solid rgb(233, 233, 235);
}

.focus_vocard .el-card {
    padding: 10px;
    border: none;

}

.focus_vocard .el-card .card_title {
    border-bottom: 2px solid #409EFF;
}

.focus_vocard .el-card .card_title.cardtitle1 {
    border-bottom: none;
    background: #409eff30;
    border-radius: 8px 0 0 0;
}

.dark .focus_vocard .el-card .card_title.cardtitle1 {
    border-bottom: none;
    background: #0000000f;
    border-radius: 8px 0 0 0;
}

.focus_vocard .el-card .card_title.cardtitle2 {
    border-bottom: none;
    background: linear-gradient(to right, #409EFF, transparent) 10px 0px;
    border-radius: 8px 0 0 0;
}

.dark .focus_vocard .el-card .card_title.cardtitle2 {
    border-bottom: none;
    background: linear-gradient(to right, #55585a, transparent) 10px 0px;
    border-radius: 8px 0 0 0;
}

.dark .focus_vocard .el-card .card_title {
    border-bottom: 1px solid #55585a;
}

.focus_vocard .el-card.imgtitle .card_title {
    border-bottom: none;
}

.card_title .parallelogram {
    height: 24px;
    width: 3px;
    margin-right: 2px;
    -webkit-transform: skewX(-14deg);
    transform: skewX(-14deg);
    height: 29px;
    background: #409EFF;
}

.dark .card_title .parallelogram {
    height: 24px;
    width: 3px;
    margin-right: 2px;
    -webkit-transform: skewX(-14deg);
    transform: skewX(-14deg);
    height: 29px;
    background: #55585a;
}

.card_title .parallelogram.line-left-2 {
    width: 9px;
}

.card_title .arrow {
    border-style: solid;
    border-width: 3px;
    border-bottom: none;
    border-left: none;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    border-color: #409EFF;
}

.dark .card_title .arrow {
    border-color: #55585a;
}

.card_title .arrow-r {
    left: 2.5px;
    opacity: .4;
    -webkit-transform: scale(.45) rotate(45deg);
    transform: scale(.45) rotate(45deg);
}

/* .focus_vocard>.el-card .card_title>.card_title_text {
      font-size: 20px;
  } */
.focus_vocard .el-card .card_title>.card_title_text {
    background: #409EFF;
    padding: 4px 15px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    height: 21.8px;
    line-height: 21.8px;
}

.focus_vocard .el-card .card_title>.card_title_text.cardtitle2 {
    background: linear-gradient(to right, #409EFF, transparent) 10px 0px;
    padding: 4px 15px;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.focus_vocard .el-card .card_title>.card_title_text.cardtitle1 {
    background: #409EFF;
}

.focus_vocard .el-card .card_title>.card_title_text.cardtitle3 {
    background: #fff;
    padding: 4px 10px;
    color: rgb(64 61 61 / 83%);
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.focus_vocard .el-card .card_title>.card_title_text.cardtitle4 {
    background: #fff;
    padding: 4px 10px;
    color: rgb(64 61 61 / 83%);
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}

.focus_vocard .el-card .card_title.cardtitle4 {
    border-bottom: 1px dashed #409EFF;
}

.dark .focus_vocard .el-card .card_title.cardtitle4 {
    border-bottom: 1px dashed #55585a;
}

.dark .focus_vocard .el-card .card_title>.card_title_text {
    background: #55585a;
    padding: 4px 10px;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.dark .focus_vocard .el-card .card_title>.card_title_text.cardtitle2 {
    background: linear-gradient(to right, #55585a, transparent) 10px 0px;
    color: #fff;
}

.dark .focus_vocard .el-card .card_title>.card_title_text.cardtitle3 {
    background: #fff;
    color: #55585a;
}

.dark .focus_vocard .el-card .card_title>.card_title_text.cardtitle4 {
    background: #fff;
    color: #55585a;
}

.focus_vocard .el-card .card_title>.card_title_text.cardtitle1 {
    border-radius: 8px 0px 8px 0;
}


.focus_vocard .el-card.imgtitle .card_title>.card_title_text {
    background: none;
    padding: 0px;
    color: #fff;
    /* border-radius: 5px 5px 0 0; */
}

.sep-center,
.sep-right {
    position: relative;
    height: 29.8px;
}

.divider-line-0,
.divider-line-1,
.divider-line-2,
.divider-line-3 {
    position: absolute;
    top: 0;
    left: -1px;
    width: 8px;
    height: 22px;
    -webkit-transform: skew(30deg) translateX(-50%);
    transform: skew(30deg) translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.divider-line-0 {
    width: 15px;
    height: 100%;
    background: #409EFF;
    border-bottom: 1px solid #409EFF;
}

.divider-line-1 {
    left: 14px;
    height: 29px;
    opacity: .9;
    background: #409EFF;
}

.divider-line-2 {
    left: 26px;
    height: 29px;
    opacity: .6;
    background: #409EFF;
}

.divider-line-3 {
    left: 38px;
    height: 29px;
    opacity: .3;
    background: #409EFF;
    -webkit-text-fill-color: #666;
}

.dark .divider-line-0 {
    width: 15px;
    height: 100%;
    background: #55585a;
}

.dark .divider-line-1 {
    left: 14px;
    height: 100%;
    opacity: .9;
    background: #55585a;
}

.dark .divider-line-2 {
    left: 26px;
    height: 100%;
    opacity: .6;
    background: #55585a;
}

.dark .divider-line-3 {
    left: 38px;
    height: 100%;
    opacity: .3;
    background: #55585a;
    -webkit-text-fill-color: #666;
}

.focus_vocard>.el-card>.el-card__body{
    padding: 10px 10px 0px !important;
}

.focus_vocard .el-card>.el-card__header {
    padding: 3px 10px 3px 0px;
    border-bottom: none;
}

.portalitem .focus_vocard .el-card>.el-card__header {
    padding: 3px 10px 3px 0px;
    border-bottom: 1px solid #ebeef5;
}

.portalitem .focus_vocard .el-card .card_title {
    border-bottom: none;
}

.portalitem .focus_vocard .el-card .card_title>.card_title_text {
    background: inherit;
    padding: 4px 15px;
    color: inherit;
    border-radius: 5px 5px 0 0;
    height: 21.8px;
    line-height: 21.8px;
}


.focus_vocard>.el-card {
    margin: 0px !important;
}
.focus_vocard .el-card.imgtitle>.el-card__header {
    /* background: img/screenimg/parthead/head21.png; */
    padding: 8px 10px;
    background: url("../img/card_head.png");
    background-repeat: no-repeat;
    /* background-position: left; */
    background-size: 420px 38px;
    padding-left: 62px;
    border-bottom: 1px solid #ebeef5;
}

.focus_vocard .el-card>.el-card__header>div>div {
    /* border-left: 5px solid #409EFF; */
    /* padding-left: 7px; */
    /* margin-left: -20px; */
    /* font-weight: bold; */
    font-size: 16px;
    color: rgba(26, 26, 26, 0.83);
    line-height: 21px;
}

.focus_vocard .focus_card_icon {
    margin-right: 7px;
    margin-bottom: 7px;
    color: #409EFF;
}

.focus_vocard .cardtitle4>.focus_card_icon {
    margin-right: 0px;
    color: #409EFF;
    font-size: 16px;
}

.focus_vocard>.list-group-grid>.el-card>.el-card__header>div {
    /* border-left: 7px solid rgb(233 233 233); */
    padding-left: 10px;
    margin-left: -20px;
    font-weight: bold;
    font-size: 16px;
    color: rgba(26, 26, 26, 0.83);
    line-height: 21px;
}

.focus_form .focus_vocard>.el-card>.el-card__header>div {
    margin-left: 0px !important;
}

.card_title .focus_card_icon {
    color: #409EFF;
    margin-right: 5px;
}

.focus_contaner_voucher>.el-container>.el-main {
    padding: 0 0px !important
}

.focus_contaner_voucher>.el-container>.el-header {
    padding: 0px 0px 8px !important;
    background: rgb(245, 247, 250);
}

.focus_contaner_voucher>.el-container>.el-main {
    padding: 0 0px !important
}

.focus_contaner_voucher>.el-container>.el-main>.focus_container_vouchersub>.el-container>.el-header {
    padding: 0 0px !important
}

.focus_contaner_voucher>.el-container>.el-main>.focus_container_vouchersub>.el-container>.el-main {
    padding: 7px 0px 0px !important;
}

.focus_voucher_layout_body {
    margin: 8px 3px 2px 3px;
}

.focus_voucher_layout_bodytab {
    margin: 8px 3px 0 3px;
    padding: 0 0px;
}

.focus_contaner_voucher>.el-container>.el-main>.focus_container_vouchersub>.el-container>.el-header>.focus_voucher_layout_body {
    margin: 0px 3px 2px 3px;
}

.focus_contaner_voucher>.el-container>.el-main>.focus_container_vouchersub>.el-container>.el-main>.focus_voucher_layout_bodytab {
    margin: 0px 3px 2px 3px;
}

.focus_contaner_list>.el-container>.el-main {
    margin: 8px 0px 5px 0 !important;
    background: #fff;
    margin: 0 5px;
}

.focus_contaner_list>.el-container>.el-header {
    padding:0px 0 8px 0
}

.focus_contaner_list>.el-container>.el-header>.focus_list_cond {
    padding:0px 0 0px 0
}