@charset "utf-8";

body {
    font-family: PingFang SC,Microsoft YaHei,STSong,Verdana !important;
}

/*1.0 layui调整*/
.layui-table th {
    text-align: center;
}

/**2.0分页样式*/

.pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 5px;
}

    .pagination li {
        display: inline-block !important;
        text-align: center;
        vertical-align: middle;
    }

        .pagination li a, .pagination li > span {
            position: relative;
            float: left;
            padding: 0px 12px;
            margin-left: -1px;
            background-color: #fff;
            border: 1px solid #ddd;
            line-height: 30px;
            height: 30px;
        }

    .pagination .cur {
        color: red;
    }

    .pagination .none {
        cursor: default;
        color: #cccccc;
        text-decoration: none;
    }

    .pagination input {
        width: 50px;
        margin: 0 3px;
        border: 1px solid #ddd;
        height: 20px;
    }

/*3.0 基础样式*/
/*3.1 排版*/

/*文字大写*/
.uppercase {
    text-transform: uppercase
}
/*文字小写*/
.lowercase {
    text-transform: lowercase
}
/*首字母大写*/
.capitalize {
    text-transform: capitalize
}

/*3.1.3 对齐
	Name:			style_text-align
	Example:		class="text-l|text-r|text-c|va-t|va-m|va-b"
	Explain:		.text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
					.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
*/
.text-l {
    text-align: left
}

.text-r {
    text-align: right
}

.text-c {
    text-align: center
}

/*3.1.5 浮动
	Name:			style_float
	Example:		class="l|r"
	Explain:		.l 左浮动|.r 右浮动
*/
.l, .f-l {
    float: left !important;
    _display: inline
}

.r, .f-r {
    float: right !important;
    _display: inline
}

/*控制元素对定位的位置：居左|居右|j居上|居下*/
.pos-left {
    left: 0;
    right: auto
}

.pos-right {
    right: 0;
    left: auto
}

.pos-top {
    top: 0;
    bottom: auto
}

.pos-bottom {
    top: auto;
    bottom: 0
}

/*3.1.6 文字单行溢出省略号
	Name:			style_text-overflow
	Example:		class="text-overflow"
*/
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/*3.1.8 外边距
	Name:			style_margin
	Example:		class="mt-5|mt-10..."
	Explain:		.mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.m-5 {
    margin: 5px
}

.m-10 {
    margin: 10px
}

.m-15 {
    margin: 15px
}
/*3.1.9 内填充
	Name:			style_padding
	Example:		class="pt-5|pt-10|……"
	Explain:		.pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pd-5 {
    padding: 5px
}

.pd-10 {
    padding: 10px
}

.pd-15 {
    padding: 15px
}

.pd-20 {
    padding: 20px
}

.pd-25 {
    padding: 25px
}

.pd-30 {
    padding: 30px
}

.pd-40 {
    padding: 40px
}

/*3.1.12 行内分割竖线
	Name:			style_pipe
	Example:		<span class="pipe">|</span>
*/
.pipe {
    margin: 0 5px;
    color: #CCC;
    font-size: 10px !important
}
/*3.1.13 文字尺寸
	Name:			style_font-size
	Example:		class="f-12|f-14|f-16|f-18|f-20|f-24|f-26|f-28|f-30"
	Explain:		12px字体|14px字体|16px字体|18px字体|20px字体|24px字体|26px字体|28px字体|30px字体
*/
.f-12 {
    font-size: 12px
}

.f-14 {
    font-size: 14px
}

.f-16 {
    font-size: 16px
}

.f-18 {
    font-size: 18px
}

.f-20 {
    font-size: 20px
}

.f-22 {
    font-size: 22px
}

.f-24 {
    font-size: 24px
}

.f-26 {
    font-size: 26px
}

.f-28 {
    font-size: 28px
}

.f-30 {
    font-size: 30px
}
/*3.1.14 文字行距
	Name:			mod_line-height
	Example:		class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
	Explain:		16px行高|18px行高|20px行高|22px行高|24px行高|26px行高|30px行高
*/
.lh-16 {
    line-height: 16px
}

.lh-18 {
    line-height: 18px
}

.lh-20 {
    line-height: 20px
}

.lh-22 {
    line-height: 22px
}

.lh-24 {
    line-height: 24px
}

.lh-26 {
    line-height: 26px
}

