::-webkit-input-placeholder {
    color: #ccc
}

html {
    background-color: #fff;
    color: #303030
}

[lay-href],
[lay-tips],
[layadmin-event] {
    cursor: pointer
}

body,
html {
    position: relative;
    min-width: 1200px;
    height: 100%;
    background: #f5f5f5;
    margin: 0;
    padding: 0;
    font-size: 14px
}

li,
ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt72 {
    margin-top: 72px !important
}

.mr5 {
    margin-right: 5px
}

.mr15 {
    margin-right: 15px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}


.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}
.mr20 {
    margin-right: 20px
}
.pr20 {
    padding-right: 20px
}

.ml20 {
    margin-left: 20px
}

.ml40 {
    margin-left: 20px
}

.ml110{
    margin-left: 110px !important;
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.p20 {
    padding: 20px !important
}

.pb20 {
    padding-bottom: 20px
}

.pl30 {
    padding-left: 30px
}

.text-link {
    color: #697df4 !important
}

.text-muted {
    color: #1bb974 !important
}

.text-info {
    color: #ff7b0e !important
}

.text-info a {
    color: #ff7b0e !important
}

.text-primary {
    color: #697df4 !important
}

.text-warning {
    color: #fd6e0a !important
}

.text-fail {
    color: #f66060 !important
}

.text-gray {
    color: #9a9ea7 !important
}

.text-bold {
    color: #f56c6c !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right !important
}

.f14 {
    font-size: 14px !important
}

.f16 {
    font-size: 16px !important
}

.f18 {
    font-size: 18px !important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.bg-primary {
    padding: 15px 20px;
    font-size: 16px;
    background: rgba(105, 125, 244, .1);
    border: 1px solid #ccc
}

.bg-primary .icon-success {
    margin-right: 15px;
    font-size: 40px;
    line-height: 1;
    color: #697df4;
    vertical-align: middle
}

.bg-gray {
    padding: 15px 20px;
    background: #f9f9f9;
    border: 1px solid #ccc
}

.bg-gray h4 {
    font-size: 16px;
    color: #4f525a
}

.text-tip {
    font-size: 14px !important;
    color: #fd6e0a
}

.text-tip .iconfont {
    vertical-align: middle
}

.browser {
    text-align: center
}

.layout {
    width: 1200px;
    margin: 0 auto
}

.dropdown-child dd {
    *zoom: 1
}

.dropdown-child dd:after {
    display: block;
    content: "clear";
    height: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.dropdown-child dd .text-desc {
    float: right;
    display: none;
    color: #9a9ea7
}

.dropdown-child dd.active .text-desc {
    display: inline-block
}

.dropdown-child dd:hover {
    background: rgba(105, 125, 244, .3)
}

.dropdown-child dd:hover .text-desc {
    display: inline-block;
    color: #697df4
}

.layui-table-cell {
    height: auto;
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
    word-break: break-all
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot?t=1607578849361);
    src: url(../fonts/iconfont.eot?t=1607578849361#iefix) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(../fonts/iconfont.woff?t=1607578849361) format('woff'), url(../fonts/iconfont.ttf?t=1607578849361) format('truetype'), url(../fonts/iconfont.svg?t=1607578849361#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-message:before {
    content: "\e865"
}

.ico-letter:before {
    content: "\e65d"
}

.ico-account:before {
    content: "\e65e"
}

.ico-user:before {
    content: "\e65f"
}

.ico-lock:before {
    content: "\e660"
}

.ico-key:before {
    content: "\e661"
}

.ico-phone:before {
    content: "\e662"
}

.icon-waiting:before {
    content: "\e882"
}

.icon-dot:before {
    content: "\e63f"
}

.icon-success:before {
    content: "\e73c"
}

.icon-check:before {
    content: "\e6ab"
}

.icon-home:before {
    content: "\e617"
}

.icon-logo:before {
    content: "\e619"
}

.icon-order:before {
    content: "\e61a"
}

.icon-settle:before {
    content: "\e61c"
}

.icon-setting:before {
    content: "\e61d"
}

.icon-unfold:before {
    content: "\e61e"
}

.icon-shrink-right:before {
    content: "\e61f"
}

.icon-headportrait:before {
    content: "\e621"
}

.icon-arrow:before {
    content: "\e622"
}

.icon-notification:before {
    content: "\e623"
}

.icon-checkbox-checked:before {
    content: "\e629"
}

.icon-checkbox:before {
    content: "\e62a"
}

.icon-openeyes:before {
    content: "\e62b"
}

.icon-hint:before {
    content: "\e62d"
}

.icon-closeeyes:before {
    content: "\e62e"
}

.icon-close-button:before {
    content: "\e632"
}

.icon-wrong:before {
    content: "\e633"
}

.icon-account:before {
    content: "\e634"
}

.icon-password:before {
    content: "\e635"
}

.icon-question:before {
    content: "\e636"
}

.icon-radio-checked:before {
    content: "\e637"
}

.icon-radio:before {
    content: "\e638"
}

.icon-search:before {
    content: "\e63a"
}

.icon-close:before {
    content: "\e63b"
}

.icon-edit:before {
    content: "\e63c"
}

.contentPadding {
    padding: 35px 90px 35px
}

.text-hidden {
    text-indent: -1000px;
    overflow: hidden
}

.header-wrapper {
    height: 50px
}

.header {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    padding: 0 40px;
    min-width: 1000px;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 0 8px 0 rgba(16, 17, 18, .2);
    box-shadow: 0 0 8px 0 rgba(16, 17, 18, .2);
    *zoom: 1
}

.header:after {
    display: block;
    content: "clear";
    height: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.header .logo {
    float: left;
    width: 268px;
    height: 50px;
    background: url(../images/logo.png) left center no-repeat
}

.header .top-user {
    float: right;
    color: #303030
}

.header .avatar {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 10px
}

.header .avatar img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.header.header--special {
    position: static;
    padding: 0;
    background: #19233e
}

.header.header--special .logo {
    text-indent: unset;
    padding-left: 60px;
    font-size: 18px
}

.header.header--special a {
    color: #fff
}

.header.header--special .top-user {
    color: #fff;
    font-size: 14px
}

.header.header--special cite {
    font-style: normal
}

.layadmin-side-shrink .layui-side {
    transform: translate3d(0, 0, 0);
    overflow: visible
}

.layadmin-side-shrink .layui-side .layui-nav-item {
    position: relative
}

.layadmin-side-shrink .layui-side .layui-nav-item:hover .layui-nav-child {
    position: absolute;
    top: 0;
    left: 88px;
    width: 130px;
    display: block !important;
    background-color: #24304a !important
}

.layadmin-side-shrink .layui-side .layui-nav-item:hover .layui-nav-child dd:hover {
    background: #6a7ef4
}

.layadmin-side-shrink .layui-side .layui-nav-item:hover .layui-nav-child dd:hover a {
    color: #fff
}

.layadmin-side-shrink .layui-side .layui-nav-item:hover .layui-nav-child a {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.layadmin-side-shrink .layui-side-scroll {
    width: 84px;
    overflow-x: visible
}

.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-itemed>a {
    background: 0 0
}

.layui-layout-admin .layui-header {
    border-bottom: 1px solid rgba(204, 204, 204, .4);
    box-shadow: -3px 0 6px 0 #d0d2d3
}

.layui-layout-admin .layui-header .layui-layout-right .layui-nav-item a {
    padding: 0 6px
}

.layui-layout-admin .layui-header .layui-layout-right .divider {
    line-height: 60px;
    color: #4f525a;
    vertical-align: middle
}

.footer-palceholder {
    height: 70px
}

.footer {
    text-align: center;
    color: #7a7f8a;
    background: #fff;
    font-size: 12px
}

.footer a {
    display: inline-block;
    margin: 0 5px;
    color: #7a7f8a
}

.layui-layout-admin .layui-footer {
    position: static
}

.uploader-wrapper {
    position: relative;
    width: 260px;
    height: 160px;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed #bfc1c6;
    box-sizing: border-box
}

.uploader-wrapper.uploader-wrapper--special {
    width: 90px
}

.uploader-wrapper+.preview-wrapper--special {
    margin-left: 240px
}

.uploader-wrapper .uploader {
    height: 100%
}

.uploader-wrapper .uploader:before {
    display: inline-block;
    content: " ";
    vertical-align: middle;
    height: 100%
}

.uploader-wrapper .uploader .uploader-inner {
    display: inline-block;
    vertical-align: middle
}

.uploader-wrapper .uploader .icon-upload {
    font-size: 24px;
    color: #b8b8b8
}

.uploader-wrapper .uploader .uploader-text {
    margin-top: 8px;
    color: #7a7f8a
}

.uploader-preview {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.uploader-preview img {
    width: 100%;
    height: 100%
}

.uploader-preview .icon-delete {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 18px
}

.uploader-preview .nopreview {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 120px;
    background: url(../images/grey.gif) repeat
}

.webuploader-pick {
    width: 100%;
    height: 100%
}

.uploader-wrapper:hover .uploader-preview.show+.uploader {
    position: relative;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)
}

.uploader-wrapper:hover .uploader-preview.show+.uploader .icon-upload,
.uploader-wrapper:hover .uploader-preview.show+.uploader .uploader-text {
    color: #fff
}

.multi-preview {
    *zoom: 1
}

.multi-preview:after {
    display: block;
    content: "clear";
    height: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.multi-preview .multi-preview-item {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    margin: 10px 10px 0 0
}

.multi-preview .multi-preview-item img {
    width: 100%;
    height: 100%
}

.multi-preview .multi-preview-item .nopreview {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    background: url(../images/grey.gif) repeat
}

.multi-preview .icon-delete {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 15px;
    height: 15px;
    font-size: 15px
}

input[type=file] {
    display: none;
    cursor: pointer
}

.btn.btn-upload {
    display: inline-block;
    position: relative;
    width: 198px;
    line-height: 32px;
    padding: 0 !important;
    text-align: center;
    border: 1px solid #697df4
}

.preview-wrapper {
    position: relative;
    width: 200px;
    height: 120px;
    text-align: center;
    border: 1px dashed #bfc1c6
}

.preview-wrapper.preview-wrapper--special {
    width: 90px
}

.preview-wrapper .preview-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.preview-wrapper .preview-thumb:after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)
}

.preview-wrapper .preview-thumb img {
    width: 100%;
    height: 100%
}

.preview-wrapper .preview-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    color: #4f525a
}

.preview-wrapper .preview-content:before {
    display: inline-block;
    content: " ";
    vertical-align: middle;
    height: 100%
}

.preview-wrapper .preview-content .preview-content-inner {
    display: inline-block;
    vertical-align: middle
}

.preview-wrapper .preview-content .icon-glass {
    font-size: 20px
}

.preview-wrapper .preview-content .preview-text {
    margin-top: 8px
}

.preview-wrapper .icon-password {
    font-size: 24px
}

.table {
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.table td,
.table th {
    word-break: break-all
}

.table.table-bordered.table--special thead th {
    background: rgba(105, 125, 244, .06);
    text-align: left
}

.table.table-bordered.table--special .tips {
    color: #9a9ea7;
    font-size: 12px
}

.table.table-bordered td,
.table.table-bordered th {
    padding: 15px 20px;
    border: 1px solid #ccc
}

.table.table-bordered .th {
    text-align: left;
    font-weight: 500;
    background: #f9f9f9
}

.table.table-bordered td {
    color: #4f525a
}

.table.table-popover {
    width: 600px
}

.table.table-popover thead th {
    border-bottom: 1px solid #ccc
}

.table.table-popover td,
.table.table-popover th {
    text-align: left;
    padding: 15px 0 15px 40px;
    color: #4f525a;
    font-weight: 500
}

.table.table-description .th {
    width: 20%;
    font-weight: 500;
    text-align: right
}

.table.table-description .td,
.table.table-description .th {
    padding: 20px 0
}

.table.table-gray {
    border: 1px solid #ccc;
    background: #f9f9f9
}

.table.table-gray .th {
    text-align: right;
    padding: 5px 0
}

.table.table-gray .td {
    padding: 5px 10px;
    text-align: left;
    color: #4f525a
}

.table.table-gray tr:first-child .th {
    padding: 20px 0 5px
}

.table.table-gray tr:first-child .td {
    padding: 20px 10px 5px
}

.table.table-gray tr:last-child .th {
    padding: 5px 0 20px
}

.table.table-gray tr:last-child .td {
    padding: 5px 10px 20px
}

.table.table-invoice .td {
    padding: 5px 10px
}

.table-total {
    padding: 20px 40px;
    font-size: 16px;
    color: #4f525a
}

.table-top-toolbar {
    padding: 0 20px;
    text-align: right
}

.table-bottom-toolbar {
    margin: 40px 0;
    text-align: right
}

.table-title {
    position: relative;
    font-size: 16px;
    padding: 24px 0;
    text-align: center
}

.table-title.table-title--special {
    text-align: left;
    padding: 20px 0
}

.table-title .layui-btn {
    position: absolute;
    right: 0;
    bottom: 10px
}

.table-filter {
    font-size: 16px
}

.table-filter .layui-form-item {
    padding-left: 24px;
    padding-right: 24px
}

.table-filter .button-group .btn {
    display: inline-block;
    margin: 0 2px;
    padding: 0 18px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #7a7f8a;
    text-align: center;
    cursor: pointer
}

.table-filter .button-group .btn.layui-btn {
    color: #fff;
    transition: none
}

.progressbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 -84px;
    text-align: center;
    z-index: 99
}

.steps-title {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: center;
    color: #4f525a
}

.progressbar li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style-type: none;
    font-size: 14px;
    position: relative;
    min-width: 0
}

.progressbar li:before {
    position: relative;
    z-index: 100;
    content: ' ';
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    border: 1px solid #bfc1c6;
    background: #fff
}

.progressbar li:before {
    font-family: iconfont !important
}

.progressbar li.active {
    color: #303030
}

.progressbar li:after {
    content: '';
    width: 100%;
    width: calc(100% - 16px);
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    left: -50%;
    left: calc((-100% + 16px)/ 2);
    top: 8px
}

.progressbar li:first-child:after {
    content: none
}

.progressbar li.active:before {
    content: '\e6ab';
    color: #fff;
    font-size: 10px;
    line-height: 16px
}

.progressbar li.current .progressbar-title {
    font-size: 16px;
    line-height: 21px
}

.progressbar li.current:before {
    content: '\e63f';
    width: 20px;
    height: 20px;
    margin-top: -2px;
    font-size: 18px;
    line-height: 20px;
    color: #697df4;
    -webkit-box-shadow: 0 0 13px 1px rgba(105, 125, 244, .3);
    box-shadow: 0 0 13px 1px rgba(105, 125, 244, .3)
}

.progressbar li.active:after,
.progressbar li.active:before,
.progressbar li.current:after {
    background-color: #697df4;
    border-color: #697df4;
    -webkit-box-shadow: 0 0 13px 1px rgba(105, 125, 244, .3);
    box-shadow: 0 0 13px 1px rgba(105, 125, 244, .3)
}

.progressbar li.active:after,
.progressbar li.current:after {
    background: #697df4
}

.progressbar-subtitle {
    color: #9a9ea7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.progressbar.progressbar--large {
    margin: 0 -20%;
    counter-reset: step
}

.progressbar.progressbar--large li:before {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    content: '0' counter(step);
    counter-increment: step;
    color: #ccc
}

.progressbar.progressbar--large li:last-child:before {
    font-size: 24px;
    content: '\e6ab'
}

.progressbar.progressbar--large li.active:before {
    color: #fff
}

.progressbar.progressbar--large li.current:before {
    background-color: #697df4;
    border-color: #697df4;
    color: #fff
}

.progressbar.progressbar--large li:after {
    top: 20px
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: center
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    margin: 10px;
    width: auto
}

.modal-content {
    position: relative;
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
    -webkit-background-clip: padding-box
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px 15px 30px;
    text-align: center
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px
}

.modal .close {
    position: absolute;
    z-index: 100;
    top: -10px;
    right: -10px;
    width: 26px;
    height: 26px;
    border: 0;
    background: url(../images/modal-close.png) center center no-repeat;
    outline: 0;
    cursor: pointer
}

.modal .modal-sm {
    width: 480px;
    margin: auto
}

.modal .modal-md {
    width: 560px;
    margin: auto
}

.modal .modal-dialog {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    display: inline-block;
    width: 100%
}

.modal-preview-thumb {
    max-width: 100%
}

.modal-preview-thumb img {
    width: 100%
}

.modal-express .modal-content {
    width: 700px;
    margin: auto;
    background: #f9f9f9;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5)
}

.modal-express .modal-header {
    height: 40px;
    padding: 0 15px;
    text-align: left;
    border-bottom: 1px solid #bfc1c6;
    box-sizing: border-box
}

.modal-express .modal-header .modal-title {
    line-height: 40px
}

.modal-express .modal-header .close {
    top: 5px;
    right: 5px;
    font-family: iconfont !important;
    font-size: 16px;
    background: 0 0
}

.modal-express .modal-header .close:before {
    content: "\e63b"
}

.modal--lg .modal-content {
    width: 1200px;
    margin: auto;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5)
}

.modal-special .modal-content {
    width: 700px;
    margin: auto;
    background: #f9f9f9;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5)
}

.modal-special .modal-header {
    height: 40px;
    padding: 0 15px;
    text-align: left;
    border-bottom: 1px solid #bfc1c6;
    box-sizing: border-box
}

.modal-special .modal-header .modal-title {
    line-height: 40px
}

.modal-special .modal-header .close {
    top: 5px;
    right: 5px;
    font-family: iconfont !important;
    font-size: 16px;
    background: 0 0
}

.modal-special .modal-header .close:before {
    content: "\e63b"
}

.modal-special .message {
    padding: 0 40px 50px 80px
}

.modal-special .message .message-bd {
    padding: 60px 0;
    text-align: left;
    text-indent: 2em;
    min-height: 60px;
    line-height: 1.6
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 400px;
    padding: 5px 10px;
    color: #9a9ea7;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    word-break: keep-all
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #fff
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 600px;
    padding: 1px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3)
}

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

