@charset "UTF-8";

/*==========ERPM==========*/

[v-cloak]{

    display: none;

}

/* override */

.p-table .form-control[readonly]{
    background-color: #fcf8e3;
    border: 0;
}


.bj-page .form-control[readonly]{
    background-color: #fcf8e3;
    border: 0;
}

::selection
{
    background-color: rgba(0,149,255,.2);
    /*color: #fff;*/
}

.layui-form-item{
    position: relative;
}

.layui-form-item .ui-alert{
    color: #fff;
    background-color: #5fb878;
    border-color: #d6e9c6;
    position: absolute;
    z-index: 9;
    right: -80px;
    top: 0;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border-radius: 4px;
}


/* icon */

.ly-icon{

    display: inline-block;

    vertical-align: middle;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 100% 100%;

}


.ly-icon-dataNo{

    background-image: url("../img/data_no.png");

    width: 60px;

    height: 60px;

}

.ly-icon-searchTip{

    background-image: url("../img/search_tip.png");

    width: 60px;

    height: 60px;

}


.ly-icon-doc{

    background-image: url("../img/doc.png");

    width: 60px;

    height: 60px;

}

.ly-icon-pdf{

    background-image: url("../img/pdf.png");

    width: 60px;

    height: 60px;

}

.ly-icon-excel{

    background-image: url("../img/excel.png");

    width: 60px;

    height: 60px;

}

.ly-icon-add{

    background-image: url("../img/add_icon.png");

    width: 24px;

    height: 24px;

}

.ly-icon-section{

    background-image: url("../img/section_icon.png");

    width: 24px;

    height: 24px;

}

.ly-icon-del{

    background-image: url("../img/del_icon.png");

    width: 24px;

    height: 24px;

}

.ly-icon-fold{

    background-image: url("../img/icon_fold.png");

    width: 24px;

    height: 24px;

}


/* data-no */

.data-no{

    position: relative;

    text-align: center;

    padding: 50px 0;

}


.data-no .txt{

    position: relative;

    overflow: hidden;

    text-align: center;

    font-size: 16px;

    color: #888;

    padding: 10px 0 0;

}

.xm-all-no i{
    font-size: 36px;
    display: block;
    margin: 0 auto 6px;
}

.xm-all-no .data-no{
    font-size: 14px;
    /*border: 1px solid #dcdcdc;*/
    margin: 10px 0 0;
    padding: 36px 0;
}

.gohome{
    z-index: 9999;
}

.goback {

    position: fixed;

    top: 55px;

    left: 15px;

    z-index: 9999;

}


.goback a {

    height: 38px;

    width: 38px;

    display: block;

    background: #2f4050;

    padding: 9px 8px;

    text-align: center;

    color: #fff;

    border-radius: 50%;

    opacity: .5

}

.goback a:hover ,.goback a:active {

    opacity: 1

}

.hamburger{
    padding-top: 5px;
}

.hamburger .line {
    width: 20px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 5px auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hamburger.ly-active {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger.ly-active .line:nth-child(2) {
    width: 0;
}

.hamburger.ly-active .line:nth-child(1) {
    -webkit-transform: translate(3px,6px);
    transform: translate(3px,6px);
}

.hamburger.ly-active .line:nth-child(3) {
    -webkit-transform: translate(3px,-10px) rotate(90deg);
    transform: translate(3px,-10px) rotate(90deg);
}

.float-catalog{
    position: fixed;
    z-index: 9999;
    right: 15px;
    bottom: 40px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    background-color: #1ab394;
    color: #fff;
    font-size: 14px;
    box-shadow: 1px 1px 1px 2px rgba(0,0,0,.15);
    display: none;
}


.float-menu{
    position: fixed;
    z-index: 999;
    right: 15px;
    bottom: 15px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #1ab394;
    box-shadow: 1px 1px 1px 2px rgba(0,0,0,.15);
    display: none;
}

.f-menu{
    position: fixed;
    z-index: 999;
    right: 50%;
    bottom: 260px;
    width: 72px;
    height: 72px;
    background: #fff url("../img/icon_menu2.png") no-repeat center center;
    background-size: 72% 72%;
    animation-duration: 2s;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,.3);
    border-radius: 50%;
    display: none;
    transform: translate(50%,0);
}


.menu-trigger{
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
}

/* 响应式表格相关样式 */

.td-nowrap{
    white-space: nowrap;
}


/* 打印--水印 */

.float-water-mask{
    position: fixed;
    z-index: 999;
    width: 80%;
    height: auto;
    top: 36%;
    left: 50%;
    transform: translate(-50%,50%);
    opacity: .25;
    display: none;
}

.float-water-mask img{
    display: block;
    width: 100%;
    height: auto;
}

.water-mask{
    display: none;
}

.water-mask-header{
    position: fixed;
    z-index: 999;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
}

.water-mask-header > div{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #777;
}

.water-mask-header img{
    width: 40px;
    height: 40px;
}

.water-mask-footer{
    position: fixed;
    z-index: 999;
    overflow: hidden;
    left: 0;
    width: 100%;
    bottom: 0;
}

.water-mask-footer > div{
    font-size: 14px;
    color: #444;
}

.water-mask-footer img{
    width: 36px;
    height: 36px;
}

.water-mask-footer img +span{
    display: inline-block;
    vertical-align: middle;
}

.water-mask-footer .footer-left{
    float: left;
}

.water-mask-footer .footer-right{
    float: right;
    margin-top: 10px;
}


/* float-menu -- old */
@-webkit-keyframes badbounce {
    0%,100% {
        -webkit-transform: translateY(0px)
    }

    10% {
        -webkit-transform: translateY(6px)
    }

    30% {
        -webkit-transform: translateY(-4px)
    }

    70% {
        -webkit-transform: translateY(3px)
    }

    90% {
        -webkit-transform: translateY(-2px)
    }
}



@keyframes badbounce {
    0%,100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    10% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    30% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }

    70% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    90% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.ss_animate {
    -webkit-animation: badbounce 1s linear;
    animation: badbounce 1s linear
}


#ss_menu + .menu-mask{
    content: "";
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    display: none;
}

#ss_menu {
    position: fixed;
    z-index: 100;
    right: 30px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    color: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#ss_menu>.menu {
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);
    color: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

#ss_menu>.menu .share {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

#ss_menu>.menu .share .circle {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    margin-top: -6px;
    left: 12px;
    opacity: 1
}

#ss_menu>.menu .share .circle:after,#ss_menu>.menu .share .circle:before {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    content: '';
    opacity: 1;
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
}

#ss_menu>.menu .share .circle:after {
    left: 20.78461px;
    top: 12px
}

#ss_menu>.menu .share .circle:before {
    left: 20.78461px;
    top: -12px
}

#ss_menu>.menu .share .bar {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    width: 24px;
    height: 3px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 18px;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

#ss_menu>.menu .share .bar:before {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    content: '';
    width: 24px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

#ss_menu>.menu .share.close .circle {
    opacity: 0
}

#ss_menu>.menu .share.close .bar {
    top: 50%;
    margin-top: -1.5px;
    left: 50%;
    margin-left: -12px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
}

#ss_menu>.menu .share.close .bar:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-450deg);
    transform: rotate(-450deg)
}

#ss_menu>.menu.ss_active {
    background: #00796b;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

#ss_menu>div {
    box-sizing: border-box;
    position: absolute;
    width: 60px;
    height: 60px;
    font-size: 30px;
    text-align: center;
    background: #00796b;
    border-radius: 50%;
    display: table
}

#ss_menu>div i {
    display: table-cell;
    vertical-align: middle
}

#ss_menu>div:hover {
    background: #009688;
    cursor: pointer
}

#ss_menu div:nth-child(1) {
    top: 0;
    left: -160px
}

#ss_menu div:nth-child(2) {
    top: -80px;
    left: -138.56406px
}

#ss_menu div:nth-child(3) {
    top: -138.56406px;
    left: -80px
}

#ss_menu div:nth-child(4) {
    top: -160px;
    left: 0
}


/* common */

.page-loading{
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,1);
}
.loading-done{
    transition: all .7s ease-out;
    transform: scale(1.4);
    opacity: 0;
}
.page-loading .sk-spinner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.form-control.auto-focus{
    border-color: #f8ac59!important;
}

.layui-layer-content{

    color: #666;

}


.bg-white{

    background-color: #fff;

}

.color-red{
    color: #FF0000;
}

.color-red-2{
    color: #f73131;
}

.color-green{
    color: #0ebe98;
}

.color-blue{
    color: #0000FF;
}

.color-blue-2{
    color: #366ddb;
}

.color-blue-3{
    color: #7d9be6;
}

.color-gray{
    color: #CED6D6;
}

.color-orange{
    color: #FF9900;
}

.color-rose{
    color: #CC0066;
}

.f-700{
    font-weight: 700!important;
}

.f-400{
    font-weight: 400!important;
}


.page-break-before{

    page-break-before: always;

}


.page-break-after{

    page-break-after: always;

}



.bl-loading{

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background-color: rgba(0,0,0,.4);

    display: flex;

    justify-content: center;

    align-items: center;

}


.p_t_10{
    padding-top: 10px;
}

.m_l_20{
    margin-left: 20px;
}

.m_r_8{
    margin-right: 8px;
}

.m_t_20{
    margin-top: 20px;
}

.m_b_15{
    margin-bottom: 15px;
}

.m_t_10{
    margin-top: 10px;
}


.m_t_8b{
    margin-top: 8%;
}

.layui-input-focus{
    border-color: #ffa500!important;
}

.layui-input-focus:focus,.layui-input-focus:hover{
    border-color: #ffa500!important;
}

.ibox-title{
    position: relative;
    overflow: hidden;
}

.ibox-title h5{
    float: none;
    margin: 0;
}

.ibox-title h5 a{
    padding: 4px 6px 4px 0;
    display: inline-block;
}

.ibox-title h5{
    font-size: 16px;
}

.ibox-title h5 a{
    margin-right: 10px;
}

.ibox-title .m_l_20{
    margin: 0;
}

/*.ibox{*/
/*margin-bottom: 0!important;*/
/*}*/

/* 流程单导航 */

#lcd_nav {
    display: none;
    position: fixed;
    z-index: 99;
    top: 50px;
    right: 0;
    text-align: left;
    padding: 6px 0;
}

#lcd_nav li{
    position: relative;
    list-style: none;
    padding-left: 8px;
}

#lcd_nav li a{
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    color: #666;
}

#lcd_nav li:before{
    content: "";
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d4d4d4;
    margin-top: -3px;
}


#lcd_nav li:after{
    content: "";
    position: absolute;
    z-index: 9;
    left: 2px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #eaeaea;
}

#lcd_nav li:first-child:after{
    top: 20px;
}

#lcd_nav li:last-child:after{
    bottom: 20px;
}

#lcd_nav li.current a{
    color: #1ab394;
}

#lcd_nav li.current:before{
    background-color: #1ab394;
}

#lcd_nav li.current:after{
    background-color: #1ab394;

}

.nav_m{
    position: relative;
}