.lh-28 {
    line-height: 28px
}

.lh-30 {
    line-height: 30px
}

/*3.1.15 文字颜色
	Name:			style_color
	Example:		class="c-primary|c-sub|c-success|c-danger|c-warning|c-333|c-666|c-999|c-red|c-green|c-blue|c-white|c-black|c-orange"
	Explain:		主要颜色|次主色|强调色—成功|强调色—危险|强调色—警告色|强调色—错误色|次主色—浅黑|辅助色—灰色|标准色—红色|标准色—绿色|标准色—蓝色|标准色—白色|标准色—黑色|标准色—橙色
*/

/*主要颜色*/
.c-primary, .c-primary a, a.c-primary {
    color: #5a98de
}

    .c-primary a:hover, a.c-primary:hover {
        color: #5a98de
    }
/*次主色*/
.c-secondary, .c-secondary a, a.c-secondary {
    color: #555
}

    .c-secondary a:hover, a.c-secondary:hover {
        color: #555
    }

/*强调色—成功*/
.c-success, .c-success a, a.c-success {
    color: #5eb95e
}

    .c-success a:hover, a.c-success:hover {
        color: #5eb95e
    }

/*强调色—危险*/
.c-danger, .c-danger a, a.c-danger {
    color: #dd514c
}

    .c-danger a:hover, a.c-danger:hover {
        color: #dd514c
    }

/*强调色—警告*/
.c-warning, .c-warning a, a.c-warning {
    color: #f37b1d
}

    .c-warning a:hover, a.c-warning:hover {
        color: #f37b1d
    }

/*强调色—错误*/
.c-error, .c-error a, a.c-error {
    color: #c00
}

    .c-error a:hover, a.c-error:hover {
        color: #c00
    }

/*辅助色—浅黑*/
.c-333, .c-333 a, a.c-333 {
    color: #333
}

    .c-333 a:hover, a.c-333:hover {
        color: #333
    }

/*辅助色—灰色*/
.c-666, .c-666 a, a.c-666 {
    color: #666
}

    .c-666 a:hover, a.c-666:hover {
        color: #666
    }

.c-999, .c-999 a, a.c-999 {
    color: #999
}

    .c-999 a:hover, a.c-999:hover {
        color: #999
    }

/*标准色—红色*/
.c-red, .c-red a, a.c-red {
    color: red
}

    .c-red a:hover, a.c-red:hover {
        color: red
    }
/*标准色—绿色*/
.c-green, .c-green a, a.c-green {
    color: green
}

.c-red a:hover, a.c-red:hover {
    color: green
}
/*标准色—蓝色*/
.c-blue, .c-blue a, a.c-blue {
    color: blue
}

    .c-blue a:hover, a.c-blue:hover {
        color: blue
    }
/*标准色—白色*/
.c-white, .c-white a, a.c-white {
    color: white
}

    .c-white a:hover, a.c-white:hover {
        color: white
    }
/*标准色—黑色*/
.c-black, .c-black a {
    color: black
}

    .c-black a:hover, a.c-black:hover {
        color: black
    }
/*标准色—橙色*/
.c-orange, .c-orange a, a.c-orange {
    color: orange
}

    .c-orange a:hover, a.c-orange:hover {
        color: orange
    }

/*3.1.16 文字颜色强调	从2.0起废弃3.1.16 文字强调，字体颜色全部放入到3.1.15
	Example:		class="text-muted|text-primary|text-warning|text-error|text-danger|text-success|text-info"
	Explain:		柔和|重要|警告|错误|危险|成功|信息
*/

/*3.1.20 上标，下标
	Example:		<sup>2</sup>	<sub>2<sub>
	Explain:		上标|下标
*/
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}
/*3.1.21 内容样式
	Name:			style_content
	Example:		<div class="content"><p>……</p></div>
	Explain:		内容样式
*/
.content {
    position: relative;
    font-size: 17px;
    line-height: 1.8;
    overflow: hidden;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word
}

    .content h3 {
        font-size: 18px
    }

    .content h4 {
        font-size: 16px
    }

    .content p {
        margin-bottom: 1.5rem;
        text-align: justify;
        word-break: break-all
    }

        .content p.text-c {
            text-align: center
        }

.indent {
    text-indent: 2em
}

.content img {
    max-width: 100%
}

.content ul {
    text-indent: 2em
}