.popover.right {
    margin-left: 15px
}

.popover.bottom {
    margin-top: 15px
}

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

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    color: #50525a;
    border-radius: 5px 5px 0 0
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    text-decoration: none;
    outline: 0
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.tag {
    display: inline-block;
    min-width: 40px;
    padding: 0 5px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    border-radius: 12px
}

.tag+.tag {
    margin-left: 5px;
}

.tag.tag--default {
    border: 1px solid #ccc;
    color: #50525a
}

.tag.tag--primary {
    border: 1px solid #6a7ef4;
    background: #e1e5fd;
    color: #6a7ef4
}

.tag.tag--warning {
    border: 1px solid #ff8402;
    background: #ffe6cc;
    color: #ff8402
}

.tag.tag--danger {
    border: 1px solid #FF2828;
    background: rgb(255 40 40 / 12%);
    color: #FF2828
}

.layui-table-box .tag.tag--default {
    display: none
}

.layui-table-box td:hover .tag.tag--default {
    display: inline-block
}

#js-app {
    height: 100%
}

.tips {
    font-size: 12px;
    color: #9a9ea7
}

.layui-side-menu .layui-nav {
    margin-top: 82px
}

.layui-side-menu .layui-nav li.layui-nav-item:nth-child(1) {
    line-height: 36px
}

