/*单独样式开始 */
    .datagrid-body{
        /*min-height: 105px !important;*/
    }  
    /* 左浮动 */
    .fl{
        float: left;
    }
    /* 右浮动 */
    .fr{
        float: right; 
    }
    .none-fl{
        float: none !important;
    }
    /*取消所有圆角*/
    .NoBorderRaidius{
        border-radius: 0 !important;
    }
    /*取消左上、右上圆角*/
    .NoRaidiusTop{
        border-top-left-radius:0px !important;
        border-top-right-radius:0px !important;
    }
    /*取消左下、右下圆角*/
    .NoRaidiusBom{
        border-bottom-left-radius:0px !important;
        border-bottom-right-radius:0px !important;
    }
    /*取消下边框*/
    .NoBorderBom{
        border-bottom: none !important;
    }
    /* 取消下边距 */
    .NoPaddingBom{
        padding-bottom: 0 !important;
    }
    /* 取消上边线 */
    .NoBorderUp{
        border-top: none !important;
    }
    /*清除浮动*/
    .clearfix:after {
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .marginTop{
        margin-top: 10px !important;
    }
    /*底边距*/
    .PaddingBottom{
        padding-bottom: 10px !important;
    }
    /*取消边线*/
    .no-border{
        border:none !important;
    }
    /*定义宽度*/
    .remindWidth{
        width: 5% !important;
    } 
    /*保存按钮颜色调整*/
    .button-color-save{
        background-color: #369498 !important;
    }
    .button-color-save:hover{
        background-color: #30888c !important;
    }    
    .right-border{
        border-right:1px solid #e6dede !important;
    }   
    /* 部分盒子需要上边线 */
    .topline-raidus{
        border-top:1px solid #ccc !important;
        border-top-left-radius:3px !important;
        border-top-right-radius:3px !important;
    }

/* 单独样式结束 */

/* 双击右侧滑块样式开始 */
    /*内容数据面板*/
    .ContentPanel{
        position:absolute;
        top:0;
        right:-100%;
        width:800px;
        height:100%; 
        border-left:1px solid #BFBFBF;
        background-color:#F9F9F9;
        box-shadow:0px 0px  10px 5px #aaa;
    } 
    /* 右侧滑块顶部样式 */
    .content-header{
        height: 45px;
        box-sizing: border-box;
        padding: 6px 10px 0;
        border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    }
    /* 右侧滑块顶部中选项卡标题样式 */
    .content-header ul{
        margin-top: 5px;
        margin-right: 5px;
        float: right;
    }
    /* 右侧滑块顶部中选项卡标题清除浮动伪类 */
    .content-header ul:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    /* 右侧滑块顶部中选项卡选项样式 */
    .content-header ul li{
        float: left;
        padding: 1px 10px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        cursor: pointer;
    }
    /* 右侧滑块顶部中选项卡选中样式 */
    .tabliActive{
        color: #0c80d7;
        border-bottom: 2px solid #0c80d7;
    }
    /* 右侧滑块顶部按钮右间距样式 */
    .content-header a{
        margin-right: 3px;
    }
    /* 右侧滑块内容样式 */
    .content-body{
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 10px;
        padding-bottom: 100px;
        padding-right: 5px;
        box-sizing: border-box;
        height: 95% !important;
    }
    /* 右侧滑块内容选项卡内容盒子清除浮动伪类 */
    .content-body ol:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    /* 右侧滑块内内容样式 */
    .content-body .customheader{
        height:30px;
        line-height:30px;
        margin-bottom:10px;
    }
    /* 标题图片的盒子样式 */
    .customheader .summary-avatar{
        height: 30px !important;
        width: 30px !important;
        border-radius: 50%;
        overflow: hidden;
        float: left;
    }  
    /* 标题图片样式 */
    .customheader .summary-avatar .mCS_img_loaded{
        height: 30px !important;
        width: 30px !important;
        border: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    /* 标题输入框盒子样式 */
    .customheader .summary-title {
        margin-left: 36px;
        font-weight: bold; 
    }
    /* 标题输入框样式 */
    .customheader .summary-title textarea, .customheader .summary-title input {
        height: 24px;
        line-height: 24px;
        border: 0;
        background: 0;
        padding: 3px 3px;
        font-size: 15px;
        font-weight: bold;
        color: #454545;
        width: 98%;
        resize: none;
        overflow: auto;
        border-radius: 3px;
        vertical-align: middle;
        -webkit-transition: background .15s linear;
        -o-transition: background .15s linear;
        transition: background .15s linear;
        font-family: 'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif;
    }
    .customheader .summary-title textarea:not([readonly]):not([disabled]):hover, .customheader .summary-title textarea:not([readonly]):not([disabled]):focus, .customheader .summary-title input:not([readonly]):not([disabled]):hover, .customheader .summary-title input:not([readonly]):not([disabled]):focus {
        background: #ddd;
    }
    .custom-detail-form{
        padding-bottom:10px;
    }
    /*设备各列表隐藏*/
    .custom-detail-form .list{
        display: none;
    }
    /* 手风琴盒子 */
    .accordion-box{
        padding-bottom: 10px;
    } 
    /* 手风琴中datagrid最小高度 */
    .custom-detail-form .list .datagrid-body{
        min-height: 100px;
    } 
    /*多行内容表单样式*/
    .customtable {
        width: 100%;
        background: #FFFFFF;
        border: 1px solid rgba(34, 36, 38, 0.15);
        box-shadow: none;
        border-radius: 3px;
        text-align: left;
        color: rgba(0, 0, 0, 0.87);
        border-collapse: separate;
        border-spacing: 0px;
    }
    .customtable:first-child {
        margin-top: 0em;
    }
    .customtable:last-child {
        margin-bottom: 0em;
    }
    .customtable tr td {
        border-top: 1px solid rgba(34, 36, 38, 0.1);
    }
    .customtable tr:first-child td {
        border-top: none;
    }
    .customtable td {
        height: 43px; 
    }
    .customtable .fieldtitle{
        color: #999 !important; 
        font-size: 12px!important;
        font-weight: bold!important;
        font-family: 'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif !important; 
        width:15%;
        text-align:right;
        padding-right:10px;
    }
    .customtable .newfieldtitle{
        color: #999;
        font-size: 12px;
        font-weight: bold!important;
        width:10%;
        text-align:right;
        padding-right:10px;
    }
    .customtable .fieldcontent{
        width:35%;
        text-align:left;
        padding-left:10px;
    }
    .multi-line-text {
        width: 500px; 
    }
    .little-padding{
        padding: 5px !important;
    }
    /*表单内部分easyui组件样式重定义*/
    .customtable .textbox { 
        position: relative;
        vertical-align: middle;
        display: inline-block;
        white-space: nowrap;
        border-width: 0px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-style: solid;
        border-image: initial;
        overflow: hidden;
        padding: 0px; 
        border:1px solid #fff;
    } 
    .customtable .fieldcontent .textbox{ 
         min-width: 250px !important;
         border-radius:3px 3px 3px 3px !important;
    } 
    .customtable .textbox:hover {
        background: #FCFCFC !important;
        border-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-style: solid;  
        border:1px solid #ccc;
    }  
    /* :focus-within伪类，.textbox内元素获取焦点，改变.textbox样式 */
    .customtable .textbox:focus-within{
        border:1px solid #66afe9 !important;
    } 
    .customtable .textbox input:hover {
        background: #FCFCFC !important; 
    }
    .customtable .textbox input{
        font-family: 'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif !important;
        font-size: 13px !important;
        background: #FFFFFF !important; 
    }
    .customtable .textbox .textbox-prompt{
        color: #d0d0d0;
    }
    .customtable .textbox .textbox-text {
        white-space: normal;
        vertical-align: middle;
        outline-style: none;
        box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px inset;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        background-color: #fff;
        /*padding: 40px 10px;*/
    }
    .customtable .textbox textarea{
        font-family: 'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif !important;
        font-size: 13px !important;
    }
    .customtable .textbox-focused{ 
        border-width: 1px;
        border-color: #66afe9;  
        box-shadow: 0 0 5px 0 #93cdf9;
    }
    .customtable .textbox-addon-right{
        z-index: 0;
        display:none;
    }
    /* disabled 组件 无边框 */
    .customtable input[type="text"]:disabled{
		pointer-events:none; /* 清空指针事件 */
	}  
 
	.customtable .textbox-disabled{
		border-width: 0px !important;
	}
	.customtable .textbox-readonly{
		border-width: 0px !important;
        pointer-events:none; /* 清空指针事件 */
	}
/* 双击右侧滑块样式结束 */

/* 表单查看更多样式开始 */
    .custom-detail-more .cancel-more{
        display:none;
        height:30px;
        line-height:30px;
        text-align:center;
        background:#FDFDFD;
        border-radius:0 0 3px 3px !important;
        border:1px solid #DEDEDE !important;
    }
    .custom-detail-more .cancel-more .btn{
        display: block;
        color:#999999;
        width:100%;
    }
    .custom-detail-more .cancel-more .btn:hover{
        text-decoration:none;
        background-color:#e6e6e6;
    }
    .custom-detail-more{ 
        padding-bottom:10px;
    } 
    .custom-detail-moreinfo{
        display:none;
    } 
    .custom-detail-more .block-more{ 
        height:30px;
        line-height:30px;
        text-align:center; 
        background:#FDFDFD;
        border-radius:3px 3px 3px 3px !important;
        border:1px solid #DEDEDE !important;
    } 
    .custom-detail-more .block-more .btn{
        display: block;
        color:#999999;
        width:100%;
    } 
    .custom-detail-more .block-more .btn:hover{
        text-decoration:none;
        background-color:#e6e6e6;
    } 
/* 表单查看更多样式结束 */

/* 附件上传样式开始 */
    .OperateMore{
        background: #fff;
        /*border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
        border-top:1px solid #dedede;*/
    }
    .OperateMore:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .aloneSpan{
        float: left;
        width:20%;
        border-right:1px solid #dedede;
        box-sizing: border-box;
        height: 43px;
        line-height: 43px;
        text-align: center;
        cursor: pointer;
        position: relative;
    }
    .aloneSpan input[type='button']{
        width:100%;
        height:100%;
        position: absolute;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
    .aloneSpan:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .aloneSpan img{
        width:20px;
        height: auto;
        margin-top: 9px;
        margin-left: 40px;
        margin-right: 5px;
        float: left;
    }
    .aloneSpan em{
        float: left;
        color: #999;
    }
    .aloneSpan:last-child{
        /*border-right:none;*/
    }
    /*已经上传的附件信息*/
    .showfileInfo{
        border-bottom:1px solid #dedede;
        background: #fff;
/*        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;*/
        padding:10px;
    }
    .showfileInfo .fileRecord{
        background: #f8f8f8;
        border:1px solid #eaeaea;
        border-radius: 3px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        padding:0 10px;
        margin-bottom: 10px;
    }
    .showfileInfo .fileRecord:last-child{
        margin-bottom: 0px;
    }
    .showfileInfo .fileRecord .fileDoIcon{
        width: 15px;
        height: 15px;
        float: left;
        margin-top: 12px;
        margin-right: 5px;
    }
    .showfileInfo .fileRecord .fileNature{
        float: left;
        color: #5a86bb;
        margin-left: 10px;
        height: 40px;
        line-height: 40px;
    }
    .showfileInfo .fileRecord span em{
        color: #5a86bb;
        float: left;
        max-width: 300px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .showfileInfo .fileRecord .cursorStyle{
        cursor: pointer; 
        max-width: 75%;
    }
    .fileName{
        float: left; 
        max-width: 60%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        height: 40px;
        line-height: 40px;
    }
    .showfileInfo .fileRecord ul li{
        padding-right:10px;
        cursor: pointer;
    }
    .showfileInfo .fileRecord ul li:last-child{
        padding-right:0px;
    }
    .showfileInfo .fileRecord ul li span{
        float:left;
    }
    .onlyread {
        color: #cdcdcd !important;
    }
/* 附件上传样式结束 */

/* 按钮/文字标题样式开始 */
    .titleBox{
        padding: 12px 0;
        box-sizing: border-box;
    }
    .TenPaddingTop{
        padding: 10px 0;
    }
    .titleBox span:first-child {
        padding: 0 15px;
    }
    .havePadding{
        padding: 0 15px !important;
    }
    .titleBox span:last-child {
        padding: 0;
    }
    .titleBox span{
        font-size: 14px;
    }
    .titleBox img{
        width: 23px;
        height: auto;
        float: left;
        margin:-2px 10px 0;
    }
    .titleBox .leftPadding{
        padding-left: 10px;
        padding-right: 5px;
    }
    .titleBox .rightPadding{
        padding-left: 5px;
        padding-right: 10px;
        color: #ff0000;
    }
    .titleBox .reducePadding{
        padding: 0 ;
    }
    .titleBox .arrowsicon{
        margin-top: 5px;
        width: 15px;
        height: auto;
        float: left;
        margin:0 10px;

    }
    em{
        font-style: normal;
    }
    .titleBox .btnBox{
        float:right;
        margin-top: -6px;
        margin-right: 6px;
    }
    .titleBox .writingBox{
        float:right;
        margin-right: 9px;
    }
    .titleBox .titleSize{
        font-size:12px;
        padding-left: 20px;
    }
    .titleBox .titleColor{
        color:#f69c23;
        font-size:12px;
        font-weight:bold;
    }
    .noHaveDetail{
        border-bottom: none;
        margin-bottom:0px;
        border-bottom-right-radius:3px;
        border-bottom-left-radius:3px;
    }
    .HaveDetail{
        margin:0px;
        border-bottom-right-radius:0px !important;
        border-bottom-left-radius:0px !important;
    } 
/* 按钮/文字标题样式结束 */

/*自定义反馈信息/查阅情况/操作日志选项卡样式开始 */

    /* 外层盒子样式 */
    .customTabsBox{
        border:1px solid #dededf;
        border-radius: 3px;
        background: #fff;
    }
    /* 选项卡整体标题样式 */
    .customTabsBox ul{
        width: 100%; 
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #dededf;
    }
    /* 选项卡单个选项样式 */
    .customTabsBox ul li{
        padding: 0 20px;
        font-size: 14px;
        cursor: pointer;
        float: left;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
    }
    /* 选项卡选项选中之后的样式 */
    .customTabsBox ul .tabsActive{
        font-weight: bold;
        color: #3c3c3c;
        border-bottom: 2px solid #1b8cf2; 
    } 
    .customTabsBox ul:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    } 
    /* 发表反馈信息内边距样式 */ 
    .comment-post{
        padding: 15px 15px 0 10px;  
    }
    /* 反馈信息处用户icon样式 */
    .usericon{
        height: 30px !important;
        width: 30px !important;
        border: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border-radius: 50%;
        margin-right: 15px;
        margin-left: 5px;
    }
/* 自定义反馈信息/查阅情况/操作日志选项卡样式结束 

/* 维修历史时间轴样式开始 */
    .TimerAxlePadding{
        padding: 10px;
        width: 100%; 
        box-sizing: border-box; 
    } 
    .TimerAxlePadding:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    .TimerAxlePadding .TimerAxleShow{
        width:25%;
        height:100%;
        margin-left:30px;
        margin-top: 15px; 
        border-left:1px solid #53b6eb;
        margin-bottom: 15px; 
        float: left;
    }
    .TimerAxlePadding .TimerAxleShow .absoluteStyle{ 
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background: #fff; 
        float: left;  
    }
    .TimerAxlePadding .TimerAxleShow .startOrEndBD{
        width: 18px;
        height: 18px;
        float: left;
        border-radius: 50%;
        border:1px solid #d3d3d3; 
        margin-top: 4px;
        margin-left: 4px;
    }
    .TimerAxlePadding .TimerAxleText{
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        color: #666;  
        padding-left: 30px; 
        font-size: 16px;
        font-weight: bold;
        float: left;
    }
    .TimerAxlePadding .TimerAxleShow .endAbsolute{ 
        margin-left: -15px;
        width: 30px;
        height: 30px; 
        float: left;
        background: #fff; 
    }
    .TimerAxlePadding .TimerAxleDetail{
        width: 50px;
        height: 50px; 
        margin-left: -25px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: #fff;
        padding: 10px 8px;
        box-sizing: border-box;
        float: left;
    }
    .TimerAxlePadding .TimerAxleDetail var{
        border:1px solid #108ee9;
        border-radius: 50%;
        width:25px;
        height: 25px;
        margin-left: 3px;
        display: block;
    }
    .TimerAxlePadding .TimerAxleDetail var em{
        width: 15px;
        height: 15px;
        display: block;
        background: #108ee9;
        border-radius: 50%;
        margin-left: 5px;
        margin-top: 5px;
    }
    /* 时间轴--时间展示盒子 */
    .TimerAxlePadding .TimerDetail{
        padding-left: 10px; 
        padding-right: 10px;
        border:2px solid #108ee9;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        margin-top: 23px;
        margin-left: 20px;
        position: relative;
        cursor: pointer;
        float: left;
    }
    /*时间轴--时间展示箭头*/
    .TimerAxlePadding .leftIcon{
        position: absolute;
        border-left:2px solid #108ee9;
        border-bottom:2px solid #108ee9;
        border-bottom-left-radius:3px; 
        background: #fff;
        width: 10px;
        height: 10px;
        left: -7px;
        top: 8px; 
        transform:rotate(47deg);
        -ms-transform:rotate(47deg); /* Internet Explorer */
        -moz-transform:rotate(47deg); /* Firefox */
        -webkit-transform:rotate(47deg); /* Safari 和 Chrome */
        -o-transform:rotate(47deg); /* Opera */
    }
    /* 时间轴--右侧详细信息展示 */
    .TimerAxlePadding .DetailInfoShow{ 
        height: 100%;
        width: 70%;
        float: left; 
        border-radius: 5px;
        box-shadow: 0px 0px 20px #108ee9;
    }
/* 维修历史时间轴结束*/

/* 内容时间轴样式开始 */
    /*内容时间轴内容盒子*/
    .TimerContent{
        width:93%;
        border:1px solid rgba(34, 36, 38, 0.1);
        margin-top: 20px;
        margin-left: 20px;
        margin-bottom:20px;
        border-radius: 3px;
        box-sizing: border-box;
        position: relative;
        padding:10px 10px 0px;
        float: left;
    }
    /*箭头边线*/
    .TimerContent .redefineborder{
        border-left:1px solid  rgba(34, 36, 38, 0.1);
        border-bottom:1px solid  rgba(34, 36, 38, 0.1);
    }
    .audit-footer{
        border-top: 1px solid  rgba(34, 36, 38, 0.1);
        height: 40px;
        line-height: 40px;
    }
    .audit-footer:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .audit-footer .oddstyle{
        width:60px; 
    }
    .audit-footer .evenstyle{
        width:80px;
    } 
    .TimerAxlePadding .content-width{
        width: 95% !important;
    }
/* 内容时间轴样式结束 */

/*反馈信息详细内容样式开始*/
    /*反馈图标*/
    .usericon{
        height: 30px !important;
        width: 30px !important;
        border: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border-radius: 50%;
        margin-right: 15px;
        margin-left: 5px;
        float: left;
    }
    /*反馈*/
    .comment-post{
        padding: 15px 15px 0 10px;   
    }
    .comment-post:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    /*反馈评论*/
    .comment-editbox{
        width: 93%;
        min-height: 60px;
        border:1px solid #ddd;
        border-radius: 5px;
        padding: 5px 10px;
        box-sizing: border-box;
        float: left;
        height: 100%;
    }
    /*发表*/
    .comment-sendInfoBtn{ 
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: right;
        padding-right:15px;
    }
    .comment-sendInfoBtn a{
        padding: 0 10px !important;
    }
    /*反馈人*/
    .container-header{
        color: #108ee9;
        height: 20px;
    }
    /*反馈*/
    .container-post{
        border-top:0.5px dashed #dedede;
        padding: 15px 15px 10px 10px; 
    }
    /*反馈内容*/
    .container-content{
        width: 92%;
        line-height: 24px;
        border-radius: 5px;
        box-sizing: border-box;
    }

    /*反馈时间*/
    .comment-time{ 
        color: #ddd;
        text-align: left;
        padding-left:51px;
    }
    /*查阅情况*/
    .readinfo-box{
        color: #999;
        margin: 2px 18px;
        line-height: 34px;
        border-bottom:0.5px dashed #dedede;
    }
    .readinfo-box:last-child{
        border-bottom: none;
    }
    /*查阅情况查阅人*/
    .readinfo-box a{
        color: #108ee9;
    }
    /*查阅情况内容*/
    .readinfo-box span{
        margin: 0 10px;
    }
/*反馈信息详细内容样式结束*/

/*付款信息样式开始*/
    .showInfoList{
        width: 100%;
        background-color: #fff;
        border:1px solid rgba(34, 36, 38, 0.15);
        border-top: none;
        border-bottom-right-radius:3px;
        border-bottom-left-radius:3px;
        box-sizing: border-box;
        overflow: hidden;
    } 
    .showInfoList .showInfoBox{
        box-sizing: border-box; 
        margin: 0 20px;
        padding: 10px 0;
        border-bottom: 1px dashed rgba(34, 36, 38, 0.15);
    }
    .showInfoList .showInfoBox h6{
        font-weight: normal;
        padding: 5px 0;
    }
    .showInfoList .showInfoBox:last-child{
        border-bottom: none;
    }
    .showInfoBox h6 img{
        width: 15px;
        height: auto;
        float: left;
        margin-right: 10px;
    }
    .showInfoBox p span{
        padding-right: 20px; 
        float: left;
        font-size: 14px;
        line-height: 24px;
    } 
    .showInfoBox .iconStyle{
        width: 30px;
        height: 30px;
        margin-top: 25px;
        cursor: pointer; 
    }
    .showInfoBox .iconStyle:first-child{
        margin-right: 10px;
    }
/*付款信息样式结束*/

/*未引入设备样式开始*/ 
    /* 未引入图片样式 */
    .iconImport{
        width: 200px;
        height: auto;
        display: block;
        margin: 20px auto;
    }
    /* 提示文字样式 */
    .noInfoHint{
        text-align: center;
        font-size: 16px;
        color:#999;
        padding: 10px 0;
    } 
/*未引入设备样式结束*/

/*已引入设备样式开始*/
    /* 圆角和边线样式设置 */
    .SignClass .panel-body{
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;  
        border: 1px solid rgba(34, 36, 38, 0.15) !important; 
        border-top: none !important;
        overflow:hidden;
    } 
    .SignClass .datagrid-body{
        max-height: 350px;
    }
    /* 给设备表格datagrid调整最后一行底边线颜色 */
/*    .SignClass .datagrid-body tr:last-child td{ 
        border-bottom: none !important;
    } */
/*    .SignClass .datagrid-body .datagrid-row:nth-child(1) td{ 
        border-bottom: 1px solid #eaeff0 !important;
    }  
    .SignClass .datagrid-body .datagrid-row:nth-child(2) td{ 
        border-bottom: 1px solid #eaeff0 !important;
    }
    .showInfoList .datagrid-body tr:last-child td{ 
        border-bottom: none !important;
    } 
    .showInfoList .datagrid-body .datagrid-row:nth-child(1) td{ 
        border-bottom: 1px solid #eaeff0 !important;
    }
    .showInfoList .datagrid-body .datagrid-row:nth-child(2) td{ 
        border-bottom: 1px solid #eaeff0 !important;
    } */
    /* 给设备表格datagrid调整最后一列右边线颜色 */
    .SignClass .datagrid-header tr td:last-child, .datagrid-body tr td:last-child{ 
        border-right:none !important;  
    }
    /* 重定义分页表格样式 */
    .SignClass .datagrid .datagrid-pager{
        border-width: 1px 0px 0px 0px !important;
    }
    .SignClass .pagination{
        border-radius: 0px !important;
    } 
    .SignClass .datagrid-body .datagrid-row:nth-of-type(10n+0) td {
        border-bottom: none !important;
    }
    .showInfoList .datagrid-body .datagrid-row:nth-of-type(10n+0) td{ 
        border-bottom: none !important;
    }
    

/*已引入设备样式结束*/

/*针对需要展示的easyui组件边线样式调整开始*/
    .redefinetable{
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 3px !important;
        box-sizing: border-box;
    }
    .redefinetable .textbox{
        border: 1px solid #dededf !important;
    }
    .redefinetable .textbox-addon-right{
        z-index: 0;
        display:block !important;
    }
    .redefinetable span{
        padding: 0 !important;
    }
/*针对需要展示的easyui组件边线样式调整结束

/* 单独按钮展示样式开始 */
    .showBtnBox{
        width: 30%;
        display: block;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;   
        border-radius: 5px;   
        margin: 10px auto;
        background-color: #0c80d7;  
        font-size: 14px !important;
        color: #fff !important;
        font-weight: bold;
    } 
/* 单独按钮展示样式结束 */

/* 针对两列表格内布局调整开始*/
    .twoColumns tr td:first-child{
        width:7%;    
        padding-left: 10px;
    } 
/* 针对两列表格内布局调整结束*/


/* 三列列表展示样式开始 */
    /*解决三列表表格边线重叠*/
    .three-bd-none{
        border:none !important;
        font-size: 12px;
        color:#18537f;
    }
    /*三列表格第一个td元素padding-left值*/
    /*
    .three-bd-none tr td:first-child{
        padding-left: 40px;
    }
    */
    .three-bd-none tr td:first-child{
        padding-left: 55px;
    }  
    /* 三列表格输入处样式 */
    .three-bd-none input[type='text']:last-child{
        border:1px solid #dededf;
        width: 90%;
        border-radius: 3px;
        line-height: 30px;
        padding: 0 5px;
        font-family: 'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif !important;
    }
    /* 获取焦点盒阴影和边线颜色改变 */
    .three-bd-none input[type='text']:last-child:focus{ 
        border-color: #66afe9;  
        box-shadow: 0 0 5px 0 #93cdf9;
    }
    /* circle */
    .three-bd-none .FieldLabel .CircleStyle{
        width:8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        background-color: #3636ca;
        margin-right: 5px;
    }
/* 三列列表展示样式结束 */
/* 左侧数据右侧图片展示样式开始 */
    .img-box-border{
        margin-left:30px;
        border:1px dashed #dedede;
        width:88%;
        height:90%;
        border-radius: 5px;
        cursor: pointer; 
        overflow: hidden;
        /*弹性布局解决垂直水平居中*/
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        align-items:center; 
    }
    .img-box-border:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    .img-box{
        width: 75%;
        height: 100%;
        float: left;
    }
    /* 默认图片大小 */
    .img-box img{
        height: 100%;  
    }
 
    /*右侧图片标注盒子*/
    .right-img-box{
        float: left;
        height: 100%;
    }
    .right-img-box p{
        width:85px;
        height: 33%;
        border-left:1px dashed #dedede;
        border-bottom: 1px dashed #dedede;
        text-align: center; 
        box-sizing: border-box;
        padding-top: 25px;
    }
    .right-img-box p:last-Child{
        border-bottom: none;
    }
/* 左侧数据右侧图片展示样式结束 

/* 添加标签样式开始 */
    /*标签盒子*/
    .add-label-box{
        width: 100%;
        padding:5px; 
    }
    .add-label-box:hover .add-label-icon{
        display: block;
    }
    /*伪类清除浮动*/
    .add-label-box:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    /* 标签样式 */
    .add-label-box p{
        padding: 0 5px;
        height:30px;
        line-height: 30px; 
        border-radius: 3px;
        margin-right: 5px;
        margin-top: 3px;
        max-width: 220px; 
        float: left;
        color:#666;
        box-sizing: border-box;  
        font-family: 'PingFangSC-Light','Hiragino Sans GB',Microsoft YaHei Light,Microsoft YaHei,Arial,sans-serif !important; 
    }
    /*伪类清除浮动*/
    .add-label-box p:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    /* 标签文字 */
    .add-label-box p span{
        float: left;
        min-width: 20%;
        max-width: 90%; 
        font-size: 13px;
        /*隐藏文本*/
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;        
    }
    /* 标签删除图标 */
    .add-label-box p img{
        width: 15px;
        height: auto;
        margin-top: 7px;
        margin-left: 5px;
        float: right;
        opacity: 0;
        cursor: pointer;
    }
    /* 添加标签图标 */
    .add-label-box .add-label-icon{
        margin-top: 2px;
        width: 22px;
        height: auto;
        display: none;
        cursor: pointer;
    }
    /* 标签滑动效果 */
    .add-label-box p:hover{
        color:#5d9cec;
    }
    .add-label-box p:hover img{
        opacity: 1;
    }
    .select-box-show{
        display: none;
        float: left; 
        padding-bottom: 2px;
    }
/* 添加标签样式结束 */

/* 鱼骨维修流程样式开始*/
    .fishBoneDiv{ 
        width: 99.8%;
        height:150px; 
        margin:0 auto;
        position:relative;
        background-color: #fff;
        padding-bottom: 10px;
        padding-top: 10px;
        border:1px solid #dededf;
        border-bottom:none;
        border-top-left-radius:3px;
        border-top-right-radius:3px; 
    }
    /*伪类清除浮动*/
    .fishBoneDiv:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    /*数据渲染盒子*/
    .fishBone{
        color: #9ea8ba;
        width: 86%;
        height: 100%;
        white-space: nowrap;
        position: relative;
        font-size: 12px;
        margin: 0px auto; 
    }
    /*鱼骨三角图片(左)*/
    .fishicon-left{
        width: 24px;
        height: auto; 
        position: absolute;
        top: 43%;
        left: -10px;
        z-index: 3;
    } 
    /*鱼骨三角图片(右)*/
    .fishicon-right{
        right: -10px;
        z-index: 3;
        width: 24px;
        height: auto; 
        position: absolute;
        top: 43%;
    } 
    /*鱼骨中间横线*/
    .fishline{
        position: absolute;
        top: 50%;
        height: 1px;
        width: 100%;
        border-bottom: 2px solid #7E899D;
        z-index: 0;
    } 
    .swiper-slide ul li{
        float: left;
        width: 100px;
        height: 150px;  
        text-align: center;
        box-sizing: border-box;
    } 
    /*最上方实心小圆点*/
    .swiper-slide ul li span{
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 50%;
        background-color: #60a96e;
        margin: 0px auto;
    }
    /*中间竖线*/
    .swiper-slide ul li div{
        height: 24px;
        width: 1px;
        background: #60a96e;
        margin:0 auto;
    }
    /*空心圆*/
    .swiper-slide ul li em{
        width: 25px;
        height:25px;
        border:2px solid #60a96e;
        display:block;
        margin:0 auto;
        border-radius: 50%;
        box-sizing: border-box;
    }
    /* 重定义宽高 */
    .swiper-slide ul li em span{
        width: 15px;
        height:15px;
        margin-top: 3px;
    }
    /*奇数li*/
    .swiper-slide ul li:nth-child(odd){

    }
    /*偶数li*/
    .swiper-slide ul li:nth-child(even){
        margin-top: 65px;
        height: 95px;
    }
    /*上一项箭头*/
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: 5px !important;
        background-image: url(../images/gray-arrows-icon.png) !important;
    }
    /*下一项箭头*/
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: 5px !important;
        background-image: url(../images/gray-arrows-icon.png) !important;
        transform: rotate(180deg);
    } 
    .swiper-slide{ 
        box-sizing: border-box;
    }  
/* 鱼骨维修流程样式结束*/

/* 自定义radio样式开始 */
    input[type="radio"] + label::before {
        content: "\a0"; /*不换行空格*/
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 18px;
        height: 18px; 
        border-radius: 50%;
        border: 1px solid #1692fe;  
        box-sizing: border-box; 
        margin-right: 5px; 
        float: left;
    }
    input[type="radio"]:checked + label::before {
        background-color: #1692fe;
        background-clip: content-box;
        padding: 4px;
        float: left;
    }
    label{
        float: left;
        margin-right: 8px;
        min-width: 40px;
    }
    /*处理默认input[type='raido']标签*/
    input[type="radio"] {
        display: none;
    }
/* 自定义radio样式结束 */

/* 设备大事记时间轴样式开始 */
    .events-show-box{ 
        width: 100%;
    }
    .events-con-box{
        width: 95%;
        margin:0 auto; 
        position: relative;
        margin-top: 10px;
    }
    .events-con-box .timershow{
        margin:0 auto;
        width: 60px;
        height:60px;
        transform: rotate(45deg);
        background-color: #6e6e6e;
        border-radius: 10px; 
    }
    /* 事迹时间展示盒子 */
    .events-con-box .timershow span{
        transform: rotate(-45deg);
        color: #fff;
        display:block;
        height:60px;
        line-height: 60px;
        text-align: center;
        font-size: 18px;
    }
    /* 中间竖线样式 */
    .events-con-box .longline{
        height: 100%;
        background-color: #6e6e6e;
        width:1px;
        margin:0 auto;
        position: absolute;
        top: 0;
        left: 50%; 
    }
    /* 详细信息展示盒子 */
    .events-con-box .detail-show-box{  
        margin:15px 0px;
    }
    /* 右侧内容样式 */
    .events-con-box .list-right{
        margin-left: 50%;
    }
    .events-con-box .list-right:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;  
    }
    /* 菱形父级盒子样式 */
    .events-con-box .module-box{
        float: left;
        padding-top: 10px;
    }
    .events-con-box .module-box:after{
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;          
    }
    /*小菱形样式*/
    .events-con-box .list-right span{
        border:3px solid #6e6e6e;
        float: left;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        transform: rotate(45deg);
        margin-left: 2px;
        margin-top: 
    }
    /*横线样式*/
    .events-con-box .acrossline{
        background-color: #6e6e6e;
        width: 50px;
        height: 1px;
        margin-top: 10px;
        box-sizing: border-box;
        float: left;
    }
    .events-con-box .storydetails{ 
        padding:0 5px;
        float: left;
        width: 280px;
        overflow:hidden; 
        animation:textmove 3s ;
        -webkit-animation:textmove 3s ; /*Safari and Chrome*/
    }
    .events-con-box .storydetails h3{
        font-weight: normal;
        font-size: 16px; 
    }
    /* 左侧内容样式 */
    .events-con-box .list-left{
        text-align: right;
    }
    .events-con-box .list-left:after{ 
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden; 
    }
    .events-con-box .list-left .module-box{
        padding-left: 3px;
    }
    .events-con-box .list-left span{
        border:3px solid #6e6e6e;
        float: left;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        transform: rotate(45deg);
        margin-left: 2px;
        margin-top: 
    }   
    /* 大事记右侧文字动画 */
    @keyframes textmove
    {
    from {width:0px;opacity:0;}
    to {width:280px;opacity:1;}
    }

    @-webkit-keyframes textmove /*Safari and Chrome*/
    {
    from {width:0px;opacity:0;}
    to {width:280px;opacity:1;}
    }
/* 设备大事记时间轴样式结束 */

/* 解决datagrid-view高度归零问题 */
.DefineStyle .datagrid-view{
    height: 100% !important;
}