.nav_mask{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
    display: none;
}


#lcd_nav_m{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    width: 220px;
    background-color: #fff;
    transition: transform .3s ease-out;
    margin: 0;
    padding: 0;
    transform: translate3d(-100%,0,0);
}


#lcd_nav_m li{
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}


#lcd_nav_m li a{
    position: relative;
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #666;
}

#lcd_nav_m li.current a{
    color: #333;
    font-weight: 700;
    background-color: #dedede;
}


#lcd_nav_m.active{
    transform: translate3d(0,0,0);
}




/*======报价系统======*/

.bj-mod{

    background-color: #fff;

}



.bj-box + .bj-box{

    margin-top: 30px;

}

.bj-box.bj-direct{
    margin-top: -1px;
}

.bj-page-view .bj-box.bj-direct td:first-child{
    width: 50.6%;
}

.bj-label{

    position: relative;

    overflow: hidden;

}

.bj-config{

    position: relative;

    overflow: hidden;

    text-align: center;

    margin-bottom: 20px;
}

.bj-config .form-box{

    display: inline-block;

    vertical-align: middle;

    width: 40%;
}

.bj-config .form-box .form-control{
    text-align: center;
}


.bj-config.ly-fixed{
    position: fixed;
    z-index: 999;
    width: 100%;
    max-width: 1200px;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    background-color: rgba(0,0,0,.6);
    padding: 10px 0;
}

.bj-config .btn-primary{
    font-weight: 700;
    background-color: #70b6f3;
    border-color: #70b6f3;
}

.bj-config .btn-danger{
    font-weight: 700;
    background-color: #5fb878;
    border-color: #5fb878;
}


/*table*/

.bj-table{
    font-size: 14px;
}

.bj-table tr.hasChange{
    background-color: #fcf8e3;
}

.bj-table .table>tbody+tbody{
    border: 0;
}

.bj-table table{
    width: 100%!important;
}

.bj-table table th,.bj-table table td{
    border: 1px solid #000!important;
    line-height: 1.42857!important;
    padding: 8px!important;
    vertical-align: middle!important;
    /*white-space: nowrap!important;*/
    text-align: center!important;
}

.bj-table.gantetu table th,.bj-table.gantetu table td{
    white-space: nowrap!important;
}

.bj-table table th{
    white-space: nowrap!important;
}

.bj-table table p{
    margin: 0!important;
}

.bj-table table span{
    font-size: 14px!important;
}


.bj-table .txt-spercent .form-control{

    width: 50px;

    padding-left: 6px;

    padding-right: 6px;

}


.bj-table .txt-sprice{

    min-width: 50px;

}

.bj-table .tname{
    font-weight: 700;
}

.bj-table .pname{

    position: relative;

    font-size: 18px;

    padding: 15px 0;
}

.bj-table .txt-input .form-control{
    text-align: right;
}

.bj-table .txt-total .single-txt,.bj-table .txt-total .single-input{
    display: inline-block;
    vertical-align: middle;
}

.bj-table .txt-total .single-input{
    width: 120px;
}

.bj-table .txt-trafficFee .form-control{
    text-align: center;
}

.bj-table .form-control:focus{
    border-color: #61abff!important;
}

.bj-table .txt-input{
    min-width: 75px;
}

.bj-table .txt-input .form-control{
    /*border-color: #61abff;*/
    color: #4178ff;
}

.bj-table .txt-total{
    color: #ff8a08;
    font-weight: 700;
}

.bj-table .txt-total .single-txt{

}

.bj-table .txt-total .single-input .form-control{
    font-weight: 400;
    border-color: #61abff;
}

.bj-table .table .pz-tr-group td{
    border-top-width: 2px!important;
    border-bottom-width: 2px!important;
}

.msg-bj .number{
    color: #f00;
    margin: 0 4px;
}

/* 配置单--新增/编辑状态 */

.bj-table .edit_color .txt,.bj-table .add_color .txt,.bj-table .edit_color_2 .txt{
    position: relative;
}


.bj-table .edit_color .txt:before{
    content: "";
    position: absolute;
    background: url("../img/icon_edit_bg.png") no-repeat right center;
    background-size: 100% 100%;
    z-index: 9;
    width: 40px;
    height: 37px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: .7;
}


.bj-table .edit_color_2 .txt:before{
    content: "";
    position: absolute;
    background: url("../img/icon_edit_bg2.png") no-repeat right center;
    background-size: 100% 100%;
    z-index: 9;
    width: 40px;
    height: 37px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: .3;
}


.bj-table .add_color td:first-child .txt:before{
    content: "";
    position: absolute;
    background: url("../img/icon_new_bg.png") no-repeat right center;
    background-size: 100% 100%;
    z-index: 9;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: .7;
}


/*======报价单======*/

/*---报价封面---*/

.bj-page{

    /*width: 794px;*/

    width: 100%;

    margin: 0 auto;

    max-width: 1200px;

    font-family: "SimSun";

}

.bj-page pre{
    background-color: transparent;
    border-color: transparent;
}

.bj-page .page-per{

    position: relative;

    color: #000;

    background-color: #fff;

    text-align: center;

    padding: 48px 64px;

    margin-bottom: 20px;

}

.bj-page.page-sm .page-per{

    padding-top:  40px;

    padding-bottom: 40px;
}


.bj-page .page-cover{

    position: relative;

    overflow: hidden;

    height: auto;

    padding-top: 80px;

    padding-bottom: 160px;

}

.bj-page .page-cover .title{
    font-family: "SimSun";
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 156px;
    margin-bottom: 200px;
}

.bj-page .page-cover .p-add-hd{
    max-width: 360px;
    margin: 0 auto;
}

.bj-page .page-cover .p-add-hd .form-control{
    width: 100%;
    height: 42px;
    color: #666;
}

.bj-page .page-cover .title div:last-child input{
    padding-right: 80px;
}

.bj-page .page-cover .title div:last-child span{
    position: absolute;
    z-index: 9;
    right: 0;
    top: 23px;
    margin: 0;
    padding: 0 10px;
    color: #666;
}

.bj-page .page-cover .title > span{
    display: block;
}

.bj-page .page-cover .title-main{
    font-size: 48px;
    margin-bottom: 60px;
}


.bj-page .page-cover .logo-sm{

    display: block;

    width: 100px;

    height: 100px;

    margin: 0 auto 156px;

}


.bj-page .page-cover .logo-sm img{

    display: block;

    width: 100%;

    height: 100%;

}


.bj-page .page-cover .info{

    font-family: "FangSong";

    font-size: 20px;

    line-height: 2;

}


.bj-page .page-cover .info .txt{

    font-weight: 700;

}

.bj-page .page-xieyi .title-main{
    margin-bottom: 45px;
}

.bj-page .page-xieyi .title-sub{
    margin-bottom: 35px;
}

.bj-page .bj-title{

    font-size: 18px;

    font-weight: 700;

    text-align: left;

    margin-bottom: 24px;

}

.bj-page .bj-name{

    font-size: 16px;

    font-weight: 700;

    text-align: left;

    color: #000;

    padding: 0;

    margin-bottom: 6px;

    float: left;

}

/* 主体设备 设置和展示 */

.zt-page{
    max-width: 1200px!important;
}

.zt-page .page-per{
    padding: 30px;
}

.zt-page input.form-control{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.zt-page textarea.form-control{
    resize: none;
}



.txt-label + .form-control{

    width: 40%;

    display: inline-block;

    vertical-align: middle;

}

.bj-total{
    /*position: absolute;*/
    /*right: 90px;*/
    /*top: 150px;*/
    font-size: 14px;
}

.bj-total .number{
    padding: 5px 15px;
    color: #fff;
    background-color: #f00;
    border-radius: 4px;
    /*margin-left: 20px;*/
}


/*---付款方式---*/

.fk-box{

    font-size: 16px;

    text-align: left;

    margin-bottom: 24px;

}

/*---供货周期---*/

.gh-box{

    text-align: left;

}

.gh-box .hd{

    font-size: 16px;

    margin-bottom: 8px;

}

.gh-box .bd{

    position: relative;

    overflow: hidden;

    border: 2px solid #000;

}

.gh-box .bd-item{

    position: relative;

    float: left;

    width: 50%;

    font-size: 14px;

    padding: 2px 8px;

    line-height: 34px;

}

.gh-box .bd-item:last-child:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background-color: #000;

}

.gh-box .bd-item .bd-p{

    overflow: hidden;

}

.gh-box .bd-item .bd-p .form-control{

    display: inline-block;
    vertical-align: middle;
    width: 286px;
}


.gh-box .bd-item:last-child span{

    position: relative;

}

.gh-box .bd-item:last-child span:empty:after{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 300px;

    border-bottom: 1px solid #000;

}


.gh-box .bd-item .txt{

    font-weight: 700;

}

.gh-mod.edit .gh-box .bd-item .bd-p{
    margin: 10px 0;
}

.gh-mod.edit .gh-box .bd-item .bd-p{
    display: flex;
}

.gh-mod.edit .gh-box .bd-item .bd-p .div-label{
    flex: none;
    padding-right: 6px;
}

.gh-mod.edit .gh-box .bd-item .bd-p .div-input{
    flex: 1;
}

.gh-mod.edit .gh-box .bd-item .bd-p .div-input .form-control{
    width: 100%;
}

/* zc-style */

.bl_fan_ibox-title{
    overflow: hidden;
}

.bl_fan_ibox-title h2{
    display: inline-block;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
    font-size: 16px;
}

.bl_fan_ibox-title h2 .icon-box{
    line-height: 1;
    color: #ff8c00;
    cursor: pointer;
}

.bl_fan_ibox-title h2 .icon-box i{
    font-size: 20px;
}

.xm-title-edit{
    padding: 20px;
}

#success-msg{
    color: #fff;
}

#xm-title-edit input{
    color: #666;
}


/*方案列表样式*/
.bl_fan_list{
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 180px;
}

.bl_fan_list i{
    margin: 15px 0px;
    background: url('../img/bl_ico.ico') no-repeat center;
    background-size: cover;
    display: inline-block;
    width: 64px;
    height: 64px;
}

.bl_fan_list p{
    margin: 0;
}

.bl_fan_list a{
    display: block;
    color: #fff;
    overflow: hidden;
}

.bl_fan_list .download-zizhi:hover{
    text-decoration: underline;
}

.xm-list a{
    display: block;
    overflow: hidden;
}

.xm-list .icon-box{
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 15px;
    line-height: 1;
    color: #ffbc66;
    cursor: pointer;
}

.xm-list  .icon-box em{
    font-size: 28px;
}

.xm-add{
    border: 1px solid #e7eaec;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
}

/*
.xm-add:before{
    content: "点击创建项目";
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 24px;
    font-weight: 700;
    color: #666;
    letter-spacing: 4px;
}*/

.xm-add .t-table{
    display: table;
    width: 100%;
    height: 100%;
}