.layui-side-menu .layui-nav li.layui-nav-item:nth-child(1) a {
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0
}

.layui-side-menu .layui-nav .layui-this .icon-home {
    color: #fff
}

.layui-layout-admin {
    height: 100%
}

.layui-layout-admin .layui-body {
    padding-bottom: 0;
    height: 100%
}

.chart-box {
    min-height: 160px
}

.descriptions-view {
    padding: 15px
}

.descriptions-view .table {
    width: 100%;
    table-layout: fixed
}

.descriptions-view .descriptions-item-label {
    width: 110px;
    text-align: right;
    color: #303030;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap
}

.descriptions-view .layui-form-label {
    padding: 9px 0
}

.descriptions-view .descriptions-item-content {
    display: table-cell;
    color: #4f525a;
    font-size: 14px;
    line-height: 1.5
}

.descriptions-view .descriptions-item {
    padding-top: 10px;
    padding-bottom: 10px
}

.descriptions-view .descriptions-item>span {
    display: inline-block
}

.descriptions-foot {
    position: relative;
    padding-top: 10px
}

.descriptions-foot:before {
    position: absolute;
    content: " ";
    top: 0;
    left: -20px;
    right: -20px;
    border-top: 1px solid #bfc1c6
}

.layui-layout-body {
    height: 100%
}

.layui-layout-admin .layui-logo .logo {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 5px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle
}

