@charset "UTF-8";

.wh100 {
    width: 100%;
    height: 100%;
    display: block;
}

/* grid */

.swb-row {
    min-width: 1000px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}

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

/*=== 后台头部 ===*/
.header-wrap {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3c4246;
    border-bottom: 1px solid #3c4246;
}

.header-wrap .merchant-logo {
    height: 50px;
    width: 70px;
    padding: 2px 10px;
    cursor: pointer;
    overflow: hidden;
}

.header-wrap .merchant-logo > img {
    height: 46px;
    width: 46px;
    display: block;
}

.header-wrap .merchant-info {
    color: #fff;
    font-size: 14px;
}

.header-wrap .right-info-list {
    position: absolute;
    right: 0;
}

.header-wrap .right-info-list .right-item:hover {
    background-color: #2a2f32;
}

.header-wrap .right-info-list .header-info-btn {
    padding: 0 18px;
    height: 50px;
    display: block;
    z-index: 2;
    border-right: 1px solid #2a2f32;
    font-size: 14px;
    line-height: 50px;
    text-decoration: none;
}

/* === 资源角色切换 === */
.resou-wrapper {
    margin-left: 20px;
    position: relative;
}

.resou-wrapper .resou-container {
    position: absolute;
    width: 273px;
    height: auto;
    background-color: #3c4246;
    border: 1px solid #3c4246;
    top: 56px;
    left: 2px;
    z-index: 2002;
}

.resou-container .resou-list {
    overflow: hidden;
    /*padding: 0 15px;*/
}

.resou-container .resou-title {
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #797979;
    font-size: 12px;
    color: #fff;
}

.resou-container li.resou-item {
    border-right: none;
    display: inline-block;
    width: 80px;
    padding: 8px 0 10px 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: normal;
}

.resou-container li.resou-item.current:active .resou-icon {
    color: #fff;
    border-style: solid;
    border-color: #f50;
    background-color: #f50;
}

.resou-container li.resou-item:active .resou-name {
    color: #f50;
    font-weight: 600;
}

.resou-container li.resou-item.current .resou-icon {
    color: #fff;
    border-style: solid;
    border-color: #5491de;
    background-color: #5491de;
}

.resou-container li.resou-item .resou-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    color: #5491de;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.resou-container li.resou-item .resou-name {
    line-height: 26px;
    font-size: 12px;
    margin-top: 5px;
}

.dropdown-list {
    position: relative;
}

.dropdown-list .dropdown-menu-box {
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
    visibility: hidden;
    float: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    z-index: 5;
    font-size: 12px;
    min-width: 100%;
    margin: 0;
    border: 1px solid #f1f1f1;
    opacity: 0;
}

.dropdown-list .dropdown-menu .menu-item {
    line-height: 35px;
    cursor: pointer;
}

.dropdown-list .dropdown-menu .menu-item:hover {
    background-color: #0c64eb;
}

.dropdown-list .dropdown-menu .menu-item:hover a {
    color: #fff;
}

.dropdown-list.dropdown-toggle:hover .dropdown-menu-box {
    opacity: 1;
    visibility: visible;
}

/*=== 后台主体 ===*/
.main-wrap {
    width: 100%;
    position: absolute;
    top: 50px;
    bottom: 0;
    height: auto;
    overflow: auto;
    /*z-index: -1;*/
    min-width: 800px;
}

.main-wrap.sidebar-icon-width .sidebar {
    width: 0;
}

.main-wrap.sidebar-icon-width .sidebar .side-icon {
    left: 0;
}

.main-wrap.sidebar-icon-width .content-area {
    /*width: calc(100% - 50px);*/
    /*left: 64px;*/
    left: 0;
    width: 100%;
}

.main-wrap.sidebar-icon-width .bot-btn-bar {
    width: 100%;
}

.main-wrap.sidebar-icon-width .footer-btn {
    /*width: calc(100% - 50px);*/
    width: 100%;
}

.sidebar .side-icon > .iconfont {
    position: relative;
    left: -19px;
    color: #0c64eb;
}

.sidebar .side-icon {
    position: fixed;
    top: 50%;
    left: 180px;
    z-index: 11;
    width: 20px;
    height: 64px;
    right: -27px;
    line-height: 46px;
    cursor: pointer;
    color: rgb(191, 191, 191);
    border-width: 9px 9px 9px 20px;
    border-style: solid;
    border-color: transparent transparent transparent rgb(235, 235, 235);
    border-image: initial;
    border-left: 20px solid rgb(235, 235, 235);
    transition: right 0.1s ease-in-out 0s, border 0.1s ease 0s;

}

.main-wrap .sidebar {
    width: 180px;
    height: calc(100% - 50px);
    background-color: #323644;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 10;
    overflow-y: auto;
    transition: all 0.2s;
}

.main-wrap .content-area {
    width: calc(100% - 180px);
    overflow-x: hidden;
    padding: 0 10px;
    position: absolute;
    top: 0;
    left: 180px;
    right: 0;
    bottom: 0;
    transition: all 0.2s;
    padding-left: 20px;
    padding-top: 10px;
}

.content-caption {
    width: 100%;
    line-height: 34px;
    height: 35px;
    background-color: #fff;
    margin: 10px 0;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    position: relative;
    font-weight: 600;
}

.content-caption.dashed:before,
.content-caption.solid:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 18px;
    top: 8px;
    left: 0;
    background-color: #2D8CF0;
    z-index: 888;
}

.content-caption.dashed {
    border-bottom: 1px dashed #949090;
}

.content-caption.solid {
    border-bottom: 1px solid #949090;
}

.content-caption.bg-white {
    background-color: #fff;
}

.content-caption.required:after {
    content: '*';
    color: #FF0000;
    margin-right: 4px;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    left: 10px;
}

/* === 搜索框 === */
.search-bar {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    margin: 0 -20px;
    padding: 5px 0;
}

.search-normal {
    width: 370px;
    height: 39px;
    line-height: 38px;
    border: 1px solid #007aff;
    border-radius: 2px;
}

.search-normal > .search-frame {
    width: calc(100% - 80px);
    height: 100%;
    border: none;
    padding: 6px 10px;
}

.search-normal > .search-btn {
    width: 80px;
    height: 100%;
    background-color: #007aff;
    color: #fff;
    position: relative;
    font-size: 14px;
    padding-left: 20px;
}

.search-btn .icon-sousuo-sousuo {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 14px;
}

.search-normal.width-1x {
    width: 208px;
}

.search-normal.width-1x .search-frame {
    width: calc(100% - 56px);
}

.search-normal.width-1x .search-btn {
    width: 56px;
}

/* === 组织构架 === */
/*.content-area > div {*/
/*height: calc(100% - 10px);*/
/*}*/

/*.content-area > div.extra-content-area {*/
/*height: calc(100% - 10px);*/
/*}*/

.content-area > div.extra-content-area > div.org-struct {
    height: 100%;
}

.content-area > div.extra-content-area > div.org-struct > div {
    height: 100%;
}

/*.breadcrumb-layout + .column-layout {*/
/*height: calc(100% - 42px);*/
/*}*/

.column-layout .left-column .tab-container + div:nth-child(2) {
    height: calc(100% - 46px);
}

.column-layout .left-column .org-tree {
    height: 100%;
}

.column-layout .left-column .org-tree .el-input + .el-tree {
    max-height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}

.column-layout .left-column .org-tree .el-tree {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.content-subtitle {
    width: 100%;
    line-height: 46px;
    background-color: #fafafa;
    margin: 16px 0;
    padding: 0 20px;
}

.column-layout {
    /*min-height: 400px;*/
}

.column-layout .left-column {
    width: 380px;
    min-height: 400px;
    height: 100%;
    margin-right: 15px;
}

.column-layout .right-column {
    width: calc(100% - 380px - 15px);
    min-height: 400px;
}

.column-layout.average {
    min-height: 0;
    position: relative;
}

.column-layout.average .left-column {
    width: 45%;
    height: auto;
    min-height: 0;
    margin-right: 10%;
}

.column-layout.average .right-column {
    width: 45%;
    height: auto;
    min-height: 0;
}

.column-layout.average .center-column {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -30px;
    overflow: hidden;
}

.operation-area {
    height: 30px;
    line-height: 30px;
    background-color: #f6f8f9;
    position: relative;
}

/* === 自适应分栏 === */
.column-layout.flex {
    overflow: hidden;
    height: auto;
    min-height: 0;
}

.column-layout.flex .col-1 {
    width: -moz-calc((100% / 24) * 1);
    width: -webkit-calc((100% / 24) * 1);
    width: calc((100% / 24) * 1);
    float: left;
}

.column-layout.flex .col-2 {
    width: -moz-calc((100% / 24) * 2);
    width: -webkit-calc((100% / 24) * 2);
    width: calc((100% / 24) * 2);
    float: left;
}

.column-layout.flex .col-3 {
    width: -moz-calc((100% / 24) * 3);
    width: -webkit-calc((100% / 24) * 3);
    width: calc((100% / 24) * 3);
    float: left;
}

.column-layout.flex .col-4 {
    width: -moz-calc((100% / 24) * 4);
    width: -webkit-calc((100% / 24) * 4);
    width: calc((100% / 24) * 4);
    float: left;
}

.column-layout.flex .col-5 {
    width: -moz-calc((100% / 24) * 5);
    width: -webkit-calc((100% / 24) * 5);
    width: calc((100% / 24) * 5);
    float: left;
}

.column-layout.flex .col-6 {
    width: -moz-calc((100% / 24) * 6);
    width: -webkit-calc((100% / 24) * 6);
    width: calc((100% / 24) * 6);
    float: left;
}

.column-layout.flex .col-7 {
    width: -moz-calc((100% / 24) * 7);
    width: -webkit-calc((100% / 24) * 7);
    width: calc((100% / 24) * 7);
    float: left;
}

.column-layout.flex .col-8 {
    width: -moz-calc((100% / 24) * 8);
    width: -webkit-calc((100% / 24) * 8);
    width: calc((100% / 24) * 8);
    float: left;
}

.column-layout.flex .col-9 {
    width: -moz-calc((100% / 24) * 9);
    width: -webkit-calc((100% / 24) * 9);
    width: calc((100% / 24) * 9);
    float: left;
}

.column-layout.flex .col-10 {
    width: -moz-calc((100% / 24) * 10);
    width: -webkit-calc((100% / 24) * 10);
    width: calc((100% / 24) * 10);
    float: left;
}

.column-layout.flex .col-11 {
    width: -moz-calc((100% / 24) * 11);
    width: -webkit-calc((100% / 24) * 11);
    width: calc((100% / 24) * 11);
    float: left;
}

.column-layout.flex .col-12 {
    width: -moz-calc((100% / 24) * 12);
    width: -webkit-calc((100% / 24) * 12);
    width: calc((100% / 24) * 12);
    float: left;
}

.column-layout.flex .col-13 {
    width: -moz-calc((100% / 24) * 13);
    width: -webkit-calc((100% / 24) * 13);
    width: calc((100% / 24) * 13);
    float: left;
}

.column-layout.flex .col-14 {
    width: -moz-calc((100% / 24) * 14);
    width: -webkit-calc((100% / 24) * 14);
    width: calc((100% / 24) * 14);
    float: left;
}

.column-layout.flex .col-15 {
    width: -moz-calc((100% / 24) * 15);
    width: -webkit-calc((100% / 24) * 15);
    width: calc((100% / 24) * 15);
    float: left;
}

.column-layout.flex .col-16 {
    width: -moz-calc((100% / 24) * 16);
    width: -webkit-calc((100% / 24) * 16);
    width: calc((100% / 24) * 16);
    float: left;
}

.column-layout.flex .col-17 {
    width: -moz-calc((100% / 24) * 17);
    width: -webkit-calc((100% / 24) * 17);
    width: calc((100% / 24) * 17);
    float: left;
}

.column-layout.flex .col-18 {
    width: -moz-calc((100% / 24) * 18);
    width: -webkit-calc((100% / 24) * 18);
    width: calc((100% / 24) * 18);
    float: left;
}

.column-layout.flex .col-19 {
    width: -moz-calc((100% / 24) * 19);
    width: -webkit-calc((100% / 24) * 19);
    width: calc((100% / 24) * 19);
    float: left;
}

.column-layout.flex .col-20 {
    width: -moz-calc((100% / 24) * 20);
    width: -webkit-calc((100% / 24) * 20);
    width: calc((100% / 24) * 20);
    float: left;
}

.column-layout.flex .col-21 {
    width: -moz-calc((100% / 24) * 21);
    width: -webkit-calc((100% / 24) * 21);
    width: calc((100% / 24) * 21);
    float: left;
}

.column-layout.flex .col-22 {
    width: -moz-calc((100% / 24) * 22);
    width: -webkit-calc((100% / 24) * 22);
    width: calc((100% / 24) * 22);
    float: left;
}

.column-layout.flex .col-23 {
    width: -moz-calc((100% / 24) * 23);
    width: -webkit-calc((100% / 24) * 23);
    width: calc((100% / 24) * 23);
    float: left;
}

.column-layout.flex .col-24 {
    width: -moz-calc((100% / 24) * 24);
    width: -webkit-calc((100% / 24) * 24);
    width: calc((100% / 24) * 24);
    float: left;
}

.column-layout.flex .left-column {
    float: left;
    min-height: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;

}

.column-layout.flex .right-column {
    float: left;
    min-height: 0;
    overflow: hidden;
    overflow-y: auto;
}

/* === 广告 === */
.adver-area {
    width: 100%;
    height: 100px;
    position: relative;
}

.adver-area > .remark {
    position: absolute;
    z-index: 1000;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 16px;
    filter: alpha(opacity:50);
    opacity: 0.5;
    background-color: #1e1e1e;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;
}

/*!* === 页面布局 === *!*/
/*.page-layout {*/
/*margin-top: 16px;*/
/*}*/

/*.page-layout .section-left {*/
/*width: calc(100% - 252px - 16px);*/
/*margin-right: 16px;*/
/*}*/

/*.section-left .user-status {*/
/*padding: 16px;*/
/*position: relative;*/
/*background-color: #fff;*/
/*font-family: 'microsoft yahei';*/
/*}*/

/*.user-status .user-status-type {*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*background-color: #ff7300;*/
/*color: #fff;*/
/*z-index: 100;*/
/*cursor: pointer;*/
/*height: 30px;*/
/*line-height: 30px;*/
/*padding: 0 15px;*/
/*padding-left: 40px;*/
/*font-size: 16px;*/
/*}*/

/*.user-status .user-status-type .arrow {*/
/*height: 42px;*/
/*width: 46px;*/
/*background-color: #fff;*/
/*transform: rotate(45deg);*/
/*position: absolute;*/
/*left: -18px;*/
/*top: 7px;*/
/*}*/

/*.user-status .user-status-info {*/
/*border-bottom: 1px solid #e2e2e2;*/
/*}*/

/*.user-status .user-status-info .user-header {*/
/*cursor: pointer;*/
/*padding-left: 10px;*/
/*padding-top: 10px;*/
/*}*/

/*.user-status-info .user-header img {*/
/*border-radius: 50%;*/
/*border: 1px solid #ccc;*/
/*width: 50px;*/
/*height: 50px;*/
/*}*/

/*.user-status-info .user-details {*/
/*margin-left: 30px;*/
/*}*/

/*.user-status-info .user-details .user-details-user {*/
/*height: 20px;*/
/*line-height: 20px;*/
/*overflow: hidden;*/
/*}*/

/*.user-details-user .user-details-user-icon {*/
/*margin-top: 2px;*/
/*}*/

/*.user-details .user-details-company a {*/
/*display: block;*/
/*line-height: 36px;*/
/*color: #ff7300;*/
/*font-size: 14px;*/
/*margin-top: 2px;*/
/*}*/

/*.user-details .user-details-link a {*/
/*font-size: 14px;*/
/*display: inline-block;*/
/*padding: 0 10px;*/
/*border-right: 1px solid #e2e2e2;*/
/*cursor: pointer;*/
/*}*/

/*.user-details .user-details-link a:first-child {*/
/*padding-left: 0;*/
/*}*/

/*.user-status .user-status-todo {*/
/*margin-top: 10px;*/
/*}*/

/*.user-status .user-status-todo li {*/
/*line-height: 30px;*/
/*display: block;*/
/*float: left;*/
/*padding: 0 30px 0 10px;*/
/*height: 30px;*/
/*font-size: 14px;*/
/*}*/

/*.page-layout .section-right {*/
/*width: 252px;*/
/*}*/

/*.user-power .title {*/
/*height: 40px;*/
/*line-height: 40px;*/
/*font-size: 14px;*/
/*padding: 0 15px;*/
/*border-bottom: 1px solid #eee;*/
/*}*/

/*.power-container .power-pane {*/
/*overflow: hidden;*/
/*padding: 26px 5px 10px;*/
/*position: relative;*/
/*width: 100%;*/
/*}*/

/*.power-container .power-pane .power-item {*/
/*float: left;*/
/*width: calc(100% / 6);*/
/*margin-bottom: 10px;*/
/*height: 170px;*/
/*}*/

/*.power-item .power-title {*/
/*text-align: center;*/
/*height: 40px;*/
/*clear: both;*/
/*font-size: 14px;*/
/*color: #333;*/
/*}*/

/*.power-item .power-icon {*/
/*margin: 0 auto;*/
/*clear: both;*/
/*text-align: center;*/
/*width: 75px;*/
/*height: 75px;*/
/*font-family: rights-iconfont;*/
/*border-radius: 50%;*/
/*color: #fff;*/
/*line-height: 75px;*/
/*}*/

/*.power-item .power-btn {*/
/*margin-top: 20px;*/
/*text-align: center;*/
/*clear: both;*/
/*}*/

/*.module-caption {*/
/*height: 70px;*/
/*text-align: center;*/
/*background: #f7f7f7;*/
/*}*/

/*.module-caption > p {*/
/*line-height: 24px;*/
/*}*/

/*!* === 侧边卡片 === *!*/
/*.side-card > .head {*/
/*height: 42px;*/
/*line-height: 42px;*/
/*padding: 0 10px;*/
/*font-size: 14px;*/
/*border-bottom: 1px solid #eee;*/
/*}*/

/*.side-card > .body {*/
/*padding: 10px 10px 10px 14px;*/
/*}*/

/*.side-card > .body .tips {*/
/*line-height: 32px;*/
/*}*/

/*.side-card > .body .article-list li {*/
/*line-height: 28px;*/
/*color: #666;*/
/*}*/

/*.side-card > .body .article-list li:hover {*/
/*color: #ff5300;*/
/*cursor: pointer;*/
/*}*/

/*.side-card .image-text-list .image-text-item .text {*/
/*padding: 5px 20px;*/
/*text-align: center;*/
/*line-height: 20px;*/
/*}*/

/*.side-card .image-text-list .image-text-item img {*/
/*height: 220px;*/
/*}*/

/*!* === 推荐商品列表 === *!*/
/*.goods-tab {*/
/*width: 100%;*/
/*height: auto;*/
/*background-color: #fff;*/
/*}*/

/*.goods-list {*/
/*padding: 12px;*/
/*width: calc(100% + 10px);*/
/*}*/

/*.goods-list .goods-item {*/
/*width: calc((100% / 5) - 10px);*/
/*height: auto;*/
/*margin-right: 10px;*/
/*margin-bottom: 10px;*/
/*float: left;*/
/*padding: 8px;*/
/*border: 1px solid #eee;*/
/*}*/

/*.goods-item .title {*/
/*font-size: 14px;*/
/*font-weight: 700;*/
/*margin-bottom: 5px;*/
/*}*/

/*.goods-item .subtitle {*/
/*font-size: 14px;*/
/*color: #ff7300;*/
/*margin-bottom: 5px;*/
/*}*/

/*.goods-item .image {*/
/*padding: 0 10px 6px 10px;*/
/*}*/

/*.goods-item .tags {*/
/*width: 100%;*/
/*height: 30px;*/
/*overflow: hidden;*/
/*text-align: center;*/
/*position: relative;*/
/*}*/

/*.tags .tag-list {*/
/*position: absolute;*/
/*left: 8px;*/
/*margin: 0 auto;*/
/*width: auto;*/
/*height: 30px;*/
/*border: 1px solid #ff5400;*/
/*}*/

/*.tags .tag-list li {*/
/*float: left;*/
/*width: 62px;*/
/*}*/

/*.tags .tag-list .info-tag {*/
/*height: 28px;*/
/*line-height: 28px;*/
/*display: block;*/
/*color: #ff5400;*/
/*text-align: center;*/
/*border-right: 1px solid #ff5400;*/
/*font-weight: 700;*/
/*font-size: 12px;*/
/*text-decoration: none;*/
/*}*/

/*.tags .tag-list li:nth-child(3) .info-tag {*/
/*border-right: none;*/
/*}*/

/*.goods-item .transaction {*/
/*line-height: 20px;*/
/*margin-top: 5px;*/
/*}*/

/*.transaction .price {*/
/*font-size: 14px;*/
/*color: #ff5400;*/
/*}*/

/*.transaction .deal {*/
/*font-size: 14px;*/
/*color: #838383;*/
/*}*/

/*.goods-item:hover {*/
/*-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .14);*/
/*-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .14);*/
/*box-shadow: 0 0 8px rgba(0, 0, 0, .14);*/
/*}*/

/* ===列表布局=== */
.smart-list {
    overflow: hidden;
}

.smart-list .smart-item {
    float: left;
    width: calc(100% / 5);
    height: 229px;
    padding: 20px;
    padding-bottom: 0;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.smart-list li.smart-item:hover {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .14);
    box-shadow: 0 0 8px rgba(0, 0, 0, .14);
}

.smart-item .image img {
    width: 100%;
    height: 100%;
    display: block;
}

.smart-item .title {
    margin-bottom: 15px;
    font-size: 14px;
    color: #333;
}

.smart-item .more {
    font-size: 12px;
    color: #ff5300;
}

/*!* === 后台首页展台 === *!*/
/*.info-rack {*/
/*width: 100%;*/
/*height: 264px;*/
/*background-color: #fff;*/
/*display: -webkit-box;*/
/*display: -moz-box;*/
/*display: -ms-box;*/
/*display: flex;*/
/*display: -ms-flexbox; !* TWEENER - IE 10 *!*/
/*display: -webkit-flex; !* NEW - Chrome *!*/
/*-webkit-box-orient: horizontal;*/
/*-webkit-flex-direction: row;*/
/*-moz-flex-direction: row;*/
/*-ms-flex-direction: row;*/
/*-o-flex-direction: row;*/
/*flex-direction: row;*/
/*}*/

/*.info-rack .booth {*/
/*border: 1px solid #eee;*/
/*margin-right: 10px;*/
/*overflow: hidden;*/
/*-webkit-box-flex: 1;*/
/*-moz-box-flex: 1;*/
/*-ms-box-flex: 1;*/
/*-webkit-flex: 1;*/
/*-ms-flex: 1;*/
/*flex: 1;*/
/*-webkit-box-flex-group: 1;*/
/*-moz-box-flex-group: 1;*/
/*-ms-box-flex-group: 1;*/
/*}*/

/*.info-rack .booth.calendar {*/
/*-webkit-box-flex-group: 2;*/
/*-moz-box-flex-group: 2;*/
/*-ms-box-flex-group: 2;*/
/*margin-right: 0;*/
/*}*/

/*.booth > .head {*/
/*height: 40px;*/
/*line-height: 40px;*/
/*padding: 0 10px;*/
/*border-bottom: 1px solid #eee;*/
/*background-color: #e6f1fe;*/
/*font-size: 14px;*/
/*}*/

/*.booth > .body {*/
/*padding: 10px;*/
/*}*/

/*.text-list-num .text-item {*/
/*line-height: 30px;*/
/*position: relative;*/
/*}*/

/*.text-list-num .text-item .num {*/
/*position: absolute;*/
/*top: 50%;*/
/*right: 5px;*/
/*display: block;*/
/*width: 30px;*/
/*height: 20px;*/
/*margin-top: -10px;*/
/*background-color: #df3b42;*/
/*border-radius: 8px;*/
/*text-align: center;*/
/*color: #fff;*/
/*line-height: 20px;*/
/*}*/

/*.booth .chart, .booth .chart2 {*/
/*text-align: center;*/
/*margin-top: 20px;*/
/*}*/

/* ===资源权限=== */
.content-menu {
    width: 100%;
    height: 45px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fff;
}

.content-menu .tab-head {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.content-menu .tab-head-item {
    width: 120px;
    background-color: #fff;
    margin-bottom: -1px;
    border-right: 1px;
}

.content-submenu {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    background-color: #fff;
}

.content-submenu .submenu-area {
    float: right;
}

.submenu-area .edit-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #666;
    display: none;
    transition: all 0.3s;
    z-index: 80;
    text-align: center;
}

.submenu-area .el-tag:hover .edit-area {
    display: block;
}

.submenu-area .edit-area > .close-icon {
    position: absolute;
    top: -10px;
    right: -9px;
    border: 2px solid #666;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    width: 20px;
    height: 20px;
    color: #666;
    font-size: 18px;
    z-index: 100;
}

.submenu-area .edit-area > .close-icon:hover {
    background-color: #ff6d6d;
    color: #fff;
    border: 2px solid #ff6d6d;
}

.btn-row {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    margin: 10px 0;
    background-color: #fff;
}

.btn-row.bg-white {
    background-color: #fff;
}

.btn-row.radio .swb-btn {
    border-radius: 0;
}

.btn-row .btn-label-group {
    margin-top: 8px;
    overflow: hidden;
}

.current-choice {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 16px;
    color: #97a8be;
}

/* === 任意行 === */
.optional-row {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0 15px;
    position: relative;
    font-size: 13px;
    border-radius: 2px;
    background-color: rgb(247, 247, 247);
    margin-top: 10px;
}

/* === 工具栏 === */
.btn-toolbar {
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    /*padding: 0 10px;*/
}

.btn-toolbar .left-toolbar {
    overflow: hidden;
}

.btn-toolbar .right-toolbar {
    overflow: hidden;
}

.select-btn {
    display: inline-block;
    position: relative;
}

.select-btn i.icon {
    vertical-align: middle;
    font-size: 18px;
    transition: all .3s;
}

.select-btn .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100 !important;
    width: 89px;
    padding: 4px 10px;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    transition: all .2s
}