.xm-add .t-cell{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.xm-add .t-cell .tips{
    margin-left: 8px;
}

.bl_fan_input >input{
    height: 34px;
}

.bl_fan_input .btn-sm{
    padding: 7px 15px;
}

/* 项目各个部分 */

.xm-part{
    position: relative;
    counter-reset: count;
}

.xm-part .col-sm-3:before{
    content: counter(count);
    counter-increment: count;
    position: absolute;
    z-index: 9;
    bottom: 15px;
    right: 20px;
    color: #fff;
    background-color: #56b8d6;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
}
/*

.xm-part + .xm-part:before{
    content: "";
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-top: 2px dashed #ffa73a;
}
*/


/*添加方案*/
.bl_fan_wizard-big.wizard > .content{
    min-height: 500px;
    overflow: auto;
}

.bl_fan_wizard-big .tabs-container .tabs-left > .nav-tabs > li > a{
    border-width: 0px;
}

.j_l_none{
    resize: vertical;
}

.bl_fan_fl .file-box{
    position: relative;
    margin-right: 20px;
    width: auto;
}

.bl_fan_fl .file-box .span-count{
    display: none;
    position: absolute;
    z-index: 9;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    background-color: #febb32;
    text-align: center;
    font-size: 14px;
    right: 2px;
    bottom: 12px;
    color: #fff;
}

.bl_fan_fl .widget h2{
    color: #666;
    font-size: 20px;
}

.bl_fan_fl .widget{
    border: 1px solid #1ab394;
}

.bl_fan_fl .file-box.selected .widget{
    background-color: #1ab394;
}

.bl_fan_fl .file-box.selected .widget h2{
    color: #fff;
}

.bl_fan_fl .file-box.selected .span-count{
    display: block;
}

/*登录页面样式*/

.bl_login{
    margin-top: 18%;
    text-align: center;
}

.bl_login h1 span{
    padding: 0px 5px;
}

.bl_qiyewx{
    padding-bottom: 10px;
    font-size: 16px;
}

.bl_login .info-ul li span{
    margin-right: 10px;
}

.left_user{
    color: #1ab394;
    font-weight: bold;
    font-size: 16px;
    margin: 3px 0;
}

/*流程单细节样式*/

.zc_lcd_input{
    border-color: #1ab394!important;
}

.bl_lcd_width{
    width: 100%!important;
}

.bl_juz{
    text-align: center;
}

.bl_lcd_address span{
    display: block;
    width: 100%;
    margin-bottom: 2px;
}

.bl_lcd_hover .contact-box:hover{
    border-color: #0e9aef;
    background-color: #f9f9f9;
}

#bl_xx_state {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #cdcccc;
    padding: 0px 2%;
}

#bl_xx_des {
    display: block;
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
    height: 35px;
    line-height: 1.3;
    border: 1px solid #cdcccc;
    background-color: #fff;
    border-radius: 2px;
}


/* 技术方案 */

.page-catalog h1,.page-catalog h2,.page-catalog h3{

    margin: 0;

}


.page-catalog p{

    text-align: left!important;

    font-size: 16px!important;

    line-height: 1.8!important;

}


/* 技术方案 */


.page-catalog.fangan .catalog-wrap p:nth-child(1){

    text-align: center!important;

}

.page-catalog.fangan .flow-title{

    text-align: center;

}


.page-catalog.fangan .catalog-wrap h1{

    text-align: center!important;

}

.page-catalog.fangan .catalog-wrap h2{

    margin-top: 24px!important;

    text-align: left;
}

.page-catalog.fangan .catalog-wrap a{

    position: relative;

    overflow: hidden;

    display: block;

}


.page-catalog.fangan .catalog-wrap a > span:last-child{

    position: absolute;

    z-index: 9;

    right: 0;

}

.page-catalog.fangan .catalog-wrap a:before{

    position: absolute;

    z-index: 9;

    content: "";

    right: 45px;

    bottom: 12px;

    left: 100px;

    border-bottom: 1px dashed #000;

    display: none!important;

}


.page-catalog.fangan .catalog-wrap a:after{

    position: absolute;

    z-index: 9;

    content: "";

    right: 0;

    top: 0;

    background-color: #fff;

}


.page-catalog.fangan .catalog-wrap a > span:not(:last-child){
    position: relative;
    z-index: 99;
    background-color: #fff;
}


.page-catalog.fangan .catalog-wrap img{
    display: block;
    margin: 0 auto;
    width: auto;
}

.page-catalog.fangan td{
    white-space: nowrap;
}

.page-catalog.fangan.js_fangan td{
    white-space: normal;
}


.page-catalog a,.page-catalog a span{

    color: #000!important;

}

.page-catalog a span{

    text-decoration: none!important;

}


.page-catalog h1{

    font-size: 34px!important;

    margin-bottom: 32px!important;

    text-indent: 0!important;

}


.page-catalog h2{

    font-size: 24px!important;

    margin-bottom: 28px!important;

}


.page-catalog h3{

    font-size: 18px!important;

    margin-top: 18px!important;

    margin-bottom: 18px!important;

    text-align: left!important;

}


.page-catalog h3 span{

    font-size: 18px!important;

}


.page-catalog table{

    width: 100%;

}


.page-catalog td{

    border: 1px solid #000;

}

.page-catalog td:empty{

    display: none;

}

.page-catalog td p{

    text-align: center!important;

    padding: 5px 7px!important;

}

.page-catalog img{

    width: 100%;

}


/* 流程单 */

.flow-meta{

    text-align: center;

}


.flow-meta .chs{

    font-size: 26px;

    font-weight: 700;

    color: #0070c0;

}


.flow-meta .chs span{

    position: relative;

    padding: 2px 0;

}


.flow-meta .chs span:after{

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 1px;

    background-color: #0070c0;

}

.flow-meta .eng{

    font-size: 18px;

    font-weight: 700;

    color: #0070c0;

    word-break: break-all;

    word-wrap: break-word;

}

.flow-meta .meta-row{

    overflow: hidden;

    margin-top: 12px;

}

.flow-meta .meta-col{

    position: relative;

    float: left;

    width: 50%;

    text-align: left;

    font-size: 18px;

    padding: 3px 0;

}

.flow-meta .meta-col span{

    position: relative;

    padding: 2px 0;

}

.flow-meta .meta-col span:after{

    content: "";

    position: absolute;

    left: 0;

    right: -5px;

    bottom: 0;

    height: 1px;

    background-color: #000;

}


/*.flow-meta .meta-row:last-child .meta-col:first-child .form-control{*/

/*width: 120px;*/

/*}*/

.flow-meta .meta-row:last-child .meta-col:last-child{

    padding-top: 10px;

}

.flow-mod{

    padding: 12px 0;

}

.flow-title{

    font-size: 22px;

    font-weight: 700;

    color: #0070c0;

    text-align: left;

    margin-bottom: 12px;

    overflow: hidden;

}

.flow-title-sub{

    font-size: 18px;

    font-weight: 700;

    text-align: left;

    margin-bottom: 8px;

}


.zt-title{
    position: relative;
    color: #000;
}

.do-viewFull{
    cursor: pointer;
}

/* ===========流程单各部门流程============ */

.ph-mod{
    padding: 10px 0;
}

.task-meta{
    font-size: 14px;
    line-height: 1.8;
}

.task-meta-icon{
    position: relative;
    overflow: hidden;
    padding-left: 54px;
}

.task-meta-icon i{
    position: absolute;
    z-index: 9;
    left: 15px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 28px;
}

.task-p{
    position: relative;
    overflow: hidden;
    font-size: 14px;
}

.ptb10{
    padding-top: 10px;
    padding-bottom: 10px;
}

.mr10{
    margin-right: 10px;
}

.ml10{
    margin-left: 10px;
}

.mt10{
    margin-top: 10px;
}

.mb10{
    margin-bottom: 10px;
}

.show{
    display: block!important;
}

/* 财务中心 */

.caiwu-fujian textarea{
    height: 100px;
}

.caiwu-fujian .up-mod{
    padding: 0;
}

.caiwu-fujian .up-ph{
    height: 100px;
}

.caiwu-fujian .pic img{
    display: block;
    width: 100%;
}

.up-mod.zip .up-preview .doc-ph.pic{
    font-size: 0;
    background-color: #fff;
    overflow: hidden;
}

.up-mod.zip .up-preview .doc-ph.pic:before{
    height: 0;
}

.up-mod.zip .up-preview .doc-ph.pic img{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    width: 100%;
    height: auto;
}

.caiwu-fujian .up-mod.zip .up-preview .doc-ph.pic{
    height: 100px;
}

/* 技术中心 */

.up-pid .up-ph{
    height: 120px;
}

/* 制造中心 */

.task-imgShow .up-mod{
    display: block;
}

.task-imgShow .up-mod.zip .up-preview .doc-ph.pic{
    height: 160px;
}

/* 物流中心 */


/* 安装部门 */

.finish-required .finish-img{
    position: relative;
    height: 120px;
}

.finish-required .up-ph{
    height: 100%;
}

.finish-img.img-1 .up-ph:before{
    content: "总装图";
}


.finish-img.img-2 .up-ph:before{
    content: "效果对比图（开）";
}


.finish-img.img-3 .up-ph:before{
    content: "效果对比图（关）";
}


.finish-img.img-4 .up-ph:before{
    content: "运行界面图";
}


.finish-img.img-5 .up-ph:before{
    content: "人机合一图";
}


.finish-img.img-6 .up-ph:before{
    content: "设备安装调试完成确认单（带公章）";
}