.layui-layout-admin .layui-logo .logo-title {
    display: inline-block;
    width: 100px;
    height: 40px;
    background-image: url(../images/logo-title-inner.png);
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle
}

.layui-layout-admin .layui-layout-left .layui-form-label {
    width: 100px;
    color: #303030
}

.layui-layout-admin .layui-form-tips {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-left: 160px;
    color: #9a9ea7;
    font-size: 12px
}

.layui-layout-admin .layui-nav-item--special .layui-nav-item-label {
    display: inline-block;
    color: #303030
}

.layui-layout-admin .layui-nav-item--special .dropdown {
    position: relative;
    min-width: 120px;
    height: 34px;
    padding: 0 20px;
    line-height: 34px;
    display: inline-block;
    color: #fff;
    background: #697df4;
    box-shadow: 0 4px 7px 1px rgba(110, 130, 245, .3);
    border-radius: 17px
}

.layui-layout-admin .layui-nav-item--special .dropdown cite {
    color: #fff
}

.layui-layout-admin .layui-nav-item--special .dropdown .layui-nav-more {
    border-top-color: #fff;
    right: 10px
}

.layui-layout-admin .layui-nav-item--special .dropdown .layui-nav-mored {
    border-color: transparent transparent #fff
}

.layui-layout-admin .layui-nav-item--special .layui-nav-child dd a {
    padding: 0 10px;
    color: #303030
}

.layui-layout-admin .layui-nav-item--special .layui-nav-child dd a .text-desc:hover {
    color: #ff7b01
}

.layui-layout-admin .layui-fluid {
    min-height: calc(100% - 94px)
}

.layui-side-menu .layui-nav .layui-nav-item .iconfont {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    font-size: 18px
}

.layui-side-menu .icon-home {
    color: #57cdff
}

.layui-side-menu .icon-order {
    color: #f8b51c
}

.layui-side-menu .icon-settle {
    color: #ab8bf4
}

.layui-side-menu .icon-setting {
    color: #48f792
}

.layui-card-header-extra .iconfont {
    margin: 0 10px;
    font-size: 16px;
    vertical-align: middle
}

.layui-card-header-extra .icon-edit {
    font-size: 20px
}

.layui-card.print-hidden {
    display: none !important
}

.layui-card .layui-table-view {
    height: auto !important
}

.layui-card .layui-table-view .layui-table {
    width: 100%
}

.layui-table-body.layui-table-main {
    height: auto !important;
    min-height: 90px
}

.layui-table-body .text-primary {
    display: inline-block
}

.layui-table-body .text-primary+.text-primary {
    margin-left: 10px
}

.layui-table-body .iconfont {
    margin: 0 .2em;
    vertical-align: top
}

.layui-table-body .layui-table-cell {
    overflow: unset
}

.layui-layout-admin .layui-footer {
    z-index: 110
}

.layui-form-item.layui-form-item--bordered {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.layui-form-item.layui-form-item--bordered:before {
    position: absolute;
    content: " ";
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px dashed #bfc1c6
}

.layui-form-item.layui-form-item--bordered+.layui-form-item {
    padding-top: 10px
}

.layui-form-tips {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #999
}

.layui-input-lg+.layui-form-tips {
    margin-top: 8px;
    padding-left: 160px
}

.layui-btn.layui-btn--radius {
    border-radius: 17px
}

.layui-card--notification .layui-card-body {
    padding: 15px 20px
}

.layui-card--notification .icon-notification {
    margin-right: 10px;
    color: #fd6e0b;
    vertical-align: top
}

.layui-title {
    font-size: 16px
}

.layui-desc {
    color: #4f525a
}

.layui-row--divider .layui-col-xs2 {
    border-left: 1px dashed #bfc1c6
}

.layui-btn-container .tips {
    font-size: 14px
}

.guid-wrapper {
    position: absolute;
    top: 58px;
    left: 285px;
    width: 290px;
    padding: 8px 20px;
    background: grey;
    color: #fff;
    line-height: normal;
    box-sizing: border-box
}

.guid-wrapper:before {
    position: absolute;
    content: "";
    top: -10px;
    left: 38px;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: transparent transparent grey
}

.guid-wrapper .icon-close-button {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer
}

.account-safe {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden
}

.account-safe .layui-progress-big,
.account-safe .layui-progress-big .layui-progress-bar {
    height: 13px;
    line-height: 13px
}

.account-safe .account-safe-hd {
    display: inline-block;
    width: 68px;
    height: 72px;
    margin-right: 30px
}

.account-safe .account-safe-bd {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1
}

.account-safe .account-safe-ft {
    display: inline-block;
    font-size: 20px;
    padding-top: 5px;
    padding-left: 40px;
    align-self: normal
}

.account-safe .account-progress-title {
    display: inline-block;
    padding-right: 15px;
    font-size: 18px
}

.account-safe .account-progress-wrapper {
    -webkit-box-flex: 1;
    flex: 1
}

.account-safe .account-progress-desc {
    margin-top: 10px;
    color: #9a9ea7
}

.account-safe.account-safe--low .layui-progress-bar {
    background: #f66060
}

.account-safe.account-safe--low .account-safe-ft {
    color: #f66060
}

.account-safe.account-safe--middle .layui-progress-bar {
    background: #ff8401
}

.account-safe.account-safe--middle .account-safe-ft {
    color: #ff8401
}

.account-safe.account-safe--high .layui-progress-bar {
    background: #60c858
}

.account-safe.account-safe--high .account-safe-ft {
    color: #60c858
}

.account-setting span {
    -webkit-transition: all .3s;
    transition: all .3s
}

.safe-list .safe-item {
    display: -webkit-box;
    display: flex;
    padding: 20px 0;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px dashed #e2e2e4
}

.safe-list .safe-item.active .safe-item-icon {
    background-color: #60c858
}

.safe-list .safe-item:last-child {
    border-bottom: none
}

.safe-list .safe-item-hd {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 40px
}

.safe-list .safe-item-icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    background: #bfc1c6;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .35);
    border-radius: 50%
}

.safe-list .safe-item-bd {
    -webkit-box-flex: 1;
    flex: 1
}

.safe-list .safe-item-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #4f525a
}

.safe-list .safe-item-subtitle {
    color: #9a9ea7
}

.safe-list .safe-item-ft {
    display: inline-block;
    width: 120px
}

.safe-list .layui-btn {
    width: 120px;
    height: 30px;
    line-height: 30px
}

.ico-account,
.ico-credit-card,
.ico-key,
.ico-letter,
.ico-lock,
.ico-phone,
.ico-user {
    font-family: iconfont !important;
    color: #fff;
    font-size: 26px;
    font-style: normal
}

.ico-account {
    line-height: 32px
}

.ico-code:before,
.ico-commission:before,
.ico-security-high:before,
.ico-security-low:before,
.ico-security-middle:before,
.ico-wang-miao:before {
    display: inline-block;
    content: " ";
    background: url(../images/ico-sprites.png) no-repeat
}

.ico-code:before {
    width: 28px;
    height: 28px;
    background-position: -15px -235px
}

.ico-security-high:before {
    width: 68px;
    height: 72px;
    background-position: -15px -538px
}

.ico-security-low:before {
    width: 68px;
    height: 72px;
    background-position: -15px -640px
}

.ico-security-middle:before {
    width: 68px;
    height: 72px;
    background-position: -15px -742px
}

.ico-wang-miao:before {
    width: 37px;
    height: 24px;
    background-position: -15px -15px
}

.ico-commission {
    line-height: 74px
}

.ico-commission:before {
    width: 24px;
    height: 29px;
    background-position: -14px -829px
}

.jump-wrapper {
    width: 1200px;
    margin: 120px auto;
    font-size: 18px;
    color: #4f525a
}

.jump-wrapper .jump-bd {
    margin-top: 100px;
    padding-left: 100px;
    *zoom: 1
}

.jump-wrapper .jump-bd:after {
    display: block;
    content: "clear";
    height: 0;
    line-height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.jump-wrapper .jump-thumb {
    float: left
}

.jump-wrapper .jump-text {
    float: left;
    margin-top: 16px;
    margin-left: 20px
}

.get-branch-box {
    position: relative;
    display: inline-block;
    height: 38px
}

.get-branch-box .layui-input {
    padding-right: 36px
}

.get-branch-box .ui-autocomplete {
    background-color: #fff;
    z-index: 50;
    position: absolute !important;
    color: #666;
    line-height: 32px;
    max-height: 160px;
    overflow: hidden;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #697df4;
    font-size: 14px;
    overflow-y: auto
}

.get-branch-box .ui-autocomplete li {
    cursor: pointer
}

.get-branch-box .ui-autocomplete li div {
    padding: 0 10px;
    overflow: hidden
}

.get-branch-box .ui-autocomplete li:hover {
    background-color: #f2fcff
}

.get-branch-box .ui-autocomplete .ui-state-focus {
    background-color: #ddd;
    cursor: pointer
}

.get-branch-box .ui-autocomplete::-webkit-scrollbar {
    background-color: #ddd;
    width: 8px
}

.get-branch-box .ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #bbb
}

.get-branch-box .ui-state-active,
.get-branch-box .ui-state-focus {
    background-color: #f2fcff;
    cursor: pointer
}

.bank-dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 24px;
    color: #4f525a;
    font-family: iconfont !important;
    cursor: pointer
}

.bank-dropdown-btn:before {
    content: "\e61e"
}

.auto-no-tip {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 38px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #bfc1c6;
    background-color: #f1f1f1;
    color: #7a7f8a;
    width: 340px;
    padding-left: 10px;
    box-sizing: border-box
}

.summary-title {
    font-size: 20px;
    margin-bottom: 40px
}

.summary-total .text-info {
    font-size: 24px
}

.summary-divider {
    height: 1px;
    margin: 40px 0;
    background: #ccc
}

.summary-item {
    padding: 5px 20px
}

.summary-item-title {
    margin-bottom: 8px;
    color: #9a9ea7
}

.summary-item-desc {
    font-size: 24px;
    color: #4f525a
}

.invoice-tips {
    padding: 10px;
    border: 1px solid #ccc;
    background: #f9f9f9
}

.invoice-tips .table {
    color: #4f525a
}

.invoice-tips .table th {
    padding-top: .12em;
    vertical-align: top;
    font-weight: 500;
    font-size: 15px;
    color: #4f525a
}

.invoice-tips .table td,
.invoice-tips .table th {
    padding: 20px 10px
}

.elem-quote {
    padding: 30px 0 30px 128px;
    border: 1px solid #bfc1c6
}

.elem-quote.active {
    border-color: #697df4
}

.elem-quote .form-label {
    color: #4f525a;
    line-height: 34px
}

.elem-quote .form-input {
    display: inline-block;
    width: 180px;
    vertical-align: middle
}

.elem-quote .form-tips {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    font-size: 12px;
    color: #9a9ea7
}

.elem-quote .layui-btn {
    margin-left: -4px;
    height: 38px;
    line-height: 38px;
    border-radius: 0
}

.checkbox-wrapper .checkbox-inner {
    position: relative;
    font-size: 18px;
    cursor: pointer
}

.checkbox-wrapper .checkbox-inner input {
    position: absolute;
    line-height: 0;
    left: -36px
}

.checkbox-wrapper .checkbox-inner input:checked+.icon-checkbox:before {
    color: #697df4;
    content: "\e629"
}

.checkbox-wrapper .checkbox-inner .icon-checkbox {
    position: absolute;
    top: -1px;
    left: -36px;
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: #cccdd1;
    background: #fff
}

.account-wrapper {
    position: relative
}

.account-wrapper .main {
    background: #fff;
    padding-bottom: 60px;
    margin-bottom: 20px
}

.account-wrapper .account-title {
    padding: 40px 0 20px;
    font-size: 18px;
    font-weight: 500;
    color: #4f525a
}

.account-item {
    margin-bottom: 50px;
    padding: 40px 0;
    background: #f5f5f5
}

.account-item .btn {
    font-size: 11px;
    text-align: center
}

.account-item.active .account-item-thumb {
    background: #60c858
}

.account-item .layout {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.account-item-bd {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1
}

.account-item-thumb {
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 68px;
    margin-right: 25px;
    text-align: center;
    border-radius: 50%;
    background: #bfc1c6
}

.account-item-info {
    -webkit-box-flex: 1;
    flex: 1
}

.account-item-title {
    font-size: 18px;
    color: #4f525a
}

.account-item-desc {
    font-size: 14px;
    margin-top: 10px;
    color: #9a9ea7
}

.account-item-desc span {
    color: #4f525a
}

.account-item-ft {
    color: #4f525a
}

.account-item .btn {
    display: inline-block;
    width: 120px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    border-radius: 14px;
    color: #4f525a;
    border: 1px solid #ccc;
    outline: 0;
    background: 0 0;
    cursor: pointer
}

.account-item .btn-primary {
    color: #fff;
    background: #697df4;
    border-color: #697df4
}

.bank-item {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 450px;
    padding: 7px 20px;
    -webkit-box-align: center;
    align-items: center;
    color: #4f525a;
    border: 1px solid #697df4
}

.bank-item:before {
    position: absolute;
    content: " ";
    bottom: 0;
    width: 0;
    right: 0;
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #697df4
}

.bank-item .bank-item-bd {
    -webkit-box-flex: 1;
    flex: 1
}

.message-hd {
    font-size: 18px;
    margin-bottom: 20px
}

.message-hd i {
    display: block;
    font-size: 80px
}

.message.message-warning .message-hd {
    color: #ff8401
}

.message.message-failed .message-hd {
    color: red
}

.tips-wrapper {
    padding: 10px 20px;
    background: rgba(105, 125, 244, .04);
    text-align: left
}

.layui-input-password {
    position: relative
}

.layui-input-password .layui-input {
    padding-right: 40px
}

.layui-input-password .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    line-height: 38px;
    text-align: center;
    color: #697df4;
    font-size: 18px
}

.layui-input-password .iconfont.icon-closeeyes.active:before {
    content: "\e62b"
}