/*3.1.22 列表
	Name:			style_ulolli
	Example:
<ul class="list-view">
	<li class="item">无序列表</li>
	<li class="item">无序列表</li>
	<li class="item">无序列表</li>
</ul>
<ol class="list-view">
	<li class="item">无序列表</li>
	<li class="item">无序列表</li>
	<li class="item">无序列表</li>
</ol>
	Explain:
*/
ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none
}

    ul.inline > li, ol.inline > li {
        display: inline-block;
        *display: inline;
        padding-right: 5px;
        padding-left: 5px;
        *zoom: 1
    }

.list-view > .item {
    padding: 10px;
    position: relative;
    overflow: hidden
}
    /*禁止换行*/
    .list-view > .item .date {
        font-size: 12px;
        font-family: Arial;
        color: #999
    }
/*横向手机 竖向平板*/
@media (max-width: 767px) {
    .list-view > .item {
        font-size: 18px;
        padding: 11px 15px;
        border-bottom: 1px solid #eee
    }

        .list-view > .item > a {
            display: block;
            margin: -11px -15px
        }

    .night .list-view > .item {
        border-bottom: 1px solid #1F1F1F
    }

    .list-view > .item .date {
        display: none
    }

    .list-view > .item .Hui-iconfont {
        background-size: 9px auto;
        margin-top: -7px;
        position: absolute;
        right: 15px;
        top: 50%
    }
}

/*3.1.24 隐藏 显示
  Name:				style_display
  Example:    <div class="hide">隐藏的内容</div> <div class="show">显示的内容</div>
  Explain:    		.hide 隐藏 / .show 显示
*/
.hide {
    display: none
}

[hidden] {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.f-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

[class*="span"].hide, .row-fluid [class*="span"].hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.layui-form-label {
    height: 30px;
    line-height: 20px;
    width: 150px !important;
    text-align: right;
    padding: 3px 10px !important;
}

.layui-form-pane .layui-form-label {
    height: 30px;
    line-height: 20px;
    width: 150px !important;
    text-align: right;
}

.layui-form-pane .layui-input-block {
    margin-left: 150px !important;
    height: 30px;
    line-height: 20px;
}

.layui-input-block {
    min-height: 30px;
    margin-left: 171px;
}

.layui-input, .layui-select, .layui-textarea {
    height: 30px;
    line-height: 20px;
}

.layui-form-item {
    margin-bottom: 5px;
}
/*修改不可用 颜色*/
.layui-disabled, .layui-disabled:hover {
    color: #888 !important;
}
/*用于给layer弹出层下面的按钮改变颜色*/
.btn-layer {
    border-color: #1E9FFF !important;
    background-color: #1E9FFF !important;
    color: #fff !important;
}

.btn-layer-x {
    background-color: #fff !important;
    color: #333 !important;
}

.layui-layer-title {
    height: 35px !important;
    line-height: 35px !important;
}

.layui-layer-setwin {
    top: 10px !important;
}

.layui-btn-xs {
    padding: 0 8px !important;
}

.btn-noborder {
    border: none !important;
}

/*表格鼠标滑过行背景色*/
.layui-table tr:hover {
    background-color: #cadef3 !important;
}

.layui-table-hover {
    background-color: #cadef3 !important;
}

/*----------业务步骤导航条 开始------------*/
.dizplug { /*background-color: #e5e5e5;*/
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    border: 1px solid #eee;
    padding: 10px;
}

.bizlinkdiv {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}

.bizlink_arrow {
    float: left;
    margin: 0px 0px;
    width: 200px;
}

    .bizlink_arrow > .layui-btn {
        border-radius: 3px !important;
    }

    .bizlink_arrow > .layui-btn-normal {
        background-color: #5bc0de !important;
    }

    .bizlink_arrow > .fa {
        color: #73879C;
    }

.bizfixedlinkdiv {
    clear: both;
    width: 100%;
    padding: 0px 0px 0px 5px;
}

.bizlink {
    margin: 5px 0px;
    min-width: 170px;
}

.bizfixedlink {
    min-width: 170px;
    margin: 3px 20px 5px auto;
}

.bizlinknum {
    float: right;
    margin-top: 2px;
    color: #fff !important;
    height: auto !important;
}

.bizarrow {
    margin-left: 3px;
    margin-right: 3px;
}
/*----------业务步骤导航条 结束------------*/