.finish-required .up-container{
    position: absolute;
    /*z-index: 1;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.up-container-video{
    text-align: center;
    padding-top: 25px;
}

.up-container-video .fa-5x{
    color: #5e93f3;
}

.layui-layer-content video{
    height: 100%!important;
}


.finish-required .up-container a{
    display: block;
    width: 100%;
    height: 100%;
}


.finish-required .finish-img .up-close{
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    background: url("../img/up_close.png") no-repeat center center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none;
}

.finish-extra .extra-img,.finish-video .extra-img{
    position: relative;
    height: 120px;
    overflow: hidden;
}

.finish-extra .up-container,.finish-video .up-container{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.finish-extra .fa-box,.finish-video .fa-box{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #f89406;
    border: 1px dashed #dcdcdc;
}

.finish-extra .up-container a,.finish-video .up-container a{
    display: block;
    width: 100%;
    height: 100%;
}

.finish-extra .extra-img .up-close,.finish-video .extra-img .up-close{
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    background: url("../img/up_close.png") no-repeat center center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.finish-txt{
    position: relative;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #666;
}

/* ------上传模块------ */

.up-mod{

    padding: 15px 0;

    display: none;
}

.up-ph{
    position: relative;
    height: auto;
    border: 1px solid #dcdcdc;
}

.up-ph:before{
    content: "预览区域";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 16px;
    color: #999;
    text-align: center;
    width: 100%;
}

.up-preview a{

    position: relative;

    display: block;

}


.up-preview .up-close{

    position: absolute;

    z-index: 10;

    right: -1px;

    top: -1px;

    background: url("../img/up_close.png") no-repeat center center;

    background-size: 100% 100%;

    width: 24px;

    height: 24px;

    cursor: pointer;

}

.up-mod.zip .up-item{

    position: relative;

    float: left;

    width: 23.5%;

    border: 1px solid #dcdcdc;

}

.up-mod.zip .up-item:not(:nth-child(4n+1)){

    margin-left: 2%;

}


.up-mod.zip .up-item:not(:nth-child(-n+4)){

    margin-top: 2%;

}

.up-mod.zip .up-preview .txt{

    position: relative;

    overflow: hidden;

    border-top: 1px solid #dcdcdc;

}

.up-mod.zip .up-preview .txt span{
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 6px;
}

.up-mod.zip .up-preview .doc-ph{

    position: relative;

    height: 120px;

    text-align: center;

}

.up-mod.zip .up-preview .doc-ph:before{

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 100%;

}

.up-mod.zip .up-preview .txt .form-control{

    border: 0;

    padding: 4px 8px;

    font-size: 12px;

}

.up-trigger > div{

    position: relative;

    overflow: hidden;

    cursor: pointer;

    text-align: center;

    padding: 2px 6px;

    font-size: 14px;

    font-weight: 300;

    color: #fff;

    background-color: #f89406;

    border-radius: 4px;

}


.up-trigger > div .fa{

    display: inline-block;

    vertical-align: middle;

}

.up-trigger > div span{

    display: inline-block;

    vertical-align: middle;

}

/* 创建项目--选择设备 */

.wizard .actions > ul{

    float: right;

}

.wizard .actions .select-group{

    float: left;

    margin-right: 150px;

}

.select-group .select-item{

    position: relative;

    float: left;

    color: #fff;

    background-color: #1ab394;

    padding-top: .5em;

    padding-bottom: .5em;

    padding-right: 23px;

    padding-left: 7px;

    border-radius: 4px;

    margin-right: 10px;

    margin-bottom: 10px;

    transition: all .3s ease-out;

}


.select-group .select-item span{

    cursor: pointer;

    position: absolute;

    width: 100%;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 2;

    text-align: right;

    color: #fff;

    transition: opacity .3s ease-out;

    opacity: 1;

    padding: 0 13px 0 0;

}

.select-group .select-item span:after{

    content: "x";

    position: absolute;

    font-size: 14px;

    line-height: 27px;

}

.select-group .select-item:hover{

    background-color: #059e66;

}


/* 个人中心 */

.ucenter{

    position: relative;

    padding: 30px;

}

.ucenter .avatar{

    width: 128px;

    height: 128px;

    margin: 0 auto;

}

.ucenter .form-group label{

    position: relative;

    overflow: hidden;

    display: block;

    font-size: 15px;

    padding: 3px 0;

}

.ucenter .j-eye{

    display: inline-block;

    padding: 0 5px;

    font-size: 16px;

    cursor: pointer;

}

.edit-pwd{

    padding: 25px 15px;

}

/* 站内信息 */

.alert-group .panel.unread:before{
    content: "";
    position: absolute;
    z-index: 9;
    background: url("../img/new.png") no-repeat center;
    width: 16px;
    height: 16px;
    top: -3px;
    left: -4px;
}

.alert-group .panel{

    position: relative;

    background-color: #d9edf7;

    border-color: #bce8f1;

}


.alert-group .alert-hd a{

    font-size: 15px;

    color: #337ab7;

}


.alert-group .alert-hd a{

    font-size: 15px;

    color: #337ab7;

}


.alert-group .alert-hd .date{

    font-size: 12px;

    color: #999;

    margin-top: 10px;

    margin-bottom: 10px;

}


.alert-group .alert-bd a{

    display: block;

    color: #333;

}

/* 用户信息--相关项目信息 */

.xm-xx{
    position: absolute;
    right: 40px;
    top: 50%;
    color: #226182;
    font-size: 12px;
    line-height: 2;
    transform: translate(0,-50%);
    text-align: right;
}

.xm-xx .hd{
    font-size: 14px;
    font-weight: 700;
}

.xm-xx em{
    font-style: normal;
}

.xm-xx .extra{
    color: currentColor;
}


/* 流程单--编辑状态 */

.bj-page.edit .flow-meta .chs span:after{

    opacity: 0;

}

.bj-page.edit .flow-meta .meta-col span:after{

    opacity: 0;

}

.bj-page.edit .flow-meta .form-control{

    display: inline-block;

    width: 320px;

    font-size: inherit;

    padding: 0 5px;

}

.bj-page.edit .flow-meta .chs .form-control{

    width: auto;
    min-width: 350px;
    font-size: 16px;
}

.bj-page.edit .i-checks{

    font-weight: normal;

}

/* 流程单编辑后--状态 */

.edit_bg{
    position: relative;
}

.edit_bg:before{
    content: "";
    position: absolute;
    z-index: 9;
    top: 50%;
    right: 0;
    background: url(../img/icon_edit_bg.png) no-repeat center;
    background-size: 100% 100%;
    transform: translate(0,-50%);
    opacity: .5;
    width: 48px;
    height: 43px;
}

.up-item.edit_bg:before{
    top: 0;
    transform: none;
}

/* 产品手册样式 */

.ly-table .ly-tr{
    position: relative;
    overflow: hidden;
}

.ly-table{
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.ly-table .ly-tr .ly-th,.ly-table .ly-tr .ly-td{
    position: relative;
    float: left;
    min-height: 1px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

.p-add{
    background-color: #fff;
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.p-add-hd{
    position: relative;
    text-align: center;
    margin-bottom: 25px;
}

.p-add-hd .form-control{
    display: inline-block;
    width: 36%;
}

.p-add-hd span{
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
}

.p-add-hd .edit-trigger{
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
}

.p-add-hd .edit-trigger.active .btn{
    background-color: #d0ccc7;
    border-color: #d0ccc7;
}

.p-table tr.selected{
    background-color: rgba(255, 236, 99, 0.26);
}

/* p-table */

.p-table{
    overflow: auto;
}

.p-table table{
    margin-bottom: 0;
}

.p-table th{
    white-space: nowrap!important;
}

/*.p-table table tbody tr:hover{*/
/*cursor: move;*/
/*}*/

.p-table table th{
    text-align: center!important;
}

.p-table span.text-danger{
    white-space: nowrap;
}

.p-table table .form-control{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.action-del,.action-plus,.action-group-del,.action-group-plus{
    cursor: pointer;
}

.action-group-plus,.action-group-del{
    color: #5fb878;
}

.action-inline{
    white-space: nowrap;
}

.action-inline .txt{
    display: inline-block;
    vertical-align: middle;
}

.action-add{
    padding: 10px 0;
    margin: 20px auto;
}

.action-add .btn{
    border-radius: 6px;
}

.action-add .btn .fa,.action-add .btn span{
    display: inline-block;
    vertical-align: middle;
}

.action-group-zt .action-plus,.action-group-zt .action-del{
    display: inline-block;
    vertical-align: middle;
}


/*------------------------------ */

.p-table .groupName .form-control{
    text-align: center;
    font-weight: 700;
}

.p-table .number{
    padding: 0;
    text-align: center;
}

.p-table .td-number{
    cursor: move;
}

.p-table .td-number .item-check{
    position: relative;
    margin: 0;
    width: 39px;
    height: 28px;
    outline: 0;
    display: none;
}

.p-table .tr-item.php-item td:last-child .txt{
    position: relative;
}


.p-table .tr-item.php-item td:last-child .txt:before{
    content: "";
    position: absolute;
    background: url("../img/icon_corner.png") no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 15px;
    top: -12px;
    right: -8px;
}


.bj-meta{
    position: relative;
    overflow: hidden;
}


.bj-meta .meta-span{
    display: inline-block;
    vertical-align: middle;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #fbbf37;
    color: #fff;
}

.bj-meta{
    padding-bottom: 10px;
}


.bj-meta h3{
    margin: 4px 0;
}


.bj-meta .meta-span:first-child{
    margin-right: 15px;
}


/* ======产品手册====== */

.ibox-manual{
    counter-reset: count;
}

.ibox-manual .col-md-3 .p-box a:before{
    content: counter(count);
    counter-increment: count;
    position: absolute;
    z-index: 9;
    left: 45px;
    bottom: 24px;
    color: #fff;
    background-color: #ffb454;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
}


.p-box{position: relative;height: 330px;}

.p-box a{
    display: block;
    padding: 20px;
}

.p-box .txt{position: relative;font-size: 15px;font-weight: 700;text-align: center;overflow: hidden;word-break: break-all;word-wrap: break-word;margin-top: 15px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.p-box .img{
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 250px;
}

.p-box .img img{
    position: absolute;
    display: block;
    max-width: 66%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.p-box a:hover,.p-box a:active .txt{
    color: #3dadf3;
}

.p-sub-box{
    position: relative;
    color: #fff;
    padding: 15px;
    overflow: hidden;
}

.p-sub-box a{
    display: block;
    padding: 15px;
    background-color: #1ab394;
    border-radius: 6px;
}

.p-sub-box .img{

}

.p-sub-box .img img{
    display: block;
    max-width: 80%;
    height: auto;
    margin: 0 auto;
}

.p-sub-box .txt{
    text-align: center;
    color: #fff;
}

.p-sub-box .txt .name{
    font-size: 16px;
    padding: 10px 0 6px;
}

.p-sub-box .txt .format{
    font-size: 20px;
    margin-top: 15px;
    height: 52px;
    overflow: hidden;
}

.template-title{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
    text-align: center;
    color: #0d8ddb;
}

.bl_fan_fl{
    padding-left: 0;
    padding-right: 0;
}


.manual-fun{
    position: relative;
    margin: 10px 30px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    text-align: center;
    padding: 10px 0;
    background-color: #f2f2f2;
    /*height: 260px;*/
}

.manual-fun .hd{
    font-size: 20px;
    color: #28a5df;
    height: 52px;
}

.manual-fun .bd{
    position: relative;
    padding: 15px;
    width: 50%;
    margin: 30px auto 0;
}

.manual-fun .bd img{
    display: block;
    width: 100%;
}

.manual-fun .ft{
    font-size: 14px;
    color: #212121;
}

/* 时间轴 */

#vertical-timeline:before{
    height: 0;
}

.vertical-container{
    max-width: 768px;
}

.vertical-timeline-icon{
    color: #fff;
    background-color: #dcdcdc;
}

.vertical-timeline-content{
    position: static;
}

.vertical-timeline-content:before{
    left: 46px;
}

.vertical-timeline-content .vertical-date{
    position: absolute;
    right: 1em;
    top: 1em;
}

.vertical-timeline-content .vertical-date small{
    color: #3f71ff;
    font-weight: 700;
}

.vertical-timeline-block:before{
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    bottom: -2em;
    width: 4px;
    background-color: #e7eaec;
}

.vertical-timeline-block:last-child:before{
    bottom: 0;
}

.vertical-timeline-block.active:before{
    background-color: #1ab394;
}


.vertical-timeline-block.active .vertical-timeline-icon{
    background-color: #1ab394;
}

.lcd-timeline .vertical-timeline-content .bm-title{
    color: rgb(26,179,148);
    font-weight: 700;
}

.lcd-timeline .vertical-timeline-content .bm-txt{
    font-size: 15px;
    padding: 10px 0;
    color: #333;
}

.lcd-timeline .vertical-timeline-content .bm-box{
    position: relative;
    padding: 10px 15px;
    border: 1px dashed #dcdcdc;
    overflow: hidden;
}

.lcd-timeline .vertical-timeline-content .bm-box + .bm-box{
    margin-top: 10px;
}

.lcd-timeline .vertical-timeline-content .bm-box .beizhu-c{
    margin-bottom: 0;
    padding: 10px;
    line-height: 1.6;
}

.lcd-timeline .vertical-timeline-content .bm-box h2{
    font-size: 16px;
}



/* 流程单首页 */

.contact-box{
    position: relative;
    padding: 15px 10px;
}

.contact-box a{
    display: block;
    overflow: hidden;
    height: 220px;
}

.contact-box h3{
    font-size: 16px;
}

.contact-box p{
    font-size: 14px;
    margin: 12px 0;
}

.contact-box address{
    overflow: hidden;
    margin-bottom: 0;
}

.contact-box address span{
    display: block;
    word-break: break-all;
}

.contact-box address span + span{
    margin-top: 10px;
}

.contact-box p{
    color: #0070c0;
}

.contact-box .fa-box{
    width: 100%;
    height: 100%;
}

.contact-box .icon-box{
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    line-height: 1;
    color: #ffbc66;
    cursor: pointer;
}

.contact-box .icon-box em{
    font-size: 28px;
}

.contact-box .div-part-txt{
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    font-size: 14px;
}

.fa-box{
    position: relative;
    text-align: center;
}

.fa-box:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.fa-box .fa{
    display: inline-block;
    vertical-align: middle;
}

/* home-page */

.home-page{
    padding: 10% 25%;
}

.home-page .logo-sm{
    margin: 0 auto;
}

.home-page .logo-sm img{
    width: 100%;
}

.home-page .txt{
    position: relative;
    overflow: hidden;
    font-size: 48px;
    color: #212121;
    text-align: center;
    padding: 50px 0;
}


.home-page .txt span{
    color: #28a5df;
}

/* fa-page */

.fa-page .page-cover .info .info-p + .info-p{
    margin-top: 15px;
}

.fa-page .page-cover .info select.form-control{
    font-family: "Microsoft YaHei";
    display: inline-block;
    width: 240px;
    height: 42px;
}

.sp-timeline{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
}

.sp-timeline{
    margin-bottom: 24px;
}

.sp-timeline .vertical-timeline-content .vertical-date small{
    font-size: 14px;
    color: #999;
}

/*---固定操作导航---*/

.fixed-action{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    background-color: rgba(0,0,0,.6);
    display: none;
    /*border-bottom: 1px solid #ddd;*/
}

.fixed-action .action-group{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 794px;
    margin: 0 auto;
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    text-align: center;
}

.fixed-action .action-group::-webkit-scrollbar{
    display: none;
}

.fixed-action .action-group .action-item{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    width: auto;
    height: 44px;
    line-height: 44px;
}

.fixed-action .action-group .action-item a{
    display: block;
    height: 100%;
    padding: 0 15px;
    color: #fff;
}

.fixed-action .action-group .action-item:not(:first-child):before{
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: rgba(255,255,255,.7);
}


.fixed-action .action-group [class*='btn']{
    padding: 0 15px;
    height: 44px;
    line-height: 44px;
    width: 100%;
    border: 0;
    border-radius: 0;
}

.fixed-action .fixed-title{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    height: 44px;
    line-height: 44px;
    color: #f8ac59;
    font-weight: 700;
    padding-left: 10%;
}


/* 发货单---回执单 */

/*.fh-page{*/
/*max-width: 794px!important;*/
/*}*/

.fh-sheet{
    position: relative;
    overflow: hidden;
}

.fh-sheet .fh-title,.fh-sheet .fh-sub-title{
    position: relative;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    line-height: 1.6;
}

.fh-sheet .fh-p{
    position: relative;
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    text-align: left;
}

.fh-sheet .fh-confirm .fh-p{
    font-size: 20px;
}


.fh-sheet .fh-pz{
    padding: 60px 0;
}

.fh-sheet .fh-date{
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    padding-right: 80px;
    margin-top: 24px;
}

.fh-sheet .fh-date span{
    border-bottom: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    padding-top: 10px;
    margin: 0 2px;
}

.fh-sheet .fh-sign{
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px;
    text-align: right;
    padding-right: 140px;
}

.fh-sheet .fh-sign + .fh-date{
    font-size: 18px;
}

.fh-ft{
    position: relative;
    text-align: left;
}

/* 新版合同样式 */

.ht-cover .ht-cover-inner{
    position: relative;
    overflow: hidden;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}

.ht-cover .ht-title{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    font-size: 36px;
    font-weight: 700;
}

.ht-cover .number{
    position: absolute;
    z-index: 9;
    right: 64px;
    top: 48px;
    font-size: 18px;
}

.ht-cover .txt-box{
    font-family: "FangSong";
    font-size: 20px;
    line-height: 1;
    text-align: left;
    position: absolute;
    z-index: 9;
    left: 64px;
    right: 0;
    bottom: 48px;
}

.ht-cover .txt-box .txt:not(:first-child){
    margin-top: 56px;
}

.ht-cover .txt span{
    font-weight: 700;
}

/* --合同正文-- */

.ht-wrap{
    position: relative;
    overflow: hidden;
}

.ht-wrap table{
    width: 100%;
    margin: 0!important;
}

.ht-wrap table td{
    border: 1px solid #000!important;
    text-align: center!important;
    padding: 6px!important;
    font-family: "FangSong"!important;
    font-size: 14px!important;
}

.ht-wrap p{
    text-align: left!important;
}

.ht-wrap > p,.ht-wrap span{
    font-family: "FangSong"!important;
    font-size: 16px!important;
    line-height: 2.4!important;
}

.ht-wrap .ht-table{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.ht-wrap .ht-table p{
    margin: 0!important;
    text-indent: 0!important;
    line-height: 1.6!important;
}

.ht-wrap .ht-table.first p{
    text-align: center!important;
}

.ht-wrap img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


/* 技术方案--目录模块 */
.ul-xm li{
    position: relative;
    overflow: hidden;
    line-height: 36px;
    font-size: 13px;
    font-family: "MicroSoft YaHei";
    margin-bottom: 5px;
    cursor: pointer;
}

.ul-xm .li-hd,.ul-xm .li-bd{
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    background-color: #89c1f4;
    color: #000;
    font-weight: 700;
}

.ul-xm .li-hd{
    /*background-color: #0bd38a;*/
}

.ul-xm .li-bd{
    /*color: #FFA00A;*/
}

.ul-xm .li-bd:before{
    content: "";
    position: absolute;
    z-index: 9;
    left: 10px;
    right: 10px;
    top: 0;
    height: 1px;
    /* background-color: rgba(255,255,255,.9); */
    border-top: 1px dashed rgba(255,255,255,.9);
}

.ul-xm .li-title,.ul-xm .li-yezhu{
    float: left;
}

.ul-xm .li-name,.ul-xm .li-time{
    float: right;
}


.catalog-ajax{
    position: relative;
    transition: all .3s ease-out;
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.catalog-ajax.fixed{
    position: fixed;
    z-index: 99;
    top: 0;
    margin-top: 10px;
    width: 506px;
}

.catalog-mod .catalog-ajax a > input[type='checkbox'] + label{
    background-color: #89e2a2;
}

.catalog-form-1 .catalog-btn{
    margin-top: 15px;
    padding: 15px 0;
}

.catalog-form-1 .catalog-btn .btn{
    font-size: 16px;
    padding: 10px 32px;
}


.catalog-ajax .data-no{
    border: 1px dashed #9dc1a7;
}

.catalog-ajax .data-no .txt{
    display: block;
    text-align: center;
}

.catalog-tips{
    position: relative;
    margin: 0 15px 10px;
    padding: 10px;
    font-size: 15px;
}

.catalog-tips i{
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 20px;
}

.catalog-tips .xuhao{
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 16px;
    color: #fff;
    background-color: #ff95c4;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
}

.catalog-mod{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    background-color: #fff;
}

.catalog-ul-wrap{
    position: relative;
    font-size: 16px;
    flex: 1;
    text-align: left;
    padding: 0 15px;
    max-width: 50%;
}

.catalog-ul a{
    position: relative;
    display: inline-block;
    color: #333;
    padding: 6px 0;
}

.catalog-ul li{
    position: relative;
    overflow: hidden;
}

.catalog-ul .level-1 > a{
    font-weight: 700;
}

.catalog-ul > li ul{
    position: relative;
    overflow: hidden;
    padding: 0 0 0 30px;
}

.catalog-ul input[type="text"]{
    outline: 0;
    border: 1px solid transparent;
    background-color: #f8f8f8;
    padding: 5px;
}

.catalog-ul input:focus{
    border: 1px dashed #fe8d57;
}

.catalog-ul em{
    font-style: normal;
}

.sortable-ghost{
    background-color: #fefbd2;
}

.catalog-title{
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

.catalog-title .form-control{
    font-size: 18px;
    font-weight: 700;
    padding: 6px 10px;
    background-color: #f0f8ff!important;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.catalog-btn{
    padding: 10px 0;
}


.catalog-mod a > input[type='checkbox']{
    position: relative;
    display: none;
}

.catalog-mod a > input[type='checkbox'] + label{
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 2px;
    left: 15px;
    background: rgb(255, 207, 96);
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 0;
}

.catalog-mod a > input[type='checkbox']:checked + label:before{
    display: block;
    content: "\2713";
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.copy-form{
    padding: 20px;
}

.copy-form .check-mod{
    display: block;
    height: 24px;
    font-size: 15px;
    margin-bottom: 15px;
    border: 1px dashed #dcdcdc;
    padding: 6px 6px 2px;
    box-sizing: content-box;
}

/* 方案选择 */
.jsfangan-option{
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 30px 0;
    font-size: 0;
}

.jsfangan-option .option-item{
    cursor: pointer;
    position: relative;
    width: 36%;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    color: #9d9e9f;
    border: 1px solid #9d9e9f;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4%;
}

.jsfangan-option .option-item:first-child{
    color: #1296db;
    border-color: #1296db;
}

.jsfangan-option .option-item .icon-box img{
    width: 80px;
    height: 80px;
}

.jsfangan-option .option-item .txt-box{
    margin-top: 10px;
}

/* 技术方案--目录展示 */
.jsfangan-new .catalog-mod{
    font-size: 16px!important;
    display: block!important;
}

.jsfangan-new .catalog-mod .catalog-ul-wrap{
    max-width: 100%;
}

.jsfangan-new .catalog-mod a{
    display: block;
    position: relative;
    margin-right: 50px;
}

.jsfangan-new .catalog-mod a:hover,.jsfangan-new .catalog-mod a:active{
    /*border-color: #dcdcdc;*/
    background-color: #fffae9;
}

.jsfangan-new .catalog-mod a:before{
    content: "";
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 12px;
    border-bottom: 1px dashed #000;
}

.jsfangan-new .catalog-mod a .txt,.jsfangan-new .catalog-mod a .txt-info{
    position: relative;
    z-index: 99;
    background-color: #fff!important;
}

.jsfangan-new .catalog-mod a .txt-info{
    padding-right: 5px;
}

.jsfangan-new .catalog-mod .page-number{
    float: right!important;
    font-weight: normal!important;
    color: #ff443f!important;
}

.jsfangan-new .catalog-mod .btn{
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    padding: 2px 5px;
}

.jsfangan-new .catalog-mod .catalog-title{
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.jsfangan-new .content-box{
    text-align: left;
}

.jsfangan-new .content-box img{
    max-width: 90%;
    display: block;
    margin: 0 auto;
    height: auto;
}

.jsfangan-new .content-box em{
    font-style: normal!important;
}

.jsfangan-new .content-box .level-1{
    position: relative;
    overflow: hidden;
    margin: 30px 0;
}

.jsfangan-new .content-box .level-1:after{
    content: attr(page-cur);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.jsfangan-new .title-level-1{
    text-align: center!important;
}

.jsfangan-new .title-level-1 h1{
    font-size: 26px!important;
    font-weight: 700!important;
}

.jsfangan-new .title-level-2{
    margin: 24px 0!important;
}

.jsfangan-new .title-level-2 h2{
    font-size: 22px!important;
    font-weight: 700;
}

.jsfangan-new [class*="content-level"]{
    position: relative;
    font-size: 16px!important;
    line-height: 1.8!important;
    margin: 15px 0!important;
    border: 1px dashed transparent;
}

.jsfangan-new [class*='content-level']{
    text-align: left;
}

/* 新版本技术方案 为了便于统一方案展示样式，临时去掉了这个样式*/
.jsfangan-new [class*='content-level'] p{
    /*text-indent: 2em;*/
}

.jsfangan-new [class*="content-level"]:hover,.jsfangan-new [class*="content-level"]:active{
    border-color: #ffba91;
    background-color: #fffae9;
}

.jsfangan-new [class*="content-level"]:hover .btn,.jsfangan-new [class*="content-level"]:active .btn{
    display: block;
}

.jsfangan-new .content-level-2{
    font-size: 24px;
    line-height: 2.4!important;
    min-height: 34px;
}

.jsfangan-new [class*="content-level"] .btn{
    position: absolute;
    z-index: 99;
    right: 0;
    bottom: 0;
    display: none;
}

/*.jsfangan-new [class*="content-level"] .c-box:empty + .btn{*/
/*display: none;*/
/*}*/

.jsfangan-new .pz-title{
    position: relative;
    overflow: hidden;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.jsfangan-new .content-box table{
    width: 100%!important;
    table-layout: fixed;
    margin: 0!important;
}

.jsfangan-new .content-box td{
    border: 1px solid #000!important;
    text-align: center;
}

.jsfangan-new .content-box td p{
    text-align: center!important;
    text-indent: 0!important;
}

.page-count{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: auto;
    bottom: 10px;
    left: 0;
    text-align: center;
}

/* 新增技术方案模板 */

.jsfangan-add .catalog-ul a{
    display: block;
    border-bottom: 1px dashed #dcdcdc;
}

.catalog-ul > li .span-action{
    position: absolute;
    z-index: 9;
    right: 0;
    top: 3px;
    line-height: 1;
    font-size: 0;
}

.span-action .action-item{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 300;
    padding: 3px 6px;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    background-color: #1ab394;
}


.span-action .action-item-gg{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 300;
    padding: 3px 6px;
    border-radius: 2px;
}

.span-action .action-item.type-icon{
    background-color: transparent;
    padding: 5px;
}

.span-action .action-item[data-event*='switch']{
    color: #000;
    background-color: transparent;
    padding: 0;
    height: 20px;
    margin-left: 10px;
}

.span-action .action-item[data-event*='switch'] .onoffswitch{
    width: 60px;
}

.span-action .action-item[data-event*='switch'] .onoffswitch-inner:before{
    content: "公共";
}

.span-action .action-item[data-event*='switch'] .onoffswitch-inner:after{
    content: "非公共";
    padding-right: 3px;
}

.span-action .action-item[data-event*='switch'] .onoffswitch-switch{
    left: 0;
}

.span-action .action-item[data-event*='switch'] .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{
    right: 0;
    left: auto;
}

.span-action .action-item[data-event='switch-pz'] .onoffswitch{
    width: 72px;
}

.span-action .action-item[data-event='switch-pz'] .onoffswitch-inner:before{
    content: "配置表";
}

.span-action .action-item[data-event='switch-pz'] .onoffswitch-inner:after{
    content: "非配置表";
    padding-right: 3px;
}

.span-action .action-item[data-event='switch-cs'] .onoffswitch{
    width: 96px;
}

.span-action .action-item[data-event='switch-cs'] .onoffswitch-inner:before{
    content: "设计参数表";
}

.span-action .action-item[data-event='switch-cs'] .onoffswitch-inner:after{
    content: "非设计参数表";
    padding-right: 3px;
}

.span-action .action-item[data-event='switch-zz'] .onoffswitch{
    width: 70px;
}

.span-action .action-item[data-event='switch-zz'] .onoffswitch-inner:before{
    content: "组装";
}

.span-action .action-item[data-event='switch-zz'] .onoffswitch-inner:after{
    content: "非组装";
    padding-right: 3px;
}

.add-section{
    position: relative;
    overflow: hidden;
    padding: 15px;
}

.catalog-mod .level-1 > a .action-fold i{
    transition: transform .3s ease-out;
}

.catalog-mod .level-1 > a.fold .action-fold i{
    transform: rotate(180deg);
}

/* 新版合同模板 */

.ht-add.bj-page{
    width: 794px;
}

.ht-add.bj-page .catalog-ul-wrap{
    max-width: 100%;
    padding: 0;
}

.ht-add-wrap .input-box{
    position: relative;
    overflow: hidden;
}

.ht-add-wrap .input-box input{
    padding-right: 34px;
}

.ht-add-wrap .input-box .input-label{
    position: absolute;
    z-index: 9;
    right: 0;
    top: 8px;
    margin: 0;
    padding: 0 10px;
    width: 80px;
    text-align: right;
    color: #326dff;
}

.step-lead{
    margin-bottom: 20px;
}

.step-lead span{
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 15px;
    color: #3fc3a8;
}

.fk-option{

}

.fk-option .option-item{
    position: relative;
    overflow: hidden;
    border: 1px solid #91b6fa;
    padding: 8px 10px;
    transition: border-color .3s ease-out;
}

.fk-option .option-item .option-sign{
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    transition: opacity .3s ease-out;
    opacity: 0;
}

.fk-option .option-item .option-sign .icon-xuanzhongjiaobiao{
    font-size: 24px;
    color: #ff2956;
    display: block;
}

.fk-option .option-item.selected{
    border-color: #fbb3c2;
}

.fk-option .option-item.selected .option-sign{
    opacity: 1;
}

.fk-option .option-item + .option-item{
    margin-top: 10px;
}

.fk-option .option-label{
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
}

.fk-option .option-label .label-demo{
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    color: #4089fe!important;
    margin-left: 15px;
}

.fk-option .option-label .label-demo i{
    font-style: normal;
    color: #fa9138;
}

.fk-option .option-txt{
    margin-right: 30px;
}

.fk-option .option-txt .option-span{
    overflow: hidden;
    padding: 2px 8px;
    color: #fff;
    background-color: #ffbc24;
    border-radius: 3px;
}

.money_dx-box{
    margin-top: 6px;
}

/* 所有项目列表 */

.gy-group{
    position: relative;
    overflow: hidden;
}

.gy-group .gy-item{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 12px 16px;
    border: 1px solid #1ab394;
    cursor: pointer;
    font-size: 15px;
    border-radius: 4px;
    margin: 10px 6px 10px 0;
    height: 46px;
}

.gy-group .gy-item.selected{
    color: #fff;
    background-color: #1ab394;
}

.gy-mod{
    padding: 10px;
}

.gy-mod .nav-tabs li a{
    color: #0099CC;
    font-size: 16px;
}

.page-mod{
    overflow: hidden;
    text-align: center;
}

.xm-all{
    position: relative;
}

.xm-all .xm-item{
    position: relative;
    overflow: hidden;
    padding: 12px;
    background-color: #1ab394;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    font-size: 14px;
    text-align: center;
    height: 220px;
}

.xm-all .xm-item .hd,.xm-all .xm-item .hd a{
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xm-all .xm-item .ft{
    font-size: 13px;
    text-align: center;
}

.xm-all .xm-item .ft p{
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    line-height: 15px;
}

.xm-all .xm-item .ft p:first-child{
    font-weight: 700;
}

.xm-all .xm-item .bd{
    position: relative;
    border: 1px dashed rgba(255,255,255,.7);
    padding: 10px;
    margin: 10px 0;
}

.xm-all .xm-item .bd a{
    display: block;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.xm-all .xm-item .bd a:hover,.xm-all .xm-item .bd a:active{
    text-decoration: underline;
}

/* 技术方案列表 */

.jsfangan-list .alert{
    position: relative;
    padding: 0 20px 0 0;
}

.jsfangan-list .alert .alert-c{
    padding: 15px;
}

.jsfangan-list .alert .alert-c a{
    display: block;
}

.jsfangan-list .alert .close{
    position: absolute;
    z-index: 9;
    right: 5px;
    top: 0;
    font-size: 28px;
}

/* edui*/

.edui-default .edui-editor{width:100%;}
.edui-default .edui-bubble{width:0 !important;height:0 !important;background:none;}
.edui-default .edui-bubble .edui-popup-content{width:auto !important;position:relative;padding:0;background-color:transparent;border-width:0;margin-top:3px;}
.edui-default .edui-bubble .edui-popup-content span.label{font-weight:normal;width:50px;border-radius:0;display:inline-block;padding:6px 6px 8px;color:#ddd;text-align:center;background-color:rgba(0,0,0,.8);cursor:pointer;box-shadow:0 0 6px rgba(0,0,0,.3);border-right:1px solid #444;}
.edui-default .edui-bubble .edui-popup-content span.label i{display:block;font-size:14px;padding:6px;padding-top:2px;}
.edui-default .edui-colorpicker-preview,.edui-default .edui-colorpicker-nocolor{border:1px solid #a9a9a9 !important;}
.edui-default .edui-colorpicker-tablefirstrow{height:20px !important;}
.edui-default .edui-colorpicker-colorcell{width:20px !important;height:20px !important;}
.edui-default .edui-dialog-buttons .edui-button .edui-button-body{font-size:14px !important;}
.edui-default .edui-toolbar .edui-combox-body .edui-button-body{width:35px !important;}
.edui-anchor-topleft{border-radius:10px;}
.edui-dialog div{color:#333;background-color:#fff;}
.edui-default .edui-dialog-foot{color:#333;height:75px !important;}
.edui-default .edui-for-map .edui-dialog-content{height:404px;padding-top:3px;padding-bottom:5px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;}
.edui-default .edui-for-link .edui-dialog-content{padding:15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;}
.edui-default .edui-for-searchreplace .edui-dialog-content{background:#fff;border-top:1px solid #e5e5e5;}
.edui-default .edui-dialog-body{padding:0 30px;background:#fff;}
.edui-default .edui-dialog-titlebar{margin:0;padding:0;padding-bottom:5px;padding-top:15px;cursor:move;}


/* tinymce */
.mce-content-body  img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/* 复选框样式 */

.check-mod{
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
}

.check-mod input[type='radio'],.check-mod input[type='checkbox']{
    position: relative;
    display: none;
}

.check-mod input[type='radio'] + label,.check-mod input[type='checkbox'] + label{
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 2px;
    left: 15px;
    background: rgb(255, 207, 96);
    display: inline-block;
    vertical-align: middle;
    margin: -4px 0 0 0;
}

.check-mod input[type='radio']:checked + label:before,.check-mod input[type='checkbox']:checked + label:before{
    display: block;
    content: "\2713";
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.check-mod span{
    font-family: Trebuchet, Arial, sans-serif;
    color: #666;
}

.jsfangan-add .check-mod input + label{
    background-color: #1ab394;
}

/* 合并配置清单 */

.xm-pz{
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
}

.xm-pz-search{
    overflow: hidden;
    margin: 0 auto;
}

.xm-pz-search-inner{
    overflow: hidden;
    margin: 0 auto;
    max-width: 800px;
}

.xm-pz-search.fixed{
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
    left: 50%;
    transform: translate(-50%,0);
    background-color: rgba(0,0,0,.6);
    padding: 10px 0;
}

.xm-pz-ajax{
    margin-top: 15px;
}

.xm-pz-ajax .ul-xm{
    max-width: 800px;margin: 0 auto;
}

.pz-table{
    font-family: "SimSun";
    margin-top: 20px;
}

.pz-table .pz-title{
    font-size: 22px;
    font-weight: 700;
    color: #0070c0;
    text-align: left;
    margin-bottom: 12px;
}

/* 查找替换技术方案关键词 */

.replace-mod{
    position: fixed;
    z-index: 999;
    left: 0;
    top: 44px;
    width: 100%;
    height: 44px;
    background-color: rgba(0,0,0,.6);
    display: none;
}

.replace-mod:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #dcdcdc;
}

.replace-mod .replace-inner{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 794px;
    margin: 0 auto;
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
    text-align: center;
}

.replace-mod .search-box{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    width: auto;
    height: 44px;
    padding-top: 5px;
}

.replace-mod .search-box input.form-control{
    width: 49%;
}

.replace-mod .btn-box{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.replace-mod .btn-box .btn{
    margin: 0 5px;
}

.replace-mod .spin-box{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #fff;
    padding: 0 10px;
    opacity: 0;
    transition: opacity .3s ease-out;
}

.replace-mod .spin-box.oShow{
    opacity: 1;
}

#highlightRow .keyword > span{
    background-color: #ff0;
}

#highlightRow .keyword > span u{
    text-decoration: none;
}

#highlightRow .keyword.cur > span{
    background-color: #ff9632;
}

/* ie浏览器提示 */

.ie-tips{
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.95);
    color: #fff;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ie-tips .fa{
    font-size: 96px;
    color: #0d8ddb;
    display: block;
    text-align: center;
}

.ie-tips em{
    display: block;
    font-style: normal;
    text-align: center;
    margin-top: 5%;
    line-height: 1.8;
}

/* 表单样式美化 */

.form-control, .single-line{
    -webkit-appearance: none;
    appearance: none;
}

/* 封面提交后 -》 添加生成选择 2021-04-15 */

.next-group{
    position: relative;
    overflow: hidden;
    font-size: 0;
    padding: 0 20px;
}
.next-item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 33.333%;
    text-align: center;
    padding: 50px 0;
    color: #222;
}
.next-item .next-icon {
    display: block;
    text-align: center;
}
.next-item .next-icon i {
    font-size: 42px;
}
.next-item .next-txt {
    margin-top: 10px;
    font-size: 18px;
}
.next-group .next-item:nth-child(1) .next-icon i{
    color: #0a51ff;
}
.next-group .next-item:nth-child(2) .next-icon i{
    color: #7db4fe;
}
.next-group .next-item:nth-child(3) .next-icon i{
    color: #55cab1;
}


/* ===================响应式处理=====================*/



@media (max-width: 768px) {
    .backdrop{
        position: fixed;
        z-index: 1212;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,.4);
        display: none;
    }
}


/*=======================手机端响应式处理======================*/


/*笔记本端响应式处理*/

@media (max-width: 1601px) {

    .bj-box.bj-direct td:first-child{
        width: 51.7%;
    }

    .bj-page-view .bj-box.bj-direct td:first-child{
        width: 53.6%;
    }

    .ibox-manual .col-md-3 .p-box a:before{
        left: -10px;
    }

    .manual-fun{
        /*height: 220px;*/
        margin-left: 10px;
        margin-right: 10px;
    }

}



@media (max-width: 768px){
    .ibox-tools{
        float: right;
        display: inline-block;
    }
    .bl_fan_ibox-title h2{
        float: none!important;
        display: block!important;
    }
    .bj-table{
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .f-menu{
        display: block;
    }
}

@media (max-width: 640px){
    .ibox-tools{
        float: right;
        display: inline-block;
    }
    .bl_fan_ibox-title h2{
        float: none!important;
        display: block!important;
    }
    .ibox .btn{
        font-size: 12px;
    }
    /* override */
    .ibox-tools.tools-mul{
        text-align: left;
        margin: 4px 5px!important;
    }
    .ibox-tools.tools-mul .btn{
        margin-left: 0;
        padding: 3px 8px;
    }

    .next-item .next-txt{
        font-size: 16px;
    }
}


@media (max-width: 640px){

    .fixed-action .action-group .action-item{
        width: 25%;
    }


    .ibox-tools.tools-mul:empty{
        padding: 0;
        margin: 0;
    }

    .nav-tabs > li > a{
        padding: 10px;
    }

    .tabs-container .panel-body{
        padding-top: 10px;
    }


    /*scroll-bar*/
    ::-webkit-scrollbar{

        display: none;

    }

    .wrapper-content{

        padding: 10px;

        width: 100%!important;

    }

    .ucenter{

        padding-left: 0;

        padding-right: 0;

    }


    /*报价单*/

    .bj-page{

        width: 100%;

    }

    .bj-page .page-per{

        padding: 10px!important;

    }

    .bj-page .page-cover{

        /*height: 470px;*/

    }


    .bj-page .page-cover .title{

        font-size: 24px;

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .bj-page .page-cover .title div:last-child span{
        top: 13px;
    }


    .bj-page .page-cover .title-main{
        font-size: 26px;
        margin-bottom: 12px;
    }


    .bj-page .page-cover .logo-sm{

        margin-bottom: 56px;

    }


    .bj-page .page-cover .info{

        font-size: 18px;

        line-height: 1.8;

    }


    .bj-box + .bj-box{

        margin-top: 15px;

    }

    .bj-page .bj-title{

        font-size: 16px;

        margin-bottom: 12px;

    }

    .bj-page .bj-name{

        font-size: 14px;

        margin-bottom: 12px;

    }

    .fa-page .page-cover .title{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .fa-page .page-cover .template-title{
        padding: 5px 0;
    }

    .fa-page .page-cover .logo-sm{
        margin-bottom: 28px;
    }

    .zt-page input.form-control{
        width: 100px;
    }

    .zt-page textarea.form-control{
        width: 140px;
    }


    .bj-table{
        width: 100%;
        overflow: auto;
        font-size: 12px;
    }


    .bj-table table{
        width: auto!important;
        min-width: 100%!important;
    }

    .bj-table table .tr-total .txt{
        text-align: left;
    }


    .bj-table .txt-input .form-control{
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .bj-table .txt-trafficFee .form-control{
        width: 80px;
        padding-left: 0;
        padding-right: 0;
    }


    .fk-box{

        font-size: 14px;

        margin-bottom: 20px;

    }

    .gh-box .hd{

        font-size: 14px;

        margin-bottom: 6px;

    }

    .gh-box .bd-item{

        width: 100%;

    }

    .gh-box .bd-item:last-child:before{

        width: 0;

    }


    .gh-box .bd-item + .bd-item{

        border-top: 1px dashed #999;

    }

    /* 选择设备 */

    .wizard .actions .select-group{

        width: 100%;

    }

    /* 流程单 */

    .bj-meta .meta-span{
        margin-top: 6px;
    }

    .flow-meta .chs{

        font-size: 20px;

        padding: 10px 0;

    }

    .flow-meta .eng{

        font-size: 20px;

        padding: 5px 0;

    }

    .flow-meta .meta-row{

        margin-bottom: 12px;

    }

    .flow-meta .meta-col{

        width: 100%;

        font-size: 14px;

    }

    .bj-page.edit .flow-meta .form-control{
        width: 230px;
    }

    .flow-title{

        font-size: 16px;

    }

    .flow-title-sub{

        font-size: 14px;

    }

    .flow-mod{

        padding: 0;

    }

    .bj-page.edit .i-checks .iradio_square-green{

        margin: -2px 3px 0 0;

    }

    .task-meta-icon{
        padding: 10px 0 10px 44px;
    }

    .task-meta-icon i{
        font-size: 22px;
    }


    /* up-mod */

    .up-mod.zip .up-item{

        width: 48.5%;

    }

    .up-mod.zip .up-item:not(:nth-child(4n+1)){

        margin-left: 0;

    }

    .up-mod.zip .up-item:not(:nth-child(-n+4)){

        margin-top: 0;

    }

    .up-mod.zip .up-item:not(:nth-child(2n+1)){

        margin-left: 3%;

    }

    .up-mod.zip .up-item:not(:nth-child(-n+2)){

        margin-top: 3%;

    }

    /* 选择设备 */

    .bl_fan_fl .file-box{
        width: 90px!important;
    }

    .bl_fan_fl .file-box:nth-child(2n){
        margin-right: 0!important;
    }


    .bl_fan_fl .widget{

        padding: 8px 10px!important;
    }


    .bl_fan_fl .widget h2{

        font-size: 14px!important;
    }


    .bj-meta .text-right{
        text-align: left!important;
    }

    /* 产品手册 */

    .ibox-manual .col-md-3 .p-box a:before{left: -16px;bottom: 52px;}

    .p-box{height: 190px;}

    .p-box a{
        padding: 10px;
    }

    .p-box .txt{font-size: 12px;margin-top: 10px;}

    .p-box .img{
        height: 100px;
    }

    .p-box .img img{
        max-width: 100%;
    }

    .p-sub-box{
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0;
    }

    .float-menu{
        display: block;
    }

    .f-menu{
        display: block;
    }

    .float-catalog{
        display: block;
    }

    #lcd_nav{
        display: none!important;
    }

    .manual-fun{
        margin: 15px 0;
        height: auto;
    }

    .manual-fun .bd{
        margin-top: 0;
    }

    .bl_fan_ibox-title h2{
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact-box a{
        height: auto;
    }

    .p-add{
        padding: 10px;
    }

    .p-add-hd .form-control{
        width: 80%;
    }

    .p-table table{
        width: 960px;
    }


    /* 时间轴 */

    #vertical-timeline{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .vertical-timeline-content{
        margin-left: 50px;
    }

    .vertical-timeline-content h2{
        font-size: 20px;
    }


    .vertical-timeline-content:before{
        left: 36px;
    }


    .btn-timeline{
        font-size: 12px;
        padding: 2px 10px;
        margin: 0!important;
    }

    .sp-timeline{
        margin-bottom: 24px!important;
    }

    .sp-timeline .vertical-timeline-content h2{
        font-size: 18px;
    }

    .lcd-timeline .vertical-timeline-content .bm-box{
        padding-left: 10px;
        padding-right: 10px;
    }

    .lcd-timeline .vertical-timeline-content .bm-box h2{
        font-size: 14px;
    }

    .lcd-timeline .vertical-timeline-content .vertical-date{
        position: static;
        margin-top: 10px;
    }


    /* 主页 */

    .home-page{
        padding: 60% 0 0;
    }

    .home-page .txt{
        font-size: 30px;
        padding: 20px 0;
    }

    /* 安装部门 */

    .finish-form .row .col-xs-6{
        margin-bottom: 10px;
    }

    .finish-form .row .col-xs-6:nth-child(2n+1){
        padding-right: 5px;
    }

    .finish-form .row .col-xs-6:nth-child(2n){
        padding-left: 5px;
    }

    /* 用户信息--相关项目信息 */
    .xm-xx{
        position: static;
        font-size: 14px;
        border-top: 1px dashed #dcdcdc;
        padding-top: 10px;
        margin-top: 10px;
        transform: none;
        text-align: left;
    }

    .bj-config{
        margin-bottom: 20px;
        display: flex;
    }

    .bj-config .form-box{
        width: 20%;
        flex: 1;
    }

    .bj-config .form-box .form-control{
        padding: 3px 0;
        height: 38px;
    }

    .bj-config .btn{
        padding: 8px;
    }

    .bj-config .btn-primary{
        margin: 0 10px;
    }

    .bj-config.ly-fixed{
        padding: 10px;
    }


    /* 用户权限 */

    .fl_quanxian_form select.form-control{
        height: 240px!important;
    }

    /* 项目各个部分 */

    .xm-part .col-sm-3:before{
        bottom: 5px;
    }

    /*!* 发货单/回执单 *!*/
    .fh-sheet .fh-title,.fh-sheet .fh-sub-title{
        font-size: 18px;
    }

    .fh-sheet .fh-p{
        font-size: 16px;
        line-height: 1.6;
    }

    .fh-sheet .fh-confirm .fh-p{
        font-size: 16px;
    }

    .fh-sheet .fh-date{
        font-size: 16px;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .fh-sheet .fh-sign{
        font-size: 16px;
        padding-right: 0;
        text-align: left;
    }

    .fh-sheet .fh-sign + .fh-date{
        font-size: 16px;
    }

    .fh-sheet .fh-pz{
        padding: 30px 0;
    }

    .fh-sheet .fh-ft p{
        text-indent: 0!important;
    }

    .fh-sheet .fh-ft p *{
        font-size: 16px!important;
    }

    /* 产品手册 规格标题 */

    .fixed-action .fixed-title{
        display: none;
    }

    /* 新版技术方案 */

    .catalog-tips{
        font-size: 14px;
        margin: 0 0 10px;
        padding-left: 40px;
    }

    .catalog-mod{
        display: block;
    }

    .catalog-ul-wrap{
        max-width: 100%;
        font-size: 14px;
        padding: 0;
    }

    .catalog-ul-wrap + .catalog-ul-wrap{
        margin-top: 10px;
    }

    .catalog-title .form-control{
        font-size: 14px;
    }

    .catalog-ul{
        font-size: 12px;
    }

    .jsfangan-new .c-box{
        overflow-x: auto;
    }

    .jsfangan-new .content-box table{
        width: auto!important;
    }

    .jsfangan-new .content-box td{
        padding: 2px;
        white-space: nowrap;
    }

    /* 新版合同样式 */
    .ht-add-wrap{
        padding-left: 0;
        padding-right: 0;
    }

    .bj-page .page-cover.ht-cover{
        height: auto;
        padding-bottom: 64px;
        padding-top: 36px;
    }

    .ht-cover .ht-cover-inner{
        padding: 20px 0;
    }

    .ht-cover .ht-title{
        font-size: 22px;
    }

    .ht-cover .number{
        right: 10px;
        top: 10px;
        font-size: 14px;
    }

    .ht-cover .txt-box{
        left: 10px;
        bottom: 10px;
        font-size: 14px;
    }

    .ht-cover .txt-box .txt:not(:first-child){
        margin-top: 24px;
    }

    .ht-wrap .ht-table table{
        width: 180%;
    }

    /* 所有项目列表 */
    .xm-all .xm-item{}


    .catalog-ajax{
        height: auto;
    }

    .catalog-mod .btn{
        font-size: 13px!important;
        padding-left: 0;
        padding-right: 0;
    }

    .catalog-form-1 .catalog-btn .btn{
        font-size: 15px!important;
        padding-left: 24px;
        padding-right: 24px;
    }

    .f-menu2{
        display: none!important;
    }

}


/*=======================打印样式设置======================*/

@media print {

    /* 技术方案 */

    .bj-page{
        width: 794px;
    }

    .bj-page .page-cover{
        height: 1123px!important;
        padding: 0!important;
    }

    .ht-cover .ht-title{
        font-size: 36px!important;
    }

    .page-catalog h1{
        page-break-before: auto;
    }


    .bj-page .page-cover .title{

        font-family: "SimSun";

        font-size: 36px;

        font-weight: 700;

        line-height: 1.5;

        margin-top: 156px;

        margin-bottom: 200px;

    }

    .bj-page .page-cover .title > span{
        display: block;
    }

    .bj-page .page-cover .title-main{
        font-size: 48px;
        margin-bottom: 60px;
    }


    .bj-page .page-cover .logo-sm{

        display: block;

        width: 100px;

        height: 100px;

        margin: 0 auto 156px;

    }

    .bj-page .page-cover .info {
        font-family: "FangSong";
        font-size: 20px;
        line-height: 2;
    }

    /* 报价单 */

    .gh-box .bd-item{

        width: 50%;
    }

    .gh-box .bd-item:last-child{

        border-left: 1px solid #000;

    }

    .gh-box .bd-item + .bd-item{

        border-top: 0;

    }

    /* 水印 */
    .float-water-mask{
        display: block!important;
    }

    .water-mask{
        display: block!important;
    }


    /* 技术方案--目录展示 */

    .content-box .level-1{
        page-break-before: always;
    }

    .catalog-mod{
        page-break-after: always;
    }

    .ht-wrap .ht-table table{
        width: 100%;
    }

}


/* 流程单调整 2022-10-28 */

.flow-mod-zz{}

.flow-mod-zz .btn-zz{
    float: right;
    margin-left: 10px;
}

.flow-mod-zz .btn-zz > .btn{
    font-size: 12px;
}

.flow-grid{
    position: relative;
    overflow: hidden;
    font-size: 0;
    padding: 20px 0;
    text-align: left;
    cursor: pointer;
}

.flow-grid .flow-item{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #212121;
    width: 23.5%;
    border: 1px solid #dc594e;
    text-align: center;
}

.flow-grid .flow-item:not(:nth-child(4n+1)){
    margin-left: 2%;
}

.flow-grid .flow-item .ly-icon{
    display: block;
    margin: 15px auto;
}

.flow-grid .flow-item .bd{
    color: #0a51ff;
}

.flow-grid .flow-item .ft{
    font-size: 13px;
    margin: 10px 0;
    color: #666;
}

.zz-title{
    font-size: 18px;
    color: #0e90d2;
    text-align: left;
    margin-bottom: 10px;
}

.zz-title + .layui-timeline{
    text-align: left;
}

.zz-mod .data-no{
    border: 1px solid #dcdcdc;
}

.zz-mod + .zz-mod{
    margin-top: 10px;
}

.popup-zz .layui-layer-content{
    padding: 20px 30px;
}

.magnify-modal{
    z-index: 20221028!important;
}

.zz-select{
    padding: 15px 0;
}

.zz-select .layui-select-title{
    border: 1px solid #0a51ff;
}

.zz-select .layui-select-title input{
    font-size: 15px;
    font-family: inherit;
    color: #000;
}

.caiwu-fujian textarea{
    color: #000;
}


/* 边角余料单据 */
.finish-required .finish-file {
    position: relative;
    height: 120px;
    margin-bottom: 15px;
}

.finish-required .up-ph {
    height: 100%;
}

.finish-file.file-1 .up-ph:before {
    content: "盘点表";
}

.finish-file.file-2 .up-ph:before {
    content: "询价单";
}

.finish-file.file-3 .up-ph:before {
    content: "合同";
}

.finish-file.file-4 .up-ph:before {
    content: "发票";
}

.finish-file.file-5 .up-ph:before {
    content: "过磅单";
}

.finish-file.file-6 .up-ph:before {
    content: "收付款凭证";
}

.finish-file.file-7 .up-ph:before {
    content: "收款记录";
}

.finish-file.file-8 .up-ph:before {
    content: "结存单";
}

.finish-required .finish-file .up-close {
    content: "";
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    background: url("../img/up_close.png") no-repeat center center;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none;
}

.finish-required .finish-file-txt{
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex!important;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    background-color: #a2c3ff;
    color: #000;
}

.time-txt{
    padding-bottom: 10px;
}

.time-txt span{
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.time-txt input{
    font-size: 15px;
    display: inline-block;
    width: 200px;
}

.time-txt input:focus{
    border-color: #61abff!important;
}


.finish-ht .finish-file.file-1 .up-ph:before {
    content: "已签订合同";
}

.finish-ht  .file-2 .up-ph:before {
    content: "技术协议";
}

.gohome{
    top: 50px;
}

#lcd_nav{
    right: 10px;
}

.zc_tuzhi{
    overflow: hidden;
    border-top: 1px solid #dcdcdc;
    padding: 4px 6px;
}

.f-menu2{
    cursor: pointer;
    position: fixed;
    z-index: 999;
    left: 4%;
    bottom: 4%;
    width: 100px;
    height: 100px;
    background-color: #5e81fc;
    /*background: #fff url("../images/icon_menu2.png") no-repeat center center;*/
    /*background-size: 72% 72%;*/
    animation-duration: 2s;
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,.3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 1px 5px 2px rgb(255 207 73 / 83%);
}

.f-menu2 .div-txt{
    font-size: 24px;
    line-height: 1.6;
    color: #fff;
    letter-spacing: 10px;
    padding-left: 10px;
}