.layui-breadcrumb a {
    font-size: 16px
}

.layui-breadcrumb a:nth-last-of-type(1) {
    color: #303030 !important
}

.radio-group .layui-form-radio {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0 30px;
    height: 34px;
    line-height: 34px
}

.radio-group .layui-form-radio.layui-form-radioed {
    position: relative;
    border-color: #697df4
}

.radio-group .layui-form-radio.layui-form-radioed:before {
    position: absolute;
    content: " ";
    bottom: 0;
    width: 0;
    right: 0;
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #697df4
}

.radio-group .layui-icon {
    display: none
}

.due-content {
    display: none;
    margin-left: 50px;
    padding: 30px 30px 15px;
    background: #f9f9f9;
    border: 1px solid #ccc
}

.due-content.active {
    display: block
}

.due-content .divider {
    display: block;
    border-bottom: 1px dashed #ccc
}

.due-type-wrapper {
    font-size: 12px;
    color: #9a9ea7;
    margin-left: 110px
}

.due-type-wrapper p {
    display: none
}

.due-type-wrapper p.active {
    display: block
}

.certificate-wrapper .file-list {
    margin-left: 110px;
    margin-bottom: 10px
}

.certificate-wrapper .file-list li {
    margin-bottom: 10px
}

.certificate-wrapper .file-list .btn {
    display: inline-block;
    width: 178px;
    padding: 0 10px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.certificate-wrapper .file-list .text-primary {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    cursor: pointer
}

.certificate-content {
    display: none
}

.certificate-content.active {
    display: block
}

.certificate-content .tips {
    font-size: 12px;
    color: #9a9ea7;
    margin-left: 25px
}

.modal .layui-form {
    text-align: left
}

.address-list li span {
    display: inline-block;
    margin: 6px 10px 0 0;
    line-height: 30px;
    vertical-align: top
}

.address-list li .text-primary {
    cursor: pointer
}

.bank-card {
    position: relative;
    width: 260px;
    height: 160px;
    background-color: #f9f9f9;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .35);
    border-radius: 10px;
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden
}

.bank-card-title {
    float: left;
    padding-top: 10px;
    padding-left: 20px
}

.bank-card-title .logo {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.bank-card-title h4 {
    display: inline-block;
    line-height: 30px;
    font-size: 16px
}

.bank-card-number {
    position: absolute;
    z-index: 2;
    font-size: 22px;
    width: 100%;
    top: 75px;
    text-align: center
}

.layui-card.layui-card--special {
    padding: 20px
}

.layui-card.layui-card--special .layui-card-header {
    border-bottom: none;
    padding: 0 0 20px;
    font-size: 20px
}

.layui-card.layui-card--special .layui-card-body {
    padding: 0
}

.layui-card.layui-card--special.h340 {
    height: 340px
}

.statistic-wrapper {
    padding: 0 20px 30px;
    border-bottom: 2px dashed #bfc1c6
}

.statistic-wrapper.statistic-wrapper--special {
    padding: 50px 20px 30px 140px;
    border-bottom: none
}

.statistic-title {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #9a9ea7
}

.statistic-content {
    font-size: 22px;
    color: #4f525a
}

.statistic-divider {
    display: inline-block;
    height: 20px;
    margin: 0 10px;
    border-left: 1px dashed #bfc1c6;
    vertical-align: middle;
    overflow: hidden
}

.statistic-text {
    font-size: 14px;
    vertical-align: middle
}

.statistic-link {
    display: inline-block;
    margin-left: 16px;
    font-size: 14px;
    vertical-align: middle;
    color: #697df4
}

.account-safe.account-safe--sm .account-safe-hd {
    margin-right: 14px
}

.account-safe.account-safe--sm .account-safe-ft {
    padding-left: 14px
}

.account-safe.account-safe--sm .account-safe-bd {
    flex-direction: column
}

.account-safe.account-safe--sm .ico-security-high:before,
.account-safe.account-safe--sm .ico-security-low:before,
.account-safe.account-safe--sm .ico-security-middle:before {
    transform: scale(.8)
}

.account-safe.account-safe--sm .safe-list {
    margin-top: 10px;
    flex: 1
}

.account-safe.account-safe--sm .safe-list .safe-item-bd {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 3% 3% 0;
    vertical-align: middle
}

.account-safe.account-safe--sm .safe-list .safe-item-bd.active .safe-item-icon {
    background-color: #60c858
}

.account-safe.account-safe--sm .safe-list .safe-item-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-family: iconfont !important;
    font-size: 16px;
    background: #bfc1c6;
    text-align: center;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
    border-radius: 50%;
    color: #fff
}

.tab-nav {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-size: 0
}

.tab-nav .tab-nav-item {
    position: relative;
    display: inline-block;
    margin-left: -1px;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #ccc;
    cursor: pointer
}

.tab-nav .tab-nav-item.dropdown {
    padding: 0
}

.tab-nav .tab-nav-item.dropdown .dropdown-toggle {
    display: block;
    padding: 5px 20px
}

.tab-nav li.active {
    z-index: 10;
    border-color: #697df4;
    color: #697df4
}

.tab-nav .dropdown-menu {
    top: 46px;
    right: 0;
    padding: 10px 0;
    left: auto;
    min-width: 100px;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, .3)
}

.tab-nav .dropdown-menu:before {
    position: absolute;
    z-index: 10;
    top: -12px;
    right: 22px;
    width: 0;
    height: 0;
    content: " ";
    border: 6px solid;
    border-color: transparent transparent #ccc
}

.tab-nav .dropdown-menu:after {
    position: absolute;
    z-index: 10;
    top: -10px;
    right: 23px;
    width: 0;
    height: 0;
    content: " ";
    border: 5px solid;
    border-color: transparent transparent #fff
}

.tab-nav .dropdown-menu li {
    padding: 0 20px;
    color: #4f525a;
    text-align: center;
    cursor: pointer
}

.tab-nav .dropdown-menu li.active {
    background: rgba(105, 125, 244, .3)
}

.tab-item {
    display: none
}

.popover-info {
    padding: 15px;
    color: #50525a
}

.popover-info-title {
    font-size: 16px;
    color: #303030
}

.popover-info .table {
    min-width: 400px
}

.popover-info .table .td {
    color: #50525a;
    width: 25%;
    padding: 5px 2px;
    box-sizing: border-box
}

.layui-table tbody tr:hover {
    background-color: rgba(105, 125, 244, .06) !important
}

.login-wrapper {
    position: relative;
    min-width: 1200px;
    height: 100%;
    min-height: 1010px;
    color: #4f525a;
    background: #22298e;
    background: linear-gradient(#1d6ead 0, #13226e 35%, #13226e 35%, #0d1440 100%);
    overflow: hidden
}

.login-wrapper .login-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    border-bottom: 2px solid;
    border-color: rgba(217, 217, 219, .1)
}

.login-wrapper .logo-wrapper {
    position: absolute;
    z-index: 100;
    left: 40px;
    top: 10px;
    width: 300px;
    height: 72px
}