.select-btn .dropdown-menu .menu-item {
    line-height: 24px;
}

/* === 表单 === */
.el-form-info {
    height: auto;
    font-size: 14px;
    color: #2b2929;
    width: 100%;
    overflow: hidden;
}

.el-form-row {
    width: 100%;
    height: 46px;
    line-height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.el-form-row .el-form-label {
    float: left;
    width: 126px;
    text-align: right;
    margin-right: 20px;
}

.el-form-row .el-form-value {
    float: left;
    width: 210px;
}

.el-form-row .el-form-value.line-feel {
    height: auto;
}

.el-form-value .el-checkbox {
    margin-left: 0;
    margin-right: 15px;
}

.el-form-row .el-form-value.width-1x {
    width: 210px;
}

.el-form-row .el-form-value.width-2x {
    width: 420px;
}

.el-form-row .el-form-value.width-3x {
    width: 530px;
}

.switch-list .switch-item {
    float: left;
    margin-right: 10px;
    line-height: 39px;
    text-align: left;
    width: 180px;
}

.switch-list .switch-item .name {
    font-size: 14px;
    margin-left: 5px;
    color: #666;
}

/* === 标题栏 === */
.title-bar {
    height: 45px;
    line-height: 45px;
    position: relative;
}

.title-bar .left-text {
    float: left;
    font-size: 16px;
    color: #999;
    font-weight: 600;
    margin-left: 10px;
}

.title-bar .right-text {
    float: right;
}

.title-bar > .color-lump {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 4px;
    height: 20px;
    background-color: #3d85cc;
}

/* ===  === */

.content-side-menu {
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.menu-list {

}

.menu-list .menu-item {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #eee;
    transition: all 0.3s;
}

.menu-list .menu-item:hover {
    background-color: #bee5f5;
}

.menu-list .menu-item:hover .name {
    color: #fff;
}

.menu-list .menu-item .name {
    display: block;
    color: #777;
    line-height: 46px;
    padding-left: 36px;
    font-size: 14px;
    float: left;
}

.menu-list .menu-item .icon-group {
    float: right;
    line-height: 46px;
    padding-right: 10px;
    display: none;
}

.menu-list .menu-item.active .name {
    color: white;
}

.menu-list .menu-item.active .icon-group {
    display: block;
}

.menu-list .menu-item.active {
    color: white;
    background: skyblue;
    border-left: 4px solid #007FFF;
}

/* === 登录footer底部 === */

.footer-wrapper {
    width: 1200px;
    margin: 0 auto;
    height: auto;
    text-align: center;
    background-color: #fff;
}

.footer-wrapper .item-link {
    display: inline-block;
}

.footer-wrapper .item-link a {
    margin: 0 10px;
}

/* === 选项卡 card === */
.tab-container.card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d1dbe5;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
}

.tabs-nav {
    border-bottom: 1px solid #d1dbe5;
    background-color: #eef1f6;
    padding: 0;
    position: relative;
}

.tabs-nav .head {
    overflow: hidden;
    transition: transform 0.3s;
    margin-bottom: -1px;
    position: relative;
}

.tabs-nav .head .head-item {
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    color: rgb(131, 145, 165);
    font-size: 14px;
    border: 1px solid transparent;
}

.tabs-nav .head .head-item.current {
    background: #fff;
    border-right: 1px solid #d1dbe5;
    border-left: 1px solid #d1dbe5;
    margin-left: -1px;
    color: #20a0ff;
    z-index: 10;
    position: relative;
}

.tabs-nav .head .head-item:hover:not(.current) {
    color: #333;
}

.tabs-content .body {
    overflow: hidden;
    padding: 20px;
}

/* === 选项卡 base === */
.tab-container.base {
    overflow: hidden;
    background: #fff;
}

.tab-container.base .tabs-nav {
    border-bottom: 1px solid #d1dbe5;
    background-color: transparent;
}

.tab-container.base .tabs-nav .head {
    overflow: hidden;
    transition: transform 0.3s;
    margin-bottom: 0;
    position: relative;
}

.tab-container.base .tabs-nav .head-item {
    color: #333;
    padding: 0 16px;
}

.tab-container.base .tabs-nav .head-item:hover {
    color: #0c64eb;
}

.tab-container.base .tabs-nav .head-item.current {
    border: 1px solid transparent;
    border-bottom: 3px solid #0c64eb;
    color: #0c64eb;
    margin-left: 0;
    transition: all 0.2s;
}

.tab-container.small .tabs-nav .head .head-item {
    font-size: 14px;
    height: 41px;
    line-height: 41px;
    padding: 0 16px;
}

/* === 表单样式2 style === */
.form-info.style .form-label label {
    font-size: 13px;
    color: #999;

}

.form-info.style .form-value .value {
    font-size: 13px;
    color: #444;
}

/* === 表格树 === */
.table-tree {
    border: 1px solid #dcdfe6;
    border-bottom: none;
}

.table-tree .tree-tit {
    background: #f5f5f6;
    /*height: 41px;*/
    /*line-height: 40px;*/
    text-align: center;
    color: #909399;
    padding: 4px 0;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    align-items: center;
}

.table-tree.col6 .td1 {
    width: 25%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col6 .td2 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col6 .td3 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col6 .td4 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col6 .td5 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col6 .td6 {
    width: 35%;
    height: inherit;
    padding: 0 4px;
}

.table-tree.col7 .td1 {
    width: 20%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col7 .td2 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col7 .td3 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col7 .td4 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col7 .td5 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col7 .td6 {
    width: 10%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.col7 .td7 {
    width: 30%;
    height: inherit;
    border-right: 1px solid #dcdfe6;
    padding: 0 4px;
}

.table-tree.font-blue .tree-list .td4 {
    color: #0c64eb;
}

.table-tree.font-blue .tree-list .td5 {
    color: #0c64eb;
}

.table-tree .tree-list {
    position: relative;
    overflow: hidden;
}

.table-tree .tree-list .first-tree-tit,
.table-tree .tree-list .second-tree-tit,
.table-tree .tree-list .third-tree-tit,
.table-tree .tree-list .fourth-tree-tit {
    border-bottom: 1px solid #dcdfe6;
    /*line-height: 40px;#EBEEF5*/
    /*height: 40px;*/
    color: #606266;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    min-height: 40px;
    align-items: center;
}

.table-tree .tree-list .first-tree-tit:hover,
.table-tree .tree-list .second-tree-tit:hover,
.table-tree .tree-list .third-tree-tit:hover,
.table-tree .tree-list .fourth-tree-tit:hover {
    background-color: #f1f1f1;
}

.table-tree .tree-list .first-tree-tit .td1 {
    padding-left: 10px;
}

.table-tree .tree-list .second-tree-tit .td1 {
    padding-left: 30px;
}

.table-tree .tree-list .third-tree-tit .td1 {
    padding-left: 50px;
}

.table-tree .tree-list .fourth-tree-tit .td1 {
    padding-left: 70px;
}

.table-tree.col-1 .td1 {
    width: 100%;
    border-right: none;
    position: relative;
}

.table-tree.col-1 .td1 .checkbox-btn {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 30px;
    display: none;
}

.table-tree.col-1 .td1:hover .checkbox-btn {
    display: block;
}

/* === 文本框按钮组合 === */
.textfield {
    display: block;
    float: left;
    height: 31px;
    border: 1px solid #ddd;
    vertical-align: middle;
    line-height: 28px;
    padding: 0 6px;
    max-width: 300px;
    min-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.textfield .cleared:after {
    content: '×';
    background-color: #d4d4d4;
    text-align: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 15px;
    color: #555;
    position: absolute;
    top: 7px;
    right: 5px;
    display: none;
    cursor: pointer;
}

.textfield:hover .cleared:after {
    display: block;
}

.btn-label-group {
    overflow: hidden;
}

.btn-label-group .swb-btn {
    font-size: 12px;
    padding: 8px 8px;
}

.btn-label-group .swb-btn.right-radio {
    border-radius: 0 2px 2px 0;
}

.btn-label-group .swb-btn.left-radio {
    border-radius: 2px 0 0 2px;
}

/* === 暂无数据 === */
.no-data {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 80px;
    color: #999;
    text-align: center;
    padding: 50px 20px;
}

/* === 分类列表 === */
.sort-btn-group {
    overflow: hidden;
    padding-left: 2px;
}

.sort-btn-group .sort-btn-item {
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    padding: 0 12px;
    border: 1px solid #c9c9c9;
    margin-left: -1px;
    overflow: hidden;
    color: #666;
}

.sort-btn-group .sort-btn-item.current {
    background-color: #df3b42;
    color: #fff;
    border: 1px solid #df3b42;
}

.sort-btn-group .sort-btn-item.current a {
    display: inline-block;
    color: #fff;
}

.sort-btn-group .sort-btn-item:not(.current):hover {
    border: 1px solid #df3b42;
    position: relative;
    color: #df3b42;
}

.sort-btn-group .sort-btn-item:not(.current):hover a {
    color: #df3b42;
}

/* 分类列表 */

.column-layout .left-column-max {
    float: left;
    width: calc(100% - 360px - 80px);
    margin-right: 80px;
    min-height: 400px;
}

.column-layout .right-column-min {
    float: left;
    width: 360px;
    min-height: 400px;
}

.transfer-panel {
    border: 1px solid #d1dbe5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    display: inline-block;
    width: 360px;
    position: relative;
    background: #fff;
    vertical-align: middle;
}

.transfer-panel .transfer-btn {
    position: absolute;
    top: 50%;
    left: -67px;
}

.transfer-panel .transfer-panel-header {
    height: 36px;
    line-height: 36px;
    background: #fbfdff;
    margin: 0;
    padding-left: 20px;
    border-bottom: 1px solid #d1dbe5;
    box-sizing: border-box;
    color: #1f2d3d;
}

.transfer-panel .transfer-panel-body {
    padding-bottom: 36px;
    height: 246px;
}

.transfer-panel .transfer-panel-empty {
    margin: 0;
    height: 32px;
    line-height: 32px;
    padding: 6px 20px 0;
    color: #8391a5;
    display: none;
}

.transfer-panel .transfer-panel-item {
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    display: block;
}

.transfer-panel .transfer-panel-footer {
    height: 36px;
    line-height: 36px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d1dbe5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.transfer-panel-footer .checked-label {
    padding-left: 20px;
    color: #8391a5;
}

.checked-label .checkbox-state {
    outline: 0;
    line-height: 1;
    vertical-align: middle;
}

.checked-label .checkbox-state.is-checked .checkbox-frame {
    background-color: #20a0ff;
    border-color: #0190fe;
}

.checked-label .checkbox-state.is-checked .checkbox-frame:after {
    transform: rotate(45deg) scaleY(1);
}

.checked-label .checkbox-frame {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    border: 1px solid #bfcbd9;
    background-color: #fff;
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.checked-label .checkbox-frame:after {
    box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 6px;
    left: 4px;
    position: absolute;
    top: 1px;
    -ms-transform: rotate(45deg) scaleY(0);
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
    -ms-transform-origin: center;
    transform-origin: center;
}

/* === 选中标记=== */
.checked-mark {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #0190fe;
    border-left: 20px solid transparent;
}

.checked-mark:after {
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: 6px;
    left: -8px;
    position: absolute;
    top: 8px;
    -ms-transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s cubic-bezier(.71, -.46, .88, .6) .05s;
    -ms-transform-origin: center;
    transform-origin: center;
    transform: rotate(45deg) scaleY(1);
    z-index: 10;
}

/* === 商品添加 === */
.image-upload {
    width: 64px;
    height: 64px;
    border: 1px dashed #d9d9d9;
    border-radius: 2px;
    background-color: #f3f3f3;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.3s ease;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    outline: 0;
}

.image-upload .edit-add {
    width: 100%;
    height: 100%;
    line-height: 64px;
    color: #5491de;
}

.min-image-list {
    overflow: hidden;
    display: inline-block;
}

.min-image-list .min-image-item {
    width: 62px;
    height: 62px;
    float: left;
    margin: 0 8px 8px 0;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    position: relative;
}

.form-value .image-upload:hover {
    border: 1px dashed #5491de;
}

.form-value .hint {
    font-size: 12px;
    color: #999;
}

.picture-library {
    height: 417px;
    width: 860px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    -webkit-transition: left .3s ease-in;
    transition: left .3s ease-in;
}

.picture-library.grid-1x {
    height: auto;
    width: auto;
    overflow: hidden;
    padding: 10px;
    position: relative;
    -webkit-transition: left .3s ease-in;
    transition: left .3s ease-in;
}

.picture-library.grid-1x .picture-container {
    width: 100%;
}

.picture-library.grid-1x .picture-list {
    overflow: auto;
    height: 380px;
}

.picture-library.grid-1x .picture-item {
    width: calc(100% / 4 - 15px);
}

.picture-library .folder-tree {
    width: 160px;
    height: 100%;
    float: left;
    margin-right: 20px;
    background-color: #f1f1f1;
}

.folder-tree .move-second-icon .catalog-icon {
    left: 36px !important;
}

.folder-tree .tree-menu {
    color: #666;
}

.folder-tree .menu-title.first-title {
    background-color: #f1f1f1;
    padding-left: 42px;
}

.folder-tree .menu-title.second-title {
    background-color: #f1f1f1;
}

.folder-tree .tree-menu .menu-title.current {
    color: #fff;
}

.folder-tree .tree-menu li .first-title:not(.current):hover,
.folder-tree .tree-menu li .second-title:not(.current):hover,
.folder-tree .tree-menu li .third-title:not(.current):hover {
    background-color: #78c4f1;
}

.picture-library .picture-container {
    width: calc(100% - 180px);
    height: 100%;
    float: left;
    zoom: 1;
}

.picture-library .picture-container .picture-header {
    height: 40px;
    margin: 15px 0px;
    overflow: hidden;
}

.picture-list {
    overflow: auto;
    height: calc(100% - 65px);
    width: calc(100% + 8px);
}

.picture-list .picture-item {
    border: 1px solid #ddd;
    float: left;
    width: 146px;
    height: 152px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 2px;
    position: relative;
    cursor: pointer;
}

.picture-list .picture-item.checked {
    border: 1px solid #007fff;
}

.picture-list .picture-item.checked .checked-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../image/icon/icons.png) no-repeat -120px -120px;
}

.picture-list .picture-item .image-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.picture-list .picture-item .image-content img {
    width: 100%;
    height: 100%;
    display: block;
}

.picture-list .picture-item .image-name {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
}

.picture-item .edit-group,
.min-image-item .edit-group {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 250, 250, 0.8);
    text-align: center;
    line-height: 152px;
    color: #666;
    display: none;
}

.picture-item:hover .edit-group,
.min-image-item:hover .edit-group {
    display: block;
}

/* ===价格区间=== */
.price-range {
    overflow: hidden;
}

.price-range .price-item {
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.price-range .price-item .price-value {
    width: 80px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    outline: none;
    position: relative;
}

.price-item .price-value .input {
    width: 100%;
    height: 100%;
    display: block;
    outline: none;
    text-align: center;
}

.price-range .price-item .symbol {
    width: 30px;
    display: inline-block;
    text-align: center;
}

.price-range .price-item .edit-mask {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    display: none;
    background-color: rgba(30, 159, 255, 0.69);;
}

.price-range .price-item .price-value:hover .edit-mask {
    display: block;
}

/* ===标签属性=== */
.tags-container .tags-item {
    height: 45px;
    line-height: 45px;
    width: 100%;
}

.tags-container .tags-item .tags-label {
    float: left;
    width: 100px;
    margin-right: 12px;
}

.tags-container .tags-label label {
    float: right;
}

.tags-container .tags-item .tags-group {
    float: left;
}

.tags-container .tags-group .tag {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    display: inline-block;
    margin-left: 10px;
    background-color: rgba(18, 206, 102, .1);
    border-color: rgba(18, 206, 102, .2);
    color: #13ce66;
    border-radius: 5px;
}

/* === 色值块 === */
.color-value {
    overflow: hidden;
}

.color-value .color-item {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    background-color: #1d90e6;
}

.color-value .color-item.checked {
    border: 2px solid #999;
}

/* === 底部按钮 === */
.footer-btn {
    width: calc(100% - 180px);
    height: 46px;
    line-height: 46px;
    background-color: #f7f7f7;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    transition: all 0.2s;
}

/* === 面包屑 === */
.breadcrumb-layout {
    position: relative;
    padding: 10px 20px;
    background-color: #f7f7f7;
    margin: 10px 0;
    font-size: 12px;
}

.breadcrumb-layout .el-breadcrumb {
    font-size: 12px;
}

.breadcrumb-layout .el-breadcrumb__item__inner {
    color: #555 !important;
}

.el-breadcrumb__item:last-child .el-breadcrumb__item__inner {
    color: #888 !important;
}

.breadcrumb-layout .el-breadcrumb__separator {
    color: #555 !important;
}

.breadcrumb-layout > .right {
    position: absolute;
    right: 10px;
    top: 4px;
    line-height: normal;
}

.breadcrumb-layout > .right .num {
    color: #df3b42;
    font-weight: 600;
}

/* === 按钮下拉控件 === */
.select-btn-group,
.time-group {
    display: inline-block;
    vertical-align: top;
}

.select-btn-group .el-button,
.time-group .el-button {
    border-radius: 4px 0 0 4px;
    background-color: rgb(251, 253, 255);
    color: #97a8be;
}

.select-btn-group .el-input__inner,
.time-group .el-input__inner {
    border-left: 1px solid transparent;
}

/* ===状态=== */
.cur-state {
    margin: 0 10px;
    font-size: 14px;
    color: #48576a;
    cursor: pointer;
    transition: all 0.3s;
}

.cur-state:hover {
    border-bottom: 2px solid #ff4949;
    padding-bottom: 6px;
}

.cur-state > b {
    color: #ff4949;
    font-weight: 600;
}

.cur-state.active {
    border-bottom: 2px solid #ff4949;
    padding-bottom: 6px;
    color: #ff4949;
}

/* === 水平列表 === */
.horiz-list {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #e1e7f1;
    padding-bottom: 10px;
}

.horiz-list .list-item {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin: 4px 0;
    position: relative;
}

.horiz-list .list-item > .delete-btn {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -18px;
    display: none;
}

.horiz-list .list-item:hover > .delete-btn {
    display: block;
}

.horiz-list .list-item.active {
    background-color: #eee;
}

.horiz-list .left-image {
    float: left;
}

.horiz-list .left-image img {
    width: 64px;
    height: 64px;
    display: block;
}

.horiz-list .right-info {
    float: left;
    margin-left: 10px;
}

.horiz-list .right-info .title {
    line-height: 20px;
    font-weight: 700;
    color: #337ab7;
    display: block;
    font-size: 12px;
}

.horiz-list .right-info .detail-info {
    line-height: 24px;
    color: #999;
    font-weight: 100;
    font-size: 12px;
}

/* === 通用列表 === */
.normal-smart-list {
    height: auto;
    overflow: hidden;
}

.normal-smart-list .normal-smart-item {
    width: 240px;
    height: 420px;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 10px;
    padding: 12px 9px;
    transition: border-color .1s ease;
    border: 1px solid transparent;
}

.normal-smart-list .normal-smart-item:hover {
    border-color: #df3b42;
    webkit-border-shadow: 0 0 2px 2px #e8e8e8;
    moz-border-shadow: 0 0 2px 2px #e8e8e8;
    border-shadow: 0 0 2px 2px #e8e8e8;
}

.normal-smart-list .goods-img {
    margin-bottom: 5px;
    height: 220px;
    padding: 0;
    position: relative;
}

.normal-smart-list .goods-img img {
    width: 220px;
    height: 220px;
    display: block;
}

.normal-smart-list .goods-price {
    position: relative;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 8px;
    padding: 0 8px;
    color: #df3b42;
}

.normal-smart-list .goods-name {
    height: 40px;
    line-height: 20px;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 0 8px;
    color: #666;
}

.normal-smart-list .goods-commit {
    width: 100%;
    height: 18px;
    margin-top: -3px;
    margin-bottom: 9px;
    overflow: hidden;
    padding: 0 8px;
}

.normal-smart-list .goods-shop {
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    margin-top: -3px;
    margin-bottom: 9px;
    padding: 0 8px;
}

.normal-smart-list .goods-icons {
    overflow: hidden;
    zoom: 1;
    height: 16px;
    margin-bottom: 12px;
    padding: 0 8px;
}

.normal-smart-list .normal-smart-item > .add-btn {
    position: absolute;
    bottom: 30px;
    right: 5px;
}

/* === 信息审核 === */

.examine-container .examine-title {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    font-weight: 600;
}

.examine-container .examine-content {
    padding: 0px 15px 10px;
}

.examine-container .entry-name {
    width: 8%;
    padding: 10px 10px 0 0;
    font-size: 14px;
    color: #999;
    text-align: right;
}

.examine-container .entry-content {
    width: 18%;
    padding: 10px 10px 0 0;
    font-size: 13px;
}

.examine-container .text-description {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 20px;
}

/* === 提交成功文本 === */
.submit-text {
    font-size: 18px;
    font-weight: 600;
    margin: 80px 0 0;
    padding-left: 200px;
    margin-bottom: 20px;
}

.submit-text .round-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    background-color: #333;
    margin-right: 10px;
}

.submit-text .round-icon > i {
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}

/* === table info === */
.table-info {
    height: auto;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
}

.table-info .table-row {
    width: 100%;
    height: 40px;
    line-height: 39px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

.table-row .table-label {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 20px;
    overflow: hidden;
}

.table-row .table-value {
    float: left;
    overflow: hidden;
    position: relative;
}

.form-row .form-label label {
}

.table-row .table-value .value {
    float: left;
    position: relative;
    margin-right: 15px;
}

/* === 自定义表格 === */
.custom-list-container .custom-table {
    width: 100%;
}

.custom-list-container .custom-row {
    overflow: hidden;
}

.custom-list-container .custom-row.thead {
    font-size: 16px;
    background-color: #efefef;
    border: 1px solid #ddd;
    color: #1c8de0;
    font-weight: 600;
}

.custom-list-container .custom-row.tbody {
    font-size: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-top: none;
}

.custom-list-container .custom-row > .td1 {
    width: 20%;
    height: 80px;
    line-height: 60px;
    float: left;
    padding: 12px 8px 12px 8px;
    border-right: 1px solid #ddd;
}

.custom-list-container .custom-row > .td2 {
    width: 20%;
    height: 80px;
    line-height: 60px;
    float: left;
    padding: 12px 8px 12px 8px;
    border-right: 1px solid #ddd;
}

.custom-list-container .custom-row > .td3 {
    width: 40%;
    height: 80px;
    line-height: 60px;
    float: left;
    padding: 12px 8px 12px 8px;
    border-right: 1px solid #ddd;
}

.custom-list-container .custom-row > .td4 {
    width: 20%;
    height: 80px;
    line-height: 60px;
    float: left;
    padding: 12px 8px 12px 8px;
}

.custom-list-container .custom-table.col-3 .custom-row > .td1 {
    width: 20%;
}

.custom-list-container .custom-table.col-3 .custom-row > .td2 {
    width: 50%;
}

.custom-list-container .custom-table.col-3 .custom-row > .td3 {
    width: 30%;
    border-right: none;
}

.custom-list-container .custom-table.col-2 .custom-row.thead > .td1 {
    width: 100%;
}

.custom-list-container .custom-table.col-2 .custom-row > .td1 {
    width: 20%;
}

.custom-list-container .custom-table.col-2 .custom-row > .td2 {
    width: 80%;
    border-right: none;
}

/* === 图片文件上传 === */
.file-tip {
    font-size: 12px;
    color: #8391a5;
    margin-top: 7px;
    line-height: 20px;
}

.file-area {
    margin-top: 10px;
}

.file-area .file-item {
    height: 126px;
    width: 168px;
    float: left;
    text-align: center;
    line-height: 120px;
    font-size: 14px;
    margin: 0 10px 10px 0;
    position: relative;
    border: 1px dashed gray;
}

.file-area .file-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.file-area .file-item .file-name {
    margin-top: 20px;
}

.file-area .file-item.image img {
    display: block;
}

.file-area .file-item .usage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    color: #fff;
}

.file-area .file-item.show-usage .usage {
    display: block;
}

.file-area .file-item.deletable .delete-icon {
    display: none;
    position: absolute;
    top: -9px;
    right: -9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #df3b42;
    padding: 0 5px;
    cursor: pointer;
    z-index: 2;
}

.file-area .file-item.deletable .delete-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 60%;
    height: 2px;
    background-color: #fff;
}

.file-area .file-item.deletable:hover .delete-icon {
    display: block;
}

.operation-group {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    display: none;
}

.operation-group i,
.operation-group span {
    font-size: 22px;
    width: 22px;
    height: 22px;
    display: none;
    line-height: 22px;
}

.file-area .file-item.show-md5 .operation-group .md5 {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../image/icon/md5.png") no-repeat;
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
}

.file-area .file-item.show-file-change .operation-group .file-change {
    position: absolute;
    top: 5px;
    left: 30px;
    font-size: 16px;
}

.file-area .file-item.editable:hover .operation-group,
.file-area .file-item.viewable:hover .operation-group,
.file-area .file-item.downloadable:hover .operation-group,
.file-area .file-item.show-md5:hover .operation-group,
.file-area .file-item.show-file-change:hover .operation-group {
    display: block;
}

.file-area .file-item.editable:hover .operation-group .edit,
.file-area .file-item.viewable:hover .operation-group .view,
.file-area .file-item.downloadable:hover .operation-group .download,
.file-area .file-item.show-md5:hover .operation-group .md5,
.file-area .file-item.show-file-change:hover .operation-group .file-change {
    display: inline-block;
}

.file-area .file-item > .progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.file-area .file-item > .progress > span {
    position: relative;
    top: 0px;
    width: 100%;
    text-align: center;
    color: #FFF;
    height: 32px;
    margin: auto;
    display: block;
}

.file-area .file-item > .progress > img {
    position: relative;
    top: 40px;
    width: 32px;
    height: 32px;
    margin: auto;
    display: block;
}

.file-area.small-picture .file-item {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.file-area.input .file-content {
    /*overflow: hidden;*/
    float: left;
    height: 275px;
    padding: 0 5px;
    border: 1px solid #dbdbdb;
    margin-bottom: 10px;
    margin-right: 10px;
}

.file-area.input .file-content.active {
    border: 1px solid #0c64eb;
}

.file-area.input .file-content .file-item {
    float: none;
    margin: 0;
    margin-bottom: 10px;
}

.file-area.input .file-content .file-item.deletable .delete-icon {
    right: -5px;
}

.file-area.input .file-content .el-input {
    width: 168px;
    margin-bottom: 10px;
}

/* === 搜索分类 === */
.selector-container {
    border-top: 1px solid #DDD;
    background: #FFF;
    margin-bottom: 10px;
}

.selector {
    position: relative;
    line-height: 34px;
    border-bottom: 1px solid #DDD;
    background: #f3f3f3;
}

.selector .selector-key {
    float: left;
    width: 100px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.selector .selector-value {
    margin-left: 110px;
    padding-right: 130px;
    padding-left: 10px;
    overflow: hidden;
    zoom: 1;
    background: #fff;
}

.selector .selector-value .enum-item {
    border: none;
    padding: 0;
    width: 130px;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 4px;
    text-align: left;
}

.selector.brand .selector-value .enum-list {
    padding-top: 10px;
    margin-bottom: 10px;
}

.selector.brand .selector-value .enum-item {
    width: 116px;
    height: 48px;
    line-height: 48px;
    padding: 0;
    border: 1px solid #DDD;
    margin: -1px -1px 0 0;
    background: #FFF;
    text-align: center;
    position: relative;

}

.selector.brand .selector-value .enum-item:hover .brand-name,
.selector .selector-value .enum-item:hover .brand-name {
    display: block;
}

.selector.brand .selector-value .enum-item img {
    margin: 5px 6px;
    vertical-align: top;
}

.selector.color .selector-value .enum-item {
    width: 20px;
    height: 20px;
    padding: 0;
    min-width: 0;
    border-radius: 0;
    margin: 10px 6px 10px 2px;
}

.selector .selector-value .enum-item .brand-name {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 2px solid #d2342f;
    text-align: center;
    color: #df3b42;
    padding: 0 10px;
}

.selector .selector-ext {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 126px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
}

.selector .selector-ext .swb-btn {
    border-radius: 0;
}

/* ===  === */
.content-title {
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
}

.content-details {
    width: 30%;
    height: auto;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
}

/* === 横向列表 === */
.shop-cart-wrap {
    position: absolute;
    right: -225px;
    top: 0;
}

.shop-cart-wrap .shop-cart {
    width: 188px;
    height: 36px;
    background-color: #fff;
    text-align: center;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 1px solid #e3e4e5;
    color: #df3b42;
}

.shop-cart-wrap .shop-cart a {
    color: #df3b42;
}

.normal-row-list {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    background-color: #fff;
}

.normal-row-list .normal-row-item {
    height: auto;
    position: relative;
    overflow: hidden;
    border: 1px solid #e0dddd;
    padding: 10px 0;
    margin: 10px 0;
}

.normal-row-list .normal-row-item .left {
    width: 160px;
}

.normal-row-list .normal-row-item .right {
    width: calc(100% - 160px - 20px);
    margin-left: 20px;
    height: 160px;
    overflow: hidden;
}

.normal-row-list .right .td {
    height: 100%;
    float: left;
    padding: 0 10px;
}

.normal-row-list .right .td > .row1,
.normal-row-list .right .td > .row3 {
    color: #999;
    font-size: 14px;
    margin: 5px 0 12px 0;
}

.normal-row-list .right .td > .row3 a {
    color: #999;
}

.normal-row-list .right .td > .row1.name {
    font-size: 16px;
    font-weight: 600;
    color: #999;
}

.normal-row-list .right .td > .row2 {
    height: 82px;
    font-size: 14px;
    color: #38f;
}

.normal-row-list .right .td1 {
    width: 40%;
}

.normal-row-list .right .td2 {
    width: 40%;
}

.normal-row-list .right .td3 {
    width: 20%;
}

.normal-row-list .prod-img {
    position: relative;
    height: 160px;
    width: 160px;
    overflow: hidden;
    text-align: center;
}

.normal-row-list .prod-img img {
    display: inline-block;
    width: auto;
    max-width: 160px;
    height: 160px;
}

/* === 商品认证 === */
.goods-authen {
    padding: 10px;
    background-color: #fff;
    margin: 10px 0;
}

.goods-authen .goods-row {
    width: 100%;
    margin: 15px 0;
    line-height: 30px;
    overflow: hidden;
}

.goods-authen .goods-row > .td {
    width: 33%;
    float: left;
    overflow: hidden;
}

.goods-authen .goods-row > .td .label {
    float: left;
    width: 106px;
    font-size: 13px;
    color: #444;
    margin-right: 10px;
}

.goods-authen .goods-row > .td .value {
    width: calc(100% - 106px - 10px);
    float: left;
    font-size: 13px;
    color: #999;
}

/* === 招标信息 === */

.main-title {
    font-size: 30px;
    margin: 25px auto 10px auto;
    text-align: center;
}

.bidding-intro {
    background: #fff;
    margin: 10px 0;
    padding: 10px 30px;
    border: 1px solid #ddd;
    position: relative;
}

.bidding-container {
    width: 1100px;
    margin: 0 auto;
}

.bidding-container .bidding-subtitle {
    line-height: 1.2;
    font-size: 18px;
    border-left: 5px solid #496ab4;
    padding-left: 10px;
    margin-bottom: 20px;

}

.bidding-intro .intro-text {
    margin: 0 0 20px 15px;
    font-size: 14px;
    line-height: 22px;
}

.bidding-intro .bidding-proc {
    text-align: center;
}

.bidding-form-wrap {
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px 30px;
}

.bidding-form-wrap fieldset {
    clear: left;
    border: none;
}

.form-single.col-2 {
    float: left;
    width: 50%;
}

.form-single {
    line-height: 30px;
    margin: 8px 0;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}

.form-single.deletable > i.icon {
    position: absolute;
    top: 2px;
    right: 20px;
    cursor: pointer;
    display: none;
}

.form-single.deletable:hover {
    cursor: pointer;
    background-color: #f2f2f2;
}

.form-single.deletable:hover > i.icon {
    display: block;
    cursor: pointer;
}

.form-single .title {
    width: 126px;
    float: left;
    margin: 0 15px 0 0;
    text-align: right;
    position: relative;
}

.form-single .title.required:before {
    content: '*';
    color: #FF0000;
    margin-right: 4px;
    vertical-align: middle;
}

.form-single .content {
    padding-left: 146px;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
}

.form-single .content input {
    height: 30px;
}

.form-single.check {
    overflow: visible;
    margin-bottom: 20px
}

.form-single2 {
    line-height: 40px;
    font-size: 14px;
}

.form-single2 .title {
    width: 126px;
    float: left;
    margin: 0 15px 0 0;
    padding-right: 8px;
    text-align: right;
    position: relative;
    background-color: #ddd;
}

.form-single2 .title.required:before {
    content: '*';
    color: #FF0000;
    margin-right: 4px;
    vertical-align: middle;
}

.form-single .content {
    width: calc(100% - 126px - 20px);
}

.supplier-need {
    border: 1px dashed #d0d0d0;
    padding: 15px 20px;
    margin-top: 10px;
}

.supplier-need > h4 {
    padding-bottom: 5px;
    border-bottom: 1px dashed #d0d0d0;
    margin-bottom: 10px;
    color: #000;
}

/* === 招标列表 === */
.custom-tbl.borderb {
    border: none;
}

.custom-tbl.borderb .custom-container > thead > .row th {
    border: none;
}

.custom-tbl.borderb .custom-container > thead > .row {
    border: 1px solid #dfe6ec;
}

.custom-tbl.borderb .custom-container > tbody > .row td,
.custom-tbl.borderb .custom-container > thead > .row th {
    border-right: none;
}

.custom-tbl.borderb .custom-container > tbody > .row td {
    padding: 10px 10px 15px;
    vertical-align: top;
}

.custom-tbl .custom-container > tbody > .row td.company {
    text-align: left;
    line-height: 23px;
}

.custom-tbl .company .name a {
    color: #0c64eb;
}

.custom-tbl .company .industry {
    font-size: 13px;
}

.search-box {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    padding: 15px;
    margin-bottom: 10px;
}

.search-box .comboxs-box {
    height: 35px;
}

.search-box .chxs-box {
    margin-top: 15px;
    line-height: 22px;
}

/* === 交易单 === */

.form-single .content .value {
    display: inline-block;
    width: 280px;
    border-bottom: 1px solid #ddd;
    height: 30px;

}

.form-single i.relation-icon.icon {
    color: #aaa;
    position: absolute;
    top: 8px;
    right: -20px;
    cursor: pointer;
}

.form-info > .form-row i.relation-icon.icon {
    color: #aaa;
    position: absolute;
    top: 8px;
    right: -20px;
    cursor: pointer;
}

.dashed-line {
    height: 1px;
    border: none;
    border-top: 1px dashed #a3a7ab;
}

.identity-type {
    font-size: 14px;
    line-height: 30px;
    color: #333;
    position: relative;
}

.identity-type em {
    display: inline-block;
    width: 48px;
    border-bottom: 1px solid #ddd;
    line-height: 24px;
    height: 24px;
}

.identity-type i.icon {
    position: absolute;
    top: 2px;
    left: 160px;
    color: #aaa;
}

.pos-btn {
    position: absolute;
    top: 10px;
    right: 50px;
}

/* 复制radio */
.copy-radio {
    width: 20px;
    height: 20px;
    border: 1px solid #ada7a7;
    border-radius: 50%;
    position: relative;
}

.copy-radio.circle,
.copy-radio.hook {
    background-color: #20a0ff;
}

.copy-radio.circle .circle-dot {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/* === 招标报名 === */
.bidding-enroll .info-list {
    overflow: hidden;
    width: 100%;
    padding: 0 15px;
}

.bidding-enroll .info-item {
    float: left;
    width: 33%;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    overflow: hidden;
}

.bidding-enroll .info-item .label {
    width: 100px;
    float: left;
}

.bidding-enroll .info-item .value {
    float: left;
    width: calc(100% - 100px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.bidding-enroll .info-item a {
    font-size: 13px;
}

/* === 招标信息单 === */
.main-subtitle {
    font-size: 20px;
    margin: 10px auto 10px auto;
    text-align: left;
}

.bidding-details {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
    padding: 10px;
}

.bidding-details .tags-status,
.bid-container .tags-status {
    position: absolute;
    top: 40px;
    right: -7px;
    width: 372px;
    height: 72px;
    background: url("../image/icon/tags.png") no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
    padding: 15px 0 0 80px;
    color: #fff;
}

/* === 投标 === */

.bid-container {
    width: 1100px;
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
}

/* === 二维码 === */
.home-space {
    height: 12px;
    width: 100%;
    background-color: #ddd;
}

.service-num-wrap {
    width: 583px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px;
}

.service-num-list .service-num-item {
    height: auto;
    padding: 10px;
    position: relative;
}

.service-num-list .service-num-item .goods-info {
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.service-num-list .service-num-item .goods-image {
    width: 100px;
    height: 100px;
    float: left;
    border: 1px solid #fafafa;
}

.service-num-list .service-num-item .goods-image img {
    width: 100%;
    height: 100%;
}

.service-num-list .service-num-item .goods-summary {
    padding-left: 120px;
}

.service-num-item .goods-summary .name,
.service-num-item .goods-summary .model,
.service-num-item .goods-summary .num {
    line-height: 28px;
}

.service-num-item .goods-summary .value {
}

.code-info img {
    width: 100px;
    height: 100px;
}

.code-info {
    overflow: hidden;
}

.code-info .code-list {
    overflow: hidden;
    width: calc(100% + 10px);
}

.code-info .code-item {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.code-info .code-item .serv-qr-code {
    position: relative;
}

.code-info .code-item .serv-qr-code .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.code-info .code-item .serv-qr-code .invalid {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    color: #d71718;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    display: none;
    z-index: 10;
}

.code-info .code-item .serv-qr-code .valid {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    color: #d71718;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    z-index: 10;
}

.code-info .code-item .serv-qr-code.voidable:hover .invalid {
    display: block;
}

.code-info .code-item .serv-qr-code.voidable .mask {
    display: none;
}

.code-info .code-item .serv-qr-code.voidable .invalid {
    display: none;
}

.code-info .code-item .serv-qr-code.voidable .valid {
    display: none;
}

.code-info .code-item .serv-qr-code.voidable.validated .invalid {
    display: none;
}

.code-info .code-item .serv-qr-code.voidable.validated .mask {
    display: block;
}

.code-info .code-item .serv-qr-code.voidable.validated .valid {
    display: block;
}

/* === input底线 === */
.el-input.bottom-line .el-input__inner {
    border-left: none;
    border-right: none;
    border-top: none;
}

.el-input.bottom-line.is-disabled .el-input__inner {
    background: transparent;
}

.bottom-line input[type=text],
.bottom-line input[type=text]:enabled:hover,
.bottom-line input[type=text]:focus,
.el-input.bottom-line:hover,
.el-input.bottom-line:focus {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom: 1px solid none !important;
    box-shadow: 0 0 4px #fff !important;
}

.el-input.bottom-line input.el-input__inner:hover,
.el-input.bottom-line input.el-input__inner:focus {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom: 1px solid #ddd !important;
    box-shadow: 0 0 4px #fff !important;
}

/* === 取消input边框 === */
.el-input.no-border .el-input__inner {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.el-input.no-border.is-disabled .el-input__inner {
    background: transparent;
}

.no-border input[type=text],
.no-border input[type=text]:enabled:hover,
.no-border input[type=text]:focus,
.el-input.no-border:hover,
.el-input.no-border:focus {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: 0 0 4px #fff !important;
}

.el-input.no-border input.el-input__inner:hover,
.el-input.no-border input.el-input__inner:focus {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: 0 0 4px #fff !important;
}

/* === 地址管理 === */
.addr-box {
}

.addr-manage-list .addr-manage-item {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 55px 0 10px;
    font-size: 14px;
    position: relative;
}

.deletable-icon {
    position: relative;
}

.deletable-icon > i {
    position: absolute;
    top: 10px;
    right: 2px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background-color: #d4d4d4;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    color: #fff;
    cursor: pointer;
    display: none;

}

.deletable-icon:hover > i {
    display: block;
    cursor: pointer;
}

/* === 运费模板 === */
.express-info-list {
    position: relative;
}

.express-info-list .express-item {
    width: 110px;
    height: 50px;
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 50px;
    text-align: center;
    float: left;
    border: 1px solid #ddd;
    z-index: 2;
    position: relative;
}

.express-info-list .express-item.name:hover .express-name,
.express-info-list .express-item.deletable:hover .delete-icon {
    display: block;
    cursor: pointer;
}

.express-info-list .express-item img {
    width: 100%;
    height: 100%;
    display: none;
}

.express-info-list .express-item.image img {
    display: block;
}

.express-info-list .express-item .express-name {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #d2342f;
    text-align: center;
    color: #df3b42;
    padding: 0 10px;
}

.express-info-list .express-item .delete-icon {
    display: none;
    position: absolute;
    top: -9px;
    right: -9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #df3b42;
    padding: 0 5px;
}

.express-info-list .express-item .delete-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 60%;
    height: 2px;
    background-color: #fff;
}

.express-info-list .express-item .add-icon {
    display: none;
}

.express-info-list .express-item.append .add-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px dashed rgb(80, 191, 255);
    text-align: center;
    color: rgb(80, 191, 255);
    padding: 0 10px;
    display: block;
    cursor: pointer;
}

.freight-mode {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    font-size: 14px;
    border: 1px solid #dfe6ec;
    border-bottom: none;
}

/* === 步骤条 === */

.stepbar-container {
    position: relative;
    width: 990px;
    margin: 0 auto;
}

.stepbar-container .detail-stepbar {
    margin: 12px auto 0;
    overflow: hidden;
    zoom: 1;
}

.stepbar-container .detail-stepbar li {
    float: left;
    text-align: center;
}

.stepbar-container .detail-stepbar .step-name {
    padding: 3px 0;
    font-weight: 700;
    color: #888;
}

.stepbar-container .detail-stepbar .step-no {
    height: 34px;
    line-height: 34px;
    font-family: 'arial black';
    color: #fff;
    font-size: 18px;
}

.stepbar-container .detail-stepbar .step-time {
    margin-top: 10px;
    color: #999;
    padding: 8px 0;
}

.stepbar-container .detail-stepbar .step-done .step-no {
    background-position: 50% -170px;
}

.stepbar-container .detail-stepbar .step-cur .step-name {
    color: #009349;
}

.stepbar-container .detail-stepbar .step-cur .step-no {
    background-position: 50% 0;
}

.stepbar-container .detail-stepbar .step-last .step-no {
    background-position: 50% -136px;
}

.stepbar-container .detail-stepbar .step-first .step-done .step-no {
    background-position: 50% -204px;
}

.stepbar-container .detail-stepbar .step-no,
.stepbar-container .detail-stepbar .step-sub-box .step-sub {
    background: url('../image/icon/bg-steps.png') 50% -102px no-repeat;
}

.stepbar-container .detail-stepbar .step-time .step-time-min-wraper,
.stepbar-container .detail-stepbar .step-time .step-time-wraper {
    width: 210px;
    margin: 0 auto;
    display: inline-block;
    zoom: 1;
}

.stepbar-container .detail-stepbar.flowstep-5 {
    margin-left: -30px;
    width: 1050px;
}

.stepbar-container .detail-stepbar.flowstep-5 li {
    width: 210px;
}

.stepbar-container .detail-stepbar.flowstep-4 {
    margin-left: -30px;
    width: 960px;
}

.stepbar-container .detail-stepbar.flowstep-4 li {
    width: 240px;
}

/* === 订单详情信息 === */

.swb-back-row {
    min-width: 1000px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}

.order-detail-panel .trade-status {
    position: relative;
    border: 1px solid #DDD;
    border-right: none;
    height: auto !important;
}

.order-detail-panel .trade-status-table {
    width: 100%;
    font-size: inherit;
}

.order-detail-panel .trade-status-table .trade-imfor {
    width: 350px;
    color: #666;
    background-color: #fbfbfb;
}

.order-detail-panel .trade-status-table .table-td {
    border-right: 1px solid #DDD;
    vertical-align: top;
}

.order-detail-panel .trade-status-table .trade-imfor-title {
    height: 29px;
    border-bottom: 1px solid #DDD;
    background-color: #F3F3F3;
    line-height: 29px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
}

.order-detail-panel .trade-status-table .table-list {
    margin: 10px 8px 0 20px;
}

.order-detail-panel .trade-status-table .trade-imfor-dt {
    width: 76px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
}

.order-detail-panel .trade-status-table .trade-imfor-dd {
    width: 238px;
    display: inline-block;
    zoom: 1;
    color: #666;
}

.order-detail-panel .trade-status-table .trade-detail-imfor {
    margin-top: 50px;
    height: 36px;
}

.order-detail-panel .trade-detail-imfor .imfor-icon {
    margin: 0 17px 0 35px;
    display: inline-block;
}

.order-detail-panel .trade-detail-imfor .imfor-title {
    vertical-align: top;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bolder;
    display: inline-block;
}

.order-detail-panel .trade-status-table .trade-detail-prompt {
    margin: 15px 0 0 120px;
}

.order-detail-panel .trade-status-table .trade-detail-prompt li {
    margin-left: 3px;
}

.order-detail-panel .trade-status-table .trade-detail-status {
    vertical-align: top;
    margin-top: 10px;
    font-size: 14px;
    line-height: 38px;
    margin-left: 100px;
}

.order-detail-panel .trade-status-table .trade-detail-status div {
    display: inline-block;
}

.orders-list-container .order-list-panel {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #666;
}

.orders-list-container .bought-listform-header {
    border: 1px solid #DDD;
    text-align: center;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.orders-list-container .bought-listform-header.height45 {
    height: 45px;
    line-height: 45px;
}

.orders-list-container .bought-listform-header div {
    float: left;
}

.orders-list-container .header-item {
    width: 415px;
}

.orders-list-container .header-price {
    width: 182px;
}

.orders-list-container .header-goods-info {
    width: 588px;
}

.orders-list-container .header-goods-info .left {
    padding-left: 100px;
}

.orders-list-container .header-goods-info .right {
    padding-right: 80px;
}

.orders-list-container .header-addr {
    width: 165px;
}

.orders-list-container .header-count,
.orders-list-container .header-data {
    width: 167px;
}

.orders-list-container .header-big-count {
    width: 303px;
}

.orders-list-container .header-favorable {
    width: 192px;
}

.orders-list-container .header-state {
    width: 128px;
}

.orders-list-container .header-status,
.orders-list-container .header-info,
.orders-list-container .header-serv {
    width: 242px;
}

.orders-list-container .header-num {
    width: 140px;
}

.orders-list-container .header-engineer {
    width: 275px;
}

.order-list-panel td {
    text-align: center;
    height: 80px;
}

.bought-listform-body {
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    width: 100%;
}

.bought-listform-body .order-content-detail {
    border-right: 1px solid #DDD;
}

.bought-listform-body .order-content-detail .order-content-item {
    width: 100%;
}

.bought-listform-body .order-content-detail .content-package {
    height: 45px;
    line-height: 45px;
    text-align: left;
    padding-left: 15px;
    background-color: #E3EEFF;
    color: #666;
    border-bottom: 1px solid #DDD;
}

.bought-listform-body .order-content-item table {
    width: 100%;
}

.bought-listform-body .order-content-item td {
    border-bottom: 1px solid #DDD;
}

.bought-listform-body .order-content-item .header-status {
    border-left: 1px solid #DDD;
}

.bought-listform-body .order-content-item .item-container {
    margin: 14px 0;
    border-bottom: 1px solid #ddd;
}

.bought-listform-body .order-content-item .left-container {
    width: 320px;
}

.bought-listform-body .order-content-item .right-container {
    width: 268px;
}

.bought-listform-body .order-content-item .content-col3 {
    width: calc(268px / 2);
}

.bought-listform-body .order-content-item .content-col4 {
    width: calc(268px / 3);
}

.bought-listform-body .order-content-item .item-container:last-child {
    border-bottom: none;
}

.bought-listform-body .order-content-item .item-img {
    margin: 0 10px 0 25px;
    width: 50px;
    height: 50px;
    border: 1px solid #E9E9E9;
}

.bought-listform-body .item-img,
.bought-listform-body .item-meta,
.bought-listform-body .item-meta .item-link {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
}

.bought-listform-body .item-img img {
    width: 50px;
    height: 50px;
}

.bought-listform-body .order-content-item .item-meta {
    text-align: left;
    width: calc(100% - 50px - 40px);
}

.bought-listform-body .item-meta .item-link {
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #999;
}

.total-amount-panel {
    color: #666;
    background-color: #F3F3F3;
    width: 100%;
}

.total-amount-panel table {
    width: 100%;
}

.total-amount-panel .total-favorable {
    text-align: left;
    width: 500px;
    vertical-align: top;
}

.total-amount-panel .total-favorable ul {
    margin: 30px 20px 20px;
}

.total-amount-panel .total-favorable li {
    margin: 10px 0;
}

.total-amount-panel .total-favorable p {
    zoom: 1;
    line-height: 14px;
    text-align: left;
    vertical-align: text-bottom;
    margin: 3px 0;
}

.total-amount-panel .total-count {
    text-align: right;
    padding: 20px 0;
    display: block;
}

.total-amount-panel .total-count div {
    zoom: 1;
}

.total-amount-panel .total-count .total-count-wrapper {
    margin: 15px 0;
    display: block;
}

.total-amount-panel .total-count .total-count-line {
    padding-right: 15px;
    margin: 6px 0;
}

.total-amount-panel .total-count .total-count-line > .label {
    display: inline-block;
    width: 200px;
    text-align: right;
}

.total-amount-panel .total-count .total-count-line > .value {
    display: inline-block;
    width: 100px;
    text-align: right;
}

.order-title-wrap {
    background-color: #fff;
}

.order-title {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.order-title .order-status {
    overflow: hidden;
}

.order-title .order-status li {
    float: left;
    padding: 0 12px;
    font-size: 14px;
}

.order-title .order-status li.parting-line {
    width: 1px;
    height: 20px;
    background-color: #ddd;
    padding: 0;
    margin-top: 12px;
    margin-left: 30px;
    margin-right: 15px;
}

.order-title .order-status li.fore {
    padding-left: 20px;
}

.parting-line {
    width: 100%;
    height: 16px;
    background-color: #fafafa;
}

.bought-listform-body.border .header-favorable,
.bought-listform-body.border .header-count,
.bought-listform-body.border .header-price,
.bought-listform-body.border .header-info,
.bought-listform-body.border .header-addr,
.bought-listform-body.border .header-engineer,
.bought-listform-body.border .header-data,
.bought-listform-body.border .header-state {
    border-left: 1px solid #ddd;
}

/* === 参数列表 === */
.parameter-title {
    height: 42px;
    line-height: 42px;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px dashed #ddd;
    padding-left: 10px;
}

.parameter-list {
    width: 100%;
    height: 100%;
    font-size: 14px;
    overflow: hidden;
}

.parameter-list .parameter-item {
    position: relative;
}

.parameter-list .parameter-txt > span {
    display: inline-block;
    width: 100%;
    padding-right: 100px;
}

.parameter-list .parameter-txt.active:after,
.parameter-sub-list .parameter-sub-txt.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 36px;
    background-color: #1d90e6;
}

.parameter-list .parameter-item.active:after,
.parameter-sub-list .parameter-sub-item.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 36px;
    background-color: #1d90e6;
}

.parameter-list .parameter-item.active,
.parameter-sub-list .parameter-sub-item.active {
    background-color: #dfe6ec;
}

.parameter-list .parameter-txt.active,
.parameter-sub-list .parameter-sub-txt.active {
    background-color: #dfe6ec;
}

.parameter-list .parameter-txt.disable,
.parameter-sub-list .parameter-sub-txt.disable {
    background-color: rgba(179, 179, 179, 0.5);
    z-index: 10;
    cursor: pointer;
}

.parameter-list .parameter-item.active .oper-group,
.parameter-sub-list .parameter-sub-item.active .oper-group {
    display: block;
    color: #1d90e6;
}

.parameter-list .parameter-txt.active .oper-group,
.parameter-sub-list .parameter-sub-txt.active .oper-group {
    display: block;
    color: #1d90e6;
}

.parameter-list .parameter-item .parameter-txt,
.parameter-sub-item .parameter-sub-txt {
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 15px;
    position: relative;
}

.parameter-sub-item .parameter-sub-txt {
    padding-left: 30px;
}

.parameter-list .parameter-txt .oper-group,
.parameter-sub-list .parameter-sub-txt .oper-group {
    position: absolute;
    top: 0;
    right: 2px;
    width: 80px;
    height: 38px;
    line-height: 38px;
    display: none;
}

.parameter-list .parameter-item:not(.active,.disable):hover,
.parameter-sub-list .parameter-sub-item:not(.active,.disable):hover {
    background-color: #fafafa;
}

.parameter-list .parameter-txt:not(.active,.disable):hover,
.parameter-sub-list .parameter-sub-txt:not(.active,.disable):hover {
    background-color: #fafafa;
}

.parameter-list .parameter-item:hover .oper-group,
.parameter-sub-list .parameter-sub-item:hover .oper-group {
    display: block;
}

.parameter-list .parameter-txt:hover .oper-group,
.parameter-sub-list .parameter-sub-txt:hover .oper-group {
    display: block;

}

/* === 参数设置 === */

.setting-info {
    padding: 20px;
}

.setting-info .setting-row {
    width: 100%;
    height: 40px;
    line-height: 39px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
    color: #999;
}

.setting-row .setting-label {
    float: left;
    width: 188px;
    margin-right: 20px;
    text-align: right;
}

.setting-row .setting-value {
    float: left;
    position: relative;
}

.setting-row .setting-value p {
    line-height: 22px;
    display: inline-block;
}

/* === 可视化楼层 === */
.floor-title-inner {
    overflow: hidden;
    padding: 0 0 20px;
    height: 55px;
    background: url("../image/icon/spot-line.png") repeat-x 0 18px;
    text-align: center;
    font-size: 24px;
    line-height: 35px;
    position: relative;
}

.floor-title-inner h4 {
    display: inline;
    padding: 0 50px;
    background-color: #fff;
    font-weight: 400;
    font-size: 26px;
    color: #333;
    font-family: fzzhengheis-el-gbregular;
}

.front-smart-item .edit-group,
.floor-head .edit-group,
.floor-title-inner .edit-group,
.adver-area .edit-group {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    line-height: 318px;
    background: rgba(72, 118, 255, 0.8);
    cursor: pointer;
}

.floor-head .edit-group {
    line-height: 30px;
}

.floor-title-inner .edit-group {
    line-height: 55px;
}

.adver-area .edit-group {
    line-height: 90px;
}

.front-smart-list .front-smart-item:hover .edit-group,
.floor-head:hover .edit-group,
.floor-title-inner:hover .edit-group,
.adver-area:hover .edit-group {
    display: block;
}

.slide-add-btn1, .slide-add-btn2 {
    height: 40px;
    width: 140px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    background: #0c64eb;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px 0;
}

.slide-goods-btn {
    width: 60px;
    height: 320px;
    background: rgba(72, 118, 255, 0.8);
    float: left;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    padding: 0 21px;
    font-weight: 600;
    font-size: 16px;
    line-height: 28px;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 90px;
}

.edit-group.fixed {
    display: block;
}

/* === 楼层轻量级列表 === */
.front-smart-list {
    overflow: hidden;
}

.front-smart-list .front-smart-item {
    width: calc(100% / 5 - 20px);
    height: 320px;
    float: left;
    border: 1px solid #f2f2f2;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
    transition: all .3s;
}

.front-smart-list .front-smart-item:hover {
    border: 1px solid #FF7F24;
}

.front-smart-list .front-smart-item:hover .more-supply {
    display: block;
}

.front-smart-list .front-smart-item .more-supply {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 228px);
    text-align: center;
    background-color: rgba(255, 127, 36, 0.99);
    color: #fff;
    padding-top: 26px;
    display: none;
}

.front-smart-item .item-img {
    width: 100%;
    height: 228px;
}

.front-smart-item .price-sales {
    overflow: hidden;
    font-size: 12px;
    margin-top: 12px;
    padding: 0 14px;
}

.front-smart-item .price-sales {
    overflow: hidden;
    font-size: 12px;
    margin-top: 12px;
    padding: 0 14px;
}

.front-smart-item .price-sales .price {
    float: left;
    font-size: 14px;
    color: #ff7300;
    font-weight: 700;
}

.front-smart-item .price-sales .sales {
    float: right;
    color: #999;
    margin-top: 1px;
}

.front-smart-item .brief-info {
    font-size: 12px;
    color: #666;
    margin-top: 4px;
    padding: 0 14px;
    height: 38px;
}

.front-smart-item .suspen-tag {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: rgba(205, 102, 29, 0.9);
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 198px;
}

.floor-head {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.floor-head .main-title {
    float: left;
    font-size: 20px;
    color: #333;
    margin: 0 14px 0 0;
}

.floor-head .main-title .sub-title {
    margin-top: 9px;
    color: #999;
    font-size: 12px;
    margin-left: 10px;
}

.floor-head .theme-tips {
    float: right;
    margin-top: 10px;
}

.floor-head .theme-tips .title {
    color: #999;
}

.floor-head .theme-tips a {
    margin-right: 5px;
    color: #666;
}

/* === 后台顶部 === */
.header-wrap .header-left .item,
.header-wrap .header-right .item {
    float: left;
    padding: 0 18px;
    line-height: 48px;
    color: #666;
    border-right: 1px solid #dedbdb;
}

.header-wrap .item i {
    font-size: 20px;
    vertical-align: sub;
}

.header-wrap .item {
    cursor: pointer;
    height: 48px;
}

.header-wrap .item:hover {
    background-color: #fafafa;

}

.header-wrap .header-right .item {
    padding: 0 32px;
    border-left: 1px solid #dedbdb;
    border-right: 0;
    position: relative;
}

.resou-wrapper .cur-resou span {
    margin-right: 10px;
    color: #666;
}

.resou-wrapper .cur-resou i {
    font-size: 20px;
    color: #666;
}

.dropdown-menu-btn {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
}

.dropdown-menu-btn.current {
    border: 1px solid #ddd;
}

.dropdown-menu-container {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    display: none;
}

.dropdown-menu-container .dropdown-menu {
    text-align: center;
}

.dropdown-menu-container .dropdown-menu .menu-item {
    line-height: 30px;
    cursor: pointer;
}

.dropdown-menu-container .dropdown-menu .menu-item:hover {
    background-color: #0c64eb;
}

.dropdown-menu-container .dropdown-menu .menu-item:hover a {
    color: #fff;
}

/* === 地址联动 === */
.address-list-container {
    width: 360px;
    padding: 10px;
}

.address-tab .address-header li {
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ddd;
    padding: 2px 10px;
    background: #fff;
    color: #005aa0;
    font: 700 14px 'microsoft yahei';
    border-bottom: none;
    cursor: pointer;
    transition: all .2s;
}

.address-tab .address-header li.current {
    border: 2px solid #e4393c;
    border-bottom: 2px solid #fff;
}

.address-tab .address-body {
    border-top: 2px solid #e4393c;
    margin-top: -2px;
    padding-top: 10px;
}

.address-tab .address-body li {
    width: 6.4em;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s;
}

/* === 发票 === */
.invoice-cont {
    padding: 10px 20px;
    line-height: 18px;
    color: #666;
}

.invoice-dialog {
    width: 580px;
    border: 1px solid #ddd;
    padding: 20px;
}

.invoice-list {
    max-height: 132px;
    width: 360px;
    overflow-y: auto;
    position: relative;
    top: 0;
    left: 0;
}

.invoice-list .invoice-item {
    position: relative;
    z-index: 1;
    height: 40px;
    line-height: 22px;
    margin: 2px 10px 3px 0;
    border: 1px solid #ebebeb;
    padding: 6px 10px;
    text-align: left;
    cursor: pointer;
}

.invoice-list .invoice-item input {
    width: 70%;
    height: 100%;
    padding: 0;
    border: none;
}

.invoice-list .invoice-item .oper-group {
    width: 30%;
    float: right;
    display: none;
}

.invoice-list .invoice-item:hover .oper-group {
    display: block;
}

.invoice-item.checked {
    border: 2px solid #007fff;
    cursor: pointer;
}

.invoice-item.checked i {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 18px;
    background: url(../image/icon/icons.png) no-repeat -121px -120px;
}

.invoice-item input[type=text]:disabled {
    background-color: #fff;
}

/* === 银行图标 === */
.bank-list {
    overflow: hidden;
}

.bank-list .bank-item {
    width: 140px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #E0E0E0;
    text-align: center;
    color: gray;
    float: left;
}

.bank-list .bank-item.checked {
    border: 1px solid red;
}

.bank-logo {
    background-image: url("../image/icon/bank-logo.png");
    background-repeat: no-repeat;
    display: block;
    width: 125px;
    height: 28px;
    overflow: hidden;
}

/* ===银行卡图片=== */

.bank-100 {
    /* 中国邮政储蓄 */
    background-position: 0 -869px;
}

.bank-102 {
    /* 中国工商银行 */
    background-position: 0 -140px;
}

.bank-103 {
    /* 中国农业银行 */
    background-position: 0 -532px;
}

.bank-104 {
    /* 中国银行 */
    background-position: 0 -839px;
}

.bank-105 {
    /* 中国建设银行 */
    background-position: 0 -335px;
}

.bank-301 {
    /* 交通银行 */
    background-position: 0 -391px;
}

.bank-302 {
    /* 中信银行 */
    background-position: 0 -896px;
}

.bank-303 {
    /* 中国光大银行 */
    background-position: 0 -169px;
}

.bank-304 {
    /* 华夏银行 */
    background-position: 0 -309px;
}

.bank-305 {
    /* 中国民生银行 */
    background-position: 0 -447px;
}

.bank-306 {
    /* 广东发展银行 */
    background-position: 0 -196px;
}

.bank-307 {
    /* 深圳发展银行 */
    background-position: 0 -698px;
}

.bank-308 {
    /* 招商银行 */
    background-position: 0 -784px;
}

.bank-309 {
    /* 兴业银行 */
    background-position: 0 -755px;
}

.bank-310 {
    /* 上海浦东发展银行 */
    background-position: 0 -587px;
}

.bank-weipay {
    background-position: 0 -4286px;
}

.bank-alipay {
    background-position: 0 -4314px;
}

/* === 复选框 === */

.check-box {
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    line-height: 17px;
    position: relative;
    vertical-align: middle;
}

.check-box.checked {
    background: #2D8CF0;
}

.check-box.checked:after {
    content: '✔';
    color: #fff;
    font-size: 12px;
}

/* === 地址选择 === */
.address-list-container.col-3 {
    border: 1px solid #ddd;
    width: auto;
}

.address-list {
    float: left;
    overflow-y: auto;
    height: 300px;
}

.address-list .address-item {
    border-left: 1px dashed #ddd;
    padding-left: 15px;
    padding-right: 20px;
    width: 168px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.address-list .address-item .el-checkbox {
    float: right;
}

.address-list .address-item:hover {
    color: #2c8cf0;
    cursor: pointer;
}

.address-list:nth-child(1) .address-item {
    border-left: none;
}

/*.address-list .address-item .check-box {*/
/*float: left;*/
/*margin-top: 6px;*/
/*}*/

.address-list .address-item .city-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: calc(100% - 18px - 22px);
    width: -moz-calc(100% - 18px - 22px);
    width: -webkit-calc(100% - 18px - 22px);
}

/* === 地址弹出 === */
.address-list.popover {
    height: auto;
    float: none;
    overflow: hidden;
}

.address-list.popover .address-item {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* === 订单列表（新） === */
.orders-list-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 1em;
}

.orders-list-panel1 {
    width: 100%;
    font-size: 14px;
    table-layout: fixed;
}

.orders-list-panel1 .orders-header tr {
    border: 1px solid #dadada;
}

.orders-list-panel1 .orders-header tr th {
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #f2f2f2;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.orders-list-panel1 .blank-row {
    height: 20px;
}

.orders-list-panel1 .orders-body.lapsed .abstract-row {
    background: #e7e7e7;
}

.orders-list-panel1 .orders-body.lapsed .abstract-row td {
    border: 1px solid #a3a3a3;
    border-bottom-color: #ddd;
    position: relative;
}

.orders-list-panel1 .orders-body.lapsed .info-row td {
    border-right: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    position: relative;
}

.orders-list-panel1 .orders-body.lapsed .info-row {
    border-left: 1px solid #a3a3a3;
}

.orders-list-panel1 .abstract-row {
    background: #eaf8ff;
    height: 36px;
    line-height: 36px;
    color: #333;
    overflow: hidden;
}

.orders-list-panel1 .abstract-row td {
    border: 1px solid #daf3ff;
    /*border-bottom-color: #daf3ff;*/
    position: relative;
}

.orders-list-panel1 .abstract-row .abstract-content {
    padding: 0 32px;
    color: #333;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.orders-list-panel1 .info-row td {
    padding: 14px 6px;
    border-right: 1px solid #daf3ff;
    border-bottom: 1px solid #daf3ff;
    border-top: 1px solid #daf3ff;
}

.orders-list-panel1 .info-row {
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #daf3ff;
    transition: background-color .3s ease;
}

.orders-list-panel1 .info-row .goods-info-block {
    border-bottom: 1px solid #daf3ff;
    margin: 0 -6px 20px -6px;
    padding-bottom: 20px;
}

.orders-list-panel1 .orders-body.lapsed .info-row .goods-info-block {
    border-bottom: 1px solid #a3a3a3;
}

.orders-list-panel1 .info-row .goods-info-block:last-child {
    border-bottom: none !important;
    margin: 0 -6px 0 -6px !important;
    padding-bottom: 0 !important;
}

.orders-list-panel1 .info-row .goods-item {
    width: 340px;
    margin-right: 74px;
    float: left;
}

.orders-list-panel1 .info-row .goods-number {
    float: left;
    width: 80px;
}

.orders-list-panel1 .info-row .goods-repair {
    float: left;
    cursor: pointer;
}

.orders-list-panel1 .info-row .good-img {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #efefef;
    margin: 0 14px;
}

.orders-list-panel1 .info-row .good-img img {
    width: 100%;
    height: 100%;
    display: block;
}

.orders-list-panel1 .info-row .good-msg {
    float: left;
    width: 240px;
    text-align: left;
}

.orders-list-panel1 .info-row .good-msg b {
    font-family: Arial, Helvetica, sans-serif;
}

.search-container-1 {
    margin: 20px 0;
}

.search-container-1 .search-advance-switch {
    line-height: 38px;
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

.search-container-1 .ordersub-search {
    display: none;
    transition: all 2s;
}

.ordersub-search .search-left {
    width: 300px;
    float: left;
    margin: 0 auto;
}

.ordersub-search .search-left .form-label,
.ordersub-search .search-center .form-label,
.ordersub-search .search-right .form-label {
    width: auto;
}

.ordersub-search .search-center {
    width: 570px;
    float: left;
    text-align: center;
    margin-left: 30px;
}

.ordersub-search .search-center .el-date-editor.el-input,
.search-layout .el-date-editor.el-input {
    width: 160px;
}

.ordersub-search .search-right {
    width: 300px;
    float: right;
}

.clear, .clr {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* === 后台通用搜索 === */
.search-layout .simple-search {
    line-height: 38px;
    overflow: hidden;
    margin: 15px 0 15px 5px;
}

.search-layout .search-advance-switch {
    cursor: pointer;
}

.search-layout .detailed-search {
    padding-left: 15px;
}

.search-layout .detailed-search .form-row {
    width: auto;
    float: left;
    clear: none;
    color: #333;
    margin-right: 30px;
}

.search-layout .detailed-search .form-row .form-label {
    width: auto;
}

/* === 投诉 === */

.form-value .goods-img {
    width: 60px;
    height: 60px;
    float: left;
}

.form-value .goods-img img {
    width: 100%;
    height: 100%;
}

.form-value .goods-concise {
    height: 60px;
    width: calc(100% - 60px);
    padding: 0 10px;
    float: left;
}

.form-value .goods-concise p {
    line-height: 18px;
    font-size: 13px;
}

.complaint-panel {
    border: 1px solid #e7e7e7;
    padding: 15px 20px;
    margin-top: 10px;
}

.complaint-panel-item {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.complaint-panel-item h4 {
    padding-bottom: 5px;
    padding-top: 10px;
    border-bottom: 1px dashed #e7e7e7;
    margin-bottom: 10px;
    color: #333;
    font-weight: 600;
}

.complaint-container .order-info {
    width: 320px;
    height: auto;
    border: 1px solid #e7e7e7;
    float: left;
}

.complaint-container .complaint-content {
    width: calc(100% - 320px - 15px);
    margin-left: 15px;
    border: 1px solid #e7e7e7;
    float: left;
}

.complaint-container .title {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
}

.complaint-container .order-info .order-content {
    padding: 10px 10px;
    background-color: #fbfbfb;
}

.complaint-container .order-info .order-content .order-content-row {
    width: 100%;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 14px;
    color: #888;
}

.complaint-container .order-info .order-content-row .left {
    width: 72px;
    display: inline-block;
    text-align: right;
}

.complaint-container .order-info .order-content-row .right {
    display: inline-block;
}

/* === 排序 === */

.sort-list .sort-up {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url("../image/icon/sort-up.png");
    background-size: 100% 100%;
    cursor: pointer;
}

.sort-list .sort-down {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: url("../image/icon/sort-down.png");
    background-size: 100% 100%;
    cursor: pointer;
}

.sort-list {
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background-color: #f1f1f1;
}

.sort-list .sort-item {
    float: left;
    padding-right: 30px;
}

/* === 询盘 === */
.inquiry-info {
    padding: 0 10px;
}

.inquiry-info .name,
.inquiry-info .explain,
.inquiry-info .contacts {
    line-height: 28px;
    height: 28px;
}

.inquiry-info .name > .label,
.inquiry-info .explain > .label,
.inquiry-info .contacts > .label {
    width: 80px;
    float: left;
    text-align: right;
    position: relative;
    color: #888;
}

.inquiry-info .name > .value,
.inquiry-info .explain > .value,
.inquiry-info .contacts > .value {
    padding-left: 98px;
    position: relative;
}

/* === 交易规则 === */
.trading-rules {
    border: 1px dashed #e7e7e7;
    padding: 15px 20px;
    margin-top: 10px;
}

.trading-rules h4.caption {
    padding-bottom: 5px;
    border-bottom: 1px dashed #e7e7e7;
    margin-bottom: 10px;
    color: #333;
    line-height: 20px;
}

/* === 头部搜索 === */
.simple-search {
    line-height: 36px;
}

.simple-search .advance-search-switch {
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.search-form-row {
    padding: 6px 0;
}

.advanced-search {
    margin-top: 10px;
}

.search-form-row .form-title {
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    width: 73px;
    margin-left: 20px;
    text-align: right;
    margin-right: 5px;
}

.search-form-row .form-content {
    vertical-align: middle;
    display: inline-block;
}

.search-form-row .form-content input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    outline: 0;
    color: #333;
    height: 28px;
    line-height: 26px;
    padding: 0 8px;
    font-size: 12px;
}

.search-form-row .form-content .el-cascader__label {
    top: -2px;
}

.search-form-row .form-content select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    height: 28px;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.search-form-row .form-content .el-date-editor {
    width: 160px;
}

.search-form-row .form-content .el-input {
    width: 160px;
}

.search-form-row .form-content .swb-btn {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 16px;
    height: 28px;
    line-height: 26px;
    font-size: 12px;
    min-width: 60px;
}

/* === 招标公告模板 === */
.bidd-tpl {
    width: 100%;
}

.bidd-tpl .main-title {
    line-height: 32px;
    font-size: 22px;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 5px 10px;
    margin: 0;
}

.bidd-tpl .two-title {
    line-height: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.bidd-tpl .content {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    text-indent: 2em;
}

.bidd-tpl .content .three-title {
    display: inline;
    color: #333;
    font-weight: 600;
}

/* === 订单搜索 === */
.order-search-container {
    margin: 10px 0;
}

.order-search-container .all-order {
    display: inline-block;
    font-size: 14px;
    padding: 0 12px 4px;
    cursor: pointer;
    border-bottom: 2px solid #0c64eb;
    color: #0c64eb;
}

.order-search-container .search-form-row {
    display: inline-block;
}

/* === 后台首页（新） === */
.home-notice {
    line-height: 32px;
}

.home-notice .title h4 {
    font-size: 18px;
    color: #333;
    float: left;
}

.home-notice .title span {
    font-size: 12px;
    float: right;
    color: #888;
}

.home-notice .notice-list {
    padding: 10px 8px;
    background-color: #f7f7f7;
    border-radius: 2px;
}

.home-notice .notice-item {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 28px;
    color: #555;
    padding-right: 50px;
}

.home-notice .notice-item:hover {
    color: #0c64eb;
}

.home-notice .notice-item:hover a {
    color: #0c64eb;
}

.home-notice .notice-item:nth-child(2n) {
    padding-right: 0;
}

.home-notice .notice-item .sub-title {
    width: 70%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
}

.home-notice .notice-item .date {
    width: 30%;
    display: block;
    text-align: right;
    float: left;
    font-size: 12px;
    padding-right: 68px;
}

.home-row .widget-container {
    width: calc(100% / 3);
    padding: 0 15px;
    float: left;
}

.home-row.col-3 .widget-container {
    width: 50%;
    padding: 0 15px;
    float: left;
}

.home-row.col-3 .widget-container:last-child {
    padding-right: 0;
}

.home-row .widget-container .custom-table {
    height: 242px;
    overflow: hidden;
}

.home-row .widget-container:nth-child(1) {
    padding-left: 0;
}

.home-row .widget-container:nth-child(3) {
    padding-right: 0;
}

.home-row .widget-container .sub-title {
    line-height: 32px;
    height: 32px;
    padding: 0 5px;
}

.home-row .widget-container .sub-title span {
    font-size: 14px;
    float: left;
}

.home-row .widget-container .sub-title a {
    font-size: 12px;
    float: right;
    color: #666;
    margin-top: 6px;
}

.home-row .widget-container .custom-table {
    border: 1px solid #dfe6ec;
}

.home-row .widget-container .custom-table:hover {
    box-shadow: 0 0 5px 1px #f4f4f4;
}

.home-row .widget-container .custom-tbl td,
.home-row .widget-container .custom-tbl th {
    border: none !important;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.home-row .widget-container .custom-tbl th {
    font-weight: 100;
    color: #000;
}

.orders-list-panel1 .img-txt {
    width: 100%;

}

.orders-list-panel1 .img-txt .img {
    width: 60px;
    height: 60px;
    border: 1px solid #efefef;
    float: left;
}

.orders-list-panel1 .img-txt .img img {
    width: 60px;
    height: 60px;
}

.orders-list-panel1 .img-txt .txt {
    padding-left: 70px;
    text-align: left;

}

.orders-list-panel1 .abstract-content .item {
    display: inline-block;
}

/* === 物流轨迹 === */
.track-rocl .track-list {
    margin: 20px;
    height: auto;
    padding-left: 5px;
    overflow-y: auto;
    position: relative;
}

.track-rocl .track-list .list-info {
    line-height: 32px;
    margin-bottom: 20px;
    font-weight: 600;
}

.track-rocl .track-list li {
    position: relative;
    padding: 9px 0 0 15px;
    line-height: 22px;
    border-left: 1px solid #d9d9d9;
    color: #333;
    font-size: 12px;
}

.track-rocl .track-list li .date {
    display: inline-block;
    width: 100px;
    color: #333;
    border-radius: 14px;
    font-size: 12px;
    text-align: left;
}

.track-rocl .track-list li .time {
    width: 50px;
    margin-right: 20px;
    vertical-align: top;
    font-size: 12px;
    margin-left: 107px;
}

.track-rocl .track-list li .txt {
    max-width: 505px;
    vertical-align: top;
}

.track-rocl .track-list li .time,
.track-rocl .track-list li .txt {
    position: relative;
    display: inline-block;
}

.track-rocl .track-list li .node-icon {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 20px;
    height: 30px;
    line-height: 11px;
    text-align: center;
    background: url(../image/icon/swb-icon.png) -435px -10px #fff no-repeat;
    transform: scale(0.6);

}

.track-rocl .track-list .afterdate .time {
    margin-left: 2px;
}

.track-rocl .track-list .first {
    padding-top: 0;
}

.track-rocl .track-list .first .node-icon {
    background: url(../image/icon/swb-icon.png) -411px -10px #fff no-repeat;
    transform: scale(0.6);
    top: -5px;
}

.track-rocl .track-list .first .txt {
    font-weight: 600;
}

.track-rocl .track-list .first .node-icon:after {
    content: '';
    width: 3px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    top: -13px;
    left: 2px;
    z-index: 1;
}

.table-tips {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../image/icon/swb-icon.png);
    background-position: -181px -3946px;
    transform: scale(0.9);
}

.table-tips.order {
    top: -2px;
    left: -2px;
    width: 40px;
    height: 40px;
    background: url(../image/icon/swb-icon.png);
    background-position: -229px -3946px;
    transform: scale(0.9);
}

/* === 任意边框行 === */
.border-row {
    border: 1px solid #dadada;
    padding: 0 15px;
    line-height: 36px;
    height: 36px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #e3ebf8;
}

/* === 无商品 === */
.notice-search {
    margin-bottom: 120px;
    margin-top: 120px;
}

.notice-search .ns-wrap {
    padding: 10px 50px;
    text-align: center;
}

.notice-search .ns-icon {
    color: #f60;
    font-size: 34px;
    vertical-align: middle;
}

.notice-search .ns-content {
    margin-left: 32px;
    line-height: 32px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #f60;
}

.notice-search .ns-content em {
    color: #333;
    font-weight: 600;
}

/* === 常规列表 === */
.normal-list-container .normal-item {
    height: 36px;
    width: 100%;
    line-height: 36px;
    overflow: hidden;
}

.normal-list-container .normal-item > .col {
    float: left;
    padding-right: 12px;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* === 5列展示 === */
.normal-list-container.col-5 .normal-item > .col {
    width: calc(100% / 5);
    width: -moz-calc(100% / 5);
    width: -webkit-calc(100% / 5);
}

/* === 5列展示 === */
.normal-list-container.col-9 .normal-item > .col {
    width: calc(100% / 9);
    width: -moz-calc(100% / 9);
    width: -webkit-calc(100% / 9);
}

/* === 表格（过期）标签 === */
td .table-overdue,
.table-overdue {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background: url(../image/icon/swb-icon.png);
    background-position: -451px -3947px;
}

td .table-warning,
.table-warning {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background: url(../image/icon/swb-icon.png);
    background-position: -400px -3947px;
}

/* === 表格（手工）标签 === */
td .table-handwork,
.table-handwork {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background: url(../image/icon/swb-icon.png);
    background-position: -717px -3947px;
}

/* === 表格（调拨）标签 === */
td .table-allot,
.table-allot {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background: url(../image/icon/swb-icon.png);
    background-position: -767px -3947px;
}

/* === 表格（锁定、欠费、提示）标签 === */
.swb-icon {
    background: url(../image/icon/swb-icon.png);
}

td .locking {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -512px -3947px;
}

td .arrears {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -562px -3947px;
}

th .tips-label {
    position: absolute;
    right: 2px;
    top: 0;
    width: 32px;
    height: 40px;
    display: inline-block;
    color: white;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    /*transform: scale(0.9);*/
    background-position: -700px -20px;
}

/* === 表格内标签【自定义】 === */
/*表格内居右侧显示*/
td .table-cell-right {
    position: absolute;
    top: -4px;
    right: -4px;
    font-size: 12px;
    color: #fff;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    display: inline-block;
    transform: scale(0.8);
}

td .table-cell-right > span {
    position: absolute;
    top: -40px;
    right: 0px;
    font-size: 12px;
    color: #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    width: 26px;
}

/*表格内居左侧显示*/
td .table-cell-left {
    position: absolute;
    top: -4px;
    left: -4px;
    font-size: 12px;
    color: #fff;
    width: 0;
    height: 0;
    border-right: 40px solid transparent;
    display: inline-block;
    transform: scale(0.8);
}

td .table-cell-left > span {
    position: absolute;
    top: -40px;
    left: 0px;
    font-size: 12px;
    color: #fff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 26px;
}

/* === 表格（在库）标签 === */
td .table-cell-left.table-warehouse {
    border-top: 40px solid #ff9700;
}

/* === 表格（在用）标签 === */
td .table-cell-left.table-employ {
    border-top: 40px solid #ff9700;
}

/* === 表格（线下）标签 === */
td .under-line {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -615px -3947px;
}

/* === 表格（授权）标签 === */
td .table-accredit,
.table-accredit {
    position: absolute;
    left: -4px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -865px -3947px;
}

/* === 表格（自营）标签 === */
td .table-self,
.table-self {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -927px -3947px;
}

/* === 表格（经销）标签 === */
td .table-dealer,
.table-dealer {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -989px -3947px;
}

/* === 表格（代理）标签 === */
td .table-agent,
.table-agent {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -180px -3947px;
}

/* === 表格（代理-左）标签 === */
td .table-agent-left,
.table-agent-left {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -347px -3946px;
}

/* === 表格（补录）标签 === */
td .table-add-record,
.table-add-record {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -1320px -3947px;
}

/* === 表格（缺码）标签 === */
td .table-missing,
.table-missing {
    position: absolute;
    left: -4px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -1369px -3947px;
}

/* === 表格（服务）标签 === */
td .table-serv,
.table-serv {
    position: absolute;
    left: -4px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -228px -4030px;
}

/* === 表格（资质）标签 === */
td .table-qualific,
.table-qualific {
    position: absolute;
    right: -2px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -285px -4030px;
}

/* === 表格（设备）标签 === */
td .table-device,
.table-device {
    position: absolute;
    left: -4px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -179px -3947px;
}

/* === 表格（转移）标签 === */
td .table-transfer,
.table-transfer {
    position: absolute;
    left: -4px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -815px -3947px;
}

/* === 表格（渠道）标签 === */
td .table-dist,
.table-dist {
    position: absolute;
    right: -2px;
    top: -3px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -1048px -3947px;
}

/* === 表格（保内、保外）标签 === */
td .table-unWrnt,
.table-unWrnt {
    position: absolute;
    right: -2px;
    top: -3px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -1155px -3947px;
}

td .table-wrnt,
.table-wrnt {
    position: absolute;
    right: -2px;
    top: -3px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -1211px -3947px;
}

/* === 表格（易耗）标签 === */
td .table-consume,
.table-consume {
    position: absolute;
    left: -4px;
    top: -2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    transform: scale(0.9);
    background-position: -1105px -3947px;
}

/* === 居中内容提示 === */
.center-tips {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    color: #707070;
}

/* === 单行列表 === */
.single-list .single-item {
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    border: 1px solid #dadada;
    border-bottom: none;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.single-list .single-item:last-child {
    border-bottom: 1px solid #dadada;
}

.single-list .single-item .num,
.single-list .single-item .content {
    float: left;
    margin-right: 15px;
}

.single-list .single-item .delete {
    width: 16px;
    height: 16px;
    background-color: #979494;
    color: #fff;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    display: none;
    position: absolute;
    top: 10px;
    right: 20px;
}

.single-list .single-item:hover .delete {
    display: block;
}

.single-list .single-item .delete:hover {
    width: 16px;
    height: 16px;
    background-color: #d71718;
    color: #fff;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
}

/* === 组织机构-岗位 === */

.orgstruck-list {
    overflow: hidden;
    position: relative;
}

.orgstruck-list .orgstruck-item:not(:first-child) {
    margin-top: 10px;
}

.orgstruck-list .orgstruck-item {
    border: 1px solid #ececec;
    padding: 10px;
    transition: all 0.2s;
}

.orgstruck-list .com-first {
    font-size: 14px;
    line-height: 28px;
    background-color: #f2f2f2;
    font-weight: 600;
    padding-left: 3px;
    position: relative;
}

.orgstruck-list .com-first > i.arrow {
    position: absolute;
    top: 2px;
    right: 10px;
    cursor: pointer;
}

.orgstruck-list .depart-post {
    border-top: 1px dashed #dadada;
}

.orgstruck-list .depart-second {
    font-size: 13px;
    line-height: 26px;
    margin-left: 20px;

}

.orgstruck-list .post-third {
    font-size: 12px;
    line-height: 24px;
    margin-left: 38px;
}

.orgstruck-list .post-third .post-item {
    margin-top: 5px;
}

.orgstruck-list .post-third .name {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    border: 1px solid #ececec;
    margin-bottom: 5px;
    cursor: pointer;
}

.orgstruck-list .post-third .name.active {
    color: #0c64eb;
    border: 1px solid #0c64eb;
}

.orgstruck-list .post-third .name.active i {
    color: #0c64eb;
}

/* === 站内信 === */
.mail-container {
    width: 100%;
    height: 100%;
}

.mail-container .mail-side {
    width: 180px;
    height: 100%;
    margin-left: -20px;
    float: left;
    background-color: #EAEDF1;
    z-index: 2;
    overflow: hidden;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.mail-container .mail-content {
    /*width: calc(100% - 180px);*/
    width: 100%;
    height: 100%;
    /*margin-left: 20px;*/
    /*float: left;*/
    z-index: 2;
    overflow: hidden;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.mail-side .mail-nav-title {
    width: 180px;
    height: 70px;
    line-height: 70px;
    font-weight: bold;
    text-indent: 20px;
    background: #D9DEE4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-side .mail-nav-list .first-nav a {
    width: 180px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #333;
}

.mail-side .mail-nav-list .first-nav a .nav-icon {
    width: 30px;
    height: 40px;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.mail-side .mail-nav-list .first-nav a .nav-title {
    width: 138px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-side .mail-nav-list .first-nav a .nav-extend {
    height: 40px;
    line-height: 40px;
    float: right;
    margin-top: -40px;
}

.mail-side .mail-nav-list .first-nav a .nav-extend > span {
    display: block;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #FFF;
    margin: 8px 8px 0 0;
    background: #0c64eb;
    border-radius: 2px;
}

.mail-side .mail-nav-list .first-nav .second-title a .nav-title {
    text-indent: 8px;
    color: #666;
}

.mail-side .mail-nav-list .first-title:not(.active):hover,
.mail-side .mail-nav-list .second-title:not(.active):hover {
    background-color: #f9f9f9;
}

.mail-side .mail-nav-list .first-title.active,
.mail-side .mail-nav-list .second-title.active {
    background-color: #fff;
}

.mail-content .mail-content-title {
    padding: 24px 0;
    min-height: 70px;
    border-bottom: 1px solid #DDD;
}

/* === 过滤排序 === */
.query-sort-area {
    /*border: 1px solid #ddd;*/
    padding: 5px 10px;
    /*max-height: 300px;*/
    overflow: hidden;
    height: auto;
}

.query-sort-area .basic-block {
    min-height: 60px;
    width: 100%;
    position: relative;
    padding-right: 206px;
    height: auto;
    padding-bottom: 5px;
}

.basic-block .query-items {
    overflow: hidden;
}

.basic-block .query-btns {
    position: absolute;
    top: 12px;
    right: 0;

}

.query-btns .operation-btn-group {
    min-width: 200px;
    max-width: 260px;
    height: 38px;
    line-height: 38px;
    position: relative;
}

.query-btns .operation-btn-group .senior-btn {
    width: 50%;
    display: inline-block;
    float: left;
    height: 38px;
    border: 1px solid #ddd;
    text-align: center;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.query-btns .operation-btn-group .query-btn {
    width: calc(100% - 50% - 1px);
    height: 38px;
    float: left;
    display: inline-block;
    border: 1px solid #dadada;
    border-left: none;
    text-align: center;
    color: #333;
    background-color: #f9f9f9;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
}

.query-btns .operation-btn-group .toggle-btn {
    float: left;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 3px;
    cursor: pointer;
}

.query-btns .operation-btn-group .query-btn:hover,
.query-btns .operation-btn-group .senior-btn:hover {
    opacity: 1;
}

.query-btns .operation-btn-group .query-btn.active,
.query-btns .operation-btn-group .senior-btn.active {
    color: #fff;
    background-color: #2d8cf0;
}

.form-item {
    padding: 0 6px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    float: left;
    overflow: hidden;
}

.form-item > .form-label {
    float: left;
    margin-right: 15px;
}

.form-item > .form-value {
    float: left;
}

.form-item > .form-value .radio {
    display: inline-block;
    padding-right: 10px;
}

.query-sort-area .extra-block {
    padding-bottom: 5px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    /*border-top: 1px dashed #ddd;*/
}

.extra-block .query-items-section {
    border-top: 1px dashed #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
}

.extra-block .query-items {
    overflow: hidden;
}

.extra-block .sort-items-section {
    border-top: 1px dashed #ddd;
    padding-top: 10px;
}

/* === 比价 === */
.compare-column .compare-title {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    border: 1px solid #dadada;
    border-bottom: none;
    padding: 0 10px;
    overflow: hidden;
}

.compare-column .compare-title .comments {
    margin-left: 10px;
    color: #666;
    font-size: 12px;
}

.compare-column .compare-title .operate {
    float: right;
    cursor: pointer;
}

.compare-column .compare-content {
    width: 100%;
    border: 1px solid #dadada;
    padding: 15px 10px;
    padding-right: 172px;
    position: relative;
}

.compare-column .compare-content .compare-list {
    width: 100%;
    min-height: 100px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.compare-column .compare-content .compare-item {
    padding: 20px 10px 10px 10px;
    border-right: 1px dashed #dadada;
    min-width: 172px;
    min-height: 100px;
    display: inline-block;
    position: relative;
}

.compare-column .compare-content .compare-operate {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 152px;
    min-height: 100px;
    padding: 20px 10px 10px 10px;
    text-align: center;
    border-left: 1px solid #dadada;
}

.compare-column .compare-content .compare-item > a {
    display: block;
    font-size: 15px;
    color: #3B5998;
    margin-bottom: 5px;
}

.compare-column .compare-content .compare-item > span {
}

.compare-column .compare-content .compare-item > span.price {
    font-family: "Arial", arial-black;
    font-size: 14px;
    color: #d71718;
    vertical-align: middle;
}

.compare-column .compare-content .compare-item > .close-icon {
    position: absolute;
    top: -4px;
    right: 10px;
    font-size: 16px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
}

/* === 比价列表 === */
.compare-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.compare-box.custom-tbl {
    width: auto;
}

.compare-box .operate-table {
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    /*width: 100%;*/
    height: 100px;
    font-size: 12px;
    border-top: 1px solid #d9e5f3 !important;
    border-left: 1px solid #d9e5f3 !important;
}

.compare-box .operate-table th {
    border: none !important;
    border-right: 1px solid #d9e5f3 !important;
    border-bottom: 1px solid #d9e5f3 !important;
    background-color: #f0f3f8 !important;
    vertical-align: top;
    height: 100px !important;
    width: 180px;
}

.compare-box .operate-table th:first-child {
    width: 138px;
}

.compare-box .setbox {
    padding: 10px 0 0 10px;
    text-align: left;
    position: relative;
    z-index: 1200;
}

.compare-box .setbox p {
    font-size: 14px;
    color: #d71718;
    margin-bottom: 20px;
}

.compare-box .compare-item {
    text-align: left;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compare-box .compare-item > a {
    display: block;
    font-size: 15px;
    color: #3B5998;
    margin-bottom: 5px;
}

.compare-box .compare-item > span {
}

.compare-box .compare-item > span.price {
    font-family: "Arial", arial-black;
    font-size: 14px;
    color: #d71718;
    vertical-align: middle;
}

.compare-box .compare-item > .close-icon {
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 16px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    cursor: pointer;
}

.compare-box .compare-name {
    width: 130px;
    padding: 10px 5px;
    text-align: left;
}

.compare-box .compare-info {
    padding: 10px 5px;
    width: 180px;
}

.compare-box .compare-info .textbox {
    overflow: hidden;
    font-size: 12px;
}

.compare-box .compare-info .image {
    width: 48px;
    float: left;
}

.compare-box .compare-info .text {
    padding-left: 55px;
}

.compare-box .compare-info .image > img {
    width: 48px;
    height: 48px;
    display: block;
}

.compare-box .compare-info .pricebox .price-group {
    overflow: hidden;
    text-align: left;
    line-height: 26px;
    font-size: 12px;
}

.compare-box .compare-info .pricebox .label {
    width: 100px;
    text-align: right;
    float: left;
}

.compare-box .compare-info .pricebox .value {
    padding-left: 105px;
}

/* === 后台工作台（新） === */
.main-content {
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    display: -webkit-box;
    flex-direction: row;
}

.main-content .content-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.main-content .content-right {
    width: 500px;
    height: 100%;
    overflow: hidden;
}

.main-content .small-card-group {
    overflow: hidden;
}

.small-card {
    width: 25%;
    float: left;
    padding-right: 6px;
    padding-left: 6px;
    margin-bottom: 15px;
    border-radius: 2px;
}

.small-card .card-inside {
    height: 252px;
    padding: 0 15px;
    border: 1px solid #ddd;
    transition: all 0.3s;
    border-style: solid;
    border-top-width: 3px;
    border-top-color: #d71718;
}

.small-card .card-inside .title {
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

.small-card .card-inside .content {
    height: 216px;
    overflow: hidden;
}

.small-card .card-inside .content .content-item {
    line-height: 30px;
    display: block;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.small-card .card-inside .content .content-item:hover {
    color: #0c64eb;
}

.normal-card {
    border-radius: 2px;
    margin-bottom: 15px;
    background: #fff;
    margin-left: 12px;
}

.normal-card .card-inside {
    height: 252px;
    border: 1px solid #ddd;
    padding: 0 15px;
    transition: all 0.3s;
}

.normal-card .card-inside .title {
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

.normal-card .card-inside .content {
    height: 216px;
    overflow: hidden;
    padding-top: 10px;
}

.normal-card .card-inside .content-item {
    width: 100%;
    line-height: 32px;
    display: block;
    font-size: 12px;
    color: #666;
    overflow: hidden;
}

.normal-card .card-inside .content-item span:nth-child(1) {
    display: block;
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.normal-card .card-inside .content-item span:nth-child(2) {
    display: block;
    float: right;
    text-align: right;
    width: 28%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.normal-card .card-inside .content .content-item:hover {
    color: #0c64eb;
}

.big-card {
    border-radius: 2px;
    margin-bottom: 15px;
    margin-right: 6px;
    background: #fff;
}

.big-card .card-inside {
    height: auto;
    border: 1px solid #ddd;
    padding: 0 15px;
    transition: all 0.3s;
}

.main-content .card-inside .title {
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
}

.main-content .card-inside .content {
    overflow: hidden;
    padding-top: 10px;
}

.main-content .card-inside .content-item {
    width: 100%;
    line-height: 32px;
    display: block;
    font-size: 13px;
    color: #333;
    overflow: hidden;
}

.main-content .card-inside .content .content-item:hover {
    color: #0c64eb;
}

.small-card:hover .card-inside,
.normal-card:hover .card-inside,
.big-card:hover .card-inside {
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.16);
}

.wait-task-list {
    clear: both;
    padding-left: 5px;
}

.wait-task-list .wait-task-item {
    /*line-height: 38px;*/
    /*height: 38px;*/
    /*border: 1px solid transparent;*/
    /*border-bottom: 1px dashed #ddd;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 38px;
    line-height: 38px;
    margin-bottom: 4px;
    display: block;
    text-decoration: none;
    background: #F5F5F6;
    border: 1px solid #F5F5F6;
}

.wait-task-list .wait-task-item:hover {
    border: 1px solid #2D8CF0;
    background: transparent;
}

.wait-task-list .wait-task-item:last-child {
    margin-bottom: 5px;
}

.wait-task-list .wait-task-item .task-title {
    float: left;
    text-align: right;
    width: 124px;
    font-size: 14px;
}

.wait-task-list .wait-task-item .task-state {
    float: left;
    padding-left: 15px;
    width: calc(100% - 124px);
    width: -webkit-calc(100% - 124px);
}

.wait-task-list .wait-task-item .task-state a {
    display: inline-block;
    margin-right: 10px;
    color: #666;
}

.wait-task-list .wait-task-item .task-state a:last-child {
    margin-right: 0;
}

/* === 组织结构树折叠 === */

.tree-structure-collapse {
    position: absolute;
    top: 4px;
    right: 0;
    width: 42px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    background-color: #f3f3f3;
    z-index: 999;
    -o-transition: backgroundColor 0.3s ease;
    -ms-transition: backgroundColor 0.3s ease;
    -moz-transition: backgroundColor 0.3s ease;
    -webkit-transition: backgroundColor 0.3s ease;
}

/*.tree-structure-collapse:hover {*/
/*background-color: #e0e0e0;*/
/*}*/

.tree-structure-collapse i.icon-leftDoubleArrow {
    position: relative;
    animation: mymove 1s infinite linear;
    -webkit-animation: mymove 1s infinite linear; /*Safari and Chrome*/
}

.tree-structure-collapse i.icon-leftDoubleArrow-left {
    position: relative;
    animation: mymove 1s infinite linear reverse;
    -webkit-animation: mymove 1s infinite linear reverse; /*Safari and Chrome*/
}

.tree-structure-collapse + .el-input {
    margin-top: 34px;
}

.tree-structure-collapse + .el-tree {
    margin-top: 34px;
}

.tab-container + .org-tree .tree-structure-collapse {
    top: -35px;
}

.tab-container + .org-tree .tree-structure-collapse + .el-input {
    margin-top: 5px;
}

.tab-container + .org-tree .tree-structure-collapse + .el-tree {
    margin-top: 5px;
}

.left-column {
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
}

.left-column.active {
    width: 0;
    margin-right: 0;
}

.left-column.active .el-input {
    display: none;
}

.left-column.active .el-tree {
    display: none;
}

.left-column.active .includeSubComs {
    display: none;
}

.left-column.active .tree-structure-collapse {
    left: -15px;
    width: 20px;
    border-radius: 0 4px 4px 0;
}

.tree-structure-collapse > .icon {
    color: #0c64eb;
}

.largen-icon {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.largen-icon:hover i.icon {
    font-size: 18px;
}

.left-column.active + .right-column {
    width: 100%;
    -o-transition: width 0.1s ease;
    -ms-transition: width 0.1s ease;
    -moz-transition: width 0.1s ease;
    -webkit-transition: width 0.1s ease;
}

/*@keyframes mymove {*/
/*0% {*/
/*left: 0;*/
/*color: red;*/
/*}*/
/*25% {*/
/*left: 1px;*/
/*color: yellow;*/
/*}*/
/*50% {*/
/*left: 2px;*/
/*color: blue;*/
/*}*/
/*75% {*/
/*left: 3px;*/
/*color: blue;*/
/*}*/
/*100% {*/
/*left: 5px;*/
/*color: green;*/
/*}*/
/*}*/

/*@-webkit-keyframes mymove !*Safari and Chrome*!*/
/*{*/
/*0% {*/
/*left: 0;*/
/*color: red;*/
/*}*/
/*25% {*/
/*left: 1px;*/
/*color: yellow;*/
/*}*/
/*50% {*/
/*left: 2px;*/
/*color: blue;*/
/*}*/
/*75% {*/
/*left: 3px;*/
/*color: blue;*/
/*}*/
/*100% {*/
/*left: 5px;*/
/*color: green;*/
/*}*/
/*}*/

.left-column.show-current {
    display: none;
}

.left-column.show-current + .right-column {
    width: 100%;
}

/* === 视频插件 === */

.video-container {
    display: inline-block;
    position: relative;
}

.video-container .oper-group {
    padding: 0 10px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: rgba(185, 185, 185, 0.2);
    z-index: 99;
    transition: all .2s;
}

.video-container .oper-group:hover {
    background-color: rgba(230, 230, 230, 0.2);
}

.video-container .oper-group i {
    font-size: 18px;
    cursor: pointer;
}

.video-container .oper-group i.icon-editor {
    color: #fff;
}

.video-container .video-editor {
    display: inline-block;
    border: 1px dashed #dadada;
}

.video-container .video-player {
    display: inline-block;
}

.video-container .form-row.video {
    height: auto;
}

.video-container .form-row.video .form-label {
    width: 100%;
    padding-left: 12px;
    float: none;
}

.video-container .form-row.video .form-label label {
    float: none;
}

.video-container .form-row.video .form-value {
    width: 100%;
    float: none;
    padding-left: 12px;
    padding-right: 12px;
}

.video-container .form-row.video .form-value input[type=text] {
    width: 100%;
}

.form-clear {
    width: 15px;
    height: 15px;
    line-height: 10px;
    text-align: center;
    background: #ddd;
    border-radius: 50%;
    z-index: 99;
    position: absolute;
    top: 12px;
    right: 36px;
    display: none;
}

.form-clear:before {
    content: '×';
    text-align: center;
    line-height: 15px;
    color: #8e8a8a;
}

.form-clear:hover {
    background: #cacaca;
    cursor: pointer;
}

.form-clear:hover:before {
    color: #333;
}

/* === 表单校验 === */
.form-single .el-form-item.is-error {
    margin-bottom: 12px;
}

.form-single .el-form-item.is-error .el-form-item__error {
    padding-top: 4px;
    margin-top: -1px;
}

/* === 图文信息（左右分） === */
.graphic-info {

}

.graphic-info .graphic-item {
    overflow: hidden;
    margin-bottom: 10px;
}

.graphic-info .graphic-item > .image-info {
    width: 126px;
    height: 100px;
    text-align: right;
    float: left;
}

.graphic-info .graphic-item > .image-info > img {
    width: 100px;
    height: 100px;
    display: block;
    float: right;
}

.graphic-info .graphic-item > .text-info {
    padding-left: 120px;
}

/* === 聊天室 === */
.chat-room-box {
    background: #3c4246;
    width: 100%;
    height: 100%;
}

/* === 工程师调度 === */
.filter-box {
    position: relative;
}

.filter-box .filter-modular {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.filter-box .filter-modular.disabled .textbox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(217, 214, 195, 0.5);
    /*background: red;*/
    cursor: not-allowed;
    z-index: 10;
}

.filter-modular > .title {
    font-size: 14px;
    font-weight: 600;

}

.filter-modular > .content {
    overflow: hidden;
    margin-top: 10px;

}

.filter-modular .textbox {
    position: relative;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 20px;

}

.filter-modular .textbox > img {
    width: 50px;
    height: 50px;
    float: left;
}

.filter-modular .textbox > img + .text {
    padding-left: 70px;
    height: auto;
}

.filter-modular .textbox > .text {
    padding-left: 0;
    height: auto;
}

.filter-modular .textbox > .text h4 {
    font-size: 14px;
    font-weight: 600;
}

.filter-modular .textbox > .text .text-row {
    position: relative;
    line-height: 24px;
    padding: 5px 0;
}

.filter-modular .textbox > .text .text-row > .default {
    display: inline-block;
    border: 1px solid #F7BA2A;
    background: #F7BA2A;
    color: #fff;
    padding: 0 3px;
    line-height: 20px;
    margin-left: 5px;
}

.filter-modular .textbox > .text .text-row > .label {
    position: absolute;
    top: 5px;
    right: 0;
    color: #2D8CF0;
    display: none;
}

.filter-modular .textbox > .text .text-row > .label span:hover {
    color: #c63c26;
}

.filter-modular .textbox > .text .text-row:hover {
    background: rgba(254, 238, 237, 0.5);
    padding: 5px 0;
}

.filter-modular .textbox > .text .text-row:hover > .label {
    display: block;
    cursor: pointer;
}

/* === 遮罩操作 === */
.enum-list .mask-oper {
    line-height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    transition: all .2s;
    display: none;
}

.enum-list .enum-item:hover .mask-oper {
    display: block;
}

/* === 服务评价 === */
.column-layout.serv-evaluation {
    min-height: 0;
}

.column-layout.serv-evaluation:nth-child(1) .left-column {
    height: 100px;
    min-height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 14px;
}

.column-layout.serv-evaluation:nth-child(2) .left-column {
    height: auto;
    min-height: 240px;
    padding: 20px 20px;
    border: 1px solid #ddd;
    font-size: 14px;
    text-align: center;
}

.column-layout.serv-evaluation:nth-child(2) .left-column img {
    width: 48px;
    height: 48px;
}

.column-layout.serv-evaluation .right-column {
    height: 100px;
    min-height: 100px;
    border: 1px solid #ddd;
    font-size: 14px;
}

.column-layout.serv-evaluation:nth-child(2) .right-column {
    height: auto;
    min-height: 240px;
    padding: 20px 0;
    border: 1px solid #ddd;
    font-size: 14px;
}

.serv-evaluation > .title p {
    text-align: center;
    line-height: 30px;
}

.serv-evaluation > .title p:nth-child(1) {
    font-size: 16px;
    font-weight: 700;
}

/* === 邮件 === */
.column-layout.flex.mail {
    height: -moz-calc(100% - 50px);
    height: -webkit-calc(100% - 50px);
    height: calc(100% - 50px);
}

.column-layout.mail > .left-column {
    height: 100%;
}

.column-layout.mail > .right-column {
    height: 100%;
}

.column-layout.mail > .left-column > .mail-list {
    border: 1px solid #DCDFE6;
    border-right: none;
    height: inherit;
}

.column-layout.mail > .right-column > .mail-content {
    border: 1px solid #DCDFE6;
    height: inherit;
}

.mail-btn-group > .swb-btn {
    width: 50%;
    margin: 0;
    float: left;
    border-radius: 0;
    padding: 10px 8px;
    border-color: #DCDFE6;
}

.float-tree {
    position: absolute;
    width: 0;
    top: 42px;
    right: 16px;
    height: 500px;
    transition: 0.3s all;
    z-index: 99;
}

.float-tree.checked {
    width: 262px;
}

/*=== 设备保养 ===*/
.column-layout.device-maint {
    min-height: 100px;
}

/* === 信息说明 === */
.introduce-box {
    position: relative;
    display: inline-block;
}

.introduce-box > .caption {
    position: relative;
    padding: 0 6px;
    line-height: 18px;
    border: 1px solid #d71718;
    display: inline-block;
    color: #d71718;
    cursor: pointer;
    /* border-bottom: 1px solid transparent; */
    z-index: 9999;
    font-size: 12px;
    background: white;
}

.introduce-box > .content {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 2px 5px;
    border: 1px solid #d71718;
    color: #1f2d3d;
    z-index: 9998;
    margin-top: -1px;
    display: none;
    background: white;
    font-size: 12px;
    text-indent: 2em;
    text-align: left;
}

.introduce-box > .caption:hover {
    border-bottom: 1px solid transparent;
}

.introduce-box > .caption:hover + .content {
    display: block;
    height: 80px;
    min-width: 160px;
    max-width: 225px;
}

/* ==== 人员资质类型 ==== */
.input-edit-group {
    position: relative;
}

/*.input-edit-group .el-input input {*/
/*padding-left: 35px;*/
/*}*/

/*.input-edit-group .el-input:before {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 30px;*/
/*height: 30px;*/
/*text-align: center;*/
/*line-height: 30px;*/
/*border-right: 1px solid #ddd;*/
/*}*/

/*.input-edit-group .el-input.levels1:before {*/
/*content: '一级';*/
/*}*/

/*.input-edit-group .el-input.levels2:before {*/
/*content: '二级';*/
/*}*/

/*.input-edit-group .el-input.levels3:before {*/
/*content: '三级';*/
/*}*/

/*.input-edit-group .el-input.levels4:before {*/
/*content: '四级';*/
/*}*/

/*.input-edit-group .el-input.levels5:before {*/
/*content: '五级';*/
/*}*/

.input-edit-group:before {
    content: '高';
    position: absolute;
    top: 0;
    left: -36px;
}

.input-edit-group.no-level:before {
    content: '';
}

.input-edit-group:after {
    content: '低';
    position: absolute;
    bottom: 0;
    left: -36px;
}

.input-edit-group.no-level:after {
    content: '';
}

.input-edit-group.no-level .subline {
    background-color: transparent;
}

.input-edit-group .subline {
    position: absolute;
    top: 34px;
    bottom: 30px;
    left: -30px;
    width: 1px;
    height: inherit;
    background-color: #ddd;
}

.input-edit-group .input-edit-cell {
    overflow: hidden;
}

.input-edit-group .input-edit-cell .label {
    width: 50px;
    float: left;
}

.input-edit-group .input-edit-cell .label > label {
    width: inherit;
    display: inline-block;
    height: 30px;
    border: 1px solid #ddd;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    border-right: none;
    margin-top: 5px;
}

.input-edit-group .input-edit-cell .value {
    float: left;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    padding: 0;
    line-height: inherit;
}

/* === RegistTextAgreement 注册文本协议 === */

.RegistTextAgreement .title > h2 {
    line-height: 48px;
    height: 48px;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    font-family: "SimHei";
}

.RegistTextAgreement .content > .subtitle {
    line-height: 36px;
    height: 36px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: "SimHei";
}

.RegistTextAgreement .content > p {
    text-indent: 2em;
    line-height: 22px;
    color: #555;
    font-size: 15px;
    font-family: "SimHei";
}

.RegistTextAgreement .content > .date {
    line-height: 48px;
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
}

/* === 右侧工具条 === */
.toolbar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9990;
    width: 0;
    height: 100%;
}

.toolbar-wrapper .toolbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-right: 6px solid #323644;
    -webkit-transition: right .3s ease-in-out 0s;
    transition: right .3s ease-in-out 0s;
}

.toolbar-wrapper .toolbar > .toolbar-help {
    position: absolute;
    bottom: 50px;
    left: -29px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-bottom: 1px;
    cursor: pointer;
    text-align: center;
    background-color: #323644;
    border-radius: 3px 0 0 3px;
    color: #fff;
}

.toolbar-wrapper .toolbar > .toolbar-help .help-icon {
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 10;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    background-color: #323644;
    color: #fff;
}

.toolbar-wrapper .toolbar > .toolbar-help .help-text {
    width: 62px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    font-family: 微软雅黑;
    position: absolute;
    z-index: 1;
    left: 35px;
    top: 0;
    background-color: #323644;
    border-radius: 3px 0 0 3px;
    -webkit-transition: left .3s ease-in-out .1s;
    transition: left .3s ease-in-out .1s;
}

.toolbar-wrapper .toolbar > .toolbar-help:hover .help-icon {
    background-color: #d71718;
}

.toolbar-wrapper .toolbar > .toolbar-help:hover .help-text {
    background-color: #d71718;
    left: -60px;
}

/* 联盟标识 */
.biz-union-indent {
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 12px;
    cursor: pointer;
    color: #00dd1c;
    border: 1px solid #00dd1c;
}

/*行内容*/
.row-content {
    padding: 10px;
    border: 1px solid #d1dbe5;
}

.row-content > .row-item {
    line-height: 22px;
    border-bottom: 1px solid #d1dbe5;
    padding: 10px 0;
}

.row-content > .row-item:first-child {
    padding-top: 0;
}

.row-content > .row-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/*通用列表*/

.list-view {
    position: relative;
    overflow: hidden;
}

.list-view .list-view-item {
    width: 100%;
    padding: 8px 10px;
    position: relative;
}

.list-view .list-view-item .item-name {
    display: block;
    padding: inherit;
    margin: -8px -10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-view .list-view-item:not(.active):hover {
    background-color: #eef1f6;
}

.list-view .list-view-item.active {
    background-color: #eef1f6;
}

.list-view .list-view-item.active:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #0c64eb;
}

.list-view.oper .list-view-item.active .item-oper {
    display: block;
}

.list-view.oper .list-view-item:hover .item-oper {
    display: block;
}

.list-view.oper .list-view-item .item-oper {
    position: absolute;
    top: 5px;
    right: 2px;
    width: 80px;
    display: none;
    color: #0c64eb;
    cursor: pointer;
}

.list-view.oper .list-view-item .device-break {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    color: #d71718;
    cursor: pointer;
}

.list-view.oper .list-view-item.no-hover .item-oper {
    display: block;
}

.list-view.oper .list-view-item {
    padding-right: 100px;
}

.list-view.oper .list-view-item .item-name {
    padding-right: 10px;
}

/*模拟table*/

.native-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.native-table .table-tr {
    display: table-row;
}

.native-table .table-tr .table-th {
    display: table-cell;
    font-weight: 500;
    padding: 2px 4px;
    height: 100%;
    border: 1px solid gray;
    text-align: center;
    vertical-align: middle;
}

.native-table .table-tr .table-td {
    display: table-cell;
    height: 100%;
    padding: 2px 4px;
    border: 1px solid gray;
    text-align: center;
    vertical-align: middle;
}

/*消息订阅管理*/
.msg-subscr-msanage + .msg-subscr-msanage {
    margin-top: 20px;
}

.msg-subscr-msanage .message-tips {
    font-size: 12px;
    line-height: 24px;
    background-color: #E6F3FC;
    border-radius: 4px;
    padding: 4px 10px;
    margin: 10px 0;

}

.msg-subscr-msanage .table-tr > .table-th {
    background-color: #F3F3F3;
    border: none;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 4px;
    color: #666;
}

.msg-subscr-msanage .table-tr > .table-td {
    border: none;
    padding: 10px 4px;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
}

/*订单列表新*/

.order-container .order-table {
    width: 100%;
}

.order-container .order-table .table-thead {
    background-color: #f5f5f5;
    border: 1px solid #e8e8e8;
}

.order-container .order-table .table-thead th {
    padding: 8px 4px;
    text-align: center;
    color: #3c3c3c;
    font-weight: 400;
}

.order-container .order-table .blank-row {
    height: 20px;
}

.order-container .order-table .tbody-caption {
    background-color: #eaf8ff;
    border: 1px solid #daf3ff;
    padding: 8px 4px;
    position: relative;
}

.order-container .order-table .tbody-caption .cell {
    margin-right: 20px;
    display: inline;
}

.order-container .order-table .tbody-caption td {
    padding: 8px 4px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.order-container .order-table .info-row td {
    border: 1px solid #daf3ff;
    text-align: center;
    vertical-align: top;
    padding: 10px 4px;
    border-top: none;
}

.order-container .order-table .info-row {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #daf3ff;
}

.order-container .order-table .table-tbody .goods-item {
    text-align: left;
    overflow: hidden;
}

.order-container .order-table .table-tbody .goods-item {
    border-top: 1px solid #daf3ff;
    margin-top: 10px;
    padding-top: 10px;
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 4px;
    padding-right: 4px;
}

.order-container .order-table .table-tbody .goods-item:first-child {
    border-top: none;
    padding: 0;
    margin: 0;
}

.order-container .order-table .table-tbody .goods-item .goods-img {
    width: 80px;
    float: left;
}

.order-container .order-table .table-tbody .goods-item .goods-img img {
    margin: 0 auto;
    max-width: 100%;
}

.order-container .order-table .table-tbody .goods-item .goods-msg {
    margin-left: 90px;
}

.order-container .order-table .table-tbody .goods-item .goods-msg p {
    margin-bottom: 8px;
}

.order-container .order-table .table-tbody .swb-btn {
    height: 28px;
    line-height: 26px;
    padding: 0 12px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}

/* ===================树图图例======================= */
.radiogram-container {
    padding: 10px;
}

.radiogram-container .node-cell,
.radiogram-container .node-cell .node-children {
    list-style-type: none;
    background: url(../image/icon/vline.png) repeat-y;
    margin: 0;
    padding: 0;
}

.radiogram-container .node-cell .node-children {
    margin-left: 10px;
}

.radiogram-container .node-cell .node-item {
    padding: 2px 12px;
    line-height: 20px;
    background: url(../image/icon/node.png) no-repeat;
    color: #369;
    font-weight: bold;
    margin-top: 10px;
}

.radiogram-container .node-cell .node-item:last-child {
    background: #fff url(../image/icon/lastnode.png) no-repeat;
}

/*===========================可删除的行===========================*/
.deletable-row {
    position: relative;
    padding-right: 20px;
    margin-right: 5px;
}

.deletable-row > i {
    position: absolute;
    top: 11px;
    right: 2px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    background: #ddd;
    color: #fff;

}

.deletable-row > i:hover {
    background: #d71718;
}

/*多级表格*/
.mult-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    font-size: 14px;
    font-family: Arial, 宋体, Helvetica, sans-serif;
    border: 1px solid #ddd;
    border-bottom: none;
}

.mult-table .table-tr {
    display: table-row;
}

.mult-table .table-tr.mult-table-bg:nth-child(2n) {
    background-color: #ebeef5;
}

.mult-table .table-tr.th {
    background-color: #f5f5f6;
}

.mult-table .table-tr.th .td {
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
}

/*.mult-table .table-tr.mult-table-bg:nth-child(2n+1) {*/
/*background-color: #f5f7fa;*/
/*}*/

.mult-table .table-th {
    display: table-cell;
    font-weight: bold;
    height: 100%;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
}

.mult-table .table-td {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.mult-table .table-td .mult-table {
    border: none;
}

.mult-table.second .table-tr > .table-td:first-child {
    border-bottom: 1px solid #ddd;
    width: 30%;
    text-align: left;
    padding-left: 5px;
}

.mult-table .table-tr > .table-td.align-left {
    text-align: left;
    padding-left: 5px;
}

.mult-table.third .table-tr > .table-td:first-child {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 30%;
    text-align: left;
    padding-left: 5px;
}

.mult-table.fourth .table-tr > .table-td:first-child {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 30%;
    text-align: left;
    padding-left: 5px;
}

.icon-ident {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    margin-right: 3px;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif;
    background: #edd28b;
    color: #FFF;
    cursor: default;
    border-radius: 2px;
    vertical-align: sub;
}

/*枚举边框*/
.enum-item.active {
    border: 1px solid #5cb85c;
    background-color: #5cb85c;
    color: #fff;
}

.input-deletable {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    width: 18px;
    height: 18px;
    background: #f4f4f4;
    color: #000;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
}

.input-deletable:hover {
    color: #fff;
    background: #d71718;
    cursor: pointer;
}

/*树结构最新调整*/
.popover-tree {
    width: 800px;
    /*height: calc(100% - 50px - 50px - 52px);*/
    height: 650px;
    overflow-y: auto;
    overflow-x: hidden;
}

.el-popover.el-popper .tree-structure-collapse + .el-input {
    margin-top: 0;
}

.org-tree-layout {
    position: relative;
    background-color: #f7f7f7;
    margin: 10px 0;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.org-tree-btn {
    height: 32px;
    line-height: 31px;
    padding: 0 12px;
    font-size: 12px;
    display: inline-block;
    background-color: #0c64eb;
    color: #fff;
    cursor: pointer;
}

.org-tree-btn i.icon {
    position: relative;
    top: 2px;
}

.org-tree-factor {
    padding: 0 15px;
    display: inline-block;
    color: #666;
}

.org-tree-factor .el-checkbox .el-checkbox__label {
    color: #666;
    font-size: 12px;
}

.org-tree-factor .factor-item {
    display: inline-block;
    margin-left: 10px;
}

.drawer-layout.query-sort .el-drawer.ttb {
    top: 200px;
    left: 185px;
    width: calc(100% - 190px);
    min-height: 266px;
}

.drawer-layout .demo-drawer__footer {
    text-align: right;
}

.drawer-layout .form-item.drawer .form-value {
    width: 456px;
}

.drawer-layout .el-drawer__header {
    margin-bottom: 0;
    padding: 10px 20px 0;
}

.drawer-layout .el-drawer__body {
    padding: 10px 20px 10px;
}

.drawer-layout .el-drawer__wrapper {
    top: 50px;
}

.el-date-editor .el-range-separator {
    width: 25px;
}

.el-date-editor.el-range-editor {
    width: 348px;
}

.el-tabs__header {
    margin: 0;
}

.el-tabs__content {
    padding: 0;
}

.pagination-layout {
    box-sizing: border-box;
    margin-top: 10px;
}

.table-layout {
    box-sizing: border-box;
    padding-top: 5px;
}

.table-cell-link {
    color: #0c64eb;
    cursor: pointer;
}

.easy-table-layout {
    box-sizing: border-box;
    padding-top: 5px;
}

.result-table-wrapper {
    padding-top: 5px;
}

/*搜索优化调整*/

.query-items .form-item .form-label {
    width: 80px;
    text-align: right;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.query-items .form-item .form-value {
    width: 170px;
}

.form-value .el-input-group__append {
    padding: 0 14px;
}

/*  ===   面包屑隐藏  ===  */

/*.breadcrumb-layout.show {*/
/*position: relative;*/
/*padding: 10px 20px;*/
/*background-color: #f7f7f7;*/
/*margin: 10px 0;*/
/*font-size: 12px;*/
/*}*/

/*.breadcrumb-layout.show .el-breadcrumb{*/
/*display: block;*/
/*}*/

.breadcrumb-layout {
    background-color: transparent;
    padding: 0;
    height: 0;
    margin: 0;
}

.breadcrumb-layout .el-breadcrumb {
    display: none;
}

.breadcrumb-layout1 {
    position: relative;
    padding: 10px 20px;
    background-color: #f7f7f7;
    font-size: 12px;
    height: 32px !important;
    /*margin-top: 10px;*/
}

.breadcrumb-layout1 .el-breadcrumb {
    font-size: 12px;
}

/*====  频道重置  ====*/
.channel-popover {
    background-color: #3c4246;
    border: 1px solid #3c4246;
    padding: 8px;
}

.channel-popover .el-popover__title {
    color: #fff;
    margin-bottom: 2px;
    border-bottom: 1px solid #797979;
    padding-bottom: 8px;
    font-size: 14px;
}

.channel-popover .popper__arrow {
    color: #3c4246;
}

.channel-popover .popper__arrow::after {
    border-bottom-color: #3c4246;
}

.channel-area .channel-switch .channel-item {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin-bottom: 4px;
    overflow: hidden;
    color: #fff;
    font-size: 13px;
    cursor: pointer
}

.channel-area .channel-switch .channel-item:active {
    color: #f50;
}

.channel-area .channel-item:last-child {
    margin-bottom: 0;
}

.channel-area .channel-item .channel-icon {
    width: 30px;
    height: 100%;
    float: left;
    text-align: center;
}

.channel-area .channel-item .channel-content {
    overflow: hidden;
    float: left;

}

.channel-popover .popper__arrow {
    border-bottom-color: #3c4246 !important;
}

.channel-popover .popper__arrow:after {
    border-bottom-color: #3c4246 !important;
}

/*搜索相关媒体查询适应*/

/*@media screen and (max-width:1024px){*/
/*.query-sort-area .basic-block{*/
/*height: 200px;*/
/*}*/
/*}*/

/*@media screen and (min-width:1025px) and (max-width:1280px){*/
/*.query-sort-area .basic-block{*/
/*height: 160px;*/
/*}*/
/*}*/

/*@media screen and (min-width:1281px) and (max-width:1440px){*/
/*.query-sort-area .basic-block{*/
/*height: 160px;*/
/*}*/
/*}*/

/*@media screen and (min-width:1441px) and (max-width:1680px){*/
/*.query-sort-area .basic-block{*/
/*height: 120px;*/
/*}*/
/*}*/

/*@media screen and (min-width:1681px){*/
/*.query-sort-area .basic-block{*/
/*height: 85px;*/
/*}*/
/*}*/
.tree-menu .el-menu--collapse {
    width: 50px;
}

.tree-menu .el-menu .el-submenu__title {
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    padding-left: 13px !important;
    padding-right: 13px;
}

.tree-menu .el-menu .el-menu-item {
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    min-width: 180px;
    width: 180px;
    padding: 0 20px;
    padding-left: 48px !important;
}

.tree-menu .el-menu .el-submenu [class^=el-icon-] {
    font-size: 16px;
    width: 20px;
    margin-right: 0;
}

.tree-menu .el-menu-item.is-active {
    background-color: #0c64eb !important;
}

.tree-menu .el-menu .el-submenu__title i {
    color: #dbdbdb;
}

/*====  后台导航栏  ====*/
.header-wrap {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 50px;
    font-size: 13px;
}

.header-wrap .header-left {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    height: 50px;
    float: left;
}

.header-wrap .header-left > .logo {
    height: 50px;
    width: 70px;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.header-wrap .header-left > .logo img {
    height: 50px;
    width: 50px;
    display: block;
}

.header-wrap .header-left > .name {
    display: inline-block;
    float: left;
}

.header-wrap .header-left > .resou-wrapper {
    margin-left: 20px;
    position: relative;
    float: left;
}

.header-wrap .header-right {
    float: right;
    color: #fff;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.header-wrap .header-right .header-info-btn {
    padding: 0 18px;
    height: 50px;
    display: block;
    z-index: 2;
    border-right: 1px solid #2a2f32;
    font-size: 13px;
    line-height: 50px;
    text-decoration: none;
}

@media screen and (max-width: 1100px) {
    .header-wrap .header-left > .name span:nth-child(1) {
        display: none;
    }

    .header-wrap .header-left > .name span:nth-child(2) {
        display: none;
    }
}

/*=====    后台首页     =======*/
.main-content .message-list {
    padding: 10px 5px 10px 10px;
    height: calc(100% - 41px);
    height: -webkit-calc(100% - 41px);
    height: -moz-calc(100% - 41px);
    overflow-y: auto;
}

.main-content .message-list .message-item {
    width: 100%;
    line-height: 32px;
    display: block;
    font-size: 13px;
    color: #666;
    overflow: hidden;
}

.main-content .message-list .message-item:hover a.content,
.main-content .message-list .message-item:hover span.date {
    color: #f50;
}

.main-content .message-list .message-item .content {
    display: block;
    float: left;
    width: calc(100% - 145px);
    width: -webkit-calc(100% - 145px);
    width: -moz-calc(100% - 145px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-content .message-list .message-item .date {
    display: block;
    float: right;
    text-align: right;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-content .content-left .nav-map-container {
    /*border: 1px solid #dfdfdf;*/
    /*margin-right: 10px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.main-content .content-right .message-container {
    border: 1px solid #dfdfdf;
    margin-left: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    height: 100%;
}

.main-content .content-right .message-container > .caption,
.main-content .content-left .nav-map-container > .caption {
    height: 36px;
    line-height: 36px;
    background-color: #F5F5F6;
    border-bottom: 1px solid #dfdfdf;
    font-size: 13px;
    padding: 0 10px;
    color: #555;
}

.nav-map-container .nav-map {
    margin-top: 10px;
}

.nav-map .td-first .cell-name {
    width: 100px;
}

.nav-map .cell-name.children {
    border: 2px solid #0c64eb;
    background-color: #d7f3ff;
    color: #0c64eb;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 2px;
    text-align: center;
    border-radius: 4px;
}

.nav-map .cell-name.group {
    position: relative;
    border-bottom: 2px solid #0c64eb;
    background-color: #d6d6d6;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: not-allowed;
}

.nav-map .cell-name.children i.icon {
    float: left;
}

.nav-map .nav-cell {
    padding: 5px 20px;
    position: relative;
    float: left;
}

.nav-map .nav-cell.parent:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 13px;
    width: 6px;
    height: 1.5px;
    background-color: #0c64eb;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: -3px;
}

.nav-map .nav-cell.parent:after {
    position: absolute;
    content: '';
    bottom: 50%;
    left: 13px;
    width: 6px;
    height: 1.5px;
    background-color: #0c64eb;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-bottom: -4px;
}

.nav-map .nav-row .nav-cell.no .line-x {
    display: none;
}

.nav-map .cell-name {
    position: relative;
    border-bottom: 2px solid #0c64eb;
    background-color: #f7f7f7;
    padding: 6px 10px;
    border-radius: 2px;
}

.nav-map .nav-cell .line-x {
    position: absolute;
    left: -20px;
    top: 50%;
    width: 40px;
    height: 1px;
    border-top: 1px solid #0c64eb;
}

.nav-map .nav-row:first-child .nav-cell .line-y {
    position: absolute;
    width: 2px;
    height: 50%;
    left: -20px;
    top: 50%;
    background-color: #0c64eb;
}

.nav-map .nav-row:last-child .nav-cell .line-y {
    position: absolute;
    width: 2px;
    height: 50%;
    left: -20px;
    top: 0;
    background-color: #0c64eb;
}

.nav-map .nav-cell .line-y {
    position: absolute;
    width: 2px;
    height: 100%;
    left: -20px;
    top: 0;
    background-color: #0c64eb;
}

.nav-map .simple-tbl.first {
    width: 100%;
    border: 1px solid #dfdfdf;
}

.nav-map .simple-tbl.second > .body > .row > td:nth-child(1) {
    padding: 2px 0;
}

.nav-map .simple-tbl.second > .body > .row > td {
    padding: 2px 20px;
}

.nav-map .simple-tbl > .body > .row > td {
    vertical-align: middle;
    border: none;
    cursor: pointer;
    padding: 2px 10px;
}

.nav-map .simple-tbl > .body > .row > td.sibling:after {

}

.nav-map .simple-tbl > .body > .row:hover:not(.active) {
    background-color: transparent;
}

.nav-map .simple-tbl.first > .body > tr {
    border-bottom: 1px solid #dfdfdf;
}

.nav-map .simple-tbl.first > .body > tr > td:nth-child(1) {
    width: 96px;
}

.main-content {
    height: calc(100% - 66px);
    height: -webkit-calc(100% - 66px);
    height: -moz-calc(100% - 66px);
}

.main-content .content-left {
    border: 1px solid #dfdfdf;
    overflow: hidden;
}

.func-map-wrapper {
    width: 100% !important;
}

.card-layout {
    margin: 0 5px;
    height: calc(100% - 44px - 37px);
    height: -webkit-calc(100% - 44px - 37px);
    height: -moz-calc(100% - 44px - 37px);
}

.message-container .home-msg-list {
    height: calc(100% - 46px);
    height: -webkit-calc(100% - 46px);
    height: -moz-calc(100% - 46px)
}

/* ========tag标签========= */

.swb-tags {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 6px;
    color: #333;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.15);
}

.swb-tags.swb-tags-success {
    color: #fff;
    background-color: #4cd964;
}

.swb-tags.swb-tags-warning {
    color: #fff;
    background-color: #f0ad4e;
}

.swb-tags.swb-tags-danger {
    color: #fff;
    background-color: #dd524d;
}

.swb-tags-delete {
    margin-left: 5px;
}

.swb-tags.deleteable .swb-tags-delete:hover {
    cursor: pointer;
}

/*网格布局*/
.grid-layout {
    /*width: 100%;*/
    /*height: 100%;*/
    padding-top: 10px;
}

.grid-layout .grid-container {
    width: 100%;
    height: 100%;
    border: 1px solid #efefef;
    color: #555;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}

.grid-layout .grid-cloumn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-right: 1px dashed #ddd;
    flex-grow: 3;
}

.grid-layout .grid-cloumn.cell {
    flex-grow: 1;
}

.grid-layout .grid-cloumn:last-child {
    border-right: none;
}

.grid-layout .cloumn-caption {
    border-bottom: 1px solid #efefef;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #555;
    font-size: 13px;
    overflow: hidden;

}

.grid-layout .cloumn-caption,
.grid-layout .cloumn-item {
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}

.grid-layout .grid-cloumn .name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.grid-layout .grid-cloumn .cloumn-item.active {
    background-color: #efefef;
}

.grid-layout .grid-cloumn .opera {
    width: 80px;
    color: #0c64eb;
    text-align: right;
    display: none;
}

.grid-layout .grid-cloumn .cloumn-caption .opera {
    display: block;
}

.grid-layout .cloumn-item {
    /*border-bottom: 1px solid #efefef;*/
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #555;
    font-size: 12px;
    overflow: hidden;
    cursor: pointer;

}

.grid-layout .cloumn-caption + .cloumn-item {
    border-top: 1px solid #efefef;

}

.grid-layout .cloumn-item .tab {
    padding: 0 4px;
    background-color: #ddd;
    border-radius: 4px;
    color: #555;
    font-size: 12px;
}

.grid-layout .cloumn-item .tab.active {
    background-color: #00dd1c;
    color: #fff;
}

.grid-layout .cloumn-item:hover {
    background-color: #efefef;
}

.grid-layout .cloumn-item:hover .opera {
    display: block;
}

.grid-layout .cloumn-item:last-child {
    border-bottom: none;
}

.grid-layout .grid-cloumn .el-select {
    width: 100%;
    height: 100%;
}

.grid-layout .grid-cloumn .el-select .el-input__inner {
    border: none;
    border-bottom: 1px solid #efefef;
}

.cloumn-group {
    padding: 10px 20px;
}

.cloumn-group .simple-tbl > .head > tr > th {
    border: 1px solid #e5e5e5;
}

.cloumn-group .simple-tbl i {
    color: #0c64eb;
    font-weight: 600;
}

.cloumn-group .group-title {
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    border-bottom: 1px solid #efefef;
    padding: 0 20px;
    position: relative;
}

.cloumn-group .group-title:before {
    content: '';
    position: absolute;
    top: 15%;
    left: 0;
    height: 70%;
    width: 5px;
    background-color: #0c64eb;
}

/*===========组--项--操作=============*/
.group-container {
    border: 1px solid #dfdfdf;
    margin-top: 10px;
    padding: 10px;
}

.group-container .item-container .item-title {
    width: 100%;
    line-height: 34px;
    height: 35px;
    background-color: #fff;
    margin: 10px 0;
    padding: 0 15px;
    font-size: 14px;
    color: #48576a;
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}

.group-container .item-container .item-content {
    padding-left: 20px;
}

.swb-workbench {
    height: calc(100% - 49px);
    height: -webkit-calc(100% - 49px);
    height: -moz-calc(100% - 49px);
}

/*日历组件中列表*/
.calendar-layout .calendar-row {
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
}

.calendar-layout .calendar-row .calendar-date {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.calendar-layout .calendar-row .calendar-btn-group {
    width: 80px;
    color: #0c64eb;
    text-align: right;
}

.calendar-layout .calendar-layout .calendar-date {
    line-height: 24px;
    font-size: 14px;
}

.calendar-layout .calendar-list .calendar-item {
    width: 100%;
    margin-bottom: 2px;
    color: #333;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    -webkit-transition: all .1s;
    transition: all .1s;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.calendar-layout .calendar-list .calendar-item .calendar-time {
    color: #909399;
    font-weight: 400;
}

.calendar-layout .calendar-list .calendar-item .calendar-title {

}

.calendar-layout .calendar-btn-group {
    text-align: right;
}

.calendar-layout .calendar-btn-group .calendar-btn {
    font-size: 12px;
    cursor: pointer;
    color: #0c64eb;
    padding-right: 5px;
    display: inline-block;
}

/*时间轴*/
.timeline-layout {
    padding: 10px;
}

.timeline-layout .el-card__body {
    padding: 10px 15px;
    font-size: 13px;
}

.timeline-layout .el-timeline-item__tail {
    left: 90px;
}

.timeline-layout .el-timeline-item__node--normal {
    left: 85px;
}

.timeline-layout .el-timeline-item__wrapper {
    padding-left: 105px;
}

.timeline-layout .el-timeline-item__content .el-card .title {
    color: #333333;
    position: relative;
}

.timeline-layout .el-timeline-item__content .el-card .title .opera {
    position: absolute;
    top: -2px;
    right: 5px;
    color: #0c64eb;
    font-size: 16px;
}

.timeline-layout .el-timeline-item__content .el-card .title .opera i {
    margin-left: 5px;
}

.timeline-layout .el-timeline-item__content .el-card p {
    color: #606266;
    font-size: 12px;
}

.timeline-layout .time-slot {
    position: absolute;
    top: 0;
    left: 2px;
    font-size: 12px;
    color: #606266;
}

.timeline-layout .el-timeline-item__timestamp {
    color: #10C55B;
}

/*时间弹框*/
.popover-time {
    padding: 15px;
    font-size: 13px;
    padding-left: 30px;
    position: relative;
}

.popover-time .color-block {
    position: absolute;
    top: 17px;
    left: 12px;
    width: 12px;
    height: 12px;
    background-color: #10C55B;
    border-radius: 2px;
}

.popover-time .time-frame {
    margin: 10px 0;
}

.popover-time .time-frame .start-time {
    display: inline-block;
}

.popover-time .time-frame .start-time span:nth-child(1) {
    font-size: 22px;
    font-weight: 100;
}

.popover-time .time-frame .end-time {
    display: inline-block;
    margin-left: 5px;
}

.popover-time .time-frame .end-time span:nth-child(1) {
    font-size: 22px;
    font-weight: 100;
}

.popover-time .detail-btn a {
    padding: 6px 15px;
    font-size: .75rem;
    min-width: 60px;
    border-radius: 14px;
    color: #fff;
    background-color: #0C64EB;
    border-color: #0C64EB;
    display: inline-block;
    margin-bottom: 10px;

}

.popover-time > p {
    color: #10C55B;
    line-height: 20px;
}

/*element popper弹框面板优化*/
.popper-tabs {
    padding: 8px 0;
}

.popper-tabs .popper-title {
    padding: 8px 10px;
    color: #909399;
}

.popper-tabs .popper-input {
    padding: 8px 10px;
    color: #909399;
}

.popper-tabs .popper-input input[type="text"] {
    border-radius: 20px;
}

.popper-tabs .popper-btn-group {
    text-align: center;
    margin-top: 10px;
}

/*简单列表*/
.simple-list {
    height: 256px;
    overflow-x: hidden;
    overflow-y: auto;
}

.simple-list .simple-item {
    font-size: 14px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
}

.simple-list .simple-item.active .icon {
    display: block;
}

.simple-list .simple-item:hover {
    background-color: #F5F5F5;
}

.simple-list .simple-item a {
    color: #333333;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.simple-list .simple-item .icon {
    color: #333333;
    width: 32px;
    text-align: center;
    display: none;
}

/*简易表单*/

.simple-form {
    overflow: hidden;
}

.simple-form .form-group {
    overflow: hidden;
    padding: 8px 4px;
    font-size: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    padding-bottom: 15px;
}

.simple-form .form-group.center {
    align-items: center;
}

.simple-form .form-group .form-label {
    width: 116px;
    display: inline-block;
    color: #909399;
    font-weight: 500;
    white-space: normal;
    word-break: break-all;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
}

.simple-form .form-group .form-label.left {
    text-align: left;
    min-width: 68px;
    width: auto;
}

.simple-form .form-group .form-value {
    white-space: normal;
    word-break: break-all;
    display: inline-block;
    width: calc(100% - 126px);
    font-size: 14px;
    position: relative;
    color: #333333;
}

.simple-form .form-group .form-value .el-form-item--mini.el-form-item,
.simple-form .form-group .form-value .el-form-item--small.el-form-item {
    margin-bottom: 0;
}

.simple-form .form-group .form-value.base-line .el-input input[type="text"] {
    border: none;
    border-bottom: 1px solid #EBEEF5;
}

.simple-form .form-group .form-value .form-tips {
    color: #909399;
    padding-left: 5px;
    display: inline-block;
}

.simple-form .form-group .form-value .row + .row {
    margin-top: 5px;
}

.simple-form .form-group .form-value > img {
    width: 120px;
    height: 120px;
}

.simple-form .form-group .form-value > img.mini {
    width: 50px;
    height: 50px;
}

.simple-form.label .form-label {
    min-width: 60px;
    width: auto;
}

/*简单表格多列展示*/

.simple-form.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.simple-form.flex.col-2 .form-group {
    width: calc(100% / 2);
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
}

.simple-form.flex.col-3 .form-group {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
}

.simple-form.flex.col-4 .form-group {
    width: calc(100% / 4);
    width: -webkit-calc(100% / 4);
    width: -moz-calc(100% / 4);
}

/*核对订单列表*/

.store-list + .store-list {
    margin-top: 10px;
}

.store-list .cart-table {
    width: 100%;
    font-size: 14px;
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
}

.store-list .cart-table .cart-thead .row {
    border: 1px solid #EBEEF5;
}

.store-list .cart-table .row > th {
    padding: 8px 2px;
    text-align: center;
    background: #F5F5F5;
    color: #909399;
    font-size: 14px;
    font-weight: 400;
}

.store-list .cart-table .cart-tbody .row {
    vertical-align: top;
    border: 1px solid #EBEEF5;
    border-top: none;
    height: auto;
    overflow: hidden;
}

.store-list .cart-table .cart-tbody .row input {
    width: 80px;
}

.store-list .cart-table .cart-tbody .row.other td {
    text-align: right;
    padding: 10px 15px;
}

.store-list .cart-table .cart-tbody .row.other .overflow-content > p span:first-child {
    display: inline-block;
    width: 200px;
    text-align: right;
}

.store-list .cart-table .cart-tbody .row.other .overflow-content > p span:last-child {
    display: inline-block;
    width: 100px;
    text-align: right;
}

.store-list .cart-table .row > td {
    padding: 8px 2px;
    text-align: center;
    font-size: 12px;
}

.store-list .cart-tbody .goods-box .goods-img {
    float: left;
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
}

.store-list .cart-tbody .goods-box .goods-detail {
    padding-left: 10px;
    font-family: arial;
    text-align: left;
    float: left;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.store-list .cart-tbody .goods-box .goods-detail .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.store-list .cart-tbody .goods-box .goods-detail .other {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    color: #909399;
}

/*子表布局*/

.table-layout .sub-table-layout .el-table__header-wrapper thead th {
    background: #F5F5F5;
}

/*===========行====================*/

.simple-row {
    overflow: hidden;
    display: block;
    text-decoration: none;
    /* background: #F5F5F5; */
    line-height: 32px;
    padding: 5px 0;
    height: 44px;
}

.simple-row > .left {
    float: left;
}

.simple-row > .right {
    float: right;
}

.content-row {
    margin: 10px 0;
}

.content-row .content-item {
    display: inline-block;
    font-size: 14px;
}

.content-row .content-item + .content-item {
    margin-left: 20px;
}

/*底部悬浮按钮*/
.suspend-btn {
    position: fixed;
    bottom: 20px;
    right: 60px;

}

/*上传*/
.upload-group {
    overflow: hidden;
    position: relative;
    display: table;
    border-collapse: separate;
}

.upload-group .input-btn-group {
    position: relative;
    height: 30px;
    line-height: 27px;
    cursor: pointer;
}

.upload-group .input-btn-group .swb-btn {
    line-height: 28px;
}

.upload-group .input-btn-group .swb-btn {
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}

.upload-group .input-btn-group .left-radio {
    border-radius: 2px 0 0 2px;
}

.upload-group .input-btn-group .right-radio {
    border-radius: 0 2px 2px 0;
}

.input-btn-group input {
    position: absolute;
    top: 0;
    right: 0px;
    height: 30px;
    filter: alpha(opacity:0);
    opacity: 0;
    width: 65px;
    vertical-align: middle;
}

#textfield, .upload-group .filename {
    float: left;
    height: 30px;
    border: 1px solid #ddd;
    border-right: none;
    vertical-align: middle;
    line-height: 28px;
    padding: 0 6px;
    max-width: 300px;
    min-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

/*必填*/
.row th.required:before {
    content: '*';
    color: #FF0000;
    margin-right: 4px;
    vertical-align: middle;
}

label.required:before {
    content: '*';
    color: #FF0000;
    margin-right: 4px;
    vertical-align: middle;
}

/*小程序OA审批*/
@media screen and (max-width: 960px) {
    .pc-approval {
        display: none;
    }
}

@media screen and (min-width: 960px) {
    .app-approval {
        display: none;
    }
}

.asset-card .card-item {
    border: 1px solid #dbdbdb;
}

.asset-card .card-item + .card-item {
    margin-top: 10px;
}

.asset-card .table-view .table-view-cell:after {
    height: 0;
}

.asset-card .table-view:before {
    height: 0;
}

.asset-card .table-view .table-view-cell {
    padding: 4px 12px;
}

.flex-column {
    overflow: hidden;
    padding: 10px 5px;
    margin-top: 10px;
    position: relative;
}

.flex-column:after {
    position: absolute;
    right: 15px;
    top: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: #dbdbdb;

}

.flex-column.col-4 .column-item {
    width: calc(100% / 4);
    width: -webkit-calc(100% / 4);
    width: -moz-calc(100% / 4);
    text-align: center;
    display: inline-block;
    float: left;

}

.flex-column.col-3 .column-item {
    width: calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    text-align: center;
    display: inline-block;
    float: left;
}

.page-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.table-sub-panle {
    position: fixed;
    width: 80%;
    height: 80%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: none;
    border-radius: 4px;
    box-shadow: none;
    background-color: #fff;
    transform: rotate(0deg) scale(1) translate(0%, 0);
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0);
    transition: all 0.4s ease;
    z-index: 99;
    box-sizing: border-box;
    padding: 10px 11px;
    overflow-y: auto;
}

.table-sub-panle .sub-card-item {
    border: 1px solid #dbdbdb;
}

.table-sub-panle .sub-card-item + .sub-card-item {
    margin-top: 10px;
}

.asset-card .table-delete {
    text-align: center;
    position: fixed;
    bottom: 10%;
    right: 0;
    left: 0;
    border-radius: 50%;
    font-size: 25px;
    color: #999;
    background: #dbdbdb;
    width: 30px;
    height: 30px;
    line-height: 25px;
    margin: 0 auto;
    opacity: 0.8;
    z-index: 100;
}

.mobile-caption {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    /*border-bottom: 1px solid #cccccc;*/
    background-color: #fff;
}

.mobile-caption:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4080d5;
    z-index: 888;
}

/*移动端表格*/

/*====================商户入驻====================*/

.table-view + .table-view {
    margin-top: 10px;
}

.table-view {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    background-color: #fff;
}

.table-view:before {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: #dbdbdb;
}

.table-view .table-view-cell {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    padding: 10px 15px;
    font-size: 14px;
}

.table-view .table-view-cell:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: #dbdbdb;
}

.table-view .table-view-cell:last-child:after {
    left: 0;
}

.table-view .table-view-cell .text-row {
    position: relative;
    display: block;
    font-size: 14px;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
}

.table-view .table-view-cell .text-row.navigate-right {
    padding-right: 15px;
}

.table-view .table-view-cell .text-row.navigate-right:after {
    content: '>';
    font-size: 14px;
    font-family: Muiicons;
    /* font-size: inherit; ＞*/
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 0px;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    color: #adadad;
    -webkit-font-smoothing: antialiased;
}

.text-row .required:before {
    content: '*';
    color: #f00;
    margin-right: 4px;
    vertical-align: middle;
}

/* ========列表带图片======== */

.table-view-cell.media .image {
    margin-right: 10px;
    line-height: 42px;
    max-width: 42px;
    height: 42px;
    float: left;
}

.table-view-cell.media .icon {
    margin-right: 10px;
    font-size: 28px;
    float: left;
    width: 42px;
    text-align: center;
}

.table-view-cell.media .mini-icon {
    margin-right: 10px;
    font-size: 14px;
    float: left;
    width: 20px;
    text-align: center;
    margin-top: -7px;
}

.table-view-cell.media .media-body {
    overflow: hidden;
}

/* ========禁用列表点击样式======== */

.table-view-cell.not-background:active {
    background-color: transparent;
}

/* ==========表格式列表 移动端========== */

.view-cell-label {
    color: #6c696a;
    display: inline-block;
    position: relative;
    font-size: 14px;
}

.view-cell-value {
    color: #373737;
    display: inline-block;
    position: relative;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
}

.view-cell-label + .view-cell-value {
    margin-left: 5px;
}

.text-content {
    -webkit-box-orient: horizontal;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}

.text-content .view-cell-label {
    width: 110px;
    text-align: left;
    font-size: 14px;
}

.text-content .view-cell-value {
    flex: 1;
    /*width: calc(100% - 110px - 5px);*/
    /*width: -webkit-calc(100% - 110px - 5px);*/
    /*width: -moz-calc(100% - 110px - 5px);*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
}

.text-content .view-cell-tips {
    width: 44px;
    text-align: right;
    font-size: 14px;
}

.text-content .view-cell-value input[type=text],
.text-content .view-cell-value input[type=digit] {
    padding: 0 4px;
    border: 1px solid #ddd;
    font-size: 12px;
}

.text-content.column .view-cell-value textarea {
    border: 1px solid #ddd;
    font-size: 12px;
    width: auto;
    height: 88px;
    padding: 4px;
}

.text-content + .text-content,
.text-content.small-column + .text-content.small-column,
.text-content.column + .text-content.column,
.text-content.mini-column + .text-content.mini-column {
    margin-top: 6px;
}

.view-cell-value.font-blue {
    color: #2d8cf0;
}

.table-view .table-view-cell .current-state .iconfont {
    font-size: 20px;
    color: #808080;
    margin-top: 2px;
}

.table-view .table-view-cell.btn-cell {
    padding: 5px 15px;
}

.table-view .table-view-cell.btn-cell .text-row .btn {
    margin-right: 5px;
}

.table-view .table-view-cell.btn-cell .text-row .btn:last-child {
    margin-right: 0;
}

/*用户中心*/
html, body {
    width: 100%;
    height: 100%;
}

.user-page-container,
.page-container {
    background-color: #F5F5F5;
    height: 100%;
    width: 100%;
}

.header-area .header,
.main-area .main {
    position: relative;
    max-width: 1000px;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.user-page-container .page-container .header-area {
    height: 50px;
    line-height: 50px;
    width: 100%;
    background-color: #fff;
}

.user-page-container .header-area .logo img {
    height: 40px;
    width: auto;
}

.user-page-container .main-area {
    width: 100%;
    height: calc(100% - 55px);
    height: -webkit-calc(100% - 55px);
    height: -moz-calc(100% - 85px);
    margin-top: 5px;
}

.user-page-container .side-area {
    width: 180px;
    background-color: #828282;
    color: #fff;
    float: left;
    height: 100%;
}

.user-page-container .main-area .content-area {
    width: calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    background-color: #fff;
    float: left;
    height: 100%;
}

.header-area .menu-caption {
    height: 50px;
    line-height: 50px;
    position: relative;
    font-size: 15px;
    padding: 0 20px 0 20px;
    background-color: #0c64eb;
    float: left;
    color: #fff;
    font-weight: 600;
}

.header-area .log-info {
    float: right;
}

.header-area .log-info > a:hover {
    color: #0c64eb;
}

.simple-menu .menu-item {
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    padding: 0 20px 0 20px;
    position: relative;
    cursor: pointer;
}

.simple-menu .menu-item:hover {
    background-color: #a9a9a9;
}

.simple-menu .menu-item.active {
    background-color: #fff;
    color: #0c64eb;

}

.simple-menu .menu-item .menu-icon {
    display: inline-block;
}

.simple-menu .menu-item .menu-name {
    display: inline-block;
    padding-left: 10px;
}

.header-area .logo,
.header-area .header-tabs-nav {
    float: left;
}

.header-area .logo {
    width: 180px;
}

/*文件上传样式*/
.file-view-list {
    margin-top: 5px;
    color: #606266;
}

.file-view-list .file-view-header {
    font-weight: 700;
    background: #f5f5f6;
}

.file-view-list .file-view-header,
.file-view-list .file-view-item {
    display: flex;
    padding: 4px 4px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #EBEEF5;
    height: 40px;
    position: relative;
}

.file-view-list .file-view-header .file-name,
.file-view-list .file-view-item .file-name {
    width: 70%;
}

.file-view-list .file-view-item .file-name {
    color: #0c64eb;
    cursor: pointer;
}

.file-view-list .file-view-header .file-opera,
.file-view-list .file-view-item .file-opera {
    width: calc(100% - 70%);
    text-align: right;
}

.file-view-list .file-view-item .file-opera > i {
    font-size: 18px;
    margin-left: 8px;
}

.file-view-list .file-view-item .file-opera > i:not(.icon-shanchu1):hover {
    color: #0c64eb;
    cursor: pointer;
}

.file-view-list .file-view-item .file-opera > i.icon-shanchu1:hover {
    color: red;
    cursor: pointer;
}

.file-view-list .file-view-item .file-opera .downloadable-icon,
.file-view-list .file-view-item .file-opera .editable-icon,
.file-view-list .file-view-item .file-opera .md5-icon,
.file-view-list .file-view-item .file-opera .changeable-icon {
    display: none;
}

.file-view-list .file-view-item.downloadable .file-opera .downloadable-icon,
.file-view-list .file-view-item.editable .file-opera .editable-icon,
.file-view-list .file-view-item.show-md5 .file-opera .md5-icon,
.file-view-list .file-view-item.changeable .file-opera .changeable-icon {
    display: inline-block;
}

/*展开隐藏按钮*/
.content-caption .shrink-tab {
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    color: #0c64eb;
}

.content-caption .shrink-tab.current {
    color: #0c64eb;
}

/*底部按钮栏*/
.bot-btn-bar {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100% - 180px);
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #f7f7f7;
    z-index: 9;
    -webkit-box-shadow: 0 -1px 4px #a1a1a1;
    box-shadow: 0 -1px 4px #a1a1a1;
}

.bot-btn-bar .bot-bar-icon {
    position: absolute;
    top: 3px;
    left: -26px;
    bottom: 0;
    height: 46px;
    width: 50px;
    line-height: 50px;
    background: #2D8CF0;
    border-radius: 100% 0 0 100%/100%;;
    cursor: pointer;
}

.bot-btn-bar .bot-bar-icon.show {
    position: absolute;
    top: 3px;
    left: -26px;
    bottom: 0;
    height: 46px;
    width: 50px;
    line-height: 50px;
    background: #2D8CF0;
    border-radius: 0 100% 100% 0/100%;
    cursor: pointer;
}

.bot-btn-bar .bot-bar-icon:after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    width: 26px;
    background: #f7f7f7;
}

.bot-btn-bar .bot-bar-icon.show:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    width: 26px;
    background: #fff;
}

.bot-btn-bar .bot-bar-icon > .iconfont {
    position: relative;
    left: -12px;
    top: -2px;
    color: #fff;
}

.bot-btn-bar .bot-bar-icon.show > .iconfont {
    position: relative;
    right: -12px;
    top: -2px;
    color: #fff;
    left: auto;
}

/*抽屉效果 默认右侧滑出*/
.drawer-container {
    transform: translate(94%, 0);
    -webkit-transform: translate(100%, 0);
    transition: all 0.5s ease;
}

.drawer-container.show {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}