.login-wrapper .logo {
    display: inline-block;
    width: 74px;
    height: 72px;
    background: url(../images/login-logo.png) left center no-repeat
}

.login-wrapper .logo-title {
    display: inline-block;
    width: 170px;
    height: 72px;
    margin-left: 10px;
    background: url(../images/logo-title-index.png) left center no-repeat;
    background-size: contain
}

.login-wrapper .login-box {
    position: relative;
    padding-top: 210px;
    padding: 210px 20px 0 60px;
    text-align: center;
    box-sizing: border-box
}

.login-wrapper .footer {
    background: 0 0;
    border-top: 2px solid;
    border-color: rgba(217, 217, 219, .1)
}

.login-wrapper .footer a {
    color: #797f8b
}

.login-bg {
    float: left;
    width: 50%;
    height: 805px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain
}

.sso-wrapper {
    float: right;
    position: relative;
    width: 50%;
    text-align: center
}

.sso-wrapper .sso {
    position: relative;
    display: inline-block;
    width: 440px;
    height: 530px
}

.sso-wrapper .sso:before {
    position: absolute;
    z-index: 1;
    bottom: -20px;
    left: 0;
    right: 0;
    content: " ";
    width: 400px;
    height: 378px;
    margin: auto;
    background: #babada;
    opacity: .3;
    border-radius: 4px
}

.sso-login {
    position: relative;
    z-index: 10;
    width: 440px;
    height: 530px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}

.result.result-success .iconfont,
.result.result-success .layui-icon {
    color: #697df4
}

.result.result-fail .iconfont,
.result.result-fail .layui-icon {
    color: #f66060
}

.result-icon {
    margin-bottom: 24px;
    text-align: center
}

.result-icon>.iconfont {
    font-size: 76px
}

.result-icon>.layui-icon {
    font-size: 76px;
    line-height: 1
}

.result-title {
    font-size: 20px;
    color: #4f525a;
    text-align: center
}

.result-subtitle {
    color: rgba(0, 0, 0, .45);
    font-size: 14px;
    line-height: 1.6;
    text-align: center
}

.result-content {
    margin-top: 24px;
    padding: 24px 40px
}

.result-content.result-content--gray {
    background-color: #fafafa;
    border: 1px solid #ccc
}

.result-message {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    padding: 15px 90px;
    color: #7a7f8a
}

.result-message-value {
    flex: 1
}

.result-message.text-center {
    justify-content: center
}

.result-desc {
    margin-top: 5px;
    color: #7a7f8a
}

.result-tips {
    font-size: 12px;
    color: #9a9ea7
}

.result-extra {
    margin-top: 32px;
    text-align: center
}

.check-bank-group {
    position: absolute;
    z-index: 100;
    display: none;
    top: 33px;
    left: 0;
    width: 768px;
    border: 1px solid #ced1d9;
    background-color: #fff
}

.check-bank-group .check-close {
    font-family: "Microsoft Yahei", arial, verdana, sans-serif;
    font-size: 28px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 10
}

.check-bank-group .check-close:hover {
    color: #697df4
}

.check-bank-group .check-head ul {
    overflow: hidden;
    background-color: #bfc1c6;
    line-height: 42px
}

.check-bank-group .check-head li {
    float: left;
    width: 90px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-shadow: 2px 2px 3px #999
}

.check-bank-group .check-head li:hover {
    color: #697df4
}

.check-bank-group .check-head li.active {
    color: #fff;
    background: #697df4 url(../images/bank-line-2.png) no-repeat right center
}

.check-bank-group .check-detail {
    display: none
}

.check-bank-group .check-body {
    height: 340px;
    overflow-y: auto;
    overflow-x: hidden
}

.check-bank-group .check-body::-webkit-scrollbar {
    background-color: #f9f9f9;
    width: 24px
}

.check-bank-group .check-body::-webkit-scrollbar-thumb {
    background: #e1e2e6 url(../images/scroll-item.png) no-repeat center center
}

.check-bank-group .check-body a {
    color: #4f525a
}

.check-bank-group .hot-bank-list {
    padding: 30px 0 30px 30px;
    overflow: hidden
}

.check-bank-group .hot-bank-list li {
    cursor: pointer;
    color: #4f525a;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 25%;
    margin: 15px 0
}

.check-bank-group .hot-bank-list li:hover {
    color: #697df4
}

.check-bank-group .hot-bank-list a:hover {
    color: #697df4;
    text-decoration: none
}

.check-bank-group .hot-bank-list img {
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px
}

.check-bank-group .hot-bank-list .name {
    vertical-align: middle
}

.check-bank-group .letter-bank-list li {
    overflow: hidden;
    padding: 5px 20px
}

.check-bank-group .letter-bank-list li.noborder {
    border: 0 none
}

.check-bank-group .letter-bank-list .letter {
    float: left;
    background-color: #697df4;
    color: #fff;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 24px;
    margin: 10px 20px 0 0
}

.check-bank-group .letter-bank-list .b-list {
    overflow: hidden;
    border-bottom: 1px dashed #bfc1c6;
    padding-bottom: 5px;
    padding-top: 5px
}

.check-bank-group .letter-bank-list .b-list li {
    float: left;
    padding: 0;
    width: 19%;
    margin-right: 1%;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0 none
}

.check-bank-group .letter-bank-list .b-list li.w02 {
    width: 39%
}

.check-bank-group .letter-bank-list .b-list li.w03 {
    width: 59%
}

.check-bank-group .letter-bank-list .b-list .check-name:hover {
    color: #697df4;
    text-decoration: none
}

.check-bank-group .more {
    padding-left: 70px
}

.check-bank-group .more a {
    color: #697df4;
    font-size: 12px
}

.js-month,
.js-year {
    display: inline-block
}

.js-year+.js-month {
    margin-left: 80px
}

.calendar-next,
.calendar-prev {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #e2e2e2;
    vertical-align: top
}

.calendar-next:before,
.calendar-prev:before {
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid
}

.calendar-prev:before {
    border-width: 10px 15px 10px 0;
    border-color: transparent #4f525a transparent transparent
}

.calendar-next:before {
    border-width: 10px 0 10px 15px;
    border-color: transparent transparent transparent #4f525a
}

.calendar-next.disabled,
.calendar-prev.disabled {
    cursor: not-allowed
}

.calendar-prev.disabled:before {
    border-color: transparent #bfc1c6 transparent transparent
}

.calendar-next.disabled:before {
    border-color: transparent transparent transparent #bfc1c6
}

.calendar-value {
    display: inline-block;
    padding: 0 10px;
    width: 100px;
    height: 42px;
    line-height: 42px;
    font-size: 22px;
    text-align: center
}

.reminder {
    padding: 20px;
    background: #f9f9f9;
    color: #9a9ea7;
    overflow: hidden
}

.reminder .reminder-title {
    float: left;
    color: #4f525a;
    font-size: 15px
}

.reminder .reminder-content {
    float: left
}

.print-body,
.print-footer,
.print-header,
.print-hidden {
    display: none
}

.modal-pay-qrcode .modal-content {
    width: 704px;
    margin: 0px auto;
    font-family: "Microsoft Yahei", arial, verdana, sans-serif;
}

.modal.modal-round .modal-content {
    border-radius: 12px;
    padding: 32px;
}

.modal-round .modal-header {
    padding: 20px 0 15px;
    font-size: 20px;
    text-align: left;
    position: relative;
    border-bottom: 1px solid rgb(105 125 244 / 8%);
}

.modal-round .modal-header .layui-icon-close {
    font-size: 36px;
    position: absolute;
    right: 0px;
    top: 10px;
}

.modal-round .modal-body {
    padding: 20px 0px;
    border-bottom: 1px solid rgb(105 125 244 / 8%);
}

.modal-round .modal-footer {
    padding-top: 25px;
    padding-bottom: 20px;
}

.bold {
    font-weight: bold;
}

.text-danger {
    color: #e81818;
}

.text-left {
    text-align: left;
}

.ft16 {
    font-size: 16px;
}

.modal-pay-qrcode .card-list {
    padding: 15px 6px;
    font-size: 0px;
}

.modal-pay-qrcode .card {
    width: 328px;
    height: 420px;
    border-radius: 10px;
    border: 1px solid transparent;
    display: inline-block;
    margin: 0px 8px;
    font-size: 16px;
}

.modal-pay-qrcode .modal-dialog {
    top: 10%;
}

.modal-pay-qrcode .card-inner {
    width: 328;
    height: 296px;
}

.modal-pay-qrcode .card.wechat {
    border-color: #3bce2a;
}

.modal-pay-qrcode .card.alipay {
    border-color: #1677fe;
}

.modal-pay-qrcode .card.wechat .card-inner {
    background: transparent url("../images/wechat-bg.png") no-repeat left top;
}

.modal-pay-qrcode .card.alipay .card-inner {
    background: transparent url("../images/alipay-bg.png") no-repeat left top;
}

.modal-pay-qrcode .card-caption ul {
    margin-left: 50px;
}

.modal-pay-qrcode .card-caption .mch-name {
    /* margin-left: 80px; */
    /* margin-top: 22px; */
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

.modal-pay-qrcode .card-caption li {
    margin: 7px 0px;
}

.modal-pay-qrcode .card-caption li .title {
    font-weight: bold;
    width: 68px;
    display: inline-block;
    vertical-align: top;
}

.modal-pay-qrcode .card-caption li .name {
    width: 188px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.modal-pay-qrcode a.tag {
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 30px auto;
    width: 360px;
    transition: all 0.25s ease-in-out;
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    border-radius: 20px;
}

.modal-pay-qrcode a.tag.tag--primary {
    border: 1px solid transparent;
}

.modal-pay-qrcode a.tag:hover {
    border: 1px solid #697df4;
}

.modal-pay-qrcode .modal-footer .layui-btn {
    width: 168px;
    border-radius: 8px;
    height: 48px;
    line-height: 48px;
}

.modal-pay-qrcode .modal-footer .lblCheck {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 6px;
    color: #888;
    font-size: 14px;
    padding-left: 8px;
}

.modal-pay-qrcode .modal-footer .lblCheck input {
    padding-right: 8px;
}

.qrcode-section {
    padding: 30px 25px 25px;
}

.qrcode-section .qrcode-content {
    background: transparent url("../images/qrcode-bg.png") no-repeat left top;
    width: 160px;
    height: 160px;
    margin: 0px auto;
    padding: 10px;
    margin-top: 25px;
}

.qrcode-section .qrcode-title {
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: relative;
    padding-left: 36px;
    width: 100px;
    margin: 0px auto;
}

.qrcode-section.wechat-pay .qrcode-title {
    padding-left: 36px;
}

.qrcode-section.alipay .qrcode-title {}

.qrcode-section .qrcode-title::before {
    content: " ";
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 0px;
}

.qrcode-section.wechat-pay .qrcode-title::before {
    background: transparent url("../images/icon-wechat.png") no-repeat left top;
    left: 4px;
    top: -2px;
}

.qrcode-section.alipay .qrcode-title::before {
    background: transparent url("../images/icon-alipay.png") no-repeat left top;
    left: -4px;
    top: -4px;
}

.qrcode-content .qrcode-inner {
    background-color: #fff;
    border-radius: 8px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding: 10px;
    position: relative;
}

.qrcode-content .qrcode-inner img {
    width: 100%;
    height: 100%;
}

.qrcode-content .qrcode-inner .mask {
    position: absolute;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    text-align: center;
    background: transparent url("../images/qrcode-mask-bg.png") no-repeat left top;
    background-size: contain;

}

.qrcode-content .qrcode-inner .mask::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 0.7);
    /* z-index: 1; */
}

.qrcode-content .qrcode-inner .mask .icon {
    width: 36px;
    height: 36px;
    margin: 30px auto 0;
    font-size: 0;
    background-repeat: no-repeat;
}

.qrcode-content .qrcode-inner .mask .mask-content {
    position: relative;
    z-index: 2;
}

.qrcode-content .qrcode-inner .mask .icon.icon-success {
    background-image: url("../images/icon-success.png");
}

.qrcode-content .qrcode-inner .mask .icon.icon-wait {
    background-image: url("../images/icon-clock.png");
}

.qrcode-content .qrcode-inner .mask .title {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 600;
}

.qrcode-content .qrcode-inner .mask .sub-title {
    margin-top: 12px;
    font-size: 12px;
}

.ellipsis {
    display: inline-block;
    max-width: 100px; /* 设置最大宽度 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 使用省略号代替溢出内容 */
    white-space: nowrap; /* 不换行 */
}
.layui-form .p1{
    color: #888888;
    padding-top: 5px;
}
.red{color: red}
.btn-upload-spec{
    width: 100px;
    height: 100px;
    border-radius: 8px;
    border: 1px solid #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: left;
}
.btn-upload-spec i{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px dotted #888888;
    background: url("../images/icon-upload.png") no-repeat center center;
}
.img-upload{
    width: 100px; height: 100px;margin-right: 11px;display: inline-block;float: left;margin-bottom: 10px;
    position: relative;
}
.img-upload img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.img-upload a{
    display: block;
    z-index: 1;
}
.img-upload i{
    position: absolute;
    right: 5px;
    top:5px;
    z-index: 200;
    cursor: pointer;
}
.pdf-upload{
    background: #F9F7F7;
    border-radius: 8px;
    overflow: hidden;
}
.ofd-upload{
    background: #F9F7F7;
    border-radius: 8px;
    overflow: hidden;
}

.xml-upload{
    background: #F9F7F7;
    border-radius: 8px;
    overflow: hidden;
}

.pdf-upload a{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/icon-pdf.png") no-repeat center 30px;
}
.ofd-upload a{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/icon-ofd.png") no-repeat center 30px;
}

.xml-upload a{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/icon-xml.png") no-repeat center 30px;
}

.pdf-upload span{
    height: 20px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ofd-upload span{
    height: 20px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.xml-upload span{
    height: 20px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 5px;
    right: 5px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}