a,article,aside,audio,blockquote,body,canvas,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,input,legend,li,mark,menu,nav,ol,p,pre,section,select,span,summary,table,td,textarea,th,time,ul,video {
    margin: 0;
    padding: 0;
    outline: none
}

body,html {
    height: 100%
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: none;
    outline: none;
    vertical-align: top;
    display: inline-block
}

button,img,input,label,select,textarea {
    vertical-align: middle;
    border: none
}

button,input,keygen,select,textarea {
    font-family: PingFang SC,helvetica neue,hiragino sans gb,tahoma,microsoft yahei ui,microsoft yahei,simsun,sans-serif
}

input,select,textarea {
    box-sizing: border-box
}

input:hover,select:focus,select:hover,textarea:focus,textarea:hover {
    background-color: #fff
}

input[disabled] {
    cursor: not-allowed;
    border-color: #ccc;
    background-color: #eee
}

textarea {
    resize: vertical;
    overflow-y: auto
}

em,i {
    font-style: normal
}

a,a:hover {
    text-decoration: none
}

:focus {
    outline: 0
}

*,:after,:before {
    box-sizing: border-box
}

body {
    background-color: #f7f9fb;
    font-family: PingFang SC,helvetica neue,hiragino sans gb,tahoma,microsoft yahei ui,microsoft yahei,simsun,sans-serif;
    font-size: 12px;
    color: #666
}

.default {
    cursor: default
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.bold {
    font-weight: 700!important
}

.normal {
    font-weight: 400!important
}

.font0 {
    font-size: 0
}

.font12 {
    font-size: 12px!important
}

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

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

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

.font20 {
    font-size: 20px!important
}

.font22 {
    font-size: 22px!important
}

.font23 {
    font-size: 23px!important
}

.font24 {
    font-size: 24px!important
}

.font30 {
    font-size: 30px!important
}

.gray,.text-gray {
    color: #999
}

.clearfix:after,.clearfix:before {
    display: block;
    height: 0;
    visibility: hidden
}

.clear {
    clear: both
}

.block {
    display: block
}

.hide {
    display: none
}

.hidden {
    overflow: hidden
}

.invisible,.v-hide {
    visibility: hidden
}

.vt {
    vertical-align: top!important
}

.vm {
    vertical-align: middle
}

.vb {
    vertical-align: bottom
}

.t-c {
    text-align: center!important
}

.t-l {
    text-align: left
}

.t-r {
    text-align: right
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.col5 {
    width: 5%
}

.col10 {
    width: 10%
}

.col15 {
    width: 15%
}

.col20 {
    width: 20%
}

.col25 {
    width: 25%
}

.col30 {
    width: 30%
}

.col40 {
    width: 40%
}

.col50 {
    width: 50%
}

.col60 {
    width: 60%
}

.col70 {
    width: 70%
}

.col80 {
    width: 80%
}

.col90 {
    width: 90%
}

.col100 {
    width: 100%!important
}

.blk10 {
    height: 10px
}

.blk15 {
    height: 15px
}

.blk20 {
    height: 20px
}

.blk25 {
    height: 25px
}

.blk26 {
    height: 26px
}

.blk30 {
    height: 30px
}

.blk40 {
    height: 40px
}

.blk50 {
    height: 50px
}

.p0 {
    padding: 0!important
}

.pt5 {
    padding-top: 5px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt60 {
    padding-top: 60px!important
}

.pt70 {
    padding-top: 70px!important
}

.pt80 {
    padding-top: 80px!important
}

.pr5 {
    padding-right: 5px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr15 {
    padding-right: 15px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr50 {
    padding-right: 50px!important
}

.pr60 {
    padding-right: 60px!important
}

.pr70 {
    padding-right: 70px!important
}

.pr80 {
    padding-right: 80px!important
}

.pb5 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pb70 {
    padding-bottom: 70px!important
}

.pb80 {
    padding-bottom: 80px!important
}

.pl5 {
    padding-left: 5px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl50 {
    padding-left: 50px!important
}

.pl60 {
    padding-left: 60px!important
}

.pl70 {
    padding-left: 70px!important
}

.pl80 {
    padding-left: 80px!important
}

.block-center {
    margin: auto
}

.m20 {
    margin: 20px!important
}

.mt5 {
    margin-top: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt30 {
    margin-top: 30px!important
}

.mr0 {
    margin-right: 0!important
}

.mr5 {
    margin-right: 5px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr30 {
    margin-right: 30px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mb5 {
    margin-bottom: 5px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.ml5 {
    margin-left: 5px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml18 {
    margin-left: 18px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml80 {
    margin-left: 80px!important
}

a {
    color: #666
}

.white {
    color: #fff
}

.blue {
    color: #005ec1
}

.red {
    color: #fd4545
}

.yellow {
    color: #fc0
}

.green {
    color: #88c601
}

.green2 {
    color: #21d08c
}

.gray3 {
    color: #333
}

.gray6 {
    color: #666
}

.gray9 {
    color: #999
}

.grayC {
    color: #ccc
}

.bg-white {
    background: #fff!important
}

.bg-lightBlue {
    background: #f5f8fb!important
}

.w40 {
    width: 40px!important
}

.w50 {
    width: 50px!important
}

.w60 {
    width: 60px!important
}

.w75 {
    width: 75px!important
}

.w88 {
    width: 88px!important
}

.w100 {
    width: 100px!important
}

.w130 {
    width: 130px!important
}

.w135 {
    width: 135px!important
}

.w140 {
    width: 140px!important
}

.w150 {
    width: 150px!important
}

.w160 {
    width: 160px!important
}

.w180 {
    width: 180px!important
}

.w200 {
    width: 200px!important
}

.w250 {
    width: 250px!important
}

.w280 {
    width: 280px!important
}

.w300 {
    width: 300px!important
}

.w310 {
    width: 310px!important
}

.w313 {
    width: 313px!important
}

.w320 {
    width: 320px!important
}

.w335 {
    width: 335px!important
}

.w340 {
    width: 340px!important
}

.w350 {
    width: 350px!important
}

.w450 {
    width: 450px!important
}

.w480 {
    width: 480px!important
}

.w500 {
    width: 500px!important
}

.w560 {
    width: 560px!important
}

.w855 {
    width: 855px!important
}

.w877 {
    width: 877px!important
}

.bdt1-gray {
    border-bottom: 1px solid #e6e7e9
}

.bdt2-gray {
    border-top: 1px solid #eee
}

.bdb2-gray {
    border-bottom: 1px solid #eee
}

.bdr1-gray2 {
    border-right: 1px solid #eaeaea
}

.bdt-dotted {
    border-bottom: 1px dotted #ccc
}

.lineH20 {
    line-height: 20px!important
}

.lineH26 {
    line-height: 26px!important
}

.lineH30 {
    line-height: 30px!important
}

.ellipsis-w {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.relative {
    position: relative
}

body,html {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC;
    -webkit-font-smoothing: antialiased
}

a,button,div,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,span,table,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

[class^=jad]:focus {
    outline: 0
}

[class^=jad],[class^=jad] div,[class^=jad] h1,[class^=jad] h2,[class^=jad] h3,[class^=jad] h4,[class^=jad] h5,[class^=jad] h6,[class^=jad] li,[class^=jad] p,[class^=jad] table,[class^=jad] td,[class^=jad] th,[class^=jad] ul {
    list-style: none;
    outline: none;
    box-sizing: border-box
}

[class^=jad] li,[class^=jad] ul {
    list-style: none
}

[class^=jad] table {
    border-collapse: collapse;
    border-spacing: 0
}

[class^=jad] em,[class^=jad] i {
    font-style: normal
}

[class^=jad] img {
    border: none;
    outline: none;
    vertical-align: top;
    display: inline-block
}

a[class^=jad],a[class^=jad]:hover {
    text-decoration: none
}

table[class^=jad] {
    border-collapse: collapse;
    border-spacing: 0
}

.slide-up-appear,.slide-up-enter-active,.slide-up-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-appear,.slide-up-enter-active {
    animation-name: jadSlideUpIn;
    animation-play-state: running
}

.slide-up-leave-active {
    animation-name: jadSlideUpOut;
    animation-play-state: running
}

.slide-up-appear,.slide-up-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-up-leave-active {
    animation-timing-function: ease-in-out
}

.slide-down-appear,.slide-down-enter-active,.slide-down-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-appear,.slide-down-enter-active {
    animation-name: jadSlideDownIn;
    animation-play-state: running
}

.slide-down-leave-active {
    animation-name: jadSlideDownOut;
    animation-play-state: running
}

.slide-down-appear,.slide-down-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-down-leave-active {
    animation-timing-function: ease-in-out
}

.slide-left-appear,.slide-left-enter-active,.slide-left-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-appear,.slide-left-enter-active {
    animation-name: jadSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave-active {
    animation-name: jadSlideLeftOut;
    animation-play-state: running
}

.slide-left-appear,.slide-left-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-left-leave-active {
    animation-timing-function: ease-in-out
}

.slide-right-appear,.slide-right-enter-active,.slide-right-leave-active {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-appear,.slide-right-enter-active {
    animation-name: jadSlideRightIn;
    animation-play-state: running
}

.slide-right-leave-active {
    animation-name: jadSlideRightOut;
    animation-play-state: running
}

.slide-right-appear,.slide-right-enter-active {
    opacity: 0;
    animation-timing-function: ease-in-out
}

.slide-right-leave-active {
    animation-timing-function: ease-in-out
}

@keyframes jadSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes jadSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
}

@keyframes jadSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes jadSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
}

@keyframes jadSlideLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@keyframes jadSlideLeftOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
}

@keyframes jadSlideRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
}

@keyframes jadSlideRightOut {
    0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
}

@keyframes load8 {
    0% {
        transform: rotate(1turn)
    }

    to {
        transform: rotate(0deg)
    }
}

.jad-zoom-in-top-enter-active,.jad-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
    transform-origin: center top
}

.jad-zoom-in-top-enter,.jad-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.jad-alert-fade-leave-active {
    transition: opacity .5s
}

.jad-alert-fade-leave-to {
    opacity: 0
}

.jad-alert-desc-enter-active,.jad-alert-desc-leave-active {
    transition: opacity .3s
}

.jad-alert-desc-enter,.jad-alert-desc-leave-to {
    opacity: 0
}

.jad-alert {
    position: relative;
    color: #111;
    font-size: 14px;
    padding: 8px 16px 8px 24px;
    line-height: 20px;
    border-radius: 4px;
    margin-bottom: 10px
}

.jad-alert a {
    color: #3075ff
}

.jad-alert-inline .jad-alert-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.jad-alert-inline .jad-alert-message {
    flex: none;
    margin-right: 12px
}

.jad-alert-inline .jad-alert-desc {
    flex: 1
}

.jad-alert-inline .jad-alert-action {
    flex: none;
    position: relative;
    top: 0;
    right: 0;
    margin-left: 12px
}

.jad-alert-inline .jad-alert-icon {
    top: 5px;
    transform: none
}

.jad-alert-message {
    padding-right: 24px
}

.jad-alert-message-bold {
    font-weight: 700;
    line-height: 22px
}

.jad-alert-linkText {
    margin-left: 8px;
    color: #2db7f5
}

.jad-alert-desc {
    margin-top: 4px;
    display: block;
    text-align: justify;
    line-height: 22px;
    padding-right: 26px
}

.jad-alert-nowrap .jad-alert-desc,.jad-alert-nowrap .jad-alert-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jad-alert-action {
    position: absolute;
    cursor: pointer;
    font-size: 0;
    top: 8px;
    right: 16px;
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: right
}

.jad-alert-close {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    height: 100%;
    margin-left: 8px;
    color: #666
}

.jad-alert-close i {
    font-size: 14px
}

.jad-alert-unfold {
    font-size: 14px;
    height: 100%;
    color: #5c83ef;
    display: inline-block;
    vertical-align: middle
}

.jad-alert-icon {
    position: absolute;
    top: 18px;
    transform: translateY(-50%);
    left: 20px
}

.jad-alert-icon i {
    font-size: 16px;
    vertical-align: middle
}

.jad-alert-icon-desc {
    left: 16px;
    top: 18px
}

.jad-alert-icon-desc i {
    font-size: 16px
}

.jad-alert-icon-info {
    color: #3075ff
}

.jad-alert-icon-success {
    color: #2fc724
}

.jad-alert-icon-warn {
    color: #ff8400
}

.jad-alert-icon-error {
    color: #fa2314
}

.jad-alert-info {
    background-color: #f2f7fe;
    border: 1px solid #bdd9ff
}

.jad-alert-info-icon,.jad-alert-info-icon-desc {
    padding: 8px 16px 8px 44px
}

.jad-alert-success {
    background-color: #f4fcf9;
    border: 1px solid #b6edb2
}

.jad-alert-success-icon,.jad-alert-success-icon-desc {
    padding: 8px 16px 8px 44px
}

.jad-alert-warn {
    background-color: #fff9ec;
    border: 1px solid #ffdea8
}

.jad-alert-warn-icon,.jad-alert-warn-icon-desc {
    padding: 8px 16px 8px 44px
}

.jad-alert-error {
    background-color: #fff2f2;
    border: 1px solid #fac0bb
}

.jad-alert-error-icon,.jad-alert-error-icon-desc {
    padding: 8px 16px 8px 44px
}

.jad-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.jad-badge-large {
    height: 20px;
    line-height: 18px;
    padding: 0 6px;
    min-width: 20px
}

.jad-badge-small {
    height: 16px;
    line-height: 14px;
    padding: 0 3px;
    min-width: 16px
}

.jad-badge-content {
    background-color: #ff3a33;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    border-radius: 999px
}

.jad-badge-fixed {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%) translateX(50%)
}

.jad-badge-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    border-radius: 50%
}

.jad-badge-info {
    background-color: #3075ff
}

.jad-badge-success {
    background-color: #2fc724
}

.jad-badge-warn {
    background-color: #ff8400
}

.jad-badge-error {
    background-color: #ff3a33
}

.jad-badge-state {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    vertical-align: middle
}

.jad-badge-stateText {
    line-height: 18px;
    height: 18px;
    margin-left: 8px
}

.jad-badge-processing {
    background-color: #3075ff
}

.jad-badge-warning {
    background-color: #ff8400
}

.jad-badge-default {
    background-color: #888
}

.jad-breadcrumb span a {
    font-size: 14px
}

.jad-breadcrumb a.jad-breadcrumb-link {
    color: #111;
    cursor: pointer
}

.jad-breadcrumb a.jad-breadcrumb-link .jad-icon {
    vertical-align: bottom
}

.jad-breadcrumb a.jad-breadcrumb-link:active,.jad-breadcrumb a.jad-breadcrumb-link:hover {
    color: #fd3a33
}

.jad-breadcrumb span.jad-breadcrumb-link {
    color: #bbb
}

.jad-breadcrumb span.jad-breadcrumb-link .jad-icon {
    vertical-align: bottom
}

.jad-breadcrumb span.jad-breadcrumb-separator {
    color: #bbb;
    padding: 0 5px
}

.jad-breadcrumb span.jad-breadcrumb-separator i {
    font-size: 12px
}

.jad-breadcrumb:last-child span.jad-breadcrumb-separator {
    display: none
}

.jad-btn {
    font-size: 0;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    padding: 0 16px;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    border-radius: 4px
}

.jad-btn-default {
    color: #111;
    border-color: #ccc;
    background: #fff;
    font-weight: 400
}

.jad-btn-default:hover {
    background-color: #fff;
    border-color: #999
}

.jad-btn-default.active,.jad-btn-default.jad-btn-checked,.jad-btn-default:active {
    background-color: #f8f8f8;
    border-color: #999;
    z-index: 1
}

.jad-btn-default.jad-btn-checked {
    font-weight: 700
}

.jad-btn-default.disabled,.jad-btn-default.disabled.focus,.jad-btn-default.disabled:focus,.jad-btn-default.disabled:hover,.jad-btn-default:disabled,.jad-btn-default:disabled.focus,.jad-btn-default:disabled:focus,.jad-btn-default:disabled:hover {
    color: #bbb;
    cursor: not-allowed;
    background: #eee;
    border-color: #ddd
}

.jad-btn-ghost-default {
    color: #fff;
    border-color: #fff;
    background: none;
    font-weight: 400
}

.jad-btn-ghost-default:hover {
    color: #fd3a33;
    border-color: #fd3a33
}

.jad-btn-ghost-default:active {
    color: #fb0b02;
    border-color: #fb0b02
}

.jad-btn-ghost-default.disabled,.jad-btn-ghost-default.disabled.focus,.jad-btn-ghost-default.disabled:focus,.jad-btn-ghost-default.disabled:hover,.jad-btn-ghost-default:disabled,.jad-btn-ghost-default:disabled.focus,.jad-btn-ghost-default:disabled:focus,.jad-btn-ghost-default:disabled:hover {
    color: #bbb;
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-outline-default {
    color: #111;
    border-color: #ddd;
    background: #fff;
    font-weight: 400
}

.jad-btn-outline-default:hover {
    color: #fd3a33;
    border-color: #fd3a33
}

.jad-btn-outline-default.disabled,.jad-btn-outline-default.disabled.focus,.jad-btn-outline-default.disabled:focus,.jad-btn-outline-default.disabled:hover,.jad-btn-outline-default:disabled,.jad-btn-outline-default:disabled.focus,.jad-btn-outline-default:disabled:focus,.jad-btn-outline-default:disabled:hover {
    color: #bbb;
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear {
    color: #333;
    border-color: #ccc;
    border-bottom-color: #aaa;
    background-image: linear-gradient(180deg,#fff,#f6f6f6);
    background-repeat: repeat-x
}

.jad-btn-linear:focus,.jad-btn-linear:hover {
    border: 1px solid #aaa
}

.jad-btn-linear.disabled,.jad-btn-linear.disabled.focus,.jad-btn-linear.disabled:focus,.jad-btn-linear.disabled:hover,.jad-btn-linear:disabled,.jad-btn-linear:disabled.focus,.jad-btn-linear:disabled:focus,.jad-btn-linear:disabled:hover {
    color: #bbb;
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear:not(:disabled):not(.disabled).active,.jad-btn-linear:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#e7e7e7,#f1f1f1);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    z-index: 1;
    color: #333
}

.jad-btn-linear:not(:disabled):not(.disabled).jad-btn-checked {
    background-image: linear-gradient(180deg,#e7e7e7,#f1f1f1);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    color: #333;
    font-weight: 700
}

.jad-btn-linear-red {
    color: #fff;
    border-color: #fd4545;
    border-bottom-color: #ba0909;
    background-image: linear-gradient(180deg,#fd4545,#dc2222);
    background-repeat: repeat-x
}

.jad-btn-linear-red:focus,.jad-btn-linear-red:hover {
    border-color: #ba0909;
    color: #fff
}

.jad-btn-linear-red.disabled,.jad-btn-linear-red.disabled.focus,.jad-btn-linear-red.disabled:focus,.jad-btn-linear-red.disabled:hover,.jad-btn-linear-red:disabled,.jad-btn-linear-red:disabled.focus,.jad-btn-linear-red:disabled:focus,.jad-btn-linear-red:disabled:hover {
    color: #bbb;
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear-red:not(:disabled):not(.disabled).active,.jad-btn-linear-red:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#dc2222,#f03d3d);
    background-repeat: repeat-x;
    color: #fff;
    border-color: #ba0909;
    z-index: 1
}

.jad-btn-linear-red:not(:disabled):not(.disabled).jad-btn-checked {
    background-image: linear-gradient(180deg,#dc2222,#f03d3d);
    background-repeat: repeat-x;
    color: #fff;
    border-color: #ba0909;
    font-weight: 700
}

.jad-btn [class^=jad-icon] {
    vertical-align: middle;
    font-weight: 400
}

.jad-btn-primary {
    color: #fff;
    border-color: #fd3a33;
    background: #fd3a33;
    font-weight: 400
}

.jad-btn-primary:hover {
    background-color: #fd524c;
    border-color: #fd524c
}

.jad-btn-primary.active,.jad-btn-primary:active {
    border-color: #fd221a;
    background: #fd221a
}

.jad-btn-primary.disabled,.jad-btn-primary.disabled.focus,.jad-btn-primary.disabled:focus,.jad-btn-primary.disabled:hover,.jad-btn-primary[disabled],.jad-btn-primary[disabled].focus,.jad-btn-primary[disabled]:focus,.jad-btn-primary[disabled]:hover,.jad-btn-primary fieldset[disabled],.jad-btn-primary fieldset[disabled].focus,.jad-btn-primary fieldset[disabled]:focus,.jad-btn-primary fieldset[disabled]:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-success {
    color: #fff;
    border-color: #2fc724;
    background: #2fc724;
    font-weight: 400
}

.jad-btn-success:hover {
    background-color: #37d92c;
    border-color: #37d92c
}

.jad-btn-success.active,.jad-btn-success:active {
    border-color: #2ab120;
    background: #2ab120
}

.jad-btn-success.disabled,.jad-btn-success.disabled.focus,.jad-btn-success.disabled:focus,.jad-btn-success.disabled:hover,.jad-btn-success[disabled],.jad-btn-success[disabled].focus,.jad-btn-success[disabled]:focus,.jad-btn-success[disabled]:hover,.jad-btn-success fieldset[disabled],.jad-btn-success fieldset[disabled].focus,.jad-btn-success fieldset[disabled]:focus,.jad-btn-success fieldset[disabled]:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-info {
    color: #fff;
    border-color: #3075ff;
    background: #3075ff;
    font-weight: 400
}

.jad-btn-info:hover {
    background-color: #4a86ff;
    border-color: #4a86ff
}

.jad-btn-info.active,.jad-btn-info:active {
    border-color: #1764ff;
    background: #1764ff
}

.jad-btn-info.disabled,.jad-btn-info.disabled.focus,.jad-btn-info.disabled:focus,.jad-btn-info.disabled:hover,.jad-btn-info[disabled],.jad-btn-info[disabled].focus,.jad-btn-info[disabled]:focus,.jad-btn-info[disabled]:hover,.jad-btn-info fieldset[disabled],.jad-btn-info fieldset[disabled].focus,.jad-btn-info fieldset[disabled]:focus,.jad-btn-info fieldset[disabled]:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-warning {
    color: #fff;
    border-color: #ff8400;
    background: #ff8400;
    font-weight: 400
}

.jad-btn-warning:hover {
    background-color: #ff901a;
    border-color: #ff901a
}

.jad-btn-warning.active,.jad-btn-warning:active {
    border-color: #e67700;
    background: #e67700
}

.jad-btn-warning.disabled,.jad-btn-warning.disabled.focus,.jad-btn-warning.disabled:focus,.jad-btn-warning.disabled:hover,.jad-btn-warning[disabled],.jad-btn-warning[disabled].focus,.jad-btn-warning[disabled]:focus,.jad-btn-warning[disabled]:hover,.jad-btn-warning fieldset[disabled],.jad-btn-warning fieldset[disabled].focus,.jad-btn-warning fieldset[disabled]:focus,.jad-btn-warning fieldset[disabled]:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-error {
    color: #fff;
    border-color: #fa2314;
    background: #fa2314;
    font-weight: 400
}

.jad-btn-error:hover {
    background-color: #fb3a2d;
    border-color: #fb3a2d
}

.jad-btn-error.active,.jad-btn-error:active {
    border-color: #ef1405;
    background: #ef1405
}

.jad-btn-error.disabled,.jad-btn-error.disabled.focus,.jad-btn-error.disabled:focus,.jad-btn-error.disabled:hover,.jad-btn-error[disabled],.jad-btn-error[disabled].focus,.jad-btn-error[disabled]:focus,.jad-btn-error[disabled]:hover,.jad-btn-error fieldset[disabled],.jad-btn-error fieldset[disabled].focus,.jad-btn-error fieldset[disabled]:focus,.jad-btn-error fieldset[disabled]:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-outline-primary {
    color: #fd3a33;
    background-color: #fff;
    background-image: none;
    border-color: #fd3a33
}

.jad-btn-outline-primary:hover {
    color: #fff;
    background-color: #fd3a33;
    border-color: #fd3a33
}

.jad-btn-outline-primary.disabled,.jad-btn-outline-primary.disabled.focus,.jad-btn-outline-primary.disabled:focus,.jad-btn-outline-primary.disabled:hover,.jad-btn-outline-primary:disabled,.jad-btn-outline-primary:disabled.focus,.jad-btn-outline-primary:disabled:focus,.jad-btn-outline-primary:disabled:hover {
    color: #999;
    cursor: not-allowed;
    opacity: .6
}

.jad-btn-outline-primary:not(:disabled):not(.disabled).active,.jad-btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fd3a33;
    border-color: #fd3a33
}

.jad-btn-outline-success {
    color: #2fc724;
    background-color: #fff;
    background-image: none;
    border-color: #2fc724
}

.jad-btn-outline-success:hover {
    color: #fff;
    background-color: #2fc724;
    border-color: #2fc724
}

.jad-btn-outline-success.disabled,.jad-btn-outline-success.disabled.focus,.jad-btn-outline-success.disabled:focus,.jad-btn-outline-success.disabled:hover,.jad-btn-outline-success:disabled,.jad-btn-outline-success:disabled.focus,.jad-btn-outline-success:disabled:focus,.jad-btn-outline-success:disabled:hover {
    color: #999;
    cursor: not-allowed;
    opacity: .6
}

.jad-btn-outline-success:not(:disabled):not(.disabled).active,.jad-btn-outline-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #2fc724;
    border-color: #2fc724
}

.jad-btn-outline-info {
    color: #3075ff;
    background-color: #fff;
    background-image: none;
    border-color: #3075ff
}

.jad-btn-outline-info:hover {
    color: #fff;
    background-color: #3075ff;
    border-color: #3075ff
}

.jad-btn-outline-info.disabled,.jad-btn-outline-info.disabled.focus,.jad-btn-outline-info.disabled:focus,.jad-btn-outline-info.disabled:hover,.jad-btn-outline-info:disabled,.jad-btn-outline-info:disabled.focus,.jad-btn-outline-info:disabled:focus,.jad-btn-outline-info:disabled:hover {
    color: #999;
    cursor: not-allowed;
    opacity: .6
}

.jad-btn-outline-info:not(:disabled):not(.disabled).active,.jad-btn-outline-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #3075ff;
    border-color: #3075ff
}

.jad-btn-outline-warning {
    color: #ff8400;
    background-color: #fff;
    background-image: none;
    border-color: #ff8400
}

.jad-btn-outline-warning:hover {
    color: #fff;
    background-color: #ff8400;
    border-color: #ff8400
}

.jad-btn-outline-warning.disabled,.jad-btn-outline-warning.disabled.focus,.jad-btn-outline-warning.disabled:focus,.jad-btn-outline-warning.disabled:hover,.jad-btn-outline-warning:disabled,.jad-btn-outline-warning:disabled.focus,.jad-btn-outline-warning:disabled:focus,.jad-btn-outline-warning:disabled:hover {
    color: #999;
    cursor: not-allowed;
    opacity: .6
}

.jad-btn-outline-warning:not(:disabled):not(.disabled).active,.jad-btn-outline-warning:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ff8400;
    border-color: #ff8400
}

.jad-btn-outline-error {
    color: #fa2314;
    background-color: #fff;
    background-image: none;
    border-color: #fa2314
}

.jad-btn-outline-error:hover {
    color: #fff;
    background-color: #fa2314;
    border-color: #fa2314
}

.jad-btn-outline-error.disabled,.jad-btn-outline-error.disabled.focus,.jad-btn-outline-error.disabled:focus,.jad-btn-outline-error.disabled:hover,.jad-btn-outline-error:disabled,.jad-btn-outline-error:disabled.focus,.jad-btn-outline-error:disabled:focus,.jad-btn-outline-error:disabled:hover {
    color: #999;
    cursor: not-allowed;
    opacity: .6
}

.jad-btn-outline-error:not(:disabled):not(.disabled).active,.jad-btn-outline-error:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fa2314;
    border-color: #fa2314
}

.jad-btn-ghost-primary {
    color: #fd3a33;
    background: none;
    border-color: #fd3a33
}

.jad-btn-ghost-primary:hover {
    color: #fd6b66!important;
    background: none;
    border-color: rlighten(#fd3a33,10%)!important
}

.jad-btn-ghost-primary:active {
    color: #fb0b02!important;
    background: none;
    border-color: #fb0b02!important
}

.jad-btn-ghost-primary.disabled,.jad-btn-ghost-primary.disabled.focus,.jad-btn-ghost-primary.disabled:focus,.jad-btn-ghost-primary.disabled:hover,.jad-btn-ghost-primary:disabled,.jad-btn-ghost-primary:disabled.focus,.jad-btn-ghost-primary:disabled:focus,.jad-btn-ghost-primary:disabled:hover {
    color: #999;
    cursor: not-allowed;
    background: none;
    border-color: #ddd
}

.jad-btn-ghost-primary:not(:disabled):not(.disabled).active,.jad-btn-ghost-primary:not(:disabled):not(.disabled):active {
    color: "primary";
    background: none;
    border-color: #fd3a33
}

.jad-btn-ghost-success {
    color: #2fc724;
    background: none;
    border-color: #2fc724
}

.jad-btn-ghost-success:hover {
    color: #4cdd41!important;
    background: none;
    border-color: rlighten(#2fc724,10%)!important
}

.jad-btn-ghost-success:active {
    color: #259c1c!important;
    background: none;
    border-color: #259c1c!important
}

.jad-btn-ghost-success.disabled,.jad-btn-ghost-success.disabled.focus,.jad-btn-ghost-success.disabled:focus,.jad-btn-ghost-success.disabled:hover,.jad-btn-ghost-success:disabled,.jad-btn-ghost-success:disabled.focus,.jad-btn-ghost-success:disabled:focus,.jad-btn-ghost-success:disabled:hover {
    color: #999;
    cursor: not-allowed;
    background: none;
    border-color: #ddd
}

.jad-btn-ghost-success:not(:disabled):not(.disabled).active,.jad-btn-ghost-success:not(:disabled):not(.disabled):active {
    color: "success";
    background: none;
    border-color: #2fc724
}

.jad-btn-ghost-info {
    color: #3075ff;
    background: none;
    border-color: #3075ff
}

.jad-btn-ghost-info:hover {
    color: #6397ff!important;
    background: none;
    border-color: rlighten(#3075ff,10%)!important
}

.jad-btn-ghost-info:active {
    color: #0054fc!important;
    background: none;
    border-color: #0054fc!important
}

.jad-btn-ghost-info.disabled,.jad-btn-ghost-info.disabled.focus,.jad-btn-ghost-info.disabled:focus,.jad-btn-ghost-info.disabled:hover,.jad-btn-ghost-info:disabled,.jad-btn-ghost-info:disabled.focus,.jad-btn-ghost-info:disabled:focus,.jad-btn-ghost-info:disabled:hover {
    color: #999;
    cursor: not-allowed;
    background: none;
    border-color: #ddd
}

.jad-btn-ghost-info:not(:disabled):not(.disabled).active,.jad-btn-ghost-info:not(:disabled):not(.disabled):active {
    color: "info";
    background: none;
    border-color: #3075ff
}

.jad-btn-ghost-warning {
    color: #ff8400;
    background: none;
    border-color: #ff8400
}

.jad-btn-ghost-warning:hover {
    color: #ff9d33!important;
    background: none;
    border-color: rlighten(#ff8400,10%)!important
}

.jad-btn-ghost-warning:active {
    color: #cc6a00!important;
    background: none;
    border-color: #cc6a00!important
}

.jad-btn-ghost-warning.disabled,.jad-btn-ghost-warning.disabled.focus,.jad-btn-ghost-warning.disabled:focus,.jad-btn-ghost-warning.disabled:hover,.jad-btn-ghost-warning:disabled,.jad-btn-ghost-warning:disabled.focus,.jad-btn-ghost-warning:disabled:focus,.jad-btn-ghost-warning:disabled:hover {
    color: #999;
    cursor: not-allowed;
    background: none;
    border-color: #ddd
}

.jad-btn-ghost-warning:not(:disabled):not(.disabled).active,.jad-btn-ghost-warning:not(:disabled):not(.disabled):active {
    color: "warning";
    background: none;
    border-color: #ff8400
}

.jad-btn-ghost-error {
    color: #fa2314;
    background: none;
    border-color: #fa2314
}

.jad-btn-ghost-error:hover {
    color: #fb5246!important;
    background: none;
    border-color: rlighten(#fa2314,10%)!important
}

.jad-btn-ghost-error:active {
    color: #d61205!important;
    background: none;
    border-color: #d61205!important
}

.jad-btn-ghost-error.disabled,.jad-btn-ghost-error.disabled.focus,.jad-btn-ghost-error.disabled:focus,.jad-btn-ghost-error.disabled:hover,.jad-btn-ghost-error:disabled,.jad-btn-ghost-error:disabled.focus,.jad-btn-ghost-error:disabled:focus,.jad-btn-ghost-error:disabled:hover {
    color: #999;
    cursor: not-allowed;
    background: none;
    border-color: #ddd
}

.jad-btn-ghost-error:not(:disabled):not(.disabled).active,.jad-btn-ghost-error:not(:disabled):not(.disabled):active {
    color: "error";
    background: none;
    border-color: #fa2314
}

.jad-btn-linear-primary {
    color: #2a2a2a;
    border-color: #ddd;
    border-bottom-color: #b6b6b6;
    background-image: linear-gradient(180deg,#fff,#f6f6f6);
    background-repeat: repeat-x
}

.jad-btn-linear-primary.focus,.jad-btn-linear-primary:focus,.jad-btn-linear-primary:hover {
    border-color: #b6b6b6;
    color: #2a2a2a
}

.jad-btn-linear-primary.disabled,.jad-btn-linear-primary.disabled.focus,.jad-btn-linear-primary.disabled:focus,.jad-btn-linear-primary.disabled:hover,.jad-btn-linear-primary:disabled,.jad-btn-linear-primary:disabled.focus,.jad-btn-linear-primary:disabled:focus,.jad-btn-linear-primary:disabled:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear-primary:not(:disabled):not(.disabled).active,.jad-btn-linear-primary:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#f6f6f6,#fff);
    background-repeat: repeat-x;
    border-color: #b6b6b6;
    color: #2a2a2a
}

.jad-btn-linear-success {
    color: #fff;
    border-color: #27a41e;
    border-bottom-color: #1b7114;
    background-image: linear-gradient(180deg,#2fc724,#259c1c);
    background-repeat: repeat-x
}

.jad-btn-linear-success.focus,.jad-btn-linear-success:focus,.jad-btn-linear-success:hover {
    border-color: #1b7114;
    color: #fff
}

.jad-btn-linear-success.disabled,.jad-btn-linear-success.disabled.focus,.jad-btn-linear-success.disabled:focus,.jad-btn-linear-success.disabled:hover,.jad-btn-linear-success:disabled,.jad-btn-linear-success:disabled.focus,.jad-btn-linear-success:disabled:focus,.jad-btn-linear-success:disabled:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear-success:not(:disabled):not(.disabled).active,.jad-btn-linear-success:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#259c1c,#2fc724);
    background-repeat: repeat-x;
    border-color: #1b7114;
    color: #fff
}

.jad-btn-linear-info {
    color: #fff;
    border-color: #075aff;
    border-bottom-color: #0043c9;
    background-image: linear-gradient(180deg,#3075ff,#0054fc);
    background-repeat: repeat-x
}

.jad-btn-linear-info.focus,.jad-btn-linear-info:focus,.jad-btn-linear-info:hover {
    border-color: #0043c9;
    color: #fff
}

.jad-btn-linear-info.disabled,.jad-btn-linear-info.disabled.focus,.jad-btn-linear-info.disabled:focus,.jad-btn-linear-info.disabled:hover,.jad-btn-linear-info:disabled,.jad-btn-linear-info:disabled.focus,.jad-btn-linear-info:disabled:focus,.jad-btn-linear-info:disabled:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear-info:not(:disabled):not(.disabled).active,.jad-btn-linear-info:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#0054fc,#3075ff);
    background-repeat: repeat-x;
    border-color: #0043c9;
    color: #fff
}

.jad-btn-linear-warning {
    color: #fff;
    border-color: #d66f00;
    border-bottom-color: #994f00;
    background-image: linear-gradient(180deg,#ff8400,#cc6a00);
    background-repeat: repeat-x
}

.jad-btn-linear-warning.focus,.jad-btn-linear-warning:focus,.jad-btn-linear-warning:hover {
    border-color: #994f00;
    color: #fff
}

.jad-btn-linear-warning.disabled,.jad-btn-linear-warning.disabled.focus,.jad-btn-linear-warning.disabled:focus,.jad-btn-linear-warning.disabled:hover,.jad-btn-linear-warning:disabled,.jad-btn-linear-warning:disabled.focus,.jad-btn-linear-warning:disabled:focus,.jad-btn-linear-warning:disabled:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear-warning:not(:disabled):not(.disabled).active,.jad-btn-linear-warning:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#cc6a00,#ff8400);
    background-repeat: repeat-x;
    border-color: #994f00;
    color: #fff
}

.jad-btn-linear-error {
    color: #fff;
    border-color: #e01305;
    border-bottom-color: #a50e04;
    background-image: linear-gradient(180deg,#fa2314,#d61205);
    background-repeat: repeat-x
}

.jad-btn-linear-error.focus,.jad-btn-linear-error:focus,.jad-btn-linear-error:hover {
    border-color: #a50e04;
    color: #fff
}

.jad-btn-linear-error.disabled,.jad-btn-linear-error.disabled.focus,.jad-btn-linear-error.disabled:focus,.jad-btn-linear-error.disabled:hover,.jad-btn-linear-error:disabled,.jad-btn-linear-error:disabled.focus,.jad-btn-linear-error:disabled:focus,.jad-btn-linear-error:disabled:hover {
    cursor: not-allowed;
    opacity: .6;
    border-color: #ddd
}

.jad-btn-linear-error:not(:disabled):not(.disabled).active,.jad-btn-linear-error:not(:disabled):not(.disabled):active {
    background-image: linear-gradient(180deg,#d61205,#fa2314);
    background-repeat: repeat-x;
    border-color: #a50e04;
    color: #fff
}

.jad-btn-group-large>.jad-btn,.jad-btn-large {
    padding: 0 24px;
    font-size: 16px;
    line-height: 38px;
    height: 40px;
    border-radius: 4px
}

.jad-btn-group-large>.jad-btn .jad-btn-loader,.jad-btn-group-large>.jad-btn .jad-btn-loader:after,.jad-btn-large .jad-btn-loader,.jad-btn-large .jad-btn-loader:after {
    width: 20px;
    height: 20px
}

.jad-btn-group-large>.jad-btn .jad-btn-loader,.jad-btn-large .jad-btn-loader {
    border-top: 2px solid hsla(0,0%,100%,.2);
    border-right: 2px solid hsla(0,0%,100%,.2);
    border-bottom: 2px solid hsla(0,0%,100%,.2);
    border-left: 2px solid #fff
}

.jad-btn-group-medium>.jad-btn,.jad-btn-medium {
    padding: 0 16px;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    border-radius: 4px
}

.jad-btn-group-medium>.jad-btn .jad-btn-loader,.jad-btn-group-medium>.jad-btn .jad-btn-loader:after,.jad-btn-medium .jad-btn-loader,.jad-btn-medium .jad-btn-loader:after {
    width: 15px;
    height: 15px
}

.jad-btn-group-small>.jad-btn,.jad-btn-small {
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    border-radius: 2px
}

.jad-btn-group-small>.jad-btn .jad-btn-loader,.jad-btn-group-small>.jad-btn .jad-btn-loader:after,.jad-btn-small .jad-btn-loader,.jad-btn-small .jad-btn-loader:after {
    width: 10px;
    height: 10px
}

.jad-btn-dash {
    border-style: dashed;
    background: #fff
}

.jad-btn-dash:hover {
    border-color: #888
}

.jad-btn-dash:active {
    border-color: #888;
    background-color: #eee
}

.jad-btn-dash .jad-btn-loader {
    border-top: 2px solid rgba(80,80,80,.2);
    border-right: 2px solid rgba(80,80,80,.2);
    border-bottom: 2px solid rgba(80,80,80,.2);
    border-left: 2px solid #fff
}

.jad-btn-ghost-dash {
    border-style: dashed;
    background: none;
    border-color: #fff;
    color: #fff
}

.jad-btn-ghost-dash:hover {
    color: #fd3a33;
    border-color: #fd3a33
}

.jad-btn-ghost-dash:active {
    color: #fb0b02;
    border-color: #fb0b02
}

.jad-btn-ghost-dash .jad-btn-loader,.jad-btn-primary .jad-btn-loader {
    border-top: 2px solid rgba(80,80,80,.2);
    border-right: 2px solid rgba(80,80,80,.2);
    border-bottom: 2px solid rgba(80,80,80,.2);
    border-left: 2px solid #fff
}

.jad-btn-block {
    width: 100%;
    display: block
}

.jad-btn-text {
    border: none;
    background: none
}

.jad-btn-text:hover {
    background: #f5f6f7;
    color: #ff3a33
}

.jad-btn-text:active {
    background: #eee;
    color: #db2c23
}

.jad-btn-text-blue {
    color: #3075ff;
    border: none;
    background: none
}

.jad-btn-text-blue:hover {
    background: #f5f6f7;
    color: #5996ff
}

.jad-btn-text-blue:active {
    background: #f5f6f7;
    color: #2360db
}

.jad-btn-loading {
    pointer-events: none;
    position: relative;
    opacity: .6
}

.jad-btn-loader {
    animation: load8 1.1s infinite linear;
    border-top: 1px solid hsla(0,0%,100%,.2);
    border-right: 1px solid hsla(0,0%,100%,.2);
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    border-left: 1px solid #fff
}

.jad-btn-loader,.jad-btn-loader:after {
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.jad-btn-circle {
    border-radius: 28px
}

.jad-btn-rectangle {
    border-radius: 0
}

.jad-btn-group,.jad-btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.jad-btn-group-vertical>.jad-btn,.jad-btn-group>.jad-btn {
    position: relative
}

.jad-btn-group-vertical>.jad-btn.active,.jad-btn-group-vertical>.jad-btn:active,.jad-btn-group-vertical>.jad-btn:focus,.jad-btn-group-vertical>.jad-btn:hover,.jad-btn-group>.jad-btn.active,.jad-btn-group>.jad-btn:active,.jad-btn-group>.jad-btn:focus,.jad-btn-group>.jad-btn:hover {
    z-index: 2
}

.jad-btn-group .jad-btn+.jad-btn,.jad-btn-group .jad-btn+.jad-btn-group,.jad-btn-group .jad-btn-group+.jad-btn,.jad-btn-group .jad-btn-group+.jad-btn-group {
    margin-left: -1px
}

.jad-btn-group>.jad-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.jad-btn-group>.jad-btn:first-child {
    margin-left: 0
}

.jad-btn-group>.jad-btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jad-btn-group>.jad-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.jad-btn-group>.jad-btn-group {
    float: left
}

.jad-btn-group>.jad-btn-group:not(:first-child):not(:last-child)>.jad-btn {
    border-radius: 0
}

.jad-btn-group>.jad-btn-group:first-child:not(:last-child)>.jad-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.jad-btn-group>.jad-btn-group:last-child:not(:first-child)>.jad-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.jad-btn-group-vertical>.jad-btn,.jad-btn-group-vertical>.jad-btn-group,.jad-btn-group-vertical>.jad-btn-group>.jad-btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.jad-btn-group-vertical>.jad-btn-group:after,.jad-btn-group-vertical>.jad-btn-group:before {
    content: " ";
    display: table
}

.jad-btn-group-vertical>.jad-btn-group:after {
    clear: both
}

.jad-btn-group-vertical>.jad-btn-group>.jad-btn {
    float: none
}

.jad-btn-group-vertical>.jad-btn+.jad-btn,.jad-btn-group-vertical>.jad-btn+.jad-btn-group,.jad-btn-group-vertical>.jad-btn-group+.jad-btn,.jad-btn-group-vertical>.jad-btn-group+.jad-btn-group {
    margin-top: -1px;
    margin-left: 0
}

.jad-btn-group-vertical>.jad-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.jad-btn-group-vertical>.jad-btn:first-child:not(:last-child) {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.jad-btn-group-vertical>.jad-btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.jad-btn-group-vertical>.jad-btn-group:not(:first-child):not(:last-child)>.jad-btn {
    border-radius: 0
}

.jad-btn-group-vertical>.jad-btn-group:first-child:not(:last-child)>.jad-btn:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.jad-btn-group-vertical>.jad-btn-group:last-child:not(:first-child)>.jad-btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.jad-btn-group-block {
    display: block;
    width: 100%
}

.jad-btn-group-circle>.jad-btn {
    border-radius: 28px
}

.jad-btn-group-circle>.jad-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.jad-btn-group-rectangle>.jad-btn {
    border-radius: 0
}

.jad-card {
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: hidden;
    color: #111;
    transition: .3s
}

.jad-card-header {
    padding: 24px 24px 0;
    box-sizing: border-box;
    line-height: 24px
}

.jad-card-body {
    padding: 24px
}

.jad-card.jad-card-always,.jad-card.jad-card-hover:focus,.jad-card.jad-card-hover:hover {
    border-color: #ccc;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.jad-card.jad-card-disabled {
    background: rgba(0,0,0,.1);
    cursor: not-allowed
}

.jad-cascader {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    position: relative
}

.jad-cascader-disabled {
    cursor: not-allowed
}

.jad-cascader .disabled-input input {
    width: 100%
}

.jad-cascader .pointer-input input {
    width: 100%;
    cursor: pointer
}

.jad-cascader .active .jad-input-inner {
    z-index: 1
}

.jad-cascader .jad-input-inner-readonly {
    border-color: #ddd
}

.jad-cascader .relative-hover:hover .jad-input-inner {
    border-color: #999
}

.jad-cascader .relative-hover:hover .jad-input-inner-disabled {
    border-color: #ddd
}

.jad-cascader .icon-clear {
    display: none
}

.jad-cascader .clear-input:hover .icon-clear {
    display: block
}

.jad-cascader .clear-input:hover .cascader-arrow-icon {
    display: none
}

.jad-cascader-label {
    position: absolute;
    left: 12px;
    top: 1px;
    bottom: 1px;
    right: 27px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    font-size: inherit;
    background: #fff
}

.jad-cascader-label-placeholder {
    color: #bbb
}

.jad-cascader-label-input-text {
    color: #333
}

.jad-cascader-label-disabled {
    background-color: #eee;
    cursor: not-allowed;
    color: #888
}

.jad-cascader .relative-hover .jad-input-wrapper-size-small+.jad-cascader-label {
    font-size: 12px
}

.jad-cascader-menus {
    white-space: nowrap;
    background: #fff;
    position: absolute;
    margin-top: 4px;
    z-index: 2;
    outline: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 6px 16px hsla(0,0%,7%,.06)
}

.jad-cascader-menus-container {
    display: flex
}

.jad-cascader-menus .search-input .jad-input-inner {
    border: none;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 40px;
    line-height: 40px
}

.jad-cascader-menu {
    flex-grow: 1;
    display: inline-block;
    vertical-align: top;
    height: 204px;
    overflow: auto;
    border-right: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0;
    min-width: 160px
}

.jad-cascader-menu-flexible {
    height: auto;
    max-height: 180px;
    overflow: auto
}

.jad-cascader-menu_item_bold {
    font-weight: 700;
    color: #151515
}

.jad-cascader-menu:last-child {
    border-right: 0 none
}

.jad-cascader-menu-item {
    font-size: 14px;
    padding: 8px 8px 8px 16px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    height: 34px;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.jad-cascader-menu-item.active,.jad-cascader-menu-item:hover {
    background: #f5f6f7;
    color: #111
}

.jad-cascader-menu-item.disabled {
    background-color: #fff;
    cursor: not-allowed;
    color: #bbb;
    letter-spacing: 0;
    line-height: 22px;
    border-radius: 4px
}

.jad-cascader-menu-flexible .jad-cascader-menu-item {
    justify-content: flex-start
}

.jad-cascader-content {
    display: flex;
    align-items: center;
    padding-right: 8px
}

.jad-cascader-checkbox-disabled {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #eee;
    border-radius: 2px;
    margin-right: 8px
}

.jad-cascader-checkbox-unChecked {
    background-color: #fff
}

.jad-cascader-checkbox-checked,.jad-cascader-checkbox-unChecked {
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 8px
}

.jad-cascader-checkbox-checked {
    border-color: #fd3a33;
    background-color: #fd3a33;
    position: relative
}

.jad-cascader-checkbox-checked:after {
    content: "";
    display: block;
    width: 3px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 5px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    box-sizing: content-box
}

.jad-cascader-checkbox-indeterminate {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    margin-right: 8px;
    position: relative
}

.jad-cascader-checkbox-indeterminate:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #fd3a33;
    border: none;
    transform: scale(1);
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 2px
}

.multiple-wrap {
    position: absolute;
    left: 5px;
    top: 1px;
    display: flex;
    flex-wrap: wrap
}

.multiple-div {
    background: #eee;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 8px;
    border-radius: 2px;
    display: inline-block;
    height: 24px;
    margin: 3px 4px 3px 0;
    color: #111
}

.multiple-div .multiple-text {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    float: left
}

.multiple-div .multiple-icon-close {
    font-size: 12px;
    margin-left: 5px;
    color: #666;
    cursor: pointer
}

.jad-popover .multiple-div:hover {
    background: #ccc
}

.multiple-div-disabled {
    background: #ddd;
    color: #888
}

.multiple-div-disabled .multiple-icon-close {
    color: #888;
    cursor: not-allowed
}

.multiple-popover .jad-popover-inner {
    padding: 8px;
    max-height: 292px;
    overflow-y: auto
}

.multiple-popover .multiple-div {
    display: flex;
    margin-bottom: 4px;
    justify-content: space-between
}

.multiple-popover .multiple-div:last-child {
    margin-bottom: 0
}

.jad-cascader-label-large .multiple-div {
    height: 32px;
    font-size: 14px;
    padding: 6px 8px
}

.jad-cascader-label-small .multiple-div {
    height: 20px;
    font-size: 12px;
    padding: 0 4px;
    margin-top: 1px
}

.jad-checkbox-wrapper {
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    margin-right: 40px;
    line-height: 1.5
}

.jad-checkbox-wrapper:last-of-type {
    margin-right: 0
}

.jad-checkbox-wrapper-disabled {
    cursor: not-allowed
}

.jad-checkbox {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    line-height: 1;
    position: relative;
    font-size: 0
}

.jad-checkbox-group-vertical {
    text-align: left
}

.jad-checkbox-group-vertical .jad-checkbox-wrapper {
    display: block
}

.jad-checkbox-label {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.jad-checkbox-label-small {
    font-size: 12px
}

.jad-checkbox-disabled {
    cursor: not-allowed
}

.jad-checkbox:hover .jad-checkbox-inner {
    border-color: #fd3a33
}

.jad-checkbox-inner {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out
}

.jad-checkbox-inner-small {
    width: 14px;
    height: 14px
}

.jad-checkbox-input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.jad-checkbox-input[disabled] {
    cursor: not-allowed
}

.jad-checkbox-checked:hover .jad-checkbox-inner {
    border-color: #fd3a33
}

.jad-checkbox-checked .jad-checkbox-inner {
    border-color: #fd3a33;
    background-color: #fd3a33
}

.jad-checkbox-checked .jad-checkbox-inner:after {
    content: "";
    display: block;
    width: 3px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 5px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    box-sizing: content-box
}

.jad-checkbox-checked .jad-checkbox-inner-small:after {
    width: 2px;
    height: 7px;
    top: 1px;
    left: 4px
}

.jad-checkbox-indeterminate .jad-checkbox-inner:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #fd3a33;
    border: none;
    transform: scale(1);
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 2px
}

.jad-checkbox-indeterminate:hover .jad-checkbox-inner {
    border-color: #fd3a33
}

.jad-checkbox-indeterminate .jad-checkbox-inner {
    background-color: #fff
}

.jad-checkbox-indeterminate-disabled:hover .jad-checkbox-inner {
    border-color: #ddd
}

.jad-checkbox-indeterminate-disabled .jad-checkbox-inner {
    border-color: #ddd;
    background-color: #eee
}

.jad-checkbox-indeterminate-disabled .jad-checkbox-inner:after {
    animation-name: none;
    border-color: #ccc
}

.jad-checkbox-indeterminate-small .jad-checkbox-inner:after {
    width: 6px;
    height: 6px
}

.jad-checkbox-disabled:hover .jad-checkbox-inner {
    border-color: #ddd
}

.jad-checkbox-disabled .jad-checkbox-inner {
    border-color: #ddd;
    background-color: #eee
}

.jad-checkbox-disabled .jad-checkbox-inner:after {
    animation-name: none;
    border-color: #ccc
}

.jad-checkbox-wrapper-disabled .jad-checkbox-indeterminate .jad-checkbox-inner:after {
    background-color: #ccc
}

.jad-checkbox-group {
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}

.jad-checkbox-group-button .jad-checkbox {
    display: none
}

.jad-checkbox-group-button .jad-checkbox-wrapper {
    position: relative;
    border: 1px solid #ddd;
    margin-right: -1px;
    padding: 0 16px;
    font-size: 12px;
    line-height: 30px;
    height: 32px;
    border-radius: 4px;
    background-color: #f5f6f7;
    border-right-color: transparent;
    border-left-color: transparent
}

.jad-checkbox-group-button .jad-checkbox-wrapper:first-child {
    border-left-color: #ddd
}

.jad-checkbox-group-button .jad-checkbox-wrapper:last-child {
    border-right-color: #ddd
}

.jad-checkbox-group-button .jad-checkbox-wrapper:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    top: 25%;
    left: 0;
    width: 1px;
    height: 50%;
    background-color: #ddd
}

.jad-checkbox-group-button .jad-checkbox-wrapper-disabled {
    color: #999;
    background-color: #eee
}

.jad-checkbox-group-button .jad-checkbox-wrapper-checked {
    background-color: #fff;
    border-color: #ddd;
    z-index: 1
}

.jad-checkbox-group-button .jad-checkbox-wrapper-checked:before {
    display: none!important
}

.jad-checkbox-group-button .jad-checkbox-wrapper-checked+.jad-checkbox-wrapper:before {
    display: none
}

.jad-checkbox-group-button .jad-checkbox-wrapper-checked {
    color: #111;
    z-index: 10
}

.jad-checkbox-group-button .jad-checkbox-wrapper:not(.jad-checkbox-wrapper-disabled):hover {
    color: #fd524c
}

.jad-checkbox-group-button .jad-checkbox-wrapper:not(.jad-checkbox-wrapper-disabled):active {
    color: #fd3a33
}

.jad-checkbox-group-button .jad-checkbox-wrapper .jad-checkbox-label {
    vertical-align: baseline;
    margin-left: 0
}

.jad-checkbox-group-button-large .jad-checkbox-wrapper {
    padding: 0 24px;
    font-size: 14px;
    line-height: 38px;
    height: 40px;
    border-radius: 6px
}

.jad-checkbox-group-button-medium .jad-checkbox-wrapper {
    padding: 0 16px;
    font-size: 12px;
    line-height: 30px;
    height: 32px;
    border-radius: 5px
}

.jad-checkbox-group-button-small .jad-checkbox-wrapper {
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    border-radius: 4px
}

.jad-checkbox-group-button:not(.jad-checkbox-group-vertical) .jad-checkbox-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jad-checkbox-group-button:not(.jad-checkbox-group-vertical) .jad-checkbox-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper {
    display: block;
    border: 1px solid #ddd;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper:first-child {
    border-top-color: #ddd
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper:last-child {
    border-bottom-color: #ddd
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper:not(:first-child):before {
    top: 0;
    left: 25%;
    width: 50%;
    height: 1px
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper-checked {
    border-top-color: #ddd;
    border-bottom-color: #ddd
}

.jad-checkbox-group-button.jad-checkbox-group-vertical .jad-checkbox-wrapper+.jad-checkbox-wrapper {
    margin-left: 0;
    margin-top: -1px
}

.jad-checkbox-group-new-button .jad-checkbox {
    display: none
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper {
    position: relative;
    border: 1px solid #ccc;
    margin-right: -1px;
    padding: 0 16px;
    font-size: 12px;
    line-height: 30px;
    height: 32px;
    border-radius: 4px;
    border-radius: 0;
    background-color: #fff
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper:hover {
    color: #fd3a33;
    background-color: #fff2f2;
    border-color: #fd3a33;
    z-index: 10
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-checked {
    background-color: #fff2f2;
    border-color: #ff3a33;
    overflow: hidden;
    color: #fd3a33;
    font-weight: 600
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-checked:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top: 9px solid red;
    border-left: 9px solid red;
    transform: rotate(90deg)
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-checked:after {
    content: "\E663";
    font-size: 10px;
    font-family: jadpc;
    position: absolute;
    top: -9px;
    right: -1px;
    color: #fff
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-disabled {
    color: #bbb!important;
    background-color: #eee;
    border-color: #ddd
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-disabled:hover {
    color: #999;
    background-color: #eee;
    border-color: #ddd
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper:not(.jad-checkbox-wrapper-disabled):hover {
    color: #fd524c
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper:not(.jad-checkbox-wrapper-disabled):active {
    color: #fd3a33
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper .jad-checkbox-label {
    vertical-align: baseline;
    margin-left: 0
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-checked.jad-checkbox-wrapper-disabled:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top: 9px solid #bbb;
    border-left: 9px solid #bbb;
    transform: rotate(90deg)
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper-checked.jad-checkbox-wrapper-disabled:after {
    content: "\E663";
    font-size: 10px;
    font-family: jadpc;
    position: absolute;
    top: -9px;
    right: -1px;
    color: #fff
}

.jad-checkbox-group-new-button .jad-checkbox-wrapper.jad-checkbox-wrapper-checked:not(.jad-checkbox-wrapper-disabled) {
    border-color: #ff3a33;
    z-index: 100
}

.jad-color-picker {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out
}

.jad-color-picker-btn {
    height: 32px;
    width: 32px;
    padding: 4px
}

.jad-color-picker-btn-block {
    height: 22px;
    line-height: 22px;
    width: 22px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.jad-color-picker-btn-block .jad-icon {
    line-height: 22px
}

.jad-color-picker-btn-block>div {
    width: 100%;
    height: 100%
}

.jad-color-picker-btn-block-null {
    color: #000;
    background: none
}

.jad-color-picker-btn-block-alpha {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.jad-color-picker-popper {
    padding: 16px;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0,0,0,.06)
}

.jad-color-picker-svpanel {
    position: relative;
    width: 300px;
    height: 200px;
    cursor: pointer
}

.jad-color-picker-svpanel-saturation {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0))
}

.jad-color-picker-svpanel-brightness {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#000,transparent)
}

.jad-color-picker-svpanel-dot {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    box-shadow: 0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);
    cursor: pointer
}

.jad-color-picker-alpha-bar,.jad-color-picker-bar,.jad-color-picker-hue-bar {
    position: absolute;
    top: -1px;
    width: 6px;
    height: 18px;
    border-radius: 1px;
    border: 1px solid #f5f6f7;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.3);
    background-color: #fff;
    cursor: pointer
}

.jad-color-picker-hue {
    background: linear-gradient(90deg,red,#ff0 17%,lime 33%,cyan 50%,blue 67%,#f0f 83%,red);
    margin-top: 16px
}

.jad-color-picker-alpha,.jad-color-picker-hue {
    position: relative;
    width: 300px;
    height: 16px;
    cursor: pointer
}

.jad-color-picker-alpha {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    margin: 8px 0
}

.jad-color-picker-alpha-color {
    width: 100%;
    height: 100%
}

.jad-color-picker-precast-block {
    display: inline-block;
    margin: 8px 10px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
    cursor: pointer
}

.jad-color-picker-precast-block.matched {
    border: 1px solid #ddd
}

.jad-color-picker-precast-block>div {
    width: 100%;
    height: 100%
}

.jad-color-picker-disabled {
    cursor: not-allowed
}

.jad-color-picker-disabled .jad-color-picker-btn-block,.jad-color-picker-disabled .jad-color-picker-btn-block-null {
    color: gray
}

.jad-color-picker-btn-large {
    height: 40px;
    width: 40px
}

.jad-color-picker-btn-large .jad-color-picker-btn-block {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.jad-color-picker-btn-large .jad-color-picker-btn-block .jad-icon {
    line-height: 30px
}

.jad-color-picker-btn-small {
    height: 24px;
    width: 24px;
    padding: 0
}

.jad-color-picker-input-area {
    display: flex;
    justify-content: space-between;
    margin: 16px 0
}

.jad-color-picker-rgba {
    display: flex
}

.jad-color-picker-rgba .jad-input-inner .jad-input {
    text-align: center;
    padding: 0
}

.jad-color-picker-input p {
    color: #111;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: 4px
}

.jad-dropdown-popper {
    border: 1px solid #eee!important
}

.jad-date-picker .jad-icon {
    color: #888
}

.jad-date-picker .jad-icon-cancel {
    color: #ddd
}

.jad-date-picker-editor {
    width: 100%
}

.jad-date-picker-btn .jad-icon {
    color: #333;
    vertical-align: -2px
}

.has-clear .jad-date-picker-input-range {
    min-width: 270px
}

.jad-date-picker-input-range {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    min-width: 230px;
    -webkit-appearance: none;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #333;
    display: inline-block;
    height: 32px;
    line-height: 20px;
    outline: none;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    position: relative;
    text-align: left;
    width: 100%;
    font-size: 0
}

.jad-date-picker-input-range:after,.jad-date-picker-input-range:before {
    content: " ";
    display: table
}

.jad-date-picker-input-range:after {
    clear: both
}

.jad-date-picker-input-range i,.jad-date-picker-input-range input,.jad-date-picker-input-range span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.jad-date-picker-input-range i {
    line-height: 20px;
    font-size: 16px
}

.jad-date-picker-input-range input {
    border: none;
    outline: none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: 14px;
    color: #111;
    line-height: 1;
    background: none
}

.jad-date-picker-input-range input::-webkit-input-placeholder {
    color: #ddd
}

.jad-date-picker-input-range input::-moz-placeholder {
    color: #ddd
}

.jad-date-picker-input-range input:-ms-input-placeholder {
    color: #ddd
}

.jad-date-picker-input-range input:-moz-placeholder {
    color: #ddd
}

.jad-date-picker-input-range .jad-date-picker-separator {
    height: 100%;
    padding: 0 3px;
    margin: 0;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #111
}

.jad-date-picker-input-range:hover {
    border: 1px solid #999
}

.jad-date-picker-input-range-disabled {
    background: #eee
}

.jad-date-picker-input-range-disabled .jad-date-picker-separator,.jad-date-picker-input-range-disabled input {
    color: #888
}

.jad-date-picker-input-range-disabled,.jad-date-picker-input-range-disabled:hover {
    border: 1px solid #ddd
}

.jad-date-picker-input-range-disabled::-webkit-input-placeholder {
    color: #999
}

.jad-date-picker-input-range-disabled::-moz-placeholder {
    color: #999
}

.jad-date-picker-input-range-disabled:-ms-input-placeholder {
    color: #999
}

.jad-date-picker-input-range-disabled:-moz-placeholder {
    color: #999
}

.jad-date-picker-input-range-large {
    height: 40px;
    line-height: 20px;
    padding-top: 9px;
    padding-bottom: 9px
}

.jad-date-picker-input-range-medium {
    height: 32px;
    line-height: 16px;
    padding-top: 7px;
    padding-bottom: 7px
}

.jad-date-picker-input-range-small {
    height: 24px;
    line-height: 20px;
    padding-top: 1px;
    padding-bottom: 1px
}

.jad-date-picker-input-range-small .jad-date-picker-separator,.jad-date-picker-input-range-small i,.jad-date-picker-input-range-small input,.jad-date-picker-input-range-small span {
    font-size: 12px;
    line-height: 20px
}

.jad-date-picker-body-wrapper {
    position: relative
}

.jad-date-picker-body-wrapper:after,.jad-date-picker-body-wrapper:before {
    content: " ";
    display: table
}

.jad-date-picker-body-wrapper:after {
    clear: both
}

.jad-date-picker-body-wrapper .jad-icon-arrow-double-left,.jad-date-picker-body-wrapper .jad-icon-arrow-double-right,.jad-date-picker-body-wrapper .jad-icon-arrow-left,.jad-date-picker-body-wrapper .jad-icon-arrow-right {
    font-size: 12px
}

.jad-date-picker-body-wrapper .jad-time-picker-single {
    margin-top: -12px;
    width: 312px;
    float: none
}

.jad-date-picker-body-wrapper .jad-time-picker-single .jad-time-picker-list {
    max-height: 295px
}

.jad-date-picker-all-panel {
    display: flex
}

.jad-date-picker-all-panel .jad-time-picker-single {
    width: 186px;
    margin-top: 0
}

.jad-date-picker-inner {
    width: 280px;
    float: left
}

.jad-date-picker-inner-week {
    width: 325px
}

.jad-date-picker-body {
    padding: 0 16px 12px;
    font-size: 14px
}

.jad-date-picker-body:after,.jad-date-picker-body:before {
    content: " ";
    display: table
}

.jad-date-picker-body:after {
    clear: both
}

.jad-time-picker-picked {
    font-size: 14px;
    font-weight: 700;
    line-height: 47px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.jad-date-picker-dateRange span {
    display: inline-block;
    width: 40px;
    line-height: 36px;
    height: 40px;
    text-align: center;
    padding: 2px;
    color: #111
}

.jad-date-picker-dateRange em {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.jad-date-picker-ctrl {
    padding: 8px 10px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.jad-date-picker-ctrl .jad-date-picker-icon-btn {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: 4px;
    margin-right: 0;
    text-align: center;
    cursor: pointer;
    color: #666;
    transition: color .2s ease-in-out
}

.jad-date-picker-ctrl .jad-date-picker-icon-btn:hover {
    color: #fd3a33
}

.jad-date-picker-ctrl .jad-date-picker-prev-btn {
    float: left
}

.jad-date-picker-ctrl .jad-date-picker-next-btn {
    float: right
}

.jad-date-picker-header-label {
    font-size: 14px;
    cursor: pointer
}

.jad-date-picker-header-label:hover {
    color: #fd3a33
}

.jad-date-picker-monthRange,.jad-date-picker-quarterRange,.jad-date-picker-yearRange {
    padding-top: 20px
}

.jad-date-picker-monthRange span,.jad-date-picker-quarterRange span,.jad-date-picker-yearRange span {
    width: 70px;
    height: 40px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    margin: 10px 0
}

.jad-date-picker-monthRange span:hover em,.jad-date-picker-quarterRange span:hover em,.jad-date-picker-yearRange span:hover em {
    background: #eee
}

.jad-date-picker-monthRange .jad-date-picker-cell>em,.jad-date-picker-quarterRange .jad-date-picker-cell>em,.jad-date-picker-yearRange .jad-date-picker-cell>em {
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border-radius: 24px
}

.jad-date-picker-cell>em {
    transition: all .3s
}

.jad-date-picker-item-disable,.jad-time-picker-cell-disabled {
    background-color: #fff!important;
    cursor: not-allowed!important
}

.jad-date-picker-dateRange-item-active:hover em,.jad-date-picker-dateRange-item-active em {
    background: #fd3a33!important;
    color: #fff!important
}

.jad-date-picker-ctrl p,.jad-date-picker-ctrl span,.jad-date-picker-dateRange span {
    cursor: pointer
}

.jad-date-picker-cell:hover em,.jad-date-picker-dateRange-item-hover,.jad-date-picker-monthRange span:hover em,.jad-date-picker-quarterRange span:hover em {
    background-color: #eee
}

.jad-date-picker-weekRange {
    position: relative;
    line-height: 40px
}

.jad-date-picker-weekRange span {
    display: inline-block;
    width: 40px;
    font-size: 12px;
    text-align: center;
    color: #666
}

.jad-date-picker-weekRow:hover .jad-date-picker-cell-gray+.jad-date-picker-cell,.jad-date-picker-weekRow:hover .jad-date-picker-cell:first-of-type {
    border-radius: 38px 0 0 38px
}

.jad-date-picker-weekRow:hover .jad-date-picker-cell:last-of-type {
    border-radius: 0 38px 38px 0
}

.jad-date-picker-weekRow:hover .jad-date-picker-cell:not(.jad-date-picker-cell-range):not(.jad-date-picker-cell-disabled) {
    background: #eee
}

.jad-date-picker-cell-next-month em,.jad-date-picker-cell-prev-month em {
    color: #bbb
}

.jad-date-picker-cell-next-month:hover,.jad-date-picker-cell-prev-month:hover {
    color: #bbb;
    background: none
}

.jad-date-picker-cell-selected {
    background: none
}

.jad-date-picker-cell-selected em {
    background: #fd3a33!important;
    color: #fff!important;
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.jad-date-picker-cell-compare-end,.jad-date-picker-cell-compare-start,.jad-date-picker-cell-end-compare,.jad-date-picker-cell-start-compare {
    background: #eee
}

.jad-date-picker-cell-compare-end em,.jad-date-picker-cell-compare-start em,.jad-date-picker-cell-end-compare em,.jad-date-picker-cell-start-compare em {
    background: #bbb!important;
    border-radius: 100%
}

.jad-date-picker-cell-compare-end-compare,.jad-date-picker-cell-compare-start-compare,.jad-date-picker-cell-end,.jad-date-picker-cell-start {
    background: #eee
}

.jad-date-picker-cell-compare-end-compare em,.jad-date-picker-cell-compare-start-compare em,.jad-date-picker-cell-end em,.jad-date-picker-cell-start em {
    background: #fd3a33!important;
    color: #fff!important;
    border-radius: 100%
}

.jad-date-picker-absolute-em {
    position: relative;
    z-index: 10
}

.jad-date-picker-cell-compare-end,.jad-date-picker-cell-compare-end-compare,.jad-date-picker-cell-end,.jad-date-picker-cell-end-compare,.jad-date-picker-cell-end:hover {
    border-radius: 0 38px 38px 0
}

.jad-date-picker-cell-compare-start,.jad-date-picker-cell-compare-start-compare,.jad-date-picker-cell-start,.jad-date-picker-cell-start-compare,.jad-date-picker-cell-start:hover {
    border-radius: 38px 0 0 38px
}

.jad-date-picker-cell-compare-range,.jad-date-picker-cell-range,.jad-date-picker-cell-range:hover {
    background: #eee!important;
    border-radius: 0
}

.jad-date-picker-cell-repeat-range {
    background: #ddd
}

.jad-date-picker-cell-today em {
    position: relative;
    color: #fd3a33
}

.jad-date-picker-cell-repeat-compare-start-pre,.jad-date-picker-cell-repeat-start-pre {
    position: relative
}

.jad-date-picker-cell-repeat-compare-start-pre span,.jad-date-picker-cell-repeat-start-pre span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 40px;
    background-color: #eee
}

.jad-date-picker-cell-repeat-compare-end-last,.jad-date-picker-cell-repeat-end-last {
    position: relative
}

.jad-date-picker-cell-repeat-compare-end-last span,.jad-date-picker-cell-repeat-end-last span {
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 20px;
    height: 40px;
    background-color: #eee
}

.jad-date-picker-confirm {
    border-top: 1px solid #ddd;
    padding: 10px 16px
}

.jad-date-picker-confirm:after,.jad-date-picker-confirm:before {
    content: " ";
    display: table
}

.jad-date-picker-confirm:after {
    clear: both
}

.jad-date-picker-confirm button {
    float: right;
    margin-left: 20px;
    min-width: 64px
}

.jad-date-picker-confirm-time {
    float: left;
    line-height: 32px;
    cursor: pointer;
    font-size: 14px;
    color: #666
}

.jad-date-picker-confirm-time .time-label span {
    color: #3075ff
}

.jad-date-picker-confirm-time-disabled,.jad-date-picker-confirm-time-disabled:hover {
    color: #ddd
}

.jad-date-picker-with-range {
    min-width: 624px
}

.jad-date-picker-content-left {
    float: left
}

.jad-date-picker-content-left .jad-time-picker {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.jad-date-picker-content-left .jad-time-picker-list:first-child {
    border-left: none
}

.jad-date-picker-content-left .jad-time-picker-header {
    border-right: 1px solid #ddd
}

.jad-date-picker-content-right {
    float: left
}

.jad-date-picker-content-right .jad-time-picker-list:last-child {
    border-right: none
}

.jad-date-picker-content-right .jad-time-picker {
    border-top: 1px solid #ddd
}

.jad-time-picker {
    font-size: 14px
}

.jad-time-picker:after,.jad-time-picker:before {
    content: " ";
    display: table
}

.jad-time-picker:after {
    clear: both
}

.jad-time-picker-header {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px
}

.jad-time-picker-with-range {
    min-width: 624px
}

.jad-time-picker-with-range .jad-date-picker-inner {
    width: 312px
}

.jad-time-picker-with-range .jad-date-picker-body {
    padding: 0
}

.jad-time-picker-list {
    max-height: 299px;
    float: left;
    overflow: auto;
    position: relative;
    width: 50%;
    border-left: 1px solid #ddd
}

.jad-time-picker-list ul {
    width: 100%;
    margin: 0;
    list-style: none;
    padding-bottom: 259px
}

.jad-time-picker-list ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    box-sizing: content-box;
    text-align: center;
    cursor: pointer;
    list-style: none;
    transition: background .2s ease-in-out
}

.jad-time-picker-list ul li:hover {
    background: #eee
}

.jad-time-picker-list:first-child {
    border-left: none
}

.jad-time-picker-with-seconds .jad-time-picker-list {
    width: 33.33%
}

.jad-time-picker-cell-selected,.jad-time-picker-cell-selected:hover {
    background: #eee
}

.jad-date-picker-cell-disabled,.jad-date-picker-cell-gray {
    color: #888!important
}

.jad-date-picker-cell-disabled,.jad-date-picker-cell-disabled:hover,.jad-date-picker-cell-disabled:hover em,.jad-date-picker-cell-disabled em {
    cursor: not-allowed;
    background: none!important;
    color: #888!important;
    text-decoration: line-through
}

.jad-date-picker-all:after,.jad-date-picker-all:before,.jad-date-picker-default:after,.jad-date-picker-default:before {
    content: " ";
    display: table
}

.jad-date-picker-all:after,.jad-date-picker-default:after {
    clear: both
}

.jad-date-picker-all .jad-date-picker-body-wrapper,.jad-date-picker-default .jad-date-picker-body-wrapper {
    width: 503px
}

.jad-date-picker-all .jad-date-picker-with-range,.jad-date-picker-default .jad-date-picker-with-range {
    width: 814px
}

.jad-date-picker-all .jad-date-picker-ctrl,.jad-date-picker-default .jad-date-picker-ctrl {
    width: 312px
}

.jad-date-picker-all .jad-date-picker-shortcut,.jad-date-picker-default .jad-date-picker-shortcut {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 190px;
    padding: 20px 19px;
    border-left: 1px solid #ddd
}

.jad-date-picker-all .jad-date-picker-shortcut .jad-radio-inner,.jad-date-picker-default .jad-date-picker-shortcut .jad-radio-inner {
    width: 16px;
    height: 16px
}

.jad-date-picker-all .jad-date-picker-shortcut label,.jad-date-picker-default .jad-date-picker-shortcut label {
    font-size: 14px;
    color: rgba(0,0,0,.8)
}

.jad-date-picker-all .jad-date-picker-shortcut p,.jad-date-picker-default .jad-date-picker-shortcut p {
    margin-bottom: 16px
}

.jad-date-picker-all .jad-date-picker-shortcut-confirm,.jad-date-picker-default .jad-date-picker-shortcut-confirm {
    bottom: 53px
}

.jad-date-picker-all .jad-date-picker-body-wrapper,.jad-date-picker-default .jad-date-picker-body-wrapper {
    float: left;
    background: #fff
}

.jad-date-picker-all .jad-date-picker-body-wrapper {
    width: 687px
}

.jad-time-picker-cell-disabled,.jad-time-picker-cell-disabled:hover {
    color: #999;
    background: none
}

.jad-dropdown-disabled,.jad-dropdown-disabled:focus,.jad-dropdown-disabled:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.jad-click-popper {
    margin: 4px 0
}

.jad-dropdown-popper {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 15px 0 rgba(51,51,51,.1);
    border-radius: 4px;
    position: absolute;
    z-index: 1070;
    margin: 4px 0
}

.jad-dropdown-popper .jad-dropdown-item {
    cursor: pointer;
    display: block;
    padding: 0 15px;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    color: #111;
    white-space: nowrap
}

.jad-dropdown-popper .jad-dropdown-item.jad-dropdown-item-selected,.jad-dropdown-popper .jad-dropdown-item:focus,.jad-dropdown-popper .jad-dropdown-item:hover {
    text-decoration: none;
    background-color: #f5f6f7
}

.jad-dropdown-popper .jad-dropdown-item-disabled,.jad-dropdown-popper .jad-dropdown-item-disabled:focus,.jad-dropdown-popper .jad-dropdown-item-disabled:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    color: #999;
    cursor: not-allowed
}

.jad-dropdown-popper .jad-dropdown-item-divided {
    border-top: 1px solid #d9d9d9
}

.jad-dropdown-popper .jad-dropdown-item-default,.jad-dropdown-popper .jad-dropdown-item-large {
    line-height: 40px
}

.jad-dropdown-popper .jad-dropdown-item-small {
    line-height: 32px;
    font-size: 12px
}

.jad-dropdown-popper .jad-dropdown-item-title {
    font-weight: 500;
    color: #111
}

.jad-dropdown-popper .jad-dropdown-item-content {
    color: #111;
    padding-left: 24px
}

.jad-form {
    transition: all .2s ease-in-out
}

.jad-form-item {
    margin-bottom: 24px
}

.jad-form-item:after {
    content: "";
    display: block;
    font-size: 0;
    line-height: 0;
    clear: both
}

.jad-form-item-label {
    float: left;
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
    padding-right: 24px;
    color: #666
}

.jad-form-item-label-star {
    color: #fd4545
}

.jad-form-item-content {
    position: relative;
    vertical-align: middle
}

.jad-form-item-message {
    position: absolute;
    margin-top: 2px;
    font-size: 12px;
    color: #fd4545
}

.jad-form-item-error .jad-input-inner,.jad-form-item-error .jad-inputnumber-input {
    border-color: #fd4545
}

.jad-form-label-left .jad-form-item-label {
    text-align: left
}

.jad-form-label-center .jad-form-item-label {
    text-align: center
}

.jad-form-label-right .jad-form-item-label {
    text-align: right
}

.jad-form-label-top .jad-form-item-label {
    float: none
}

.jad-form-inline .jad-form-item {
    display: inline-block
}

.jad-form-msg-top .jad-form-item-content {
    margin-top: 24px
}

.jad-form-msg-top .jad-form-item-message {
    top: -24px
}

.jad-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

.jad-container:after,.jad-container:before {
    content: " ";
    display: table
}

.jad-container:after {
    clear: both
}

@media (min-width: 768px) {
    .jad-container {
        width:720px
    }
}

@media (min-width: 992px) {
    .jad-container {
        width:940px
    }
}

@media (min-width: 1200px) {
    .jad-container {
        width:1140px
    }
}

@media (min-width: 1920px) {
    .jad-container {
        width:1140px
    }
}

.jad-container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0
}

.jad-container-fluid:after,.jad-container-fluid:before {
    content: " ";
    display: table
}

.jad-container-fluid:after {
    clear: both
}

.jad-row {
    margin-left: 0;
    margin-right: 0
}

.jad-row:after,.jad-row:before {
    content: " ";
    display: table
}

.jad-row:after {
    clear: both
}

.jad-row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.jad-row-flex:after,.jad-row-flex:before {
    display: flex
}

.jad-row-flex-start {
    justify-content: flex-start
}

.jad-row-flex-center {
    justify-content: center
}

.jad-row-flex-end {
    justify-content: flex-end
}

.jad-row-flex-space-between {
    justify-content: space-between
}

.jad-row-flex-space-around {
    justify-content: space-around
}

.jad-row-flex-top {
    align-items: flex-start
}

.jad-row-flex-middle {
    align-items: center
}

.jad-row-flex-bottom {
    align-items: flex-end
}

.jad-col-lg-1,.jad-col-lg-2,.jad-col-lg-3,.jad-col-lg-4,.jad-col-lg-5,.jad-col-lg-6,.jad-col-lg-7,.jad-col-lg-8,.jad-col-lg-9,.jad-col-lg-10,.jad-col-lg-11,.jad-col-lg-12,.jad-col-lg-13,.jad-col-lg-14,.jad-col-lg-15,.jad-col-lg-16,.jad-col-lg-17,.jad-col-lg-18,.jad-col-lg-19,.jad-col-lg-20,.jad-col-lg-21,.jad-col-lg-22,.jad-col-lg-23,.jad-col-lg-24,.jad-col-md-1,.jad-col-md-2,.jad-col-md-3,.jad-col-md-4,.jad-col-md-5,.jad-col-md-6,.jad-col-md-7,.jad-col-md-8,.jad-col-md-9,.jad-col-md-10,.jad-col-md-11,.jad-col-md-12,.jad-col-md-13,.jad-col-md-14,.jad-col-md-15,.jad-col-md-16,.jad-col-md-17,.jad-col-md-18,.jad-col-md-19,.jad-col-md-20,.jad-col-md-21,.jad-col-md-22,.jad-col-md-23,.jad-col-md-24,.jad-col-sm-1,.jad-col-sm-2,.jad-col-sm-3,.jad-col-sm-4,.jad-col-sm-5,.jad-col-sm-6,.jad-col-sm-7,.jad-col-sm-8,.jad-col-sm-9,.jad-col-sm-10,.jad-col-sm-11,.jad-col-sm-12,.jad-col-sm-13,.jad-col-sm-14,.jad-col-sm-15,.jad-col-sm-16,.jad-col-sm-17,.jad-col-sm-18,.jad-col-sm-19,.jad-col-sm-20,.jad-col-sm-21,.jad-col-sm-22,.jad-col-sm-23,.jad-col-sm-24,.jad-col-span-1,.jad-col-span-2,.jad-col-span-3,.jad-col-span-4,.jad-col-span-5,.jad-col-span-6,.jad-col-span-7,.jad-col-span-8,.jad-col-span-9,.jad-col-span-10,.jad-col-span-11,.jad-col-span-12,.jad-col-span-13,.jad-col-span-14,.jad-col-span-15,.jad-col-span-16,.jad-col-span-17,.jad-col-span-18,.jad-col-span-19,.jad-col-span-20,.jad-col-span-21,.jad-col-span-22,.jad-col-span-23,.jad-col-span-24,.jad-col-sx-1,.jad-col-sx-2,.jad-col-sx-3,.jad-col-sx-4,.jad-col-sx-5,.jad-col-sx-6,.jad-col-sx-7,.jad-col-sx-8,.jad-col-sx-9,.jad-col-sx-10,.jad-col-sx-11,.jad-col-sx-12,.jad-col-sx-13,.jad-col-sx-14,.jad-col-sx-15,.jad-col-sx-16,.jad-col-sx-17,.jad-col-sx-18,.jad-col-sx-19,.jad-col-sx-20,.jad-col-sx-21,.jad-col-sx-22,.jad-col-sx-23,.jad-col-sx-24 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.jad-col-span-1 {
    width: 4.16667%
}

.jad-col-span-2 {
    width: 8.33333%
}

.jad-col-span-3 {
    width: 12.5%
}

.jad-col-span-4 {
    width: 16.66667%
}

.jad-col-span-5 {
    width: 20.83333%
}

.jad-col-span-6 {
    width: 25%
}

.jad-col-span-7 {
    width: 29.16667%
}

.jad-col-span-8 {
    width: 33.33333%
}

.jad-col-span-9 {
    width: 37.5%
}

.jad-col-span-10 {
    width: 41.66667%
}

.jad-col-span-11 {
    width: 45.83333%
}

.jad-col-span-12 {
    width: 50%
}

.jad-col-span-13 {
    width: 54.16667%
}

.jad-col-span-14 {
    width: 58.33333%
}

.jad-col-span-15 {
    width: 62.5%
}

.jad-col-span-16 {
    width: 66.66667%
}

.jad-col-span-17 {
    width: 70.83333%
}

.jad-col-span-18 {
    width: 75%
}

.jad-col-span-19 {
    width: 79.16667%
}

.jad-col-span-20 {
    width: 83.33333%
}

.jad-col-span-21 {
    width: 87.5%
}

.jad-col-span-22 {
    width: 91.66667%
}

.jad-col-span-23 {
    width: 95.83333%
}

.jad-col-span-24 {
    width: 100%
}

.jad-col-pull-1 {
    right: 4.16667%
}

.jad-col-pull-2 {
    right: 8.33333%
}

.jad-col-pull-3 {
    right: 12.5%
}

.jad-col-pull-4 {
    right: 16.66667%
}

.jad-col-pull-5 {
    right: 20.83333%
}

.jad-col-pull-6 {
    right: 25%
}

.jad-col-pull-7 {
    right: 29.16667%
}

.jad-col-pull-8 {
    right: 33.33333%
}

.jad-col-pull-9 {
    right: 37.5%
}

.jad-col-pull-10 {
    right: 41.66667%
}

.jad-col-pull-11 {
    right: 45.83333%
}

.jad-col-pull-12 {
    right: 50%
}

.jad-col-pull-13 {
    right: 54.16667%
}

.jad-col-pull-14 {
    right: 58.33333%
}

.jad-col-pull-15 {
    right: 62.5%
}

.jad-col-pull-16 {
    right: 66.66667%
}

.jad-col-pull-17 {
    right: 70.83333%
}

.jad-col-pull-18 {
    right: 75%
}

.jad-col-pull-19 {
    right: 79.16667%
}

.jad-col-pull-20 {
    right: 83.33333%
}

.jad-col-pull-21 {
    right: 87.5%
}

.jad-col-pull-22 {
    right: 91.66667%
}

.jad-col-pull-23 {
    right: 95.83333%
}

.jad-col-pull-24 {
    right: 100%
}

.jad-col-push-1 {
    left: 4.16667%
}

.jad-col-push-2 {
    left: 8.33333%
}

.jad-col-push-3 {
    left: 12.5%
}

.jad-col-push-4 {
    left: 16.66667%
}

.jad-col-push-5 {
    left: 20.83333%
}

.jad-col-push-6 {
    left: 25%
}

.jad-col-push-7 {
    left: 29.16667%
}

.jad-col-push-8 {
    left: 33.33333%
}

.jad-col-push-9 {
    left: 37.5%
}

.jad-col-push-10 {
    left: 41.66667%
}

.jad-col-push-11 {
    left: 45.83333%
}

.jad-col-push-12 {
    left: 50%
}

.jad-col-push-13 {
    left: 54.16667%
}

.jad-col-push-14 {
    left: 58.33333%
}

.jad-col-push-15 {
    left: 62.5%
}

.jad-col-push-16 {
    left: 66.66667%
}

.jad-col-push-17 {
    left: 70.83333%
}

.jad-col-push-18 {
    left: 75%
}

.jad-col-push-19 {
    left: 79.16667%
}

.jad-col-push-20 {
    left: 83.33333%
}

.jad-col-push-21 {
    left: 87.5%
}

.jad-col-push-22 {
    left: 91.66667%
}

.jad-col-push-23 {
    left: 95.83333%
}

.jad-col-push-24 {
    left: 100%
}

.jad-col-offset-0 {
    margin-left: 0
}

.jad-col-offset-1 {
    margin-left: 4.16667%
}

.jad-col-offset-2 {
    margin-left: 8.33333%
}

.jad-col-offset-3 {
    margin-left: 12.5%
}

.jad-col-offset-4 {
    margin-left: 16.66667%
}

.jad-col-offset-5 {
    margin-left: 20.83333%
}

.jad-col-offset-6 {
    margin-left: 25%
}

.jad-col-offset-7 {
    margin-left: 29.16667%
}

.jad-col-offset-8 {
    margin-left: 33.33333%
}

.jad-col-offset-9 {
    margin-left: 37.5%
}

.jad-col-offset-10 {
    margin-left: 41.66667%
}

.jad-col-offset-11 {
    margin-left: 45.83333%
}

.jad-col-offset-12 {
    margin-left: 50%
}

.jad-col-offset-13 {
    margin-left: 54.16667%
}

.jad-col-offset-14 {
    margin-left: 58.33333%
}

.jad-col-offset-15 {
    margin-left: 62.5%
}

.jad-col-offset-16 {
    margin-left: 66.66667%
}

.jad-col-offset-17 {
    margin-left: 70.83333%
}

.jad-col-offset-18 {
    margin-left: 75%
}

.jad-col-offset-19 {
    margin-left: 79.16667%
}

.jad-col-offset-20 {
    margin-left: 83.33333%
}

.jad-col-offset-21 {
    margin-left: 87.5%
}

.jad-col-offset-22 {
    margin-left: 91.66667%
}

.jad-col-offset-23 {
    margin-left: 95.83333%
}

.jad-col-offset-24 {
    margin-left: 100%
}

.jad-col-order-0 {
    order: 0
}

.jad-col-push-0 {
    left: auto
}

.jad-col-pull-0 {
    right: auto
}

.jad-col-order-1 {
    order: 1
}

.jad-col-order-2 {
    order: 2
}

.jad-col-order-3 {
    order: 3
}

.jad-col-order-4 {
    order: 4
}

.jad-col-order-5 {
    order: 5
}

.jad-col-order-6 {
    order: 6
}

.jad-col-order-7 {
    order: 7
}

.jad-col-order-8 {
    order: 8
}

.jad-col-order-9 {
    order: 9
}

.jad-col-order-10 {
    order: 10
}

.jad-col-order-11 {
    order: 11
}

.jad-col-order-12 {
    order: 12
}

.jad-col-order-13 {
    order: 13
}

.jad-col-order-14 {
    order: 14
}

.jad-col-order-15 {
    order: 15
}

.jad-col-order-16 {
    order: 16
}

.jad-col-order-17 {
    order: 17
}

.jad-col-order-18 {
    order: 18
}

.jad-col-order-19 {
    order: 19
}

.jad-col-order-20 {
    order: 20
}

.jad-col-order-21 {
    order: 21
}

.jad-col-order-22 {
    order: 22
}

.jad-col-order-23 {
    order: 23
}

.jad-col-order-24 {
    order: 24
}

.jad-col-span-1,.jad-col-span-2,.jad-col-span-3,.jad-col-span-4,.jad-col-span-5,.jad-col-span-6,.jad-col-span-7,.jad-col-span-8,.jad-col-span-9,.jad-col-span-10,.jad-col-span-11,.jad-col-span-12,.jad-col-span-13,.jad-col-span-14,.jad-col-span-15,.jad-col-span-16,.jad-col-span-17,.jad-col-span-18,.jad-col-span-19,.jad-col-span-20,.jad-col-span-21,.jad-col-span-22,.jad-col-span-23,.jad-col-span-24 {
    float: left;
    flex: 0 0 auto
}

@media (max-width: 768px) {
    .jad-col-sx-1,.jad-col-sx-2,.jad-col-sx-3,.jad-col-sx-4,.jad-col-sx-5,.jad-col-sx-6,.jad-col-sx-7,.jad-col-sx-8,.jad-col-sx-9,.jad-col-sx-10,.jad-col-sx-11,.jad-col-sx-12,.jad-col-sx-13,.jad-col-sx-14,.jad-col-sx-15,.jad-col-sx-16,.jad-col-sx-17,.jad-col-sx-18,.jad-col-sx-19,.jad-col-sx-20,.jad-col-sx-21,.jad-col-sx-22,.jad-col-sx-23,.jad-col-sx-24 {
        float:left;
        flex: 0 0 auto
    }

    .jad-col-sx-1 {
        width: 4.16667%
    }

    .jad-col-sx-2 {
        width: 8.33333%
    }

    .jad-col-sx-3 {
        width: 12.5%
    }

    .jad-col-sx-4 {
        width: 16.66667%
    }

    .jad-col-sx-5 {
        width: 20.83333%
    }

    .jad-col-sx-6 {
        width: 25%
    }

    .jad-col-sx-7 {
        width: 29.16667%
    }

    .jad-col-sx-8 {
        width: 33.33333%
    }

    .jad-col-sx-9 {
        width: 37.5%
    }

    .jad-col-sx-10 {
        width: 41.66667%
    }

    .jad-col-sx-11 {
        width: 45.83333%
    }

    .jad-col-sx-12 {
        width: 50%
    }

    .jad-col-sx-13 {
        width: 54.16667%
    }

    .jad-col-sx-14 {
        width: 58.33333%
    }

    .jad-col-sx-15 {
        width: 62.5%
    }

    .jad-col-sx-16 {
        width: 66.66667%
    }

    .jad-col-sx-17 {
        width: 70.83333%
    }

    .jad-col-sx-18 {
        width: 75%
    }

    .jad-col-sx-19 {
        width: 79.16667%
    }

    .jad-col-sx-20 {
        width: 83.33333%
    }

    .jad-col-sx-21 {
        width: 87.5%
    }

    .jad-col-sx-22 {
        width: 91.66667%
    }

    .jad-col-sx-23 {
        width: 95.83333%
    }

    .jad-col-sx-24 {
        width: 100%
    }

    .jad-col-sx-pull-1 {
        right: 4.16667%
    }

    .jad-col-sx-pull-2 {
        right: 8.33333%
    }

    .jad-col-sx-pull-3 {
        right: 12.5%
    }

    .jad-col-sx-pull-4 {
        right: 16.66667%
    }

    .jad-col-sx-pull-5 {
        right: 20.83333%
    }

    .jad-col-sx-pull-6 {
        right: 25%
    }

    .jad-col-sx-pull-7 {
        right: 29.16667%
    }

    .jad-col-sx-pull-8 {
        right: 33.33333%
    }

    .jad-col-sx-pull-9 {
        right: 37.5%
    }

    .jad-col-sx-pull-10 {
        right: 41.66667%
    }

    .jad-col-sx-pull-11 {
        right: 45.83333%
    }

    .jad-col-sx-pull-12 {
        right: 50%
    }

    .jad-col-sx-pull-13 {
        right: 54.16667%
    }

    .jad-col-sx-pull-14 {
        right: 58.33333%
    }

    .jad-col-sx-pull-15 {
        right: 62.5%
    }

    .jad-col-sx-pull-16 {
        right: 66.66667%
    }

    .jad-col-sx-pull-17 {
        right: 70.83333%
    }

    .jad-col-sx-pull-18 {
        right: 75%
    }

    .jad-col-sx-pull-19 {
        right: 79.16667%
    }

    .jad-col-sx-pull-20 {
        right: 83.33333%
    }

    .jad-col-sx-pull-21 {
        right: 87.5%
    }

    .jad-col-sx-pull-22 {
        right: 91.66667%
    }

    .jad-col-sx-pull-23 {
        right: 95.83333%
    }

    .jad-col-sx-pull-24 {
        right: 100%
    }

    .jad-col-sx-push-1 {
        left: 4.16667%
    }

    .jad-col-sx-push-2 {
        left: 8.33333%
    }

    .jad-col-sx-push-3 {
        left: 12.5%
    }

    .jad-col-sx-push-4 {
        left: 16.66667%
    }

    .jad-col-sx-push-5 {
        left: 20.83333%
    }

    .jad-col-sx-push-6 {
        left: 25%
    }

    .jad-col-sx-push-7 {
        left: 29.16667%
    }

    .jad-col-sx-push-8 {
        left: 33.33333%
    }

    .jad-col-sx-push-9 {
        left: 37.5%
    }

    .jad-col-sx-push-10 {
        left: 41.66667%
    }

    .jad-col-sx-push-11 {
        left: 45.83333%
    }

    .jad-col-sx-push-12 {
        left: 50%
    }

    .jad-col-sx-push-13 {
        left: 54.16667%
    }

    .jad-col-sx-push-14 {
        left: 58.33333%
    }

    .jad-col-sx-push-15 {
        left: 62.5%
    }

    .jad-col-sx-push-16 {
        left: 66.66667%
    }

    .jad-col-sx-push-17 {
        left: 70.83333%
    }

    .jad-col-sx-push-18 {
        left: 75%
    }

    .jad-col-sx-push-19 {
        left: 79.16667%
    }

    .jad-col-sx-push-20 {
        left: 83.33333%
    }

    .jad-col-sx-push-21 {
        left: 87.5%
    }

    .jad-col-sx-push-22 {
        left: 91.66667%
    }

    .jad-col-sx-push-23 {
        left: 95.83333%
    }

    .jad-col-sx-push-24 {
        left: 100%
    }

    .jad-col-sx-offset-0 {
        margin-left: 0
    }

    .jad-col-sx-offset-1 {
        margin-left: 4.16667%
    }

    .jad-col-sx-offset-2 {
        margin-left: 8.33333%
    }

    .jad-col-sx-offset-3 {
        margin-left: 12.5%
    }

    .jad-col-sx-offset-4 {
        margin-left: 16.66667%
    }

    .jad-col-sx-offset-5 {
        margin-left: 20.83333%
    }

    .jad-col-sx-offset-6 {
        margin-left: 25%
    }

    .jad-col-sx-offset-7 {
        margin-left: 29.16667%
    }

    .jad-col-sx-offset-8 {
        margin-left: 33.33333%
    }

    .jad-col-sx-offset-9 {
        margin-left: 37.5%
    }

    .jad-col-sx-offset-10 {
        margin-left: 41.66667%
    }

    .jad-col-sx-offset-11 {
        margin-left: 45.83333%
    }

    .jad-col-sx-offset-12 {
        margin-left: 50%
    }

    .jad-col-sx-offset-13 {
        margin-left: 54.16667%
    }

    .jad-col-sx-offset-14 {
        margin-left: 58.33333%
    }

    .jad-col-sx-offset-15 {
        margin-left: 62.5%
    }

    .jad-col-sx-offset-16 {
        margin-left: 66.66667%
    }

    .jad-col-sx-offset-17 {
        margin-left: 70.83333%
    }

    .jad-col-sx-offset-18 {
        margin-left: 75%
    }

    .jad-col-sx-offset-19 {
        margin-left: 79.16667%
    }

    .jad-col-sx-offset-20 {
        margin-left: 83.33333%
    }

    .jad-col-sx-offset-21 {
        margin-left: 87.5%
    }

    .jad-col-sx-offset-22 {
        margin-left: 91.66667%
    }

    .jad-col-sx-offset-23 {
        margin-left: 95.83333%
    }

    .jad-col-sx-offset-24 {
        margin-left: 100%
    }

    .jad-col-sx-order-0 {
        order: 0
    }

    .jad-col-sx-push-0 {
        left: auto
    }

    .jad-col-sx-pull-0 {
        right: auto
    }

    .jad-col-sx-order-1 {
        order: 1
    }

    .jad-col-sx-order-2 {
        order: 2
    }

    .jad-col-sx-order-3 {
        order: 3
    }

    .jad-col-sx-order-4 {
        order: 4
    }

    .jad-col-sx-order-5 {
        order: 5
    }

    .jad-col-sx-order-6 {
        order: 6
    }

    .jad-col-sx-order-7 {
        order: 7
    }

    .jad-col-sx-order-8 {
        order: 8
    }

    .jad-col-sx-order-9 {
        order: 9
    }

    .jad-col-sx-order-10 {
        order: 10
    }

    .jad-col-sx-order-11 {
        order: 11
    }

    .jad-col-sx-order-12 {
        order: 12
    }

    .jad-col-sx-order-13 {
        order: 13
    }

    .jad-col-sx-order-14 {
        order: 14
    }

    .jad-col-sx-order-15 {
        order: 15
    }

    .jad-col-sx-order-16 {
        order: 16
    }

    .jad-col-sx-order-17 {
        order: 17
    }

    .jad-col-sx-order-18 {
        order: 18
    }

    .jad-col-sx-order-19 {
        order: 19
    }

    .jad-col-sx-order-20 {
        order: 20
    }

    .jad-col-sx-order-21 {
        order: 21
    }

    .jad-col-sx-order-22 {
        order: 22
    }

    .jad-col-sx-order-23 {
        order: 23
    }

    .jad-col-sx-order-24 {
        order: 24
    }
}

@media (min-width: 768px) {
    .jad-col-sm-1,.jad-col-sm-2,.jad-col-sm-3,.jad-col-sm-4,.jad-col-sm-5,.jad-col-sm-6,.jad-col-sm-7,.jad-col-sm-8,.jad-col-sm-9,.jad-col-sm-10,.jad-col-sm-11,.jad-col-sm-12,.jad-col-sm-13,.jad-col-sm-14,.jad-col-sm-15,.jad-col-sm-16,.jad-col-sm-17,.jad-col-sm-18,.jad-col-sm-19,.jad-col-sm-20,.jad-col-sm-21,.jad-col-sm-22,.jad-col-sm-23,.jad-col-sm-24 {
        float:left;
        flex: 0 0 auto
    }

    .jad-col-sm-1 {
        width: 4.16667%
    }

    .jad-col-sm-2 {
        width: 8.33333%
    }

    .jad-col-sm-3 {
        width: 12.5%
    }

    .jad-col-sm-4 {
        width: 16.66667%
    }

    .jad-col-sm-5 {
        width: 20.83333%
    }

    .jad-col-sm-6 {
        width: 25%
    }

    .jad-col-sm-7 {
        width: 29.16667%
    }

    .jad-col-sm-8 {
        width: 33.33333%
    }

    .jad-col-sm-9 {
        width: 37.5%
    }

    .jad-col-sm-10 {
        width: 41.66667%
    }

    .jad-col-sm-11 {
        width: 45.83333%
    }

    .jad-col-sm-12 {
        width: 50%
    }

    .jad-col-sm-13 {
        width: 54.16667%
    }

    .jad-col-sm-14 {
        width: 58.33333%
    }

    .jad-col-sm-15 {
        width: 62.5%
    }

    .jad-col-sm-16 {
        width: 66.66667%
    }

    .jad-col-sm-17 {
        width: 70.83333%
    }

    .jad-col-sm-18 {
        width: 75%
    }

    .jad-col-sm-19 {
        width: 79.16667%
    }

    .jad-col-sm-20 {
        width: 83.33333%
    }

    .jad-col-sm-21 {
        width: 87.5%
    }

    .jad-col-sm-22 {
        width: 91.66667%
    }

    .jad-col-sm-23 {
        width: 95.83333%
    }

    .jad-col-sm-24 {
        width: 100%
    }

    .jad-col-sm-pull-1 {
        right: 4.16667%
    }

    .jad-col-sm-pull-2 {
        right: 8.33333%
    }

    .jad-col-sm-pull-3 {
        right: 12.5%
    }

    .jad-col-sm-pull-4 {
        right: 16.66667%
    }

    .jad-col-sm-pull-5 {
        right: 20.83333%
    }

    .jad-col-sm-pull-6 {
        right: 25%
    }

    .jad-col-sm-pull-7 {
        right: 29.16667%
    }

    .jad-col-sm-pull-8 {
        right: 33.33333%
    }

    .jad-col-sm-pull-9 {
        right: 37.5%
    }

    .jad-col-sm-pull-10 {
        right: 41.66667%
    }

    .jad-col-sm-pull-11 {
        right: 45.83333%
    }

    .jad-col-sm-pull-12 {
        right: 50%
    }

    .jad-col-sm-pull-13 {
        right: 54.16667%
    }

    .jad-col-sm-pull-14 {
        right: 58.33333%
    }

    .jad-col-sm-pull-15 {
        right: 62.5%
    }

    .jad-col-sm-pull-16 {
        right: 66.66667%
    }

    .jad-col-sm-pull-17 {
        right: 70.83333%
    }

    .jad-col-sm-pull-18 {
        right: 75%
    }

    .jad-col-sm-pull-19 {
        right: 79.16667%
    }

    .jad-col-sm-pull-20 {
        right: 83.33333%
    }

    .jad-col-sm-pull-21 {
        right: 87.5%
    }

    .jad-col-sm-pull-22 {
        right: 91.66667%
    }

    .jad-col-sm-pull-23 {
        right: 95.83333%
    }

    .jad-col-sm-pull-24 {
        right: 100%
    }

    .jad-col-sm-push-1 {
        left: 4.16667%
    }

    .jad-col-sm-push-2 {
        left: 8.33333%
    }

    .jad-col-sm-push-3 {
        left: 12.5%
    }

    .jad-col-sm-push-4 {
        left: 16.66667%
    }

    .jad-col-sm-push-5 {
        left: 20.83333%
    }

    .jad-col-sm-push-6 {
        left: 25%
    }

    .jad-col-sm-push-7 {
        left: 29.16667%
    }

    .jad-col-sm-push-8 {
        left: 33.33333%
    }

    .jad-col-sm-push-9 {
        left: 37.5%
    }

    .jad-col-sm-push-10 {
        left: 41.66667%
    }

    .jad-col-sm-push-11 {
        left: 45.83333%
    }

    .jad-col-sm-push-12 {
        left: 50%
    }

    .jad-col-sm-push-13 {
        left: 54.16667%
    }

    .jad-col-sm-push-14 {
        left: 58.33333%
    }

    .jad-col-sm-push-15 {
        left: 62.5%
    }

    .jad-col-sm-push-16 {
        left: 66.66667%
    }

    .jad-col-sm-push-17 {
        left: 70.83333%
    }

    .jad-col-sm-push-18 {
        left: 75%
    }

    .jad-col-sm-push-19 {
        left: 79.16667%
    }

    .jad-col-sm-push-20 {
        left: 83.33333%
    }

    .jad-col-sm-push-21 {
        left: 87.5%
    }

    .jad-col-sm-push-22 {
        left: 91.66667%
    }

    .jad-col-sm-push-23 {
        left: 95.83333%
    }

    .jad-col-sm-push-24 {
        left: 100%
    }

    .jad-col-sm-offset-0 {
        margin-left: 0
    }

    .jad-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .jad-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .jad-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .jad-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .jad-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .jad-col-sm-offset-6 {
        margin-left: 25%
    }

    .jad-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .jad-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .jad-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .jad-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .jad-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .jad-col-sm-offset-12 {
        margin-left: 50%
    }

    .jad-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .jad-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .jad-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .jad-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .jad-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .jad-col-sm-offset-18 {
        margin-left: 75%
    }

    .jad-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .jad-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .jad-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .jad-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .jad-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .jad-col-sm-offset-24 {
        margin-left: 100%
    }

    .jad-col-sm-order-0 {
        order: 0
    }

    .jad-col-sm-push-0 {
        left: auto
    }

    .jad-col-sm-pull-0 {
        right: auto
    }

    .jad-col-sm-order-1 {
        order: 1
    }

    .jad-col-sm-order-2 {
        order: 2
    }

    .jad-col-sm-order-3 {
        order: 3
    }

    .jad-col-sm-order-4 {
        order: 4
    }

    .jad-col-sm-order-5 {
        order: 5
    }

    .jad-col-sm-order-6 {
        order: 6
    }

    .jad-col-sm-order-7 {
        order: 7
    }

    .jad-col-sm-order-8 {
        order: 8
    }

    .jad-col-sm-order-9 {
        order: 9
    }

    .jad-col-sm-order-10 {
        order: 10
    }

    .jad-col-sm-order-11 {
        order: 11
    }

    .jad-col-sm-order-12 {
        order: 12
    }

    .jad-col-sm-order-13 {
        order: 13
    }

    .jad-col-sm-order-14 {
        order: 14
    }

    .jad-col-sm-order-15 {
        order: 15
    }

    .jad-col-sm-order-16 {
        order: 16
    }

    .jad-col-sm-order-17 {
        order: 17
    }

    .jad-col-sm-order-18 {
        order: 18
    }

    .jad-col-sm-order-19 {
        order: 19
    }

    .jad-col-sm-order-20 {
        order: 20
    }

    .jad-col-sm-order-21 {
        order: 21
    }

    .jad-col-sm-order-22 {
        order: 22
    }

    .jad-col-sm-order-23 {
        order: 23
    }

    .jad-col-sm-order-24 {
        order: 24
    }
}

@media (min-width: 992px) {
    .jad-col-md-1,.jad-col-md-2,.jad-col-md-3,.jad-col-md-4,.jad-col-md-5,.jad-col-md-6,.jad-col-md-7,.jad-col-md-8,.jad-col-md-9,.jad-col-md-10,.jad-col-md-11,.jad-col-md-12,.jad-col-md-13,.jad-col-md-14,.jad-col-md-15,.jad-col-md-16,.jad-col-md-17,.jad-col-md-18,.jad-col-md-19,.jad-col-md-20,.jad-col-md-21,.jad-col-md-22,.jad-col-md-23,.jad-col-md-24 {
        float:left;
        flex: 0 0 auto
    }

    .jad-col-md-1 {
        width: 4.16667%
    }

    .jad-col-md-2 {
        width: 8.33333%
    }

    .jad-col-md-3 {
        width: 12.5%
    }

    .jad-col-md-4 {
        width: 16.66667%
    }

    .jad-col-md-5 {
        width: 20.83333%
    }

    .jad-col-md-6 {
        width: 25%
    }

    .jad-col-md-7 {
        width: 29.16667%
    }

    .jad-col-md-8 {
        width: 33.33333%
    }

    .jad-col-md-9 {
        width: 37.5%
    }

    .jad-col-md-10 {
        width: 41.66667%
    }

    .jad-col-md-11 {
        width: 45.83333%
    }

    .jad-col-md-12 {
        width: 50%
    }

    .jad-col-md-13 {
        width: 54.16667%
    }

    .jad-col-md-14 {
        width: 58.33333%
    }

    .jad-col-md-15 {
        width: 62.5%
    }

    .jad-col-md-16 {
        width: 66.66667%
    }

    .jad-col-md-17 {
        width: 70.83333%
    }

    .jad-col-md-18 {
        width: 75%
    }

    .jad-col-md-19 {
        width: 79.16667%
    }

    .jad-col-md-20 {
        width: 83.33333%
    }

    .jad-col-md-21 {
        width: 87.5%
    }

    .jad-col-md-22 {
        width: 91.66667%
    }

    .jad-col-md-23 {
        width: 95.83333%
    }

    .jad-col-md-24 {
        width: 100%
    }

    .jad-col-md-pull-1 {
        right: 4.16667%
    }

    .jad-col-md-pull-2 {
        right: 8.33333%
    }

    .jad-col-md-pull-3 {
        right: 12.5%
    }

    .jad-col-md-pull-4 {
        right: 16.66667%
    }

    .jad-col-md-pull-5 {
        right: 20.83333%
    }

    .jad-col-md-pull-6 {
        right: 25%
    }

    .jad-col-md-pull-7 {
        right: 29.16667%
    }

    .jad-col-md-pull-8 {
        right: 33.33333%
    }

    .jad-col-md-pull-9 {
        right: 37.5%
    }

    .jad-col-md-pull-10 {
        right: 41.66667%
    }

    .jad-col-md-pull-11 {
        right: 45.83333%
    }

    .jad-col-md-pull-12 {
        right: 50%
    }

    .jad-col-md-pull-13 {
        right: 54.16667%
    }

    .jad-col-md-pull-14 {
        right: 58.33333%
    }

    .jad-col-md-pull-15 {
        right: 62.5%
    }

    .jad-col-md-pull-16 {
        right: 66.66667%
    }

    .jad-col-md-pull-17 {
        right: 70.83333%
    }

    .jad-col-md-pull-18 {
        right: 75%
    }

    .jad-col-md-pull-19 {
        right: 79.16667%
    }

    .jad-col-md-pull-20 {
        right: 83.33333%
    }

    .jad-col-md-pull-21 {
        right: 87.5%
    }

    .jad-col-md-pull-22 {
        right: 91.66667%
    }

    .jad-col-md-pull-23 {
        right: 95.83333%
    }

    .jad-col-md-pull-24 {
        right: 100%
    }

    .jad-col-md-push-1 {
        left: 4.16667%
    }

    .jad-col-md-push-2 {
        left: 8.33333%
    }

    .jad-col-md-push-3 {
        left: 12.5%
    }

    .jad-col-md-push-4 {
        left: 16.66667%
    }

    .jad-col-md-push-5 {
        left: 20.83333%
    }

    .jad-col-md-push-6 {
        left: 25%
    }

    .jad-col-md-push-7 {
        left: 29.16667%
    }

    .jad-col-md-push-8 {
        left: 33.33333%
    }

    .jad-col-md-push-9 {
        left: 37.5%
    }

    .jad-col-md-push-10 {
        left: 41.66667%
    }

    .jad-col-md-push-11 {
        left: 45.83333%
    }

    .jad-col-md-push-12 {
        left: 50%
    }

    .jad-col-md-push-13 {
        left: 54.16667%
    }

    .jad-col-md-push-14 {
        left: 58.33333%
    }

    .jad-col-md-push-15 {
        left: 62.5%
    }

    .jad-col-md-push-16 {
        left: 66.66667%
    }

    .jad-col-md-push-17 {
        left: 70.83333%
    }

    .jad-col-md-push-18 {
        left: 75%
    }

    .jad-col-md-push-19 {
        left: 79.16667%
    }

    .jad-col-md-push-20 {
        left: 83.33333%
    }

    .jad-col-md-push-21 {
        left: 87.5%
    }

    .jad-col-md-push-22 {
        left: 91.66667%
    }

    .jad-col-md-push-23 {
        left: 95.83333%
    }

    .jad-col-md-push-24 {
        left: 100%
    }

    .jad-col-md-offset-0 {
        margin-left: 0
    }

    .jad-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .jad-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .jad-col-md-offset-3 {
        margin-left: 12.5%
    }

    .jad-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .jad-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .jad-col-md-offset-6 {
        margin-left: 25%
    }

    .jad-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .jad-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .jad-col-md-offset-9 {
        margin-left: 37.5%
    }

    .jad-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .jad-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .jad-col-md-offset-12 {
        margin-left: 50%
    }

    .jad-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .jad-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .jad-col-md-offset-15 {
        margin-left: 62.5%
    }

    .jad-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .jad-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .jad-col-md-offset-18 {
        margin-left: 75%
    }

    .jad-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .jad-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .jad-col-md-offset-21 {
        margin-left: 87.5%
    }

    .jad-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .jad-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .jad-col-md-offset-24 {
        margin-left: 100%
    }

    .jad-col-md-order-0 {
        order: 0
    }

    .jad-col-md-push-0 {
        left: auto
    }

    .jad-col-md-pull-0 {
        right: auto
    }

    .jad-col-md-order-1 {
        order: 1
    }

    .jad-col-md-order-2 {
        order: 2
    }

    .jad-col-md-order-3 {
        order: 3
    }

    .jad-col-md-order-4 {
        order: 4
    }

    .jad-col-md-order-5 {
        order: 5
    }

    .jad-col-md-order-6 {
        order: 6
    }

    .jad-col-md-order-7 {
        order: 7
    }

    .jad-col-md-order-8 {
        order: 8
    }

    .jad-col-md-order-9 {
        order: 9
    }

    .jad-col-md-order-10 {
        order: 10
    }

    .jad-col-md-order-11 {
        order: 11
    }

    .jad-col-md-order-12 {
        order: 12
    }

    .jad-col-md-order-13 {
        order: 13
    }

    .jad-col-md-order-14 {
        order: 14
    }

    .jad-col-md-order-15 {
        order: 15
    }

    .jad-col-md-order-16 {
        order: 16
    }

    .jad-col-md-order-17 {
        order: 17
    }

    .jad-col-md-order-18 {
        order: 18
    }

    .jad-col-md-order-19 {
        order: 19
    }

    .jad-col-md-order-20 {
        order: 20
    }

    .jad-col-md-order-21 {
        order: 21
    }

    .jad-col-md-order-22 {
        order: 22
    }

    .jad-col-md-order-23 {
        order: 23
    }

    .jad-col-md-order-24 {
        order: 24
    }
}

@media (min-width: 1200px) {
    .jad-col-lg-1,.jad-col-lg-2,.jad-col-lg-3,.jad-col-lg-4,.jad-col-lg-5,.jad-col-lg-6,.jad-col-lg-7,.jad-col-lg-8,.jad-col-lg-9,.jad-col-lg-10,.jad-col-lg-11,.jad-col-lg-12,.jad-col-lg-13,.jad-col-lg-14,.jad-col-lg-15,.jad-col-lg-16,.jad-col-lg-17,.jad-col-lg-18,.jad-col-lg-19,.jad-col-lg-20,.jad-col-lg-21,.jad-col-lg-22,.jad-col-lg-23,.jad-col-lg-24 {
        float:left;
        flex: 0 0 auto
    }

    .jad-col-lg-1 {
        width: 4.16667%
    }

    .jad-col-lg-2 {
        width: 8.33333%
    }

    .jad-col-lg-3 {
        width: 12.5%
    }

    .jad-col-lg-4 {
        width: 16.66667%
    }

    .jad-col-lg-5 {
        width: 20.83333%
    }

    .jad-col-lg-6 {
        width: 25%
    }

    .jad-col-lg-7 {
        width: 29.16667%
    }

    .jad-col-lg-8 {
        width: 33.33333%
    }

    .jad-col-lg-9 {
        width: 37.5%
    }

    .jad-col-lg-10 {
        width: 41.66667%
    }

    .jad-col-lg-11 {
        width: 45.83333%
    }

    .jad-col-lg-12 {
        width: 50%
    }

    .jad-col-lg-13 {
        width: 54.16667%
    }

    .jad-col-lg-14 {
        width: 58.33333%
    }

    .jad-col-lg-15 {
        width: 62.5%
    }

    .jad-col-lg-16 {
        width: 66.66667%
    }

    .jad-col-lg-17 {
        width: 70.83333%
    }

    .jad-col-lg-18 {
        width: 75%
    }

    .jad-col-lg-19 {
        width: 79.16667%
    }

    .jad-col-lg-20 {
        width: 83.33333%
    }

    .jad-col-lg-21 {
        width: 87.5%
    }

    .jad-col-lg-22 {
        width: 91.66667%
    }

    .jad-col-lg-23 {
        width: 95.83333%
    }

    .jad-col-lg-24 {
        width: 100%
    }

    .jad-col-lg-pull-1 {
        right: 4.16667%
    }

    .jad-col-lg-pull-2 {
        right: 8.33333%
    }

    .jad-col-lg-pull-3 {
        right: 12.5%
    }

    .jad-col-lg-pull-4 {
        right: 16.66667%
    }

    .jad-col-lg-pull-5 {
        right: 20.83333%
    }

    .jad-col-lg-pull-6 {
        right: 25%
    }

    .jad-col-lg-pull-7 {
        right: 29.16667%
    }

    .jad-col-lg-pull-8 {
        right: 33.33333%
    }

    .jad-col-lg-pull-9 {
        right: 37.5%
    }

    .jad-col-lg-pull-10 {
        right: 41.66667%
    }

    .jad-col-lg-pull-11 {
        right: 45.83333%
    }

    .jad-col-lg-pull-12 {
        right: 50%
    }

    .jad-col-lg-pull-13 {
        right: 54.16667%
    }

    .jad-col-lg-pull-14 {
        right: 58.33333%
    }

    .jad-col-lg-pull-15 {
        right: 62.5%
    }

    .jad-col-lg-pull-16 {
        right: 66.66667%
    }

    .jad-col-lg-pull-17 {
        right: 70.83333%
    }

    .jad-col-lg-pull-18 {
        right: 75%
    }

    .jad-col-lg-pull-19 {
        right: 79.16667%
    }

    .jad-col-lg-pull-20 {
        right: 83.33333%
    }

    .jad-col-lg-pull-21 {
        right: 87.5%
    }

    .jad-col-lg-pull-22 {
        right: 91.66667%
    }

    .jad-col-lg-pull-23 {
        right: 95.83333%
    }

    .jad-col-lg-pull-24 {
        right: 100%
    }

    .jad-col-lg-push-1 {
        left: 4.16667%
    }

    .jad-col-lg-push-2 {
        left: 8.33333%
    }

    .jad-col-lg-push-3 {
        left: 12.5%
    }

    .jad-col-lg-push-4 {
        left: 16.66667%
    }

    .jad-col-lg-push-5 {
        left: 20.83333%
    }

    .jad-col-lg-push-6 {
        left: 25%
    }

    .jad-col-lg-push-7 {
        left: 29.16667%
    }

    .jad-col-lg-push-8 {
        left: 33.33333%
    }

    .jad-col-lg-push-9 {
        left: 37.5%
    }

    .jad-col-lg-push-10 {
        left: 41.66667%
    }

    .jad-col-lg-push-11 {
        left: 45.83333%
    }

    .jad-col-lg-push-12 {
        left: 50%
    }

    .jad-col-lg-push-13 {
        left: 54.16667%
    }

    .jad-col-lg-push-14 {
        left: 58.33333%
    }

    .jad-col-lg-push-15 {
        left: 62.5%
    }

    .jad-col-lg-push-16 {
        left: 66.66667%
    }

    .jad-col-lg-push-17 {
        left: 70.83333%
    }

    .jad-col-lg-push-18 {
        left: 75%
    }

    .jad-col-lg-push-19 {
        left: 79.16667%
    }

    .jad-col-lg-push-20 {
        left: 83.33333%
    }

    .jad-col-lg-push-21 {
        left: 87.5%
    }

    .jad-col-lg-push-22 {
        left: 91.66667%
    }

    .jad-col-lg-push-23 {
        left: 95.83333%
    }

    .jad-col-lg-push-24 {
        left: 100%
    }

    .jad-col-lg-offset-0 {
        margin-left: 0
    }

    .jad-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .jad-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .jad-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .jad-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .jad-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .jad-col-lg-offset-6 {
        margin-left: 25%
    }

    .jad-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .jad-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .jad-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .jad-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .jad-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .jad-col-lg-offset-12 {
        margin-left: 50%
    }

    .jad-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .jad-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .jad-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .jad-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .jad-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .jad-col-lg-offset-18 {
        margin-left: 75%
    }

    .jad-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .jad-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .jad-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .jad-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .jad-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .jad-col-lg-offset-24 {
        margin-left: 100%
    }

    .jad-col-lg-order-0 {
        order: 0
    }

    .jad-col-lg-push-0 {
        left: auto
    }

    .jad-col-lg-pull-0 {
        right: auto
    }

    .jad-col-lg-order-1 {
        order: 1
    }

    .jad-col-lg-order-2 {
        order: 2
    }

    .jad-col-lg-order-3 {
        order: 3
    }

    .jad-col-lg-order-4 {
        order: 4
    }

    .jad-col-lg-order-5 {
        order: 5
    }

    .jad-col-lg-order-6 {
        order: 6
    }

    .jad-col-lg-order-7 {
        order: 7
    }

    .jad-col-lg-order-8 {
        order: 8
    }

    .jad-col-lg-order-9 {
        order: 9
    }

    .jad-col-lg-order-10 {
        order: 10
    }

    .jad-col-lg-order-11 {
        order: 11
    }

    .jad-col-lg-order-12 {
        order: 12
    }

    .jad-col-lg-order-13 {
        order: 13
    }

    .jad-col-lg-order-14 {
        order: 14
    }

    .jad-col-lg-order-15 {
        order: 15
    }

    .jad-col-lg-order-16 {
        order: 16
    }

    .jad-col-lg-order-17 {
        order: 17
    }

    .jad-col-lg-order-18 {
        order: 18
    }

    .jad-col-lg-order-19 {
        order: 19
    }

    .jad-col-lg-order-20 {
        order: 20
    }

    .jad-col-lg-order-21 {
        order: 21
    }

    .jad-col-lg-order-22 {
        order: 22
    }

    .jad-col-lg-order-23 {
        order: 23
    }

    .jad-col-lg-order-24 {
        order: 24
    }
}

@media (min-width: 1920px) {
    .jad-col-xl-1,.jad-col-xl-2,.jad-col-xl-3,.jad-col-xl-4,.jad-col-xl-5,.jad-col-xl-6,.jad-col-xl-7,.jad-col-xl-8,.jad-col-xl-9,.jad-col-xl-10,.jad-col-xl-11,.jad-col-xl-12,.jad-col-xl-13,.jad-col-xl-14,.jad-col-xl-15,.jad-col-xl-16,.jad-col-xl-17,.jad-col-xl-18,.jad-col-xl-19,.jad-col-xl-20,.jad-col-xl-21,.jad-col-xl-22,.jad-col-xl-23,.jad-col-xl-24 {
        float:left;
        flex: 0 0 auto
    }

    .jad-col-xl-1 {
        width: 4.16667%
    }

    .jad-col-xl-2 {
        width: 8.33333%
    }

    .jad-col-xl-3 {
        width: 12.5%
    }

    .jad-col-xl-4 {
        width: 16.66667%
    }

    .jad-col-xl-5 {
        width: 20.83333%
    }

    .jad-col-xl-6 {
        width: 25%
    }

    .jad-col-xl-7 {
        width: 29.16667%
    }

    .jad-col-xl-8 {
        width: 33.33333%
    }

    .jad-col-xl-9 {
        width: 37.5%
    }

    .jad-col-xl-10 {
        width: 41.66667%
    }

    .jad-col-xl-11 {
        width: 45.83333%
    }

    .jad-col-xl-12 {
        width: 50%
    }

    .jad-col-xl-13 {
        width: 54.16667%
    }

    .jad-col-xl-14 {
        width: 58.33333%
    }

    .jad-col-xl-15 {
        width: 62.5%
    }

    .jad-col-xl-16 {
        width: 66.66667%
    }

    .jad-col-xl-17 {
        width: 70.83333%
    }

    .jad-col-xl-18 {
        width: 75%
    }

    .jad-col-xl-19 {
        width: 79.16667%
    }

    .jad-col-xl-20 {
        width: 83.33333%
    }

    .jad-col-xl-21 {
        width: 87.5%
    }

    .jad-col-xl-22 {
        width: 91.66667%
    }

    .jad-col-xl-23 {
        width: 95.83333%
    }

    .jad-col-xl-24 {
        width: 100%
    }

    .jad-col-xl-pull-1 {
        right: 4.16667%
    }

    .jad-col-xl-pull-2 {
        right: 8.33333%
    }

    .jad-col-xl-pull-3 {
        right: 12.5%
    }

    .jad-col-xl-pull-4 {
        right: 16.66667%
    }

    .jad-col-xl-pull-5 {
        right: 20.83333%
    }

    .jad-col-xl-pull-6 {
        right: 25%
    }

    .jad-col-xl-pull-7 {
        right: 29.16667%
    }

    .jad-col-xl-pull-8 {
        right: 33.33333%
    }

    .jad-col-xl-pull-9 {
        right: 37.5%
    }

    .jad-col-xl-pull-10 {
        right: 41.66667%
    }

    .jad-col-xl-pull-11 {
        right: 45.83333%
    }

    .jad-col-xl-pull-12 {
        right: 50%
    }

    .jad-col-xl-pull-13 {
        right: 54.16667%
    }

    .jad-col-xl-pull-14 {
        right: 58.33333%
    }

    .jad-col-xl-pull-15 {
        right: 62.5%
    }

    .jad-col-xl-pull-16 {
        right: 66.66667%
    }

    .jad-col-xl-pull-17 {
        right: 70.83333%
    }

    .jad-col-xl-pull-18 {
        right: 75%
    }

    .jad-col-xl-pull-19 {
        right: 79.16667%
    }

    .jad-col-xl-pull-20 {
        right: 83.33333%
    }

    .jad-col-xl-pull-21 {
        right: 87.5%
    }

    .jad-col-xl-pull-22 {
        right: 91.66667%
    }

    .jad-col-xl-pull-23 {
        right: 95.83333%
    }

    .jad-col-xl-pull-24 {
        right: 100%
    }

    .jad-col-xl-push-1 {
        left: 4.16667%
    }

    .jad-col-xl-push-2 {
        left: 8.33333%
    }

    .jad-col-xl-push-3 {
        left: 12.5%
    }

    .jad-col-xl-push-4 {
        left: 16.66667%
    }

    .jad-col-xl-push-5 {
        left: 20.83333%
    }

    .jad-col-xl-push-6 {
        left: 25%
    }

    .jad-col-xl-push-7 {
        left: 29.16667%
    }

    .jad-col-xl-push-8 {
        left: 33.33333%
    }

    .jad-col-xl-push-9 {
        left: 37.5%
    }

    .jad-col-xl-push-10 {
        left: 41.66667%
    }

    .jad-col-xl-push-11 {
        left: 45.83333%
    }

    .jad-col-xl-push-12 {
        left: 50%
    }

    .jad-col-xl-push-13 {
        left: 54.16667%
    }

    .jad-col-xl-push-14 {
        left: 58.33333%
    }

    .jad-col-xl-push-15 {
        left: 62.5%
    }

    .jad-col-xl-push-16 {
        left: 66.66667%
    }

    .jad-col-xl-push-17 {
        left: 70.83333%
    }

    .jad-col-xl-push-18 {
        left: 75%
    }

    .jad-col-xl-push-19 {
        left: 79.16667%
    }

    .jad-col-xl-push-20 {
        left: 83.33333%
    }

    .jad-col-xl-push-21 {
        left: 87.5%
    }

    .jad-col-xl-push-22 {
        left: 91.66667%
    }

    .jad-col-xl-push-23 {
        left: 95.83333%
    }

    .jad-col-xl-push-24 {
        left: 100%
    }

    .jad-col-xl-offset-0 {
        margin-left: 0
    }

    .jad-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .jad-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .jad-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .jad-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .jad-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .jad-col-xl-offset-6 {
        margin-left: 25%
    }

    .jad-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .jad-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .jad-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .jad-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .jad-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .jad-col-xl-offset-12 {
        margin-left: 50%
    }

    .jad-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .jad-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .jad-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .jad-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .jad-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .jad-col-xl-offset-18 {
        margin-left: 75%
    }

    .jad-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .jad-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .jad-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .jad-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .jad-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .jad-col-xl-offset-24 {
        margin-left: 100%
    }

    .jad-col-xl-order-0 {
        order: 0
    }

    .jad-col-xl-push-0 {
        left: auto
    }

    .jad-col-xl-pull-0 {
        right: auto
    }

    .jad-col-xl-order-1 {
        order: 1
    }

    .jad-col-xl-order-2 {
        order: 2
    }

    .jad-col-xl-order-3 {
        order: 3
    }

    .jad-col-xl-order-4 {
        order: 4
    }

    .jad-col-xl-order-5 {
        order: 5
    }

    .jad-col-xl-order-6 {
        order: 6
    }

    .jad-col-xl-order-7 {
        order: 7
    }

    .jad-col-xl-order-8 {
        order: 8
    }

    .jad-col-xl-order-9 {
        order: 9
    }

    .jad-col-xl-order-10 {
        order: 10
    }

    .jad-col-xl-order-11 {
        order: 11
    }

    .jad-col-xl-order-12 {
        order: 12
    }

    .jad-col-xl-order-13 {
        order: 13
    }

    .jad-col-xl-order-14 {
        order: 14
    }

    .jad-col-xl-order-15 {
        order: 15
    }

    .jad-col-xl-order-16 {
        order: 16
    }

    .jad-col-xl-order-17 {
        order: 17
    }

    .jad-col-xl-order-18 {
        order: 18
    }

    .jad-col-xl-order-19 {
        order: 19
    }

    .jad-col-xl-order-20 {
        order: 20
    }

    .jad-col-xl-order-21 {
        order: 21
    }

    .jad-col-xl-order-22 {
        order: 22
    }

    .jad-col-xl-order-23 {
        order: 23
    }

    .jad-col-xl-order-24 {
        order: 24
    }
}

.jad-guide-step {
    position: absolute;
    z-index: 999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .3s
}

.jad-guide-step-directed-area {
    position: absolute;
    box-sizing: content-box;
    box-shadow: 0 0 0 9999px rgba(0,0,0,.75)
}

.jad-guide-step-tip-container {
    padding: 24px;
    position: absolute;
    max-width: 400px;
    min-width: 300px;
    overflow-y: visible;
    z-index: 3;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
    border-radius: 4px
}

.jad-guide-step-tip-header {
    font-size: 16px;
    color: #111;
    line-height: 24px;
    font-weight: 700;
    display: inline-block
}

.jad-guide-step-tip-cancel {
    cursor: pointer;
    color: #666;
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 0
}

.jad-guide-step-tip-cancel .jad-icon {
    color: #666;
    transition: color .3s
}

.jad-guide-step-tip-cancel .jad-icon:hover {
    color: #fd3a33
}

.jad-guide-step-tip-body {
    font-size: 14px;
    color: #111;
    line-height: 22px;
    margin-top: 8px
}

.jad-guide-step-tip-footer {
    text-align: right
}

.jad-guide-step-arrow-top,.jad-guide-step-arrow-top:after {
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    position: absolute
}

.jad-guide-step-arrow-top:after {
    content: "";
    bottom: 3px;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #fff
}

.jad-guide-step-arrow-top {
    left: 50%;
    bottom: -10px;
    border-width: 10px 0 0;
    border-top-color: #eaeaea
}

.jad-guide-step-arrow-right {
    border-color: transparent;
    border-style: solid;
    left: -10px;
    border-width: 8px 10px 8px 0;
    border-right-color: #fff
}

.jad-guide-step-arrow-left,.jad-guide-step-arrow-right {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -8px;
    z-index: 120
}

.jad-guide-step-arrow-left {
    border-color: transparent;
    border-style: solid;
    right: -10px;
    border-width: 8px 0 8px 10px;
    border-left-color: #fff
}

.jad-guide-step-arrow-bottom {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    top: -8px;
    margin-left: -8px;
    border-width: 0 8px 8px;
    border-bottom-color: #fff;
    z-index: 120
}

.jad-guide-step-tip-footer {
    margin-top: 20px;
    line-height: 32px
}

.jad-guide-step-tip-footer-btn {
    min-width: 74px
}

.jad-guide-step-tip-footer-step {
    float: left;
    color: #666;
    font-size: 14px
}

.jad-guide-step-previous {
    margin-right: 10px;
    display: inline-block
}

.jad-guide-step-no-layer {
    position: absolute
}

.jad-guide-step-no-layer .jad-popover-light-inner {
    box-shadow: 0 0 24px hsla(0,0%,7%,.08);
    padding: 24px
}

.jad-guide-step-no-layer-bar {
    cursor: pointer
}

.jad-guide-step-no-layer-container {
    position: relative;
    min-width: 266px;
    z-index: 999;
    text-align: left
}

.jad-guide-step-no-layer-cancel {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-size: 0;
    cursor: pointer
}

@font-face {
    font-family: jadpc;
    src: url(../../assets/fonts/jadpc.eot);
    src: url(../../assets/fonts/jadpc.eot#iefix) format("embedded-opentype"),url(./jadpc.ttf) format("truetype"),url(../../assets/fonts/jadpc.woff) format("woff"),url(../../assets/fonts/jadpc.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^=jad-icon] {
    font-family: jadpc;
    speak: none;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jad-icon-home:before {
    content: "\E60F"
}

.jad-icon-diamond:before {
    content: "\E61A"
}

.jad-icon-clock4:before {
    content: "\E62A"
}

.jad-icon-chart:before {
    content: "\E63E"
}

.jad-icon-popout:before {
    content: "\E654"
}

.jad-icon-popin:before {
    content: "\E655"
}

.jad-icon-edit:before {
    content: "\E656"
}

.jad-icon-plus2:before {
    content: "\E657"
}

.jad-icon-minus6:before {
    content: "\E658"
}

.jad-icon-plus4:before {
    content: "\E659"
}

.jad-icon-minus3:before {
    content: "\E65A"
}

.jad-icon-cancel:before {
    content: "\E65B"
}

.jad-icon-minus:before {
    content: "\E65E"
}

.jad-icon-plus:before {
    content: "\E65F"
}

.jad-icon-plus3:before {
    content: "\E660"
}

.jad-icon-minus4:before {
    content: "\E661"
}

.jad-icon-cancel3:before {
    content: "\E662"
}

.jad-icon-checkmark3:before {
    content: "\E663"
}

.jad-icon-checkmark2:before {
    content: "\E664"
}

.jad-icon-cancel2:before {
    content: "\E666"
}

.jad-icon-info2:before {
    content: "\E67E"
}

.jad-icon-uniE689:before {
    content: "\E689"
}

.jad-icon-ellipsis:before {
    content: "\E693"
}

.jad-icon-dots:before {
    content: "\E694"
}

.jad-icon-dot:before {
    content: "\E695"
}

.jad-icon-uniE69A:before {
    content: "\E69A"
}

.jad-icon-refresh1:before {
    content: "\E6A5"
}

.jad-icon-volume2:before {
    content: "\E6AE"
}

.jad-icon-volume3:before {
    content: "\E6B1"
}

.jad-icon-ad-calendar:before {
    content: "\E6B7"
}

.jad-icon-ad-analysis:before {
    content: "\E6B8"
}

.jad-icon-user2:before {
    content: "\E6BB"
}

.jad-icon-ad-state3:before {
    content: "\E6BE"
}

.jad-icon-help:before {
    content: "\E900"
}

.jad-icon-chart4:before {
    content: "\E901"
}

.jad-icon-uniE900:before {
    content: "\E902"
}

.jad-icon-bag:before {
    content: "\E903"
}

.jad-icon-play:before {
    content: "\E904"
}

.jad-icon-create4:before {
    content: "\E905"
}

.jad-icon-price:before {
    content: "\E906"
}

.jad-icon-price2:before {
    content: "\E907"
}

.jad-icon-price3:before {
    content: "\E908"
}

.jad-icon-price4:before {
    content: "\E909"
}

.jad-icon-price5:before {
    content: "\E90A"
}

.jad-icon-align-center:before {
    content: "\E90B"
}

.jad-icon-align-center1:before {
    content: "\E90C"
}

.jad-icon-location-o:before {
    content: "\E90D"
}

.jad-icon-circle-ci:before {
    content: "\E90E"
}

.jad-icon-copy:before {
    content: "\E90F"
}

.jad-icon-tag3:before {
    content: "\E910"
}

.jad-icon-tag:before {
    content: "\E911"
}

.jad-icon-tag2:before {
    content: "\E912"
}

.jad-icon-bag2:before {
    content: "\E913"
}

.jad-icon-lightning:before {
    content: "\E914"
}

.jad-icon-cog:before {
    content: "\E915"
}

.jad-icon-bag6:before {
    content: "\E916"
}

.jad-icon-bag4:before {
    content: "\E917"
}

.jad-icon-dot-circle-o:before {
    content: "\E918"
}

.jad-icon-chat:before {
    content: "\E919"
}

.jad-icon-video:before {
    content: "\E91A"
}

.jad-icon-align-left:before {
    content: "\E91B"
}

.jad-icon-trash-o2:before {
    content: "\E91C"
}

.jad-icon-bag5:before {
    content: "\E91D"
}

.jad-icon-user6:before {
    content: "\E91E"
}

.jad-icon-create3:before {
    content: "\E91F"
}

.jad-icon-create:before {
    content: "\E920"
}

.jad-icon-uniE91E:before {
    content: "\E921"
}

.jad-icon-user-md:before {
    content: "\E922"
}

.jad-icon-bag3:before {
    content: "\E923"
}

.jad-icon-comment:before {
    content: "\E924"
}

.jad-icon-thermometer:before {
    content: "\E925"
}

.jad-icon-align-right:before {
    content: "\E926"
}

.jad-icon-user3:before {
    content: "\E927"
}

.jad-icon-user4:before {
    content: "\E928"
}

.jad-icon-user5:before {
    content: "\E929"
}

.jad-icon-36:before {
    content: "\E92A"
}

.jad-icon-clock7:before {
    content: "\E92B"
}

.jad-icon-pencil2:before {
    content: "\E92C"
}

.jad-icon-edit3:before {
    content: "\E92D"
}

.jad-icon-edit2:before {
    content: "\E92E"
}

.jad-icon-statistics:before {
    content: "\E92F"
}

.jad-icon-pencil:before {
    content: "\E930"
}

.jad-icon-refresh:before {
    content: "\E931"
}

.jad-icon-search2:before {
    content: "\E932"
}

.jad-icon-uniE91B:before {
    content: "\E933"
}

.jad-icon-chart5:before {
    content: "\E934"
}

.jad-icon-play2:before {
    content: "\E935"
}

.jad-icon-chart2:before {
    content: "\E936"
}

.jad-icon-plus5:before {
    content: "\E937"
}

.jad-icon-cancel4:before {
    content: "\E938"
}

.jad-icon-cancel5:before {
    content: "\E939"
}

.jad-icon-checkmark:before {
    content: "\E93A"
}

.jad-icon-notice:before {
    content: "\E93B"
}

.jad-icon-warning:before {
    content: "\E93C"
}

.jad-icon-image1:before {
    content: "\E93D"
}

.jad-icon-clock6:before {
    content: "\E93E"
}

.jad-icon-clock2:before {
    content: "\E93F"
}

.jad-icon-clock5:before {
    content: "\E940"
}

.jad-icon-48:before {
    content: "\E941"
}

.jad-icon-chart3:before {
    content: "\E942"
}

.jad-icon-audit:before {
    content: "\E943"
}

.jad-icon-filter2:before {
    content: "\E944"
}

.jad-icon-filter:before {
    content: "\E945"
}

.jad-icon-trash-o3:before {
    content: "\E946"
}

.jad-icon-circle-empty:before {
    content: "\E947"
}

.jad-icon-flag:before {
    content: "\E948"
}

.jad-icon-settings2:before {
    content: "\E949"
}

.jad-icon-volume:before {
    content: "\E94A"
}

.jad-icon-bell-o:before {
    content: "\E94B"
}

.jad-icon-double-arrow:before {
    content: "\E94C"
}

.jad-icon-chevron-up:before {
    content: "\E94D"
}

.jad-icon-chevron-down:before {
    content: "\E94E"
}

.jad-icon-calendar1:before {
    content: "\E94F"
}

.jad-icon-delete:before {
    content: "\E950"
}

.jad-icon-clock:before {
    content: "\E951"
}

.jad-icon-sandyClock:before {
    content: "\E952"
}

.jad-icon-download:before {
    content: "\E953"
}

.jad-icon-upload:before {
    content: "\E954"
}

.jad-icon-copy1:before {
    content: "\E955"
}

.jad-icon-notice2:before {
    content: "\E956"
}

.jad-icon-create2:before {
    content: "\E957"
}

.jad-icon-file-empty:before {
    content: "\E958"
}

.jad-icon-files-empty:before {
    content: "\E959"
}

.jad-icon-file-text-o:before {
    content: "\E95A"
}

.jad-icon-file-picture:before {
    content: "\E95B"
}

.jad-icon-file-music:before {
    content: "\E95C"
}

.jad-icon-clock3:before {
    content: "\E95D"
}

.jad-icon-file-play:before {
    content: "\E95E"
}

.jad-icon-file-video:before {
    content: "\E95F"
}

.jad-icon-search1:before {
    content: "\E960"
}

.jad-icon-plus1:before {
    content: "\E961"
}

.jad-icon-status-success:before {
    content: "\E962"
}

.jad-icon-close:before {
    content: "\E963"
}

.jad-icon-status-warning:before {
    content: "\E964"
}

.jad-icon-status-error:before {
    content: "\E965"
}

.jad-icon-status-info:before {
    content: "\E966"
}

.jad-icon-move-left:before {
    content: "\E967"
}

.jad-icon-move-right:before {
    content: "\E968"
}

.jad-icon-analysis:before {
    content: "\E969"
}

.jad-icon-arrow-down:before {
    content: "\E96A"
}

.jad-icon-arrow-left:before {
    content: "\E96B"
}

.jad-icon-arrow-right:before {
    content: "\E96C"
}

.jad-icon-arrow-up:before {
    content: "\E96D"
}

.jad-icon-bell:before {
    content: "\E96E"
}

.jad-icon-simple-calendar:before {
    content: "\E96F"
}

.jad-icon-cancel6:before {
    content: "\E970"
}

.jad-icon-cancel6-o:before {
    content: "\E971"
}

.jad-icon-close2:before {
    content: "\E972"
}

.jad-icon-chat2:before {
    content: "\E973"
}

.jad-icon-check-mark:before {
    content: "\E974"
}

.jad-icon-check-mark-o:before {
    content: "\E975"
}

.jad-icon-chevron-down2:before {
    content: "\E976"
}

.jad-icon-chevron-up2:before {
    content: "\E977"
}

.jad-icon-clock8:before {
    content: "\E978"
}

.jad-icon-copy2:before {
    content: "\E979"
}

.jad-icon-download2:before {
    content: "\E97A"
}

.jad-icon-edit4:before {
    content: "\E97B"
}

.jad-icon-ellipsis2:before {
    content: "\E97C"
}

.jad-icon-envelope2:before {
    content: "\E97D"
}

.jad-icon-filter3:before {
    content: "\E97E"
}

.jad-icon-flag2:before {
    content: "\E97F"
}

.jad-icon-frown2:before {
    content: "\E980"
}

.jad-icon-help2:before {
    content: "\E981"
}

.jad-icon-help2-o:before {
    content: "\E982"
}

.jad-icon-home2:before {
    content: "\E983"
}

.jad-icon-image2:before {
    content: "\E984"
}

.jad-icon-info5:before {
    content: "\E985"
}

.jad-icon-info4:before {
    content: "\E986"
}

.jad-icon-location2:before {
    content: "\E987"
}

.jad-icon-meh2:before {
    content: "\E988"
}

.jad-icon-no-entry:before {
    content: "\E989"
}

.jad-icon-no-entry2:before {
    content: "\E98A"
}

.jad-icon-music2:before {
    content: "\E98B"
}

.jad-icon-notice3:before {
    content: "\E98C"
}

.jad-icon-notice4:before {
    content: "\E98D"
}

.jad-icon-pencil3:before {
    content: "\E98E"
}

.jad-icon-play3:before {
    content: "\E98F"
}

.jad-icon-plus6:before {
    content: "\E990"
}

.jad-icon-popout2:before {
    content: "\E991"
}

.jad-icon-power-off2:before {
    content: "\E992"
}

.jad-icon-price6:before {
    content: "\E993"
}

.jad-icon-plus7:before {
    content: "\E994"
}

.jad-icon-refresh2:before {
    content: "\E995"
}

.jad-icon-sandy-clock:before {
    content: "\E996"
}

.jad-icon-search3:before {
    content: "\E997"
}

.jad-icon-setting:before {
    content: "\E998"
}

.jad-icon-smile2:before {
    content: "\E999"
}

.jad-icon-star-half-empty2:before {
    content: "\E99A"
}

.jad-icon-star-empty:before {
    content: "\E99B"
}

.jad-icon-star-full:before {
    content: "\E99C"
}

.jad-icon-tag4:before {
    content: "\E99D"
}

.jad-icon-trash4:before {
    content: "\E99E"
}

.jad-icon-upload2:before {
    content: "\E99F"
}

.jad-icon-user7:before {
    content: "\E9A0"
}

.jad-icon-volume-mute:before {
    content: "\E9A1"
}

.jad-icon-volume4:before {
    content: "\E9A2"
}

.jad-icon-save:before {
    content: "\E9A3"
}

.jad-icon-arrow-double-left:before {
    content: "\E9A4"
}

.jad-icon-arrow-double-right:before {
    content: "\E9A5"
}

.jad-icon-report:before {
    content: "\E9A6"
}

.jad-icon-reject:before {
    content: "\E9A7"
}

.jad-icon-check-big-img:before {
    content: "\E9A8"
}

.jad-icon-problems:before {
    content: "\E9A9"
}

.jad-icon-rechart:before {
    content: "\E9AA"
}

.jad-icon-price-set:before {
    content: "\E9AB"
}

.jad-icon-talent:before {
    content: "\E9AC"
}

.jad-icon-login:before {
    content: "\E9AD"
}

.jad-icon-shop:before {
    content: "\E9AE"
}

.jad-icon-analyze:before {
    content: "\E9AF"
}

.jad-icon-wind-vane:before {
    content: "\E9B0"
}

.jad-icon-overview:before {
    content: "\E9B1"
}

.jad-icon-order:before {
    content: "\E9B2"
}

.jad-icon-tools:before {
    content: "\E9B3"
}

.jad-icon-shopping-cart:before {
    content: "\E9B4"
}

.jad-icon-official:before {
    content: "\E9B5"
}

.jad-icon-housekeeper:before {
    content: "\E9B6"
}

.jad-icon-manage:before {
    content: "\E9B7"
}

.jad-icon-setting2:before {
    content: "\E9B8"
}

.jad-icon-contract:before {
    content: "\E9B9"
}

.jad-icon-monitor:before {
    content: "\E9BA"
}

.jad-icon-settlement:before {
    content: "\E9BB"
}

.jad-icon-bargain:before {
    content: "\E9BC"
}

.jad-icon-bill:before {
    content: "\E9BD"
}

.jad-icon-blacklist:before {
    content: "\E9BE"
}

.jad-icon-company:before {
    content: "\E9BF"
}

.jad-icon-signed:before {
    content: "\E9C0"
}

.jad-icon-hot:before {
    content: "\E9C1"
}

.jad-icon-task:before {
    content: "\E9C2"
}

.jad-icon-task1:before {
    content: "\E9C3"
}

.jad-icon-upgrade:before {
    content: "\E9C4"
}

.jad-icon-auth:before {
    content: "\E9C5"
}

.jad-icon-promote:before {
    content: "\E9C6"
}

.jad-icon-files:before {
    content: "\E9C7"
}

.jad-icon-folder:before {
    content: "\E9C8"
}

.jad-icon-no-show:before {
    content: "\E9C9"
}

.jad-icon-offline-ad:before {
    content: "\E9CA"
}

.jad-icon-info3:before {
    content: "\E9CB"
}

.jad-icon-edit5:before {
    content: "\E9CC"
}

.jad-icon-feedback:before {
    content: "\E9CD"
}

.jad-icon-pause:before {
    content: "\E9CE"
}

.jad-icon-zan:before {
    content: "\E9CF"
}

.jad-icon-account:before {
    content: "\E9D0"
}

.jad-icon-merchants:before {
    content: "\E9D1"
}

.jad-icon-guide:before {
    content: "\E9D2"
}

.jad-icon-guide1:before {
    content: "\E9D3"
}

.jad-icon-database:before {
    content: "\E9D4"
}

.jad-icon-qualification:before {
    content: "\E9D5"
}

.jad-icon-overview1:before {
    content: "\E9D6"
}

.jad-icon-star-o:before {
    content: "\E9D7"
}

.jad-icon-star-half-empty:before {
    content: "\E9D8"
}

.jad-icon-star:before {
    content: "\E9D9"
}

.jad-icon-sku1:before {
    content: "\E9DA"
}

.jad-icon-help3:before {
    content: "\E9DB"
}

.jad-icon-whitelist:before {
    content: "\E9DC"
}

.jad-icon-idea:before {
    content: "\E9DD"
}

.jad-icon-idea-fill:before {
    content: "\E9DE"
}

.jad-icon-eye-off:before {
    content: "\E9DF"
}

.jad-icon-eye:before {
    content: "\E9E0"
}

.jad-icon-warning1:before {
    content: "\EA07"
}

.jad-icon-info:before {
    content: "\EA0C"
}

.jad-icon-github:before {
    content: "\EAB0"
}

.jad-icon-search:before {
    content: "\F002"
}

.jad-icon-envelope-o:before {
    content: "\F003"
}

.jad-icon-user:before {
    content: "\F007"
}

.jad-icon-switch2:before {
    content: "\F011"
}

.jad-icon-trash-o:before {
    content: "\F014"
}

.jad-icon-calendar:before {
    content: "\F073"
}

.jad-icon-uniF087:before {
    content: "\F087"
}

.jad-icon-uniF088:before {
    content: "\F088"
}

.jad-icon-uniF092:before {
    content: "\F092"
}

.jad-icon-caret-down:before {
    content: "\F0D7"
}

.jad-icon-caret-up:before {
    content: "\F0D8"
}

.jad-icon-caret-left:before {
    content: "\F0D9"
}

.jad-icon-caret-right:before {
    content: "\F0DA"
}

.jad-icon-envelope:before {
    content: "\F0E0"
}

.jad-icon-angle-double-left:before {
    content: "\F100"
}

.jad-icon-angle-double-right:before {
    content: "\F101"
}

.jad-icon-angle-double-up:before {
    content: "\F102"
}

.jad-icon-angle-double-down:before {
    content: "\F103"
}

.jad-icon-angle-left:before {
    content: "\F104"
}

.jad-icon-angle-right:before {
    content: "\F105"
}

.jad-icon-angle-up:before {
    content: "\F106"
}

.jad-icon-angle-down:before {
    content: "\F107"
}

.jad-icon-spinner:before {
    content: "\F110"
}

.jad-icon-github-alt:before {
    content: "\F113"
}

.jad-icon-smile-o:before {
    content: "\F118"
}

.jad-icon-frown-o:before {
    content: "\F119"
}

.jad-icon-meh-o:before {
    content: "\F11A"
}

.jad-icon-calendar-o:before {
    content: "\F133"
}

.jad-icon-ellipsis-h:before {
    content: "\F141"
}

.jad-icon-ellipsis-v:before {
    content: "\F142"
}

.jad-icon-alpha-asc:before {
    content: "\F15D"
}

.jad-icon-alpha-desc:before {
    content: "\F15E"
}

.jad-icon-amount-asc:before {
    content: "\F160"
}

.jad-icon-amount-desc:before {
    content: "\F161"
}

.jad-icon-numeric-asc:before {
    content: "\F162"
}

.jad-icon-numeric-desc:before {
    content: "\F163"
}

.jad-icon-long-arrow-down:before {
    content: "\F175"
}

.jad-icon-long-arrow-up:before {
    content: "\F176"
}

.jad-icon-long-arrow-left:before {
    content: "\F177"
}

.jad-icon-long-arrow-right:before {
    content: "\F178"
}

.jad-icon-status-success1:before {
    content: "\E9E1"
}

.jad-icon-status-warning1:before {
    content: "\E9E2"
}

.jad-icon-status-error1:before {
    content: "\E9E3"
}

.jad-icon-status-info1:before {
    content: "\E9E4"
}

.jad-input {
    height: 30px;
    padding: 0 12px;
    border: none;
    box-sizing: border-box;
    line-height: 30px;
    color: #111;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    background-color: transparent
}

.jad-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #111
}

.jad-input-wrapper-length-long {
    width: 480px
}

.jad-input-wrapper-length-medium {
    width: 320px
}

.jad-input-wrapper-length-medium .jad-input {
    font-size: 14px
}

.jad-input-wrapper-length-short {
    width: 120px
}

.jad-input-wrapper-size-large .jad-input {
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    padding-left: 12px
}

.jad-input-wrapper-size-medium .jad-input {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 12px
}

.jad-input-wrapper-size-small .jad-input {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding-left: 12px
}

.jad-input-wrapper .jad-input-prepend {
    border-radius: 4px 0 0 4px
}

.jad-input-wrapper .jad-input-count {
    right: 5px;
    position: absolute;
    line-height: 30px
}

.jad-input-wrapper .jad-input-append {
    border-radius: 0 4px 4px 0
}

.jad-input-wrapper-with-append,.jad-input-wrapper-with-prepend {
    display: inline-table
}

.jad-input-wrapper-with-append .jad-input-inner,.jad-input-wrapper-with-prepend .jad-input-inner {
    display: table-cell
}

.jad-input-wrapper-with-prepend .jad-input,.jad-input-wrapper-with-prepend .jad-input-inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jad-input-wrapper-with-append .jad-input,.jad-input-wrapper-with-append .jad-input-inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jad-input-inner {
    position: relative;
    border: 1px solid #ccc;
    transition: all .2s ease-in-out;
    border-radius: 4px;
    background-color: #fff
}

.jad-input-inner-focused {
    border-color: #888
}

.jad-input-inner-disabled {
    border-color: #ccc;
    background-color: #eee;
    border: 1px solid #ddd
}

.jad-input-inner-readonly {
    border-color: #888
}

.jad-input-inner-error {
    border-color: #fa2314
}

.jad-input-inner-warn {
    border-color: #ff8400
}

.jad-input-inner:not(.jad-input-inner-focused):not(.jad-input-inner-disabled):not(.jad-input-inner-error):not(.jad-input-inner-warn):hover {
    border-color: #888
}

.jad-input-inner-with-prefix-icon {
    padding-left: 38px
}

.jad-input-inner-with-prefix-icon .jad-input {
    padding-left: 0
}

.jad-input-inner-with-suffix-icon {
    padding-right: 30px
}

.jad-input-inner-with-suffix-icon .jad-input {
    padding-right: 0
}

.jad-input-textarea {
    width: 100%;
    display: block;
    border: none;
    height: auto;
    min-height: 30px;
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 22px;
    resize: none
}

.jad-input-textarea-resizable {
    resize: vertical
}

.jad-input-disabled {
    background-color: #eee;
    cursor: not-allowed;
    color: #888
}

.jad-input::-moz-placeholder {
    color: #ccc
}

.jad-input:-ms-input-placeholder {
    color: #ccc
}

.jad-input::placeholder {
    color: #ccc
}

.jad-input-loader {
    animation: load8 1.1s infinite linear;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #888;
    border-left: 1px solid #888
}

.jad-input-loader,.jad-input-loader:after {
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px
}

.jad-input-icon {
    position: absolute;
    top: 50%;
    min-width: 30px;
    height: 30px;
    margin-top: -15px;
    padding: 0 12px;
    line-height: 30px;
    text-align: center;
    color: #888
}

.jad-input-icon-hidden {
    display: none
}

.jad-input-icon-error {
    color: #fa2314
}

.jad-input-icon-warn {
    color: #ff8400
}

.jad-input-icon-success {
    color: #2fc724
}

.jad-input-icon-clearable {
    color: #ccc
}

.jad-input-icon-with-cursor {
    cursor: pointer;
    color: #666
}

.jad-input-count {
    color: #888
}

.jad-input-suffix-icon {
    right: 0
}

.jad-input-prefix-icon {
    left: 0
}

.jad-input-append,.jad-input-prepend {
    display: table-cell;
    width: 1px;
    padding: 0 8px;
    border: 1px solid #ddd;
    vertical-align: middle;
    white-space: nowrap;
    background: #fff
}

.jad-input-prepend {
    border-right: none
}

.jad-input-append {
    border-left: none
}

.jad-input-info {
    font-size: 12px
}

.jad-input-info-error {
    color: #fa2314
}

.jad-input-info-warn {
    color: #ff8400
}

.jad-inputnumber {
    position: relative;
    display: inline-block;
    text-align: left
}

.jad-inputnumber-input {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    color: #111;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    font-size: 14px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.jad-inputnumber-input:focus:not([readonly=readonly]) {
    border: 1px solid #888
}

.jad-inputnumber-input-error,.jad-inputnumber-input-error .jad-inputnumber-input,.jad-inputnumber-input-error:focus:not([readonly=readonly]) {
    border-color: #fa2314
}

.jad-inputnumber-input-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.jad-inputnumber-input-left,.jad-inputnumber-input-right {
    text-align: left
}

.jad-inputnumber-input-left {
    padding-left: 34px;
    padding-right: 12px
}

.jad-inputnumber-input-left.jad-inputnumber-input-with-prefix,.jad-inputnumber-input-left.jad-inputnumber-input-with-suffix {
    padding: 0 8px
}

.jad-inputnumber-input-right {
    padding-left: 12px;
    padding-right: 12px
}

.jad-inputnumber-input-right.jad-inputnumber-input-with-prefix,.jad-inputnumber-input-right.jad-inputnumber-input-with-suffix {
    padding: 0 8px
}

.jad-inputnumber-input-with-prefix,.jad-inputnumber-input-with-suffix {
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    color: #111;
    background-color: #fff;
    background-image: none;
    border: none;
    font-size: 14px
}

.jad-inputnumber-input-with-prefix:focus:not([readonly=readonly]),.jad-inputnumber-input-with-suffix:focus:not([readonly=readonly]) {
    border: none
}

.jad-inputnumber-input-prefix {
    margin-left: 12px
}

.jad-inputnumber-input-suffix {
    margin-right: 12px
}

.jad-inputnumber-input-with-prefix-wrap,.jad-inputnumber-input-with-suffix-wrap {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    color: #111;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    font-size: 14px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.jad-inputnumber-input-with-prefix-wrap:focus-within:not([readonly=readonly]),.jad-inputnumber-input-with-suffix-wrap:focus-within:not([readonly=readonly]) {
    border: 1px solid #888
}

.jad-inputnumber-input-with-prefix-wrap.jad-inputnumber-input-error-wrap,.jad-inputnumber-input-with-suffix-wrap.jad-inputnumber-input-error-wrap {
    border-color: #fa2314
}

.jad-inputnumber-input-with-prefix-wrap.jad-inputnumber-input-error-wrap:focus-within:not([readonly=readonly]),.jad-inputnumber-input-with-suffix-wrap.jad-inputnumber-input-error-wrap:focus-within:not([readonly=readonly]) {
    border-color: #fa2314
}

.jad-inputnumber-input-handler-wrap {
    display: flex;
    flex-direction: column;
    background: #fff;
    position: absolute;
    top: 1px;
    bottom: 1px;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    overflow: hidden;
    box-sizing: content-box
}

.jad-inputnumber-handler-left {
    border-radius: 4px 0 0 4px;
    left: 1px;
    border-right: 1px solid #ccc
}

.jad-inputnumber-handler-right {
    border-radius: 0 4px 4px 0;
    right: 1px;
    border-left: 1px solid #ccc
}

.jad-inputnumber-error-handler-left {
    border-right: 1px solid #fa2314
}

.jad-inputnumber-error-handler-right {
    border-left: 1px solid #fa2314
}

.jad-inputnumber-error-handler-color.jad-inputnumber-decrease,.jad-inputnumber-error-handler-color.jad-inputnumber-increase {
    color: #fa2314;
    border-color: #fa2314
}

.jad-inputnumber-decrease,.jad-inputnumber-increase {
    height: 50%;
    display: flex;
    align-items: center;
    justify-items: center;
    padding: 0 8px;
    width: 100%;
    font-size: 7px;
    text-align: center;
    overflow: hidden;
    color: #888;
    position: relative;
    cursor: pointer;
    transition: color .3s;
    z-index: 1
}

.jad-inputnumber-decrease:hover,.jad-inputnumber-increase:hover {
    color: #fd3a33
}

.jad-inputnumber-decrease.jad-inputnumber-decrease-disabled,.jad-inputnumber-decrease.jad-inputnumber-increase-disabled,.jad-inputnumber-increase.jad-inputnumber-decrease-disabled,.jad-inputnumber-increase.jad-inputnumber-increase-disabled {
    cursor: not-allowed;
    color: #ddd;
    opacity: .72
}

.jad-inputnumber-decrease.jad-inputnumber-decrease-disabled:hover,.jad-inputnumber-decrease.jad-inputnumber-increase-disabled:hover,.jad-inputnumber-increase.jad-inputnumber-decrease-disabled:hover,.jad-inputnumber-increase.jad-inputnumber-increase-disabled:hover {
    color: #ddd
}

.jad-inputnumber-decrease-left {
    border-bottom-left-radius: 4px
}

.jad-inputnumber-decrease-right {
    cursor: default
}

.jad-inputnumber-decrease-right:hover {
    color: #fd3a33
}

.jad-inputnumber-increase-left {
    border-bottom: 1px solid #ccc
}

.jad-inputnumber-increase-right {
    cursor: default;
    border-bottom: 1px solid #ccc
}

.jad-inputnumber-increase-right:hover {
    color: #fd3a33
}

.jad-inputnumber-icon {
    overflow: hidden
}

.jad-inputnumber-icon i {
    font-size: 6px
}

.jad-inputnumber-small {
    width: 64px
}

.jad-inputnumber-small .jad-inputnumber-input {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    border-radius: 2px
}

.jad-inputnumber-medium {
    width: 88px
}

.jad-inputnumber-medium .jad-inputnumber-input {
    height: 32px;
    line-height: 30px
}

.jad-inputnumber-large {
    width: 88px
}

.jad-inputnumber-large .jad-inputnumber-input {
    height: 40px;
    line-height: 38px
}

.jad-inputnumber-decrease-left .jad-inputnumber-input-handler-wrap,.jad-inputnumber-increase-left .jad-inputnumber-input-handler-wrap {
    left: 0
}

.jad-inputnumber:hover .jad-inputnumber-input {
    border-color: #888
}

.jad-inputnumber:hover .jad-inputnumber-input-handler-wrap {
    opacity: 1
}

.jad-inputnumber:hover .jad-inputnumber-input-with-prefix {
    border: none
}

.jad-inputnumber:hover .jad-inputnumber-input-with-prefix-wrap {
    border-color: #888
}

.jad-inputnumber:hover .jad-inputnumber-input-with-suffix {
    border: none
}

.jad-inputnumber:hover .jad-inputnumber-input-with-suffix-wrap {
    border-color: #888
}

.jad-inputnumber:hover .jad-inputnumber-input-error,.jad-inputnumber:hover .jad-inputnumber-input-with-prefix-wrap.jad-inputnumber-input-error-wrap,.jad-inputnumber:hover .jad-inputnumber-input-with-suffix-wrap.jad-inputnumber-input-error-wrap {
    border-color: #fa2314
}

.jad-inputnumber:hover .jad-inputnumber-decrease-right,.jad-inputnumber:hover .jad-inputnumber-increase-right {
    cursor: pointer
}

.jad-inputnumber.jad-inputnumber-disabled {
    opacity: .8
}

.jad-inputnumber.jad-inputnumber-disabled .jad-inputnumber-input,.jad-inputnumber.jad-inputnumber-disabled .jad-inputnumber-input-with-prefix-wrap,.jad-inputnumber.jad-inputnumber-disabled .jad-inputnumber-input-with-suffix-wrap {
    cursor: not-allowed;
    color: #bbb;
    background: #eee;
    border-color: #ddd
}

.jad-inputnumber.jad-inputnumber-disabled .jad-inputnumber-input-handler-wrap,.jad-inputnumber.jad-inputnumber-disabled .jad-inputnumber-input-with-prefix-wrap-handler-wrap,.jad-inputnumber.jad-inputnumber-disabled .jad-inputnumber-input-with-suffix-wrap-handler-wrap {
    display: none
}

.jad-loading-wrapper {
    text-align: center;
    display: inline-block
}

.jad-loading-small .jad-loading-circle {
    width: 28px;
    height: 28px
}

.jad-loading-large .jad-loading-circle {
    width: 70px;
    height: 70px
}

.jad-loading-show-text .jad-loading-text {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    color: hsla(0,0%,7%,.8)
}

.jad-loading-text {
    display: none
}

.jad-loading-circle {
    position: relative;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    animation: load8 1.1s infinite linear
}

.jad-loading-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jad-loading-fixed .jad-loading-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: normal
}

.jad-loading-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jad-loading-absolute .jad-loading-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: normal
}

.jad-loading-light {
    background-color: hsla(0,0%,100%,.9)
}

.jad-loading-dark {
    background-color: rgba(0,0,0,.4)
}

.jad-loading-parent-relative {
    position: relative
}

.jad-loading-parent-hidden {
    overflow: hidden
}

.jad-layout {
    display: block
}

.jad-layout:after,.jad-layout:before {
    content: " ";
    display: table
}

.jad-layout:after {
    clear: both
}

.jad-layout-footer,.jad-layout-header {
    width: 100%
}

.jad-layout-footer:after,.jad-layout-footer:before,.jad-layout-header:after,.jad-layout-header:before {
    content: " ";
    display: table
}

.jad-layout-footer:after,.jad-layout-header:after {
    clear: both
}

.jad-layout-header {
    width: 100%;
    height: 60px
}

.jad-layout-header-fixed {
    position: fixed;
    top: 0
}

.jad-layout-left {
    float: left
}

.jad-layout-right {
    float: right
}

.jad-layout-sider-fixed {
    position: fixed;
    overflow-y: auto;
    top: 0;
    bottom: 0
}

.jad-layout-fixed-left {
    left: 0
}

.jad-layout-fixed-right {
    right: 0
}

.jad-layout-content {
    overflow: hidden
}

.jad-layout-content:after,.jad-layout-content:before {
    content: " ";
    display: table
}

.jad-layout-content:after {
    clear: both
}

.jad-menu {
    display: block;
    margin: 0;
    outline: none;
    list-style: none;
    color: #111;
    font-family: PingFang SC;
    background: #f2f3f7;
    font-size: 14px;
    position: relative;
    padding-left: 8px;
    padding-right: 24px
}

.jad-menu-vertical-hover:before,.jad-menu-vertical:before {
    content: "";
    display: table
}

.jad-menu-item {
    display: block;
    outline: none;
    list-style: none;
    font-size: 14px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease-in-out;
    padding: 0 10px 0 16px
}

.jad-menu-group-title .jad-icon,.jad-menu-item-disabled .jad-icon,.jad-menu-item .jad-icon,.jad-menu-sub-disabled .jad-menu-sub-title .jad-icon,.jad-menu-sub-title .jad-icon {
    vertical-align: bottom
}

.jad-menu-sub-icon {
    width: 16px;
    display: inline-block;
    text-align: center
}

.jad-menu-group-title {
    opacity: .3;
    padding-right: 10px
}

.jad-menu-vertical-hover .jad-menu-item,.jad-menu-vertical-hover .jad-menu-sub-title,.jad-menu-vertical .jad-menu-item,.jad-menu-vertical .jad-menu-sub-title {
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #666;
    padding: 0 10px 0 16px
}

.jad-menu-vertical-hover .jad-menu-item:hover,.jad-menu-vertical-hover .jad-menu-sub-title:hover,.jad-menu-vertical .jad-menu-item:hover,.jad-menu-vertical .jad-menu-sub-title:hover {
    background: hsla(0,0%,7%,.04);
    color: #111;
    border-radius: 4px;
    font-weight: 500
}

.jad-menu-vertical-hover .jad-menu-item-active,.jad-menu-vertical-hover .jad-menu-sub-title-active,.jad-menu-vertical .jad-menu-item-active,.jad-menu-vertical .jad-menu-sub-title-active {
    color: #111;
    z-index: 2;
    font-weight: 500;
    background: hsla(0,0%,7%,.04)
}

.jad-menu-sub-active>.jad-menu-sub-title {
    color: #111;
    font-weight: 500
}

.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub-title,.jad-menu-vertical-hover .jad-menu-sub-active .jad-menu-sub-title {
    color: #111;
    border-bottom: inherit
}

.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub .jad-menu-sub-title,.jad-menu-vertical-hover .jad-menu-sub-active .jad-menu-sub .jad-menu-sub-title {
    color: inherit;
    border-bottom: inherit
}

.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub-active .jad-menu-sub-title,.jad-menu-vertical-hover .jad-menu-sub-active .jad-menu-sub-active .jad-menu-sub-title {
    color: #111
}

.jad-menu-horizontal {
    color: #111;
    height: 64px;
    line-height: 64px;
    border-right: none
}

.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub-title {
    color: #ff3a33
}

.jad-menu-horizontal .jad-menu-item,.jad-menu-horizontal .jad-menu-sub-title {
    float: left;
    padding: 0 16px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    transition: all .2s ease-in-out
}

.jad-menu-horizontal .jad-menu-item-active,.jad-menu-horizontal .jad-menu-item:hover,.jad-menu-horizontal .jad-menu-sub-title-active,.jad-menu-horizontal .jad-menu-sub-title:hover {
    color: #ff3a33
}

.jad-menu-horizontal .jad-menu-sub {
    float: left
}

.jad-menu-horizontal.jad-dropdown-popper {
    top: 48px;
    overflow-y: inherit;
    max-height: none;
    height: auto;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0
}

.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-item,.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-sub-title {
    height: auto;
    border-bottom: 0;
    float: none;
    margin: 0;
    line-height: 40px;
    clear: both;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-item:hover,.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-sub-title:hover {
    background: #f8f8f8;
    color: #111
}

.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-item-active,.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-sub-title-active {
    color: #111;
    z-index: 2
}

.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-item .jad-dropdown-popper,.jad-menu-horizontal .jad-menu-sub-drop .jad-menu-sub-title .jad-dropdown-popper {
    left: 135px
}

.jad-menu-blue {
    background-color: #2d425f
}

.jad-menu-blue .jad-menu-group {
    color: #fff
}

.jad-menu-blue.jad-menu-vertical-hover .jad-menu-item,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-title,.jad-menu-blue.jad-menu-vertical .jad-menu-item,.jad-menu-blue.jad-menu-vertical .jad-menu-sub-title {
    color: #fff;
    opacity: .5
}

.jad-menu-blue.jad-menu-vertical-hover .jad-menu-item:hover,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-title:hover,.jad-menu-blue.jad-menu-vertical .jad-menu-item:hover,.jad-menu-blue.jad-menu-vertical .jad-menu-sub-title:hover {
    background: #283b55
}

.jad-menu-blue.jad-menu-vertical-hover .jad-menu-item-active,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-title-active,.jad-menu-blue.jad-menu-vertical .jad-menu-item-active,.jad-menu-blue.jad-menu-vertical .jad-menu-sub-title-active {
    color: #fff;
    background: #283b55;
    opacity: 1
}

.jad-menu-blue.jad-menu-horizontal.jad-dropdown-popper,.jad-menu-blue.jad-menu-vertical-hover.jad-dropdown-popper {
    background-color: #2d425f
}

.jad-menu-blue.jad-menu-horizontal.jad-dropdown-popper .jad-menu-item:hover,.jad-menu-blue.jad-menu-horizontal.jad-dropdown-popper .jad-menu-sub-title:hover,.jad-menu-blue.jad-menu-vertical-hover.jad-dropdown-popper .jad-menu-item:hover,.jad-menu-blue.jad-menu-vertical-hover.jad-dropdown-popper .jad-menu-sub-title:hover {
    background: #283b55
}

.jad-menu-blue.jad-menu-horizontal.jad-dropdown-popper .jad-menu-item-active,.jad-menu-blue.jad-menu-horizontal.jad-dropdown-popper .jad-menu-sub-title-active,.jad-menu-blue.jad-menu-vertical-hover.jad-dropdown-popper .jad-menu-item-active,.jad-menu-blue.jad-menu-vertical-hover.jad-dropdown-popper .jad-menu-sub-title-active {
    color: #fff
}

.jad-menu-blue.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub .jad-menu-sub-title,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-active .jad-menu-sub .jad-menu-sub-title {
    opacity: .5;
    background: inherit
}

.jad-menu-blue.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub-active .jad-menu-sub-title,.jad-menu-blue.jad-menu-horizontal .jad-menu-sub-active .jad-menu-sub-title,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-active .jad-menu-sub-active .jad-menu-sub-title,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-active .jad-menu-sub-title {
    color: #fff;
    background: #283b55;
    opacity: 1;
    border-bottom: none
}

.jad-menu-blue.jad-menu-horizontal .jad-menu-item,.jad-menu-blue.jad-menu-horizontal .jad-menu-sub-title,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-item,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-title {
    color: #fff;
    opacity: .5
}

.jad-menu-blue.jad-menu-horizontal .jad-menu-item:hover,.jad-menu-blue.jad-menu-horizontal .jad-menu-sub-title:hover,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-item:hover,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-title:hover {
    background: #283b55;
    border-bottom: none
}

.jad-menu-blue.jad-menu-horizontal .jad-menu-item-active,.jad-menu-blue.jad-menu-horizontal .jad-menu-sub-title-active,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-item-active,.jad-menu-blue.jad-menu-vertical-hover .jad-menu-sub-title-active {
    color: #fff;
    background: #283b55;
    opacity: 1;
    border-bottom: none
}

.jad-menu-sub-disabled .jad-menu-sub-title,.jad-menu .jad-menu-item-disabled {
    color: #bbb;
    cursor: not-allowed
}

.jad-menu-sub-disabled .jad-menu-sub-title:hover,.jad-menu .jad-menu-item-disabled:hover {
    color: #bbb;
    background-color: transparent;
    font-weight: 400
}

.jad-menu-vertical-hover .jad-menu-sub-title {
    padding: 0 20px 0 30px
}

.jad-menu-vertical-hover .jad-menu-sub-title .jad-menu-sub-icon {
    float: right
}

.jad-menu-vertical-hover .jad-menu-sub-drop .jad-menu-item,.jad-menu-vertical-hover .jad-menu-sub-drop .jad-menu-sub-title {
    height: auto;
    border-bottom: 0;
    float: none;
    margin: 0;
    line-height: 48px;
    clear: both;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    transition: background .2s ease-in-out
}

.jad-menu-vertical-hover .jad-menu-sub-drop .jad-menu-item:hover,.jad-menu-vertical-hover .jad-menu-sub-drop .jad-menu-sub-title:hover {
    background: hsla(0,0%,7%,.04)
}

.jad-menu-vertical-hover .jad-menu-sub-drop .jad-menu-item-active,.jad-menu-vertical-hover .jad-menu-sub-drop .jad-menu-sub-title-active {
    color: #111;
    z-index: 2
}

.jad-modal {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    color: #111
}

.jad-modal:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.jad-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(55,55,55,.6);
    height: 100%
}

.jad-modal-hide {
    display: none!important
}

.jad-modal-main {
    position: absolute;
    border-radius: 4px;
    width: 520px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.jad-modal-fullscreen {
    width: 100%!important;
    top: 0;
    bottom: 0;
    left: 0;
    transform: unset;
    position: absolute
}

.jad-modal-fullscreen .jad-modal-content {
    position: absolute;
    width: 100%;
    border-radius: 0;
    top: 0;
    bottom: 0
}

.jad-modal-fullscreen .jad-modal-footer {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px
}

.jad-modal-fullscreen .jad-modal-body {
    position: absolute;
    width: 100%;
    overflow: auto;
    top: 83px;
    bottom: 80px;
    padding-right: 40px
}

.jad-modal-content {
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    max-height: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    padding: 24px;
    font-size: 14px
}

.jad-modal-mask-fade-enter,.jad-modal-mask-fade-leave-to {
    transform: translateY(-10px);
    opacity: 0
}

.jad-modal-mask-fade-enter-active {
    transition: all .3s ease
}

.jad-modal-mask-fade-leave-active {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.jad-modal-header {
    padding-bottom: 12px;
    text-align: center;
    font-size: 18px;
    color: #111;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 1000
}

.jad-modal-body {
    position: relative;
    max-height: calc(100vh - 177px);
    overflow: auto;
    padding: 0;
    margin-bottom: 16px
}

.jad-modal-footer {
    text-align: right
}

.jad-modal-footer-cancel-btn {
    margin-right: 16px
}

.jad-modal-close-icon {
    display: inline-block;
    position: absolute;
    right: 17px;
    top: 17px;
    color: #999;
    transition: .3s;
    cursor: pointer
}

.jad-modal-close-icon:hover {
    color: #fd3a33
}

.jad-modal-slide {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center
}

.jad-modal-slide:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.jad-modal-slide-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(55,55,55,.6);
    height: 100%
}

.jad-modal-slide-hide {
    display: none!important
}

.jad-modal-slide-main {
    width: 520px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-x: auto;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.jad-modal-slide-content {
    position: relative;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    font-size: 14px;
    color: #111
}

.jad-modal-slide-mask-fade-enter,.jad-modal-slide-mask-fade-leave-to {
    transform: translateX(10px);
    opacity: 0
}

.jad-modal-slide-mask-fade-enter-active {
    transition: all .3s ease
}

.jad-modal-slide-mask-fade-leave-active {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.jad-modal-slide-header {
    padding: 16px 0 12px 24px
}

.jad-modal-slide-title {
    font-size: 20px;
    color: #111;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 1000
}

.jad-modal-slide-body {
    position: relative;
    overflow: auto;
    padding: 0 24px;
    height: calc(100vh - 136px)
}

.jad-modal-slide-body-no-header {
    position: relative;
    overflow: auto;
    padding: 0 24px 24px;
    height: calc(100vh - 80px)
}

.jad-modal-slide-body-no-footer {
    height: calc(100vh - 56px)
}

.jad-modal-slide-body-no-footer,.jad-modal-slide-body-single {
    position: relative;
    background-color: #fff;
    overflow: auto;
    padding: 0 24px 24px
}

.jad-modal-slide-body-single {
    height: 100%
}

.jad-modal-slide-footer {
    padding: 16px 24px 24px 0;
    text-align: right;
    background: #fff;
    box-shadow: 0 -2px 4px rgba(0,0,0,.05)
}

.jad-modal-slide-footer-cancel-btn {
    margin-right: 16px
}

.jad-modal-slide-close-icon {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 16px;
    color: #999;
    transition: color .3s;
    cursor: pointer
}

.jad-modal-slide-close-icon:hover {
    color: #fd3a33
}

.jad-notification {
    position: fixed;
    width: 400px;
    padding: 24px;
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(0,0,0,.06);
    border: 1px solid #ccc;
    background: #fff;
    overflow: hidden;
    transition: opacity .3s,transform .3s,left .2s,right .3s,top .2s,bottom .3s;
    color: #111
}

.jad-notification-right {
    right: 16px
}

.jad-notification-left {
    left: 16px
}

.jad-notification-close {
    position: absolute;
    right: 14px;
    top: 10px;
    color: #999;
    outline: none;
    cursor: pointer
}

.jad-notification-close i {
    font-size: 12px
}

.jad-notification-content-message {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.jad-notification-content-description {
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
    word-break: break-all
}

.jad-notification-with-icon-wrap {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 12px
}

.jad-notification-icon {
    line-height: 1;
    font-size: 24px
}

.jad-notification-icon-success {
    color: #2fc724
}

.jad-notification-icon-info {
    color: #3075ff
}

.jad-notification-icon-warn {
    color: #ff8400
}

.jad-notification-icon-error {
    color: #fa2314
}

.jad-notification-move-enter-active.jad-notification-right {
    right: 0;
    transform: translateX(100%)
}

.jad-notification-move-enter-active.jad-notification-left {
    left: 0;
    transform: translateX(-100%)
}

.jad-notification-move-leave-active {
    opacity: 0
}

.jad-pagination {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px
}

.jad-pagination-pager {
    list-style: none;
    padding: 0;
    margin: 0
}

.jad-pagination-pager,.jad-pagination-pager li {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px
}

.jad-pagination-pager li {
    min-width: 32px;
    height: 32px;
    border: 1px solid transparent;
    text-align: center;
    padding: 0 2px;
    cursor: pointer;
    transition: color .3s
}

.jad-pagination-pager li.active {
    color: #fd3a33;
    cursor: default
}

.jad-pagination-pager li:hover {
    color: #fd3a33
}

.jad-pagination-pager .pageIcon {
    font-size: 0
}

.jad-pagination-pager .pageIcon .jad-icon {
    font-size: 14px;
    line-height: 20px;
    color: #888
}

.jad-pagination-pager .pageIcon .jad-icon-arrow-double-left,.jad-pagination-pager .pageIcon .jad-icon-arrow-double-right {
    display: none;
    vertical-align: middle
}

.jad-pagination-pager .pageIcon .jad-icon-ellipsis2 {
    display: inline-block;
    vertical-align: bottom
}

.jad-pagination-pager .pageIcon:hover .jad-icon-arrow-double-left,.jad-pagination-pager .pageIcon:hover .jad-icon-arrow-double-right {
    display: inline-block
}

.jad-pagination-pager .pageIcon:hover .jad-icon-ellipsis2 {
    display: none
}

.jad-pagination-button {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 30px;
    border: 1px solid transparent;
    min-width: 32px;
    text-align: center;
    cursor: pointer;
    transition: color .3s;
    background: none;
    font-size: 0
}

.jad-pagination-button i {
    display: inline-block;
    vertical-align: middle;
    color: #888
}

.jad-pagination-button:hover {
    color: #fd3a33
}

.jad-pagination-button.disabled {
    cursor: not-allowed
}

.jad-pagination-button.disabled i {
    color: #bbb
}

.jad-pagination-total {
    padding-left: 4px
}

.jad-pagination-jumper,.jad-pagination-total {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px
}

.jad-pagination-jumper {
    padding-left: 8px;
    font-size: 0
}

.jad-pagination-jumper-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 8px
}

.jad-pagination-jumper .jad-btn {
    margin-left: 8px
}

.jad-pagination .jad-inputnumber {
    vertical-align: middle;
    width: 56px
}

.jad-pagination .jad-inputnumber-small {
    width: 48px
}

.jad-pagination-sizer {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px
}

.jad-pagination-sizer .jad-icon {
    color: #999;
    transition: transform .3s ease-in-out;
    display: inline-block;
    margin-left: 5px
}

.jad-pagination-sizer.open .jad-icon {
    transform: rotate(180deg)
}

.jad-pagination-divider {
    padding: 0 5px;
    display: inline-block;
    vertical-align: middle
}

.jad-pagination-max-page {
    margin-right: 4px
}

.jad-pagination-popper-pageSize-item {
    cursor: pointer;
    display: block;
    padding: 0 15px;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    white-space: nowrap
}

.jad-pagination-popper-pageSize-item.jad-pagination-popper-item-selected,.jad-pagination-popper-pageSize-item:focus,.jad-pagination-popper-pageSize-item:hover {
    text-decoration: none;
    background-color: #f5f6f7
}

.jad-pagination-popper-pageSize .jad-popover-inner {
    padding: 0;
    min-width: 32px
}

.jad-pagination-icon-fontSize {
    font-size: 14px
}

.jad-pagination-bg .jad-pagination-pager {
    line-height: 30px
}

.jad-pagination-bg .jad-pagination-pager .jad-icon-ellipsis2,.jad-pagination-bg .jad-pagination-pager li {
    background-color: #fff;
    border-color: #ccc;
    margin: 0 4px;
    border-radius: 4px;
    transition: all .3s
}

.jad-pagination-bg .jad-pagination-pager .jad-icon-ellipsis2:hover,.jad-pagination-bg .jad-pagination-pager li:hover {
    border-color: #fd3a33;
    color: #fd3a33
}

.jad-pagination-bg .jad-pagination-pager .jad-icon-ellipsis2.active,.jad-pagination-bg .jad-pagination-pager li.active {
    background-color: #fd3a33;
    border-color: #fd3a33;
    color: #fff
}

.jad-pagination-bg .jad-pagination-pager .pageIcon .jad-icon {
    font-size: 16px;
    line-height: 20px;
    color: #888
}

.jad-pagination-bg .jad-pagination-pager .pageIcon .jad-icon-arrow-double-left,.jad-pagination-bg .jad-pagination-pager .pageIcon .jad-icon-arrow-double-right {
    vertical-align: middle
}

.jad-pagination-bg .jad-pagination-pager .pageIcon .jad-icon-ellipsis2 {
    vertical-align: bottom
}

.jad-pagination-bg .jad-pagination-button {
    background-color: #fff;
    border-color: #ccc;
    margin: 0 4px;
    border-radius: 4px;
    transition: all .3s
}

.jad-pagination-bg .jad-pagination-button:hover {
    border-color: #fd3a33;
    color: #fd3a33
}

.jad-pagination-bg .jad-pagination-button i {
    color: #888
}

.jad-pagination-bg .jad-pagination-button.disabled {
    cursor: not-allowed;
    border-color: #ccc
}

.jad-pagination-bg .jad-pagination-button.disabled i {
    color: #bbb
}

.jad-pagination-bg .jad-pagination-icon-fontSize {
    font-size: 16px
}

.jad-pagination-small {
    font-size: 12px
}

.jad-pagination-small.jad-pagination .jad-pagination-pager {
    height: 24px;
    line-height: 22px
}

.jad-pagination-small.jad-pagination .jad-pagination-pager li {
    height: 24px;
    line-height: 22px;
    min-width: 24px;
    border-radius: 2px
}

.jad-pagination-small.jad-pagination .jad-pagination-pager .pageIcon .jad-icon {
    font-size: 12px;
    line-height: 12px;
    color: #888
}

.jad-pagination-small.jad-pagination .jad-pagination-pager .pageIcon .jad-icon-arrow-double-left,.jad-pagination-small.jad-pagination .jad-pagination-pager .pageIcon .jad-icon-arrow-double-right {
    vertical-align: middle
}

.jad-pagination-small.jad-pagination .jad-pagination-pager .pageIcon .jad-icon-ellipsis2 {
    vertical-align: bottom
}

.jad-pagination-small.jad-pagination .jad-pagination-button {
    height: 24px;
    line-height: 22px;
    min-width: 24px;
    border-radius: 2px
}

.jad-pagination-small.jad-pagination .jad-pagination-total {
    height: 24px;
    line-height: 24px
}

.jad-pagination-small.jad-pagination .jad-pagination-jumper {
    line-height: 24px
}

.jad-pagination-small.jad-pagination .jad-pagination-jumper-title {
    font-size: 12px
}

.jad-pagination-small.jad-pagination .jad-pagination-sizer {
    height: 24px;
    line-height: 24px
}

.jad-pagination-small.jad-pagination .jad-pagination-icon-fontSize {
    font-size: 12px
}

.jad-popover {
    display: inline-block;
    margin: 0;
    font-size: 14px
}

.jad-popover-poper {
    display: block;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    font-size: 14px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05)
}

.jad-popover-poper .jad-popover-light-arrow-border {
    border-style: solid;
    border-color: transparent;
    position: absolute
}

.jad-popover-poper[x-placement^=top] {
    margin-bottom: 10px
}

.jad-popover-poper[x-placement^=right] {
    margin-left: 10px
}

.jad-popover-poper[x-placement^=bottom] {
    margin-top: 10px
}

.jad-popover-poper[x-placement^=left] {
    margin-right: 10px
}

.jad-popover-poper[x-placement^=top] .jad-popover-arrow {
    bottom: -5px;
    border-width: 6px 6px 0
}

.jad-popover-poper[x-placement^=top] .jad-popover-dark-arrow {
    border-top-color: #333
}

.jad-popover-poper[x-placement^=top] .jad-popover-light-arrow {
    border-top-color: #ddd
}

.jad-popover-poper[x-placement^=top] .jad-popover-light-arrow .jad-popover-light-arrow-border {
    border-width: 5px 5px 0;
    border-top-color: #fff;
    left: -5px;
    top: -6px
}

.jad-popover-poper[x-placement^=right] .jad-popover-arrow {
    left: -5px;
    border-width: 6px 6px 6px 0
}

.jad-popover-poper[x-placement^=right] .jad-popover-dark-arrow {
    border-right-color: #333
}

.jad-popover-poper[x-placement^=right] .jad-popover-light-arrow {
    border-right-color: #ddd
}

.jad-popover-poper[x-placement^=right] .jad-popover-light-arrow .jad-popover-light-arrow-border {
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
    left: 1px;
    top: -5px
}

.jad-popover-poper[x-placement^=left] .jad-popover-arrow {
    right: -5px;
    border-width: 6px 0 6px 6px
}

.jad-popover-poper[x-placement^=left] .jad-popover-dark-arrow {
    border-left-color: #333
}

.jad-popover-poper[x-placement^=left] .jad-popover-light-arrow {
    border-left-color: #ddd
}

.jad-popover-poper[x-placement^=left] .jad-popover-light-arrow .jad-popover-light-arrow-border {
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    left: -7px;
    top: -5px
}

.jad-popover-poper[x-placement^=bottom] .jad-popover-arrow {
    top: -5px;
    border-width: 0 6px 6px
}

.jad-popover-poper[x-placement^=bottom] .jad-popover-dark-arrow {
    border-bottom-color: #333
}

.jad-popover-poper[x-placement^=bottom] .jad-popover-light-arrow {
    border-bottom-color: #ddd
}

.jad-popover-poper[x-placement^=bottom] .jad-popover-light-arrow .jad-popover-light-arrow-border {
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
    left: -5px;
    top: 2px
}

.jad-popover-inner {
    min-width: 100px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 5px;
    word-break: break-all
}

.jad-popover-inner .jad-popover-inner-title {
    font-size: 16px;
    padding-bottom: 4px;
    font-weight: 700
}

.jad-popover-inner .jad-popover-inner-confirm {
    text-align: right;
    padding-top: 8px
}

.jad-popover-inner-slot {
    max-width: none
}

.jad-popover-dark-inner {
    color: #fff;
    background-color: #333
}

.jad-popover-light-inner {
    color: #111;
    background-color: #fff;
    border: 1px solid #ccc
}

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

.jad-progress {
    position: relative;
    line-height: 1
}

.jad-progress-vertical {
    height: 100%;
    width: auto;
    display: inline-block
}

.jad-progress-vertical .jad-progress-bar {
    width: auto;
    height: 100%;
    display: block;
    text-align: center
}

.jad-progress-vertical .jad-progress-bar-outer {
    display: inline-block;
    position: relative;
    height: 100%;
    border-radius: 100px;
    background: #eee
}

.jad-progress-vertical .jad-progress-bar-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 100px;
    background-color: #2fc724
}

.jad-progress-vertical .jad-progress-bar-inner-text {
    top: 5px;
    left: 0;
    right: 0;
    text-align: center
}

.jad-progress-vertical .jad-progress-bar-active {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-color: #fff;
    transform-origin: 0 bottom;
    animation: light-vertical-progress 2s ease-in-out 0s infinite
}

.jad-progress-vertical .jad-progress-text {
    margin-top: 10px;
    margin-left: 0
}

.jad-progress-bar {
    display: inline-block;
    width: 100%;
    padding-right: 0;
    margin-right: 0;
    position: relative;
    vertical-align: middle
}

.jad-progress-bar-outer {
    position: relative;
    height: 6px;
    border-radius: 100px;
    background: #eee
}

.jad-progress-bar-inner {
    height: 100%;
    border-radius: 100px;
    background-color: #2fc724;
    transition: all .3s;
    position: relative
}

.jad-progress-bar-inner-text {
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    right: 5px;
    top: 0
}

.jad-progress-bar-active {
    height: 100%;
    border-radius: 100px;
    background-color: #fff;
    width: 100%;
    transform-origin: 0 0;
    animation: light-progress 2s ease-in-out 0s infinite
}

.jad-progress-line-target-marked {
    position: absolute;
    top: 2px;
    left: 100%;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 50px
}

.jad-progress-line-target-marked-graph {
    margin-left: -6px
}

.jad-progress-line-target-marked-graph-icon {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #ccc;
    width: 0;
    height: 0
}

.jad-progress-line-target-marked-text {
    line-height: 17px;
    text-align: center;
    font-size: 12px;
    color: #666;
    transform: translateX(-50%)
}

.jad-progress-text {
    vertical-align: middle;
    line-height: 1;
    margin-left: 10px;
    font-size: 14px;
    line-height: 22px
}

.jad-progress-circle,.jad-progress-text {
    display: inline-block
}

.jad-progress-circle .jad-progress-circle-bg {
    stroke: #eee
}

.jad-progress-circle .jad-progress-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0
}

.jad-progress-success .jad-progress-bar-inner {
    background-color: #2fc724
}

.jad-progress-success .jad-progress-text {
    color: #2fc724
}

.jad-progress-success path {
    stroke: #2fc724
}

.jad-progress-error .jad-progress-bar-inner {
    background-color: #fa2314
}

.jad-progress-error .jad-progress-text {
    color: #fa2314
}

.jad-progress-error path {
    stroke: #fa2314
}

.jad-progress-warning .jad-progress-bar-inner {
    background-color: #ff8400
}

.jad-progress-warning .jad-progress-text {
    color: #ff8400
}

.jad-progress-warning path {
    stroke: #ff8400
}

@keyframes light-progress {
    0% {
        transform: scale3D(0,1,1);
        opacity: .4
    }

    75% {
        transform: scale3D(1,1,1);
        opacity: 0
    }

    to {
        transform: scale3D(1,1,1);
        opacity: 0
    }
}

@keyframes light-vertical-progress {
    0% {
        transform: scale3D(1,0,1);
        opacity: .4
    }

    75% {
        transform: scale3D(1,1,1);
        opacity: 0
    }

    to {
        transform: scale3D(1,1,1);
        opacity: 0
    }
}

.jad-radio {
    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    margin-right: 8px
}

.jad-radio-wrapper {
    display: inline-block;
    cursor: pointer;
    color: #333;
    font-size: 14px
}

.jad-radio-wrapper-disabled {
    cursor: not-allowed
}

.jad-radio-wrapper+.jad-radio-wrapper {
    margin-left: 40px
}

.jad-radio-wrapper:hover .jad-radio:not(.jad-radio-disabled) .jad-radio-inner {
    border-color: #fd3a33
}

.jad-radio-wrapper-small .jad-radio-label {
    font-size: 12px;
    line-height: 20px
}

.jad-radio-wrapper-small .jad-radio-inner {
    width: 14px;
    height: 14px
}

.jad-radio-label {
    color: #111;
    vertical-align: middle;
    line-height: 22px
}

.jad-radio-inner {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: border-color .15s ease;
    background-color: #fff
}

.jad-radio-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px;
    border-radius: 50%;
    background-color: #fff;
    transform: scale(0);
    transition: transform .15s ease
}

.jad-radio-input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1
}

.jad-radio-checked .jad-radio-inner {
    border-color: #fd3a33;
    background-color: #fd3a33
}

.jad-radio-checked .jad-radio-inner:after {
    transform: scale(1)
}

.jad-radio-disabled .jad-radio-inner {
    background-color: #eee
}

.jad-radio-disabled.jad-radio-checked .jad-radio-inner {
    border-color: #ccc;
    background-color: #eee
}

.jad-radio-disabled.jad-radio-checked .jad-radio-inner:after {
    background-color: #ccc
}

.jad-radio-group {
    display: inline-block;
    font-size: 0;
    vertical-align: middle
}

.jad-radio-group-vertical:not(.jad-radio-group-button) .jad-radio-wrapper {
    display: block;
    margin-left: 0
}

.jad-radio-group-button .jad-radio {
    display: none
}

.jad-radio-group-button .jad-radio-wrapper {
    position: relative;
    border: 1px solid #ccc;
    padding: 0 16px;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    border-radius: 4px;
    background-color: #fff
}

.jad-radio-group-button .jad-radio-wrapper:not(:first-child):not(:last-child) {
    border-radius: 0
}

.jad-radio-group-button .jad-radio-wrapper-disabled {
    color: #999;
    background-color: #eee
}

.jad-radio-group-button .jad-radio-wrapper-disabled .jad-radio-label {
    color: #bbb
}

.jad-radio-group-button .jad-radio-wrapper+.jad-radio-wrapper {
    margin-left: -1px
}

.jad-radio-group-button .jad-radio-wrapper:hover {
    z-index: 100
}

.jad-radio-group-button .jad-radio-wrapper-checked {
    font-weight: 600;
    background-color: #eee;
    border-color: #888;
    z-index: 1
}

.jad-radio-group-button .jad-radio-wrapper-checked:before {
    display: none!important
}

.jad-radio-group-button .jad-radio-wrapper-checked+.jad-radio-wrapper:before {
    display: none
}

.jad-radio-group-button .jad-radio-wrapper-checked {
    color: #111
}

.jad-radio-group-button .jad-radio-wrapper:not(.jad-radio-wrapper-disabled):hover {
    color: #333;
    border-color: #888
}

.jad-radio-group-button .jad-radio-wrapper:not(.jad-radio-wrapper-disabled):active {
    color: #fd3a33
}

.jad-radio-group-button .jad-radio-wrapper .jad-radio-label {
    vertical-align: baseline
}

.jad-radio-group-button-large .jad-radio-wrapper {
    border-color: #ccc;
    padding: 0 24px;
    font-size: 14px;
    line-height: 38px;
    height: 40px;
    border-radius: 6px
}

.jad-radio-group-button-medium .jad-radio-wrapper {
    border-color: #ccc;
    padding: 0 16px;
    font-size: 12px;
    line-height: 30px;
    height: 32px;
    border-radius: 5px
}

.jad-radio-group-button-small .jad-radio-wrapper {
    border-color: #ccc;
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    border-radius: 4px
}

.jad-radio-group-button:not(.jad-radio-group-vertical) .jad-radio-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jad-radio-group-button:not(.jad-radio-group-vertical) .jad-radio-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jad-radio-group-button.jad-radio-group-vertical .jad-radio-wrapper {
    display: block;
    border: 1px solid #ccc
}

.jad-radio-group-button.jad-radio-group-vertical .jad-radio-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.jad-radio-group-button.jad-radio-group-vertical .jad-radio-wrapper:not(:first-child):before {
    top: 0;
    left: 25%;
    width: 50%;
    height: 1px
}

.jad-radio-group-button.jad-radio-group-vertical .jad-radio-wrapper:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.jad-radio-group-button.jad-radio-group-vertical .jad-radio-wrapper-checked {
    border-color: #888
}

.jad-radio-group-button.jad-radio-group-vertical .jad-radio-wrapper+.jad-radio-wrapper {
    margin-left: 0;
    margin-top: -1px
}

.jad-rate {
    height: 20px;
    line-height: 1;
    cursor: pointer
}

.jad-rate-disabled {
    cursor: default
}

.jad-rate-item {
    display: inline-block;
    position: relative;
    font-size: 0;
    vertical-align: middle
}

.jad-rate-item-disabled {
    cursor: default
}

.jad-rate-item-enabled {
    cursor: pointer
}

.jad-rate-hover {
    transform: scale(1.15)
}

.jad-rate-icon {
    display: inline-block;
    position: relative;
    color: #ced7e2;
    transition: .3s
}

.jad-rate-text {
    margin-left: 11px;
    color: #111;
    vertical-align: middle
}

.jad-select {
    display: inline-block
}

.jad-select .jad-select-input-clear {
    display: none;
    position: absolute;
    height: 24px;
    right: 12px;
    top: 0;
    background: #fff;
    cursor: pointer;
    color: #888
}

.jad-select .jad-btn,.jad-select .jad-btn-default,.jad-select .jad-input-wrapper,.jad-select .jad-select-input-mulit-wrap {
    display: flex
}

.jad-select .jad-btn-default .jad-icon-arrow-down,.jad-select .jad-btn .jad-icon-arrow-down,.jad-select .jad-input-wrapper .jad-icon-arrow-down,.jad-select .jad-select-input-mulit-wrap .jad-icon-arrow-down {
    font-size: 12px;
    color: #888
}

.jad-select .jad-btn-default .jad-input-inner,.jad-select .jad-btn .jad-input-inner,.jad-select .jad-input-wrapper .jad-input-inner,.jad-select .jad-select-input-mulit-wrap .jad-input-inner {
    width: 100%
}

.jad-select:hover .jad-select-input-clear {
    display: inline-block
}

.jad-select .jad-input-inner-readonly {
    border-color: #ddd
}

.jad-select .jad-icon {
    transition: transform .3s ease-in-out
}

.jad-select .jad-icon.open {
    transform: rotate(180deg)
}

.jad-select .jad-input-icon .jad-icon {
    display: block
}

.jad-select .jad-select-input-mulit-wrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.jad-select .jad-select-input-mulit-wrap .jad-icon {
    display: block
}

.jad-select-input-focus .jad-input-inner {
    border-color: #999
}

.jad-select-input-mulit-wrap {
    position: relative;
    border: 1px solid #ddd;
    width: 100%;
    color: #111;
    padding: 0 20px 0 12px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 4px
}

.jad-select-input-mulit-wrap.jad-select-input-mulit-medium {
    line-height: 32px
}

.jad-select-input-mulit-wrap.jad-select-input-mulit-large {
    line-height: 40px
}

.jad-select-input-mulit-wrap.jad-select-input-mulit-small {
    line-height: 24px
}

.jad-select-input-mulit-wrap.jad-select-input-mulit-small input {
    font-size: 12px;
    line-height: 22px
}

.jad-select-input-mulit-wrap .jad-select-input-place-text {
    color: #bbb
}

.jad-select-input-mulit-wrap input {
    width: 100%;
    border: none;
    font-size: 14px;
    line-height: 30px
}

.jad-select-input-mulit-wrap:hover {
    border-color: #aaa
}

.jad-select-input-mulit-wrap .jad-select-input-arrow,.jad-select-input-mulit-wrap .jad-select-input-clear {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 5px;
    line-height: 24px
}

.jad-select-input-mulit-wrap .jad-select-input-mirror {
    font-size: small;
    position: absolute;
    top: 0;
    left: -9999px;
    white-space: pre;
    pointer-events: none
}

.jad-select-input-mulit-focus {
    border-color: #999
}

.jad-select-input-mulit-disabled,.jad-select-input-mulit-disabled:hover {
    background: #eee;
    border-color: #ddd
}

.jad-select-input-mulit-tags {
    font-size: 0;
    margin-left: -8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.jad-select-input-mulit-tags .jad-icon-close2:before {
    color: #666
}

.jad-select-input-mulit-tags .jad-label-disabled {
    background-color: #ddd
}

.jad-select-input-mulit-tags-tag {
    margin: 3px 4px 3px 0
}

.jad-select-input-mulit-tags-popover .jad-popover-inner {
    padding: 8px 12px
}

.jad-select-input-mulit-tags-popover-content {
    max-height: 164px;
    overflow-y: auto
}

.jad-select-input-mulit-tags-popover .jad-label:not(:last-child) {
    margin-bottom: 4px
}

.jad-select-input-mulit-tags:hover .jad-icon-close2:before {
    color: #333
}

.jad-select-multi-all i {
    float: right
}

.jad-select-input-search-wrap {
    position: relative
}

.jad-select-input-search-wrap .jad-select-searchipt-text {
    position: absolute;
    max-width: 80%;
    top: 1px;
    left: 12px;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111
}

.jad-select-input-search-wrap .jad-select-searchipt-text.medium {
    line-height: 32px
}

.jad-select-input-search-wrap .jad-select-searchipt-text.large {
    line-height: 40px
}

.jad-select-input-search-wrap .jad-select-searchipt-text.small {
    line-height: 24px
}

.jad-select-input-search-wrap input {
    position: relative;
    background: none;
    z-index: 4
}

.jad-select-searchIpt .jad-input-inner {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0
}

.jad-select-searchIpt .jad-input-inner .jad-input-icon {
    color: #666
}

.jad-select-searchIpt .jad-input-inner .jad-checkbox-inner {
    border: 1px solid #ccc
}

.jad-select-searchIpt .jad-input-inner.jad-input-inner-focused {
    border-bottom: 1px solid #999
}

.jad-select-notFoundTxt {
    color: #999;
    font-size: 12px;
    padding: 5px 10px
}

.jad-select-popper {
    overflow: hidden!important;
    max-height: 100%
}

.jad-select-popper .jad-select-extra-icon {
    position: absolute;
    right: 10px;
    z-index: 4;
    display: none;
    height: 100%
}

.jad-select-popper .jad-dropdown-item {
    position: relative;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 16px
}

.jad-select-popper .jad-dropdown-item.jad-item-selected,.jad-select-popper .jad-dropdown-item:focus,.jad-select-popper .jad-dropdown-item:hover {
    background-color: #f5f6f7
}

.jad-select-popper .jad-dropdown-item:hover .jad-select-extra-icon {
    display: inline-block;
    background: #eff4f7
}

.jad-select-popper.jad-select-popper-large .jad-dropdown-item {
    line-height: 40px
}

.jad-select-popper.jad-select-popper-medium .jad-dropdown-item {
    line-height: 32px
}

.jad-select-popper.jad-select-popper-small .jad-dropdown-item {
    font-size: 12px;
    line-height: 24px
}

.jad-select-ul-bd {
    max-height: 220px;
    overflow: auto
}

.jad-select-ul-multi .jad-dropdown-item {
    height: 32px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jad-select-ul-multi .jad-select-multi-icon {
    float: right;
    display: none
}

.jad-select-ul-multi .jad-multi-item-selected {
    background: #fff
}

.jad-select-ul-multi .jad-multi-item-selected .jad-select-multi-icon {
    display: inline-block
}

.jad-select-ul-multi .jad-select-li-text {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.jad-select-li-tooltip {
    position: absolute;
    right: 24px;
    top: 0;
    width: 16px;
    height: 32px;
    vertical-align: middle
}

.jad-select-li-tooltip-box {
    width: 16px;
    display: inline-block;
    height: 32px
}

.jad-select-notify {
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    width: 100%;
    z-index: 3;
    font-size: 14px;
    color: #888;
    background: #fff
}

.jad-select-btn {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 0
}

.jad-select-btn.jad-btn {
    padding: 0
}

.jad-select-btn .jad-select-btn-text {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 26px 0 12px
}

.jad-btn-group-small>.jad-select-btn.jad-btn .jad-select-btn-text,.jad-select-btn.jad-btn-small .jad-select-btn-text {
    font-size: 12px
}

.jad-select-btn>i {
    position: absolute;
    right: 8px;
    top: 0
}

.jad-select-btn-focus {
    border-color: #999
}

.jad-select-btn-multi.jad-btn {
    min-height: 24px;
    height: auto;
    white-space: normal
}

.jad-select-btn-multi.jad-large {
    min-height: 38px;
    height: auto
}

.jad-select-btn-multi.jad-medium {
    min-height: 30px;
    height: auto
}

.jad-select-btn-multi.jad-small {
    min-height: 24px;
    height: auto
}

.jad-select-btn-multi .jad-label-close:hover {
    opacity: 1
}

.jad-select-btn-multi .jad-label-close i {
    opacity: .6
}

.jad-select-btn-multi .jad-label-close i:hover {
    opacity: 1
}

.jad-select-btn-multi .jad-label-close.jad-label-dash:hover {
    background: #fff;
    color: #333;
    border-color: #ccc
}

.jad-select-item-group-title {
    font-size: 14px;
    font-weight: 700;
    color: #666;
    padding: 5px 16px
}

.jad-select-item-group-ul .jad-dropdown-item {
    padding-left: 40px
}

.jad-select-item-group-ul .jad-select-li-tooltip {
    right: 84px
}

.jad-select-recycle-list-wrapper {
    max-height: 220px;
    position: relative;
    overflow: auto
}

.jad-list-scroll-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.jad-list-recyclist-items {
    position: relative;
    margin: 0;
    padding: 0
}

.jad-list-recyclist-item {
    top: 0
}

.jad-list-pos-absolute,.jad-list-recyclist-item {
    position: absolute;
    width: 100%
}

.jad-list-recyclist-invisible {
    top: -1000px
}

.jad-list .fade-enter-active,.jad-list .fade-leave-active {
    transition: opacity .3s
}

.jad-list .fade-enter,.jad-list .fade-leave-to {
    opacity: 0
}

.jad-slider {
    line-height: normal;
    position: relative
}

.jad-slider-bar {
    position: relative;
    vertical-align: middle;
    height: 4px;
    width: 100%;
    background-color: #eee;
    border-radius: 100px;
    cursor: pointer
}

.jad-slider-bar-loaded {
    background-color: #fd3a33;
    height: 100%;
    position: absolute;
    border-radius: 100px
}

.jad-slider-button {
    border-color: inherit;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid #fd3a33;
    background-color: #fff;
    transition: transform .3s;
    cursor: grab
}

.jad-slider-button-wrap {
    position: absolute;
    top: -6px;
    text-align: center;
    transform: translate3d(-50%,0,0)
}

.jad-slider-button.hover {
    transform: scale(1.5)
}

.jad-slider-stop {
    position: absolute;
    background-color: #fff;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin-left: -2px
}

.jad-slider-disabled .jad-slider-bar-loaded {
    background-color: #bbb
}

.jad-slider-disabled .jad-slider-button {
    cursor: not-allowed;
    border-color: #eee
}

.jad-slider-disabled .jad-slider-bar {
    cursor: not-allowed;
    background-color: #eee
}

.jad-slider-input {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.jad-slider .jad-tooltip {
    display: block;
    opacity: 1
}

.jad-slider-vertical {
    height: 100%
}

.jad-slider-vertical .jad-slider-bar {
    width: 4px;
    height: 100%
}

.jad-slider-vertical .jad-slider-bar-loaded {
    width: 100%
}

.jad-slider-vertical .jad-slider-stop {
    margin-left: 0;
    margin-bottom: -2px
}

.jad-slider-vertical .jad-slider-button-wrap {
    top: auto;
    left: -6px;
    transform: translate3d(0,50%,0)
}

.jad-step {
    float: left;
    position: relative;
    display: inline-block;
    zoom:1;*display: inline;
    word-spacing: normal;
    box-sizing: border-box;
    vertical-align: top;
    color: #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out
}

.jad-step-line {
    position: absolute;
    top: 12px;
    width: 100%;
    height: 1px;
    padding: 0 8px
}

.jad-step-line-inner {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #ccc
}

.jad-step-inner {
    font-size: 0
}

.jad-step-head {
    position: relative;
    display: inline-block;
    padding-right: 8px;
    background-color: #fff
}

.jad-step-head-inner {
    width: 24px;
    height: 24px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    color: #ccc
}

.jad-step-head-text {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #ccc
}

.jad-step-main {
    position: relative;
    display: inline;
    text-align: left;
    font-size: 0
}

.jad-step-main,.jad-step-title {
    vertical-align: top;
    padding-right: 8px
}

.jad-step-title {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    background-color: #fff;
    margin-bottom: 4px
}

.jad-step-description {
    padding-left: 32px;
    padding-right: 8px;
    color: #bbb;
    font-size: 12px;
    line-height: 20px;
    background-color: #fff
}

.jad-step-custom-content {
    display: inline-block;
    padding-right: 10px;
    background-color: #fff;
    vertical-align: top
}

.jad-step-finish {
    color: #111
}

.jad-step-finish .jad-step-head-inner {
    color: #2fc724
}

.jad-step-finish .jad-step-head-text {
    background-color: inherit;
    border-color: #2fc724
}

.jad-step-finish .jad-icon-star-full,.jad-step-finish .jad-icon-star-half-empty2 {
    color: inherit
}

.jad-step-finish .jad-step-description {
    color: #666
}

.jad-step-process {
    color: #111
}

.jad-step-process .jad-step-head-inner {
    color: #fff
}

.jad-step-process .jad-step-head-inner .jad-icon {
    color: #2fc724
}

.jad-step-process .jad-step-head-text {
    border-color: #2fc724;
    background-color: #2fc724
}

.jad-step-process .jad-step-title {
    font-weight: 500
}

.jad-step-process .jad-step-description {
    color: #666
}

.jad-step-error .jad-step-head-inner,.jad-step-error .jad-step-head-inner .jad-icon {
    color: #fd4545
}

.jad-step-error .jad-step-head-text {
    background-color: #fa2314;
    border-color: #fa2314
}

.jad-step-error .jad-step-head-text .jad-icon {
    color: #fff
}

.jad-step-error .jad-step-title {
    font-weight: 400
}

.jad-step-error .jad-step-description {
    color: #fa2314
}

.jad-step-wait .jad-step-head-inner,.jad-step-wait .jad-step-head-inner .jad-icon {
    color: #ccc
}

.jad-step-wait .jad-step-head-text {
    background-color: #fff;
    border-color: #ccc
}

.jad-steps-vertical .jad-step {
    float: none;
    display: block;
    padding-bottom: 40px
}

.jad-steps-vertical .jad-step-head {
    padding-right: 8px
}

.jad-steps-vertical .jad-step-line {
    left: 12px;
    top: 0;
    width: 1px;
    height: 100%;
    padding: 32px 0 8px
}

.jad-steps-vertical .jad-step-description {
    background-color: transparent
}

.jad-steps-vertical .jad-step:last-child {
    padding-bottom: 0
}

.jad-steps-align-center .jad-step-line {
    left: 50%;
    padding: 0 24px
}

.jad-steps-align-center .jad-step-head {
    display: block;
    padding: 0 8px;
    text-align: center;
    background: none
}

.jad-steps-align-center .jad-step-head-inner {
    display: inline-block;
    background-color: #fff
}

.jad-steps-align-center .jad-step-main {
    display: block;
    padding: 0;
    text-align: center
}

.jad-steps-align-center .jad-step-title {
    display: block;
    padding: 0 30px;
    margin: 4px 0
}

.jad-steps-align-center .jad-step-description {
    padding: 0 30px
}

.jad-steps-align-center .jad-step-custom-content {
    display: block;
    padding: 0 30px
}

.jad-steps-vertical.jad-steps-align-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.jad-steps-vertical.jad-steps-align-center .jad-step {
    padding-bottom: 48px
}

.jad-steps-vertical.jad-steps-align-center .jad-step-line {
    padding: 32px 0 8px
}

.jad-steps-vertical.jad-steps-align-center .jad-step-main {
    background-color: #fff
}

.jad-steps-vertical.jad-steps-align-center .jad-step-title {
    margin: 4px 0
}

.jad-steps-vertical.jad-steps-align-center .jad-step-description {
    padding-bottom: 8px
}

.jad-steps-vertical.jad-steps-align-center .jad-step-description div {
    max-width: 400px
}

.jad-steps {
    font-size: 0
}

.jad-steps:after {
    display: block;
    content: "";
    font-size: 0;
    clear: both
}

.jad-steps-small .jad-step-line {
    top: 9px
}

.jad-steps-small .jad-step-head-inner {
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 12px
}

.jad-steps-small .jad-step-head-text .jad-icon {
    display: block;
    font-size: 12px;
    transform: scale(.7)
}

.jad-steps-small .jad-step-title {
    margin-top: -2px;
    font-size: 14px;
    line-height: 22px
}

.jad-steps-small .jad-step-description {
    padding-left: 26px
}

.jad-steps-small.jad-steps-vertical .jad-step {
    padding-bottom: 30px
}

.jad-steps-small.jad-steps-vertical .jad-step-line {
    left: 8px;
    height: 100%;
    padding: 26px 0 8px;
    top: 0
}

.jad-steps-dot .jad-step .jad-step-head {
    margin-top: 8px
}

.jad-steps-dot .jad-step .jad-step-head-inner {
    background: #bbb;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.jad-steps-dot .jad-step .jad-step-head-text {
    background-color: #fff;
    border-color: #fff;
    width: 50%;
    height: 50%
}

.jad-steps-dot .jad-step .jad-step-head-text-content,.jad-steps-dot .jad-step .jad-step-head-text .jad-icon {
    display: none
}

.jad-steps-dot .jad-step-process .jad-step-head-inner {
    background-color: #2fc724
}

.jad-steps-dot .jad-step-process .jad-step-head-text {
    border-color: #2fc724;
    background-color: #2fc724
}

.jad-steps-dot .jad-step-finish .jad-step-head-inner {
    background: #2fc724
}

.jad-steps-dot.jad-steps-align-center .jad-step-line {
    padding: 0 16px
}

.jad-steps-dot.jad-steps-vertical .jad-step-line {
    padding: 24px 0 0
}

.jad-steps-dot.jad-steps-vertical .jad-step-head {
    margin-left: 8px
}

.jad-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    background-color: #ddd;
    border-radius: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    height: 14px
}

.jad-switch,.jad-switch-content {
    line-height: 14px;
    transition: all .2s ease-in-out
}

.jad-switch-content {
    position: absolute;
    left: 14px;
    width: 18px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.jad-switch:after {
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-width: 1px;
    border-radius: 100%;
    content: "";
    box-sizing: content-box;
    cursor: pointer;
    border: 1px solid #ddd;
    transition: all .2s ease-in-out
}

.jad-switch.jad-switch-checked {
    background-color: #2fc724
}

.jad-switch.jad-switch-checked .jad-switch-content {
    left: 2px
}

.jad-switch-out {
    width: 40px;
    height: 14px
}

.jad-switch-out:after {
    top: -3px;
    width: 18px;
    height: 18px
}

.jad-switch-out.jad-switch-checked:after {
    left: 20px;
    border-color: #2fc724
}

.jad-switch-out.jad-switch-disabled.jad-switch-checked:after {
    border-color: #9dec98;
    background: #fff
}

.jad-switch-inner {
    width: 28px;
    height: 16px
}

.jad-switch-inner:after {
    top: 1px;
    left: 1px;
    border: none;
    width: 14px;
    height: 14px
}

.jad-switch-inner.jad-switch-checked:after {
    left: 13px;
    border: none
}

.jad-switch-disabled {
    background-color: #ddd;
    cursor: no-drop
}

.jad-switch-disabled:after {
    background-color: #eee;
    cursor: no-drop
}

.jad-switch-disabled.jad-switch-checked {
    background-color: #9dec98
}

.jad-switch-disabled.jad-switch-checked:after {
    background: #fff
}

.jad-switch.jad-switch-large {
    width: 40px;
    height: 20px;
    line-height: 20px
}

.jad-switch.jad-switch-large:after {
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    border: none
}

.jad-switch.jad-switch-large .jad-switch-content {
    left: 20px;
    width: 18px;
    line-height: 20px;
    font-weight: 700
}

.jad-switch.jad-switch-large.jad-switch-checked .jad-switch-content {
    left: 2px
}

.jad-switch.jad-switch-large.jad-switch-checked:after {
    left: 21px
}

.jad-switch.jad-switch-mini.jad-switch-out {
    width: 28px;
    height: 12px
}

.jad-switch.jad-switch-mini.jad-switch-out:after {
    top: -2px;
    width: 14px;
    height: 14px
}

.jad-switch.jad-switch-mini.jad-switch-out.jad-switch-checked:after {
    left: 12px;
    border-color: #2fc724
}

.jad-table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    overflow: visible
}

.jad-table table {
    width: 100%;
    table-layout: auto;
    transform: translateZ(0);
    border-collapse: separate
}

.jad-table td,.jad-table th {
    text-align: left;
    padding: 12px;
    word-break: break-all;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.jad-table td {
    color: #111;
    background: #fff
}

.jad-table th {
    font-weight: 400;
    color: #666;
    background: #f5f6f7
}

.jad-table tr:first-child td {
    border-top: none
}

.jad-table tr:first-child th {
    border-top: 1px solid #eee
}

.jad-table .left-fixed-box-shadow:after {
    right: 0;
    transform: translateX(100%);
    box-shadow: inset 10px 0 8px -8px rgba(5,5,5,.12)
}

.jad-table .left-fixed-box-shadow:after,.jad-table .right-fixed-box-shadow:after {
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 30px;
    transition: box-shadow .3s;
    content: "";
    pointer-events: none;
    will-change: opacity;
    opacity: 1
}

.jad-table .right-fixed-box-shadow:after {
    left: 0;
    transform: translateX(-100%);
    box-shadow: inset -10px 0 8px -8px rgba(5,5,5,.12)
}

.jad-table.left-fixed-float .left-fixed-box-shadow:after,.jad-table.right-fixed-float .right-fixed-box-shadow:after {
    opacity: 1
}

.jad-table .right-fixed-border {
    border-left: 1px solid #eee
}

.jad-table .scroll-right-border-fixed {
    border-right: none
}

.jad-table .fixed-column {
    position: sticky;
    z-index: 10
}

.jad-table-no-border td,.jad-table-no-border th {
    border-right: none
}

.jad-table-header tr {
    border-bottom: none
}

table .jad-table-selection {
    padding-right: 10px;
    text-align: center
}

.empty-selection-label .jad-table-selection {
    border-right: 1px solid #eee;
    padding-right: 10px;
    text-align: center
}

.empty-selection-label .jad-table-selection .jad-checkbox-label {
    margin-left: 0
}

.empty-selection-label .jad-table-selection .jad-radio {
    margin-right: 0
}

.jad-table-tr-hover td,.jad-table tbody tr:hover td {
    background-color: #f8f8f8
}

.jad-table tbody tr td.hover-show-wrapper,.jad-table tbody tr th.hover-show-wrapper,.jad-table thead tr td.hover-show-wrapper,.jad-table thead tr th.hover-show-wrapper {
    padding: 0!important
}

.jad-table tbody tr td.hover-show-wrapper:not(.has-row-num),.jad-table tbody tr th.hover-show-wrapper:not(.has-row-num),.jad-table thead tr td.hover-show-wrapper:not(.has-row-num),.jad-table thead tr th.hover-show-wrapper:not(.has-row-num) {
    border-right: none
}

.jad-table tbody tr td.hover-show-wrapper:not(.has-row-num) .jad-checkbox-wrapper,.jad-table tbody tr td.hover-show-wrapper:not(.has-row-num) .jad-radio-wrapper,.jad-table tbody tr th.hover-show-wrapper:not(.has-row-num) .jad-checkbox-wrapper,.jad-table tbody tr th.hover-show-wrapper:not(.has-row-num) .jad-radio-wrapper,.jad-table thead tr td.hover-show-wrapper:not(.has-row-num) .jad-checkbox-wrapper,.jad-table thead tr td.hover-show-wrapper:not(.has-row-num) .jad-radio-wrapper,.jad-table thead tr th.hover-show-wrapper:not(.has-row-num) .jad-checkbox-wrapper,.jad-table thead tr th.hover-show-wrapper:not(.has-row-num) .jad-radio-wrapper {
    position: relative;
    left: 6px;
    top: -1px
}

.jad-table tbody tr td.hover-show-wrapper .hover-show,.jad-table tbody tr th.hover-show-wrapper .hover-show,.jad-table thead tr td.hover-show-wrapper .hover-show,.jad-table thead tr th.hover-show-wrapper .hover-show {
    display: none
}

.jad-table tbody tr:hover td .hover-show,.jad-table tbody tr:hover th .hover-show,.jad-table tbody tr td.hover-show-wrapper .not-hover-show,.jad-table tbody tr th.hover-show-wrapper .not-hover-show,.jad-table thead tr:hover td .hover-show,.jad-table thead tr:hover th .hover-show,.jad-table thead tr td.hover-show-wrapper .not-hover-show,.jad-table thead tr th.hover-show-wrapper .not-hover-show {
    display: block
}

.jad-table tbody tr:hover td .not-hover-show,.jad-table tbody tr:hover th .not-hover-show,.jad-table thead tr:hover td .not-hover-show,.jad-table thead tr:hover th .not-hover-show {
    display: none
}

.jad-table-content {
    overflow: auto
}

.jad-table-content-wrapper {
    overflow: auto;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

.jad-table-content-wrapper.hide-native-bar::-webkit-scrollbar {
    height: 0
}

.jad-table-content td:last-child {
    border-right-width: 0
}

.jad-table-content table {
    background: #fff
}

.jad-table-content .jad-radio-label {
    display: none
}

.jad-table-content-nodata {
    min-height: 200px;
    border-bottom: 1px solid #eee
}

.jad-table-content-nodata tbody tr:hover td {
    background: none
}

.jad-table-content-nodata td {
    text-align: center;
    border: none;
    color: #888
}

.jad-table-header {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    scrollbar-width: none
}

.jad-table-header th:last-child {
    border-right-width: 0
}

.jad-table-header::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.jad-table-header-with-fixed-top {
    z-index: 10;
    background: #fff
}

.jad-table-header .jad-table-header-gutter {
    padding: 0
}

.jad-table-sort {
    vertical-align: middle
}

.jad-table-sort i {
    cursor: pointer
}

.jad-table-filter {
    vertical-align: middle;
    cursor: pointer;
    padding: 15px 0
}

.jad-table-filter-content {
    text-align: left
}

.jad-table-filter-content .jad-checkbox-wrapper {
    font-size: 12px
}

.jad-table-filter-content-footer {
    margin-top: 10px;
    text-align: right
}

.jad-table-expand-selection {
    cursor: pointer
}

.jad-table-expand-content {
    background-color: #fff
}

.jad-table-fixed-left {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: 3px 0 10px rgba(0,0,0,.12);
    z-index: 15
}

.jad-table-fixed-left .jad-table-content {
    overflow-x: hidden
}

.jad-table-fixed-right {
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: -3px 0 10px rgba(0,0,0,.12);
    z-index: 15
}

.jad-table-fixed-right,.jad-table-fixed-right .jad-table-content,.jad-table-fixed-right .jad-table-header {
    position: absolute;
    top: 0;
    right: 0;
    left: auto
}

.jad-table-fixed-right .jad-table-header {
    width: auto
}

.jad-table-scrollbar {
    right: 0;
    z-index: 2;
    overflow-x: scroll;
    overflow-y: hidden;
    cursor: pointer
}

.jad-table-scrollbar-simscroll {
    height: 10px;
    cursor: default
}

.jad-table-scrollbar::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,7%,.2);
    border-radius: 7px
}

.jad-table-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0,0%,7%,.4)
}

.jad-table-scrollbar::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.jad-table-child-icon {
    display: inline-block;
    height: 16px;
    width: 10px;
    vertical-align: middle;
    margin-right: 4px
}

.jad-table-child-title {
    vertical-align: middle
}

.jad-table-fixed-scroll .jad-table-content::-webkit-scrollbar-thumb {
    background-color: transparent
}

.jad-table-fixed-scroll .jad-table-content::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.jad-table-expand-cell,.jad-table-fixed {
    position: relative
}

.jad-table-expand-cell .jad-table-expand-selection {
    cursor: pointer;
    background: #fff
}

.jad-table-expand-cell .jad-table-expand-content {
    background-color: #fff
}

.jad-table-column-resize-line {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    border-right: 1px dashed #888
}

.jad-table-column-resize-hover {
    border-right-color: #888!important
}

.jad-tabspane {
    padding-bottom: 15px
}

.jad-tabs {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    color: #111
}

.jad-tabs-add {
    display: flex;
    background: #fff;
    line-height: 40px;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    padding-left: 8px;
    position: absolute;
    right: 0;
    z-index: 99
}

.jad-tabs-add :first-child {
    cursor: pointer
}

.jad-tabs-add-left-icon:hover,.jad-tabs-add-right-icon:hover {
    color: #fd3a33
}

.jad-tabs-nav {
    float: left
}

.jad-tabs-nav-scroll {
    white-space: nowrap;
    overflow: hidden;
    line-height: 34px;
    margin-bottom: -1px
}

.jad-tabs-nav-next,.jad-tabs-nav-prev {
    position: absolute;
    line-height: 34px;
    cursor: pointer;
    z-index: 999
}

.jad-tabs-nav-next:hover,.jad-tabs-nav-prev:hover {
    color: inherit
}

.jad-tabs-nav-prev {
    left: 0
}

.jad-tabs-nav-card {
    margin-bottom: -1px
}

.jad-tabs-nav-tab {
    box-sizing: border-box;
    transition: color .3s;
    cursor: pointer
}

.jad-tabs-nav-tab,.jad-tabs-nav-tab div:last-child {
    display: inline-block
}

.jad-tabs-nav-tab-cardCheckbox {
    position: relative
}

.jad-tabs-nav-tab-checkbox {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 10px solid #fd3a33;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transition: opacity .3s
}

.jad-tabs-nav-tab-checkbox:before {
    content: "";
    width: 3px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: -9px;
    left: -5px;
    display: block;
    transform: rotate(45deg)
}

.jad-tabs-nav-tab-icon {
    padding-left: 16px
}

.jad-tabs-nav-tab-has-icon {
    padding: 0 16px 0 0
}

.jad-tabs-nav-tab-no-icon {
    padding: 0 16px
}

.jad-tabs-nav-tab-active,.jad-tabs-nav-tab:hover {
    color: #fd3a33;
    font-weight: 700
}

.jad-tabs-nav-tab-active .jad-tabs-nav-tab-checkbox {
    opacity: 1
}

.jad-tabs-nav-tab-disable {
    color: #999;
    cursor: not-allowed
}

.jad-tabs-nav-tab-disable:hover {
    font-weight: 400;
    color: #999
}

.jad-tabs-nav-tab>.jad-icon {
    font-size: 14px
}

.jad-tabs-card {
    background-color: #fff
}

.jad-tabs-card .jad-tabs-nav-scroll {
    border-bottom: 1px solid #ddd
}

.jad-tabs-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.jad-tabs-drag .jad-tabs-nav-tab {
    cursor: move
}

.jad-tabs-cardBorder {
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd
}

.jad-tabs-cardBorder .jad-tabs-nav-scroll {
    border-bottom: 1px solid #ddd
}

.jad-tabs-cardBorder .jad-tabs-nav-scroll.no-border {
    border: 0
}

.jad-tabs-cardPanel {
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ddd
}

.jad-tabs-cardPanel .jad-tabs-tab-bottom {
    display: none
}

.jad-tabs-cardPanel .jad-tabs-nav-scroll {
    border-bottom: 1px solid #ddd
}

.jad-tabs-cardPanel .jad-tabs-nav-tab {
    padding: 0 24px;
    border-top: 2px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-radius: 0;
    font-size: 0;
    vertical-align: top;
    transition: background-color .3s,border-bottom-color .3s
}

.jad-tabs-cardPanel .jad-tabs-nav-tab.jad-tabs-nav-tab-small {
    padding: 0 16px
}

.jad-tabs-cardPanel .jad-tabs-nav-tab-active {
    background-color: #fff;
    border-bottom-color: #fff;
    border-top-color: #fd3a33;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.jad-tabs-cardBox .jad-tabs-tab-bottom,.jad-tabs-cardCheckbox .jad-tabs-tab-bottom {
    display: none
}

.jad-tabs-cardBox .jad-tabs-nav-scroll,.jad-tabs-cardCheckbox .jad-tabs-nav-scroll {
    border-bottom: 1px solid #ddd
}

.jad-tabs-cardBox .jad-tabs-nav-scroll.no-border,.jad-tabs-cardCheckbox .jad-tabs-nav-scroll.no-border {
    border: 0
}

.jad-tabs-cardBox .jad-tabs-nav-tab,.jad-tabs-cardCheckbox .jad-tabs-nav-tab {
    padding: 0 24px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    transition: background-color .3s,border-bottom-color .3s
}

.jad-tabs-cardBox .jad-tabs-nav-tab.no-bottom-border,.jad-tabs-cardCheckbox .jad-tabs-nav-tab.no-bottom-border {
    vertical-align: top
}

.jad-tabs-cardBox .jad-tabs-nav-tab.no-border,.jad-tabs-cardCheckbox .jad-tabs-nav-tab.no-border {
    border: 0
}

.jad-tabs-cardBox .jad-tabs-nav-tab.jad-tabs-nav-tab-small,.jad-tabs-cardCheckbox .jad-tabs-nav-tab.jad-tabs-nav-tab-small {
    padding: 0 16px
}

.jad-tabs-cardBox .jad-tabs-nav-tab-active,.jad-tabs-cardCheckbox .jad-tabs-nav-tab-active {
    background-color: #fff;
    border-bottom-color: #fff
}

.jad-tabs-bar {
    position: relative;
    margin-bottom: 24px
}

.jad-tabs-bar-scroll {
    margin-left: 20px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 1px
}

.jad-tabs-tab-bottom {
    height: 2px;
    width: 74px;
    background: #fd3a33;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    transition: all .3s
}

.jad-tabs-fullBar .jad-tabs-nav-tab-small .jad-tabs-nav-tab-has-icon,.jad-tabs-fullBar .jad-tabs-nav-tab-small .jad-tabs-nav-tab-no-icon {
    font-size: 14px
}

.jad-tabs-fullBar .jad-tabs-nav-scroll {
    line-height: 48px
}

.jad-tabs-fullBar .jad-tabs-nav-tab {
    height: 100%
}

.jad-tabs-fullBar .jad-tabs-nav-tab-has-icon,.jad-tabs-fullBar .jad-tabs-nav-tab-no-icon {
    padding: 0;
    font-size: 16px;
    display: inline-block
}

.jad-tabs-fullBar .jad-tabs-nav-tab-has-icon {
    vertical-align: middle
}

.jad-tabs-fullBar .jad-tabs-nav-tab-icon {
    padding: 0;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

.jad-tabs-fullBar .jad-tabs-nav-tab>.jad-icon {
    font-size: 16px
}

.jad-tabs-fullBar .jad-tabs-bar-cardCheckbox .jad-tabs-nav-tab-has-icon,.jad-tabs-fullBar .jad-tabs-bar-cardCheckbox .jad-tabs-nav-tab-no-icon,.jad-tabs-fullBar .jad-tabs-bar-cardPanel .jad-tabs-nav-tab-has-icon,.jad-tabs-fullBar .jad-tabs-bar-cardPanel .jad-tabs-nav-tab-no-icon {
    font-size: 14px
}

.jad-tabs-fullBar.jad-tabs-cardBox .jad-tabs-nav {
    position: absolute;
    top: 0;
    height: 100%
}

.jad-tabs-fullBar.jad-tabs-cardBox .jad-tabs-nav-scroll {
    line-height: 39px;
    height: 40px
}

.jad-tabs-fullBar.jad-tabs-cardPanel .jad-tabs-nav {
    position: absolute;
    top: 0;
    height: 100%;
    margin-left: -1px
}

.jad-tabs-fullBar.jad-tabs-cardPanel .jad-tabs-nav-scroll {
    line-height: 43px;
    height: 48px;
    background-color: #f8f8f8
}

.jad-tabs-fullBar.jad-tabs-cardCheckbox .jad-tabs-nav {
    position: absolute;
    top: 0;
    height: 100%
}

.jad-tabs-fullBar.jad-tabs-cardCheckbox .jad-tabs-nav-scroll {
    line-height: 30px;
    height: 32px
}

.jad-tabs-fullBar.jad-tabs-cardCheckbox .jad-tabs-nav-tab {
    overflow: hidden
}

.jad-label {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    padding: 0 8px;
    font-size: 14px;
    line-height: 30px;
    height: 32px;
    color: #111;
    border-color: #ddd;
    background: #fff;
    font-weight: 400
}

.jad-label.disabled,.jad-label.disabled.focus,.jad-label.disabled:focus,.jad-label.disabled:hover,.jad-label[disabled],.jad-label[disabled].focus,.jad-label[disabled]:focus,.jad-label[disabled]:hover,.jad-label fieldset[disabled],.jad-label fieldset[disabled].focus,.jad-label fieldset[disabled]:focus,.jad-label fieldset[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    opacity: .6;
    color: #666;
    cursor: not-allowed
}

.jad-label [class^=jad-icon] {
    vertical-align: middle
}

.jad-label-primary {
    color: #111;
    border-color: #eee;
    background: #eee;
    font-weight: 400
}

.jad-label-primary.disabled,.jad-label-primary.disabled.focus,.jad-label-primary.disabled:focus,.jad-label-primary.disabled:hover,.jad-label-primary[disabled],.jad-label-primary[disabled].focus,.jad-label-primary[disabled]:focus,.jad-label-primary[disabled]:hover,.jad-label-primary fieldset[disabled],.jad-label-primary fieldset[disabled].focus,.jad-label-primary fieldset[disabled]:focus,.jad-label-primary fieldset[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    opacity: .6;
    color: #666;
    cursor: not-allowed
}

.jad-label-success {
    color: #fff;
    border-color: #2fc724;
    background: #2fc724;
    font-weight: 400
}

.jad-label-success.disabled,.jad-label-success.disabled.focus,.jad-label-success.disabled:focus,.jad-label-success.disabled:hover,.jad-label-success[disabled],.jad-label-success[disabled].focus,.jad-label-success[disabled]:focus,.jad-label-success[disabled]:hover,.jad-label-success fieldset[disabled],.jad-label-success fieldset[disabled].focus,.jad-label-success fieldset[disabled]:focus,.jad-label-success fieldset[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    opacity: .6;
    color: #666;
    cursor: not-allowed
}

.jad-label-info {
    color: #fff;
    border-color: #3075ff;
    background: #3075ff;
    font-weight: 400
}

.jad-label-info.disabled,.jad-label-info.disabled.focus,.jad-label-info.disabled:focus,.jad-label-info.disabled:hover,.jad-label-info[disabled],.jad-label-info[disabled].focus,.jad-label-info[disabled]:focus,.jad-label-info[disabled]:hover,.jad-label-info fieldset[disabled],.jad-label-info fieldset[disabled].focus,.jad-label-info fieldset[disabled]:focus,.jad-label-info fieldset[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    opacity: .6;
    color: #666;
    cursor: not-allowed
}

.jad-label-warning {
    color: #fff;
    border-color: #ff8400;
    background: #ff8400;
    font-weight: 400
}

.jad-label-warning.disabled,.jad-label-warning.disabled.focus,.jad-label-warning.disabled:focus,.jad-label-warning.disabled:hover,.jad-label-warning[disabled],.jad-label-warning[disabled].focus,.jad-label-warning[disabled]:focus,.jad-label-warning[disabled]:hover,.jad-label-warning fieldset[disabled],.jad-label-warning fieldset[disabled].focus,.jad-label-warning fieldset[disabled]:focus,.jad-label-warning fieldset[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    opacity: .6;
    color: #666;
    cursor: not-allowed
}

.jad-label-error {
    color: #fff;
    border-color: #fa2314;
    background: #fa2314;
    font-weight: 400
}

.jad-label-error.disabled,.jad-label-error.disabled.focus,.jad-label-error.disabled:focus,.jad-label-error.disabled:hover,.jad-label-error[disabled],.jad-label-error[disabled].focus,.jad-label-error[disabled]:focus,.jad-label-error[disabled]:hover,.jad-label-error fieldset[disabled],.jad-label-error fieldset[disabled].focus,.jad-label-error fieldset[disabled]:focus,.jad-label-error fieldset[disabled]:hover {
    background-color: #ddd;
    border-color: #ddd;
    opacity: .6;
    color: #666;
    cursor: not-allowed
}

.jad-label-outline-primary {
    color: #111;
    background-color: #fff;
    background-image: none;
    border-color: #ddd
}

.jad-label-outline-primary.disabled,.jad-label-outline-primary.disabled.focus,.jad-label-outline-primary.disabled:focus,.jad-label-outline-primary.disabled:hover,.jad-label-outline-primary:disabled,.jad-label-outline-primary:disabled.focus,.jad-label-outline-primary:disabled:focus,.jad-label-outline-primary:disabled:hover {
    color: #666;
    border-color: #ddd;
    background-color: #fff;
    cursor: not-allowed
}

.jad-label-outline-success {
    color: #2fc724;
    background-color: #fff;
    background-image: none;
    border-color: #2fc724
}

.jad-label-outline-success.disabled,.jad-label-outline-success.disabled.focus,.jad-label-outline-success.disabled:focus,.jad-label-outline-success.disabled:hover,.jad-label-outline-success:disabled,.jad-label-outline-success:disabled.focus,.jad-label-outline-success:disabled:focus,.jad-label-outline-success:disabled:hover {
    color: #666;
    border-color: #ddd;
    background-color: #fff;
    cursor: not-allowed
}

.jad-label-outline-info {
    color: #3075ff;
    background-color: #fff;
    background-image: none;
    border-color: #3075ff
}

.jad-label-outline-info.disabled,.jad-label-outline-info.disabled.focus,.jad-label-outline-info.disabled:focus,.jad-label-outline-info.disabled:hover,.jad-label-outline-info:disabled,.jad-label-outline-info:disabled.focus,.jad-label-outline-info:disabled:focus,.jad-label-outline-info:disabled:hover {
    color: #666;
    border-color: #ddd;
    background-color: #fff;
    cursor: not-allowed
}

.jad-label-outline-warning {
    color: #ff8400;
    background-color: #fff;
    background-image: none;
    border-color: #ff8400
}

.jad-label-outline-warning.disabled,.jad-label-outline-warning.disabled.focus,.jad-label-outline-warning.disabled:focus,.jad-label-outline-warning.disabled:hover,.jad-label-outline-warning:disabled,.jad-label-outline-warning:disabled.focus,.jad-label-outline-warning:disabled:focus,.jad-label-outline-warning:disabled:hover {
    color: #666;
    border-color: #ddd;
    background-color: #fff;
    cursor: not-allowed
}

.jad-label-outline-error {
    color: #fa2314;
    background-color: #fff;
    background-image: none;
    border-color: #fa2314
}

.jad-label-outline-error.disabled,.jad-label-outline-error.disabled.focus,.jad-label-outline-error.disabled:focus,.jad-label-outline-error.disabled:hover,.jad-label-outline-error:disabled,.jad-label-outline-error:disabled.focus,.jad-label-outline-error:disabled:focus,.jad-label-outline-error:disabled:hover {
    color: #666;
    border-color: #ddd;
    background-color: #fff;
    cursor: not-allowed
}

.jad-label-text {
    color: #666;
    cursor: pointer
}

.jad-label-default {
    background: #ccc;
    color: #fff
}

.jad-label-large {
    padding: 0 8px;
    font-size: 14px;
    line-height: 32px;
    height: 32px
}

.jad-label-medium {
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    height: 24px
}

.jad-label-small {
    padding: 0 2px;
    font-size: 12px;
    line-height: 14px;
    height: 20px
}

.jad-label-medium,.jad-label-small {
    border-radius: 2px
}

.jad-label-medium .jad-icon,.jad-label-small .jad-icon {
    transform: scale(.8)
}

.jad-label-medium {
    padding: 0 6px
}

.jad-label-small {
    padding: 2px
}

.jad-label-tag-text {
    display: inline-block
}

.jad-label-dash {
    border-style: dashed;
    background: #fff
}

.jad-label-hover {
    cursor: pointer
}

.jad-label-hover:hover {
    opacity: .85
}

.jad-label-hover.jad-label-dash:hover {
    background: none;
    color: #2db7f5;
    border-color: #2db7f5
}

.jad-label-hover.jad-label-text:hover {
    background: none;
    color: #2db7f5
}

.jad-label-icon-infront {
    text-align: left;
    padding-left: 26px;
    position: relative
}

.jad-label-icon-infront i {
    position: absolute;
    left: 8px;
    top: 0;
    height: 100%;
    margin-right: 4px
}

.jad-label-icon-infront.jad-label-small i {
    top: 2px
}

.jad-label-icon-inback {
    text-align: left;
    padding-right: 26px;
    position: relative
}

.jad-label-icon-inback i {
    position: absolute;
    right: 8px;
    top: 0;
    height: 100%;
    margin-left: 4px
}

.jad-label-isPlacement {
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.jad-label-placement-leftTop {
    left: 0;
    top: 0;
    border-radius: 3px 0
}

.jad-label-placement-leftBottom {
    left: 0;
    bottom: 0;
    border-radius: 0 3px
}

.jad-label-placement-rightTop {
    right: 0;
    top: 0;
    border-radius: 0 3px
}

.jad-label-placement-rightBottom {
    right: 0;
    bottom: 0;
    border-radius: 3px 0
}

.jad-label-placement-bottom {
    width: 100%;
    position: absolute;
    border-radius: 0 0 3px 3px;
    bottom: 0
}

.jad-label-long-tag {
    max-width: 154px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jad-label-select-hover:hover {
    color: #fd3a33
}

.jad-label-select {
    background: #fd3a33;
    color: #fff!important
}

.jad-label-close {
    text-align: left;
    padding-right: 24px;
    position: relative
}

.jad-label-close i {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 0;
    height: 100%
}

.jad-label-close.jad-label-large {
    padding-right: 24px
}

.jad-label-close.jad-label-large i {
    right: 8px
}

.jad-label-close.jad-label-medium {
    padding-right: 24px
}

.jad-label-close.jad-label-medium i {
    right: 8px
}

.jad-label-close.jad-label-small {
    padding-right: 16px
}

.jad-label-close.jad-label-small i {
    top: 2px;
    right: 2px
}

.jad-label-close.jad-label-dash:hover {
    background: none;
    color: #2db7f5;
    border-color: #2db7f5
}

.jad-label-close.jad-label-text:hover {
    background: none;
    color: #2db7f5
}

.jad-label-disabled,.jad-label-disabled:hover {
    color: #888;
    cursor: not-allowed
}

.jad-label-disabled:hover i,.jad-label-disabled i {
    cursor: not-allowed
}

.is-circle {
    border-radius: 100%
}

.jad-label-block {
    width: 100%;
    display: block
}

.jad-label-text {
    border: none
}

.jad-label-circle {
    border-radius: 16px
}

.jad-label-rounded {
    border-radius: 4px
}

.jad-label-rounded.jad-label-large {
    border-radius: 6px
}

.jad-label-rounded.jad-label-medium {
    border-radius: 4px
}

.jad-timeline .jad-timeline-item {
    margin: 0;
    padding: 0 0 24px;
    position: relative
}

.jad-timeline .jad-timeline-item-line {
    height: 100%;
    border-left: 1px solid #ddd;
    position: absolute;
    left: 6px;
    top: 0
}

.jad-timeline .jad-timeline-item-line-default {
    border-color: #ddd
}

.jad-timeline .jad-timeline-item-line-blue {
    border-color: #2db7f5
}

.jad-timeline .jad-timeline-item-line-red {
    border-color: #fd4545
}

.jad-timeline .jad-timeline-item-line-green {
    border-color: #20d08c
}

.jad-timeline .jad-timeline-item-pending .jad-timeline .jad-timeline-item-line {
    display: none
}

.jad-timeline .jad-timeline-item-head {
    width: 13px;
    height: 13px;
    background-color: #ddd;
    border-radius: 50%;
    border: 1px solid transparent;
    position: absolute
}

.jad-timeline .jad-timeline-item-head-default {
    background-color: #ddd;
    border-color: #ddd;
    color: #ddd
}

.jad-timeline .jad-timeline-item-head-blue {
    background-color: #2db7f5;
    border-color: #2db7f5;
    color: #2db7f5
}

.jad-timeline .jad-timeline-item-head-red {
    background-color: #fd4545;
    border-color: #fd4545;
    color: #fd4545
}

.jad-timeline .jad-timeline-item-head-green {
    background-color: #20d08c;
    border-color: #20d08c;
    color: #20d08c
}

.jad-timeline .jad-timeline-item-head-custom {
    width: 40px;
    height: auto;
    margin-top: 6px;
    padding: 3px 0;
    text-align: center;
    line-height: 1;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: 0;
    font-size: 12px;
    position: absolute;
    left: -13px;
    transform: translateY(-50%)
}

.jad-timeline .jad-timeline-item-content {
    padding: 1px 1px 0 24px;
    color: #111;
    font-size: 12px;
    position: relative;
    top: -3px
}

.jad-timeline .jad-timeline-item:last-child .jad-timeline-item-line {
    display: none
}

.jad-timeline-pending .jad-timeline-item:nth-last-of-type(2) .jad-timeline-item-line {
    border-left: 1px dotted #ddd
}

.jad-timeline-pending .jad-timeline-item:last-child .jad-timeline-item-head {
    background-color: #eee;
    border-color: #eee
}

.jad-timeline-pending .jad-timeline-item:last-child .jad-timeline-item-content {
    color: #3075ff
}

.jad-tooltip {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    opacity: .9
}

.jad-tooltip-poper {
    display: block;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 4px;
    position: absolute;
    font-size: 14px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05)
}

.jad-tooltip-poper .jad-tooltip-light-arrow-border {
    border-style: solid;
    border-color: transparent;
    position: absolute
}

.jad-tooltip-poper[x-placement^=top] {
    margin-bottom: 10px
}

.jad-tooltip-poper[x-placement^=right] {
    margin-left: 10px
}

.jad-tooltip-poper[x-placement^=bottom] {
    margin-top: 10px
}

.jad-tooltip-poper[x-placement^=left] {
    margin-right: 10px
}

.jad-tooltip-poper[x-placement^=top] .jad-tooltip-arrow {
    bottom: -5px;
    border-width: 6px 6px 0
}

.jad-tooltip-poper[x-placement^=top] .jad-tooltip-dark-arrow {
    border-top-color: #333
}

.jad-tooltip-poper[x-placement^=top] .jad-tooltip-light-arrow {
    border-top-color: #ddd
}

.jad-tooltip-poper[x-placement^=top] .jad-tooltip-light-arrow .jad-tooltip-light-arrow-border {
    border-width: 5px 5px 0;
    border-top-color: #fff;
    left: -5px;
    top: -6px
}

.jad-tooltip-poper[x-placement^=right] .jad-tooltip-arrow {
    left: -5px;
    border-width: 6px 6px 6px 0
}

.jad-tooltip-poper[x-placement^=right] .jad-tooltip-dark-arrow {
    border-right-color: #333
}

.jad-tooltip-poper[x-placement^=right] .jad-tooltip-light-arrow {
    border-right-color: #ddd
}

.jad-tooltip-poper[x-placement^=right] .jad-tooltip-light-arrow .jad-tooltip-light-arrow-border {
    border-width: 5px 5px 5px 0;
    border-right-color: #fff;
    left: 1px;
    top: -5px
}

.jad-tooltip-poper[x-placement^=left] .jad-tooltip-arrow {
    right: -5px;
    border-width: 6px 0 6px 6px
}

.jad-tooltip-poper[x-placement^=left] .jad-tooltip-dark-arrow {
    border-left-color: #333
}

.jad-tooltip-poper[x-placement^=left] .jad-tooltip-light-arrow {
    border-left-color: #ddd
}

.jad-tooltip-poper[x-placement^=left] .jad-tooltip-light-arrow .jad-tooltip-light-arrow-border {
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    left: -7px;
    top: -5px
}

.jad-tooltip-poper[x-placement^=bottom] .jad-tooltip-arrow {
    top: -5px;
    border-width: 0 6px 6px
}

.jad-tooltip-poper[x-placement^=bottom] .jad-tooltip-dark-arrow {
    border-bottom-color: #333
}

.jad-tooltip-poper[x-placement^=bottom] .jad-tooltip-light-arrow {
    border-bottom-color: #ddd
}

.jad-tooltip-poper[x-placement^=bottom] .jad-tooltip-light-arrow .jad-tooltip-light-arrow-border {
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
    left: -5px;
    top: 2px
}

.jad-tooltip-inner {
    padding: 8px 12px;
    line-height: 22px;
    box-sizing: border-box;
    border-radius: 4px;
    word-break: break-all
}

.jad-tooltip-dark-inner {
    color: #fff;
    background-color: #333
}

.jad-tooltip-light-inner {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc
}

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

.jad-transfer {
    display: flex;
    width: 558px;
    min-height: 326px;
    font-size: 14px
}

.jad-transfer.has-search .jad-transfer-panel-body {
    padding-top: 40px
}

.jad-transfer-button {
    min-width: 24px;
    height: 24px;
    line-height: 1;
    display: block;
    padding: 0 4px
}

.jad-transfer-button:first-child {
    margin-bottom: 16px
}

.jad-transfer-button-text {
    vertical-align: middle;
    padding-right: 4px
}

.jad-transfer-button span {
    font-size: 12px
}

.jad-transfer-button i {
    line-height: 1;
    display: inline-block
}

.jad-transfer-buttons {
    align-self: center;
    padding: 0 10px
}

.jad-transfer .jad-checkbox-label {
    margin-left: 16px
}

.jad-transfer-panel {
    display: flex;
    flex-direction: column;
    flex: 1;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px 0 inherit
}

.jad-transfer-panel-header {
    flex: none;
    padding: 0 16px;
    position: relative;
    height: 49px;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    background-color: #f5f6f7
}

.jad-transfer-panel-header-selected {
    position: absolute;
    right: 10px;
    top: 0;
    color: #888
}

.jad-transfer-panel-body {
    position: relative;
    flex: 1;
    overflow: hidden
}

.jad-transfer-panel-body-search {
    width: 100%;
    position: absolute;
    display: flex;
    padding: 8px 8px 0;
    left: 0;
    top: 0
}

.jad-transfer-panel-body-search-input {
    flex: 1;
    border: none;
    line-height: 26px
}

.jad-transfer-panel-body-search-select {
    flex: 1;
    margin-left: 8px
}

.jad-transfer-panel-footer {
    flex: none;
    height: 49px;
    border-top: 1px solid #ddd
}

.jad-transfer-panel-content {
    height: 100%;
    overflow: auto;
    padding: 8px 0
}

.jad-transfer-panel-content .jad-checkbox-wrapper-checked {
    background-color: inherit
}

.jad-transfer-panel-content .jad-checkbox-group {
    width: 100%
}

.jad-transfer-panel-item {
    padding: 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: all .3s;
    position: relative;
    width: 100%;
    margin-right: 0;
    height: 38px;
    line-height: 38px
}

.jad-transfer-panel-item-arrow {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 5px
}

.jad-transfer-panel-item:hover {
    background-color: #f5f6f7
}

.jad-transfer-panel-item .jad-checkbox-checked {
    background-image: inherit
}

.jad-transfer-panel-notFound {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
    color: #888
}

.item-enter {
    background-color: #f4f8fb
}

.item-enter-active {
    transition: background-color .5s
}

.item-leave-active {
    opacity: 0
}

.item-move {
    transition: all .3s
}

.jad-tree {
    height: 100%;
    overflow: auto;
    padding: 0 10px;
    box-sizing: border-box;
    transition: all .2s ease-in-out
}

.jad-tree ul {
    font-size: 14px
}

.jad-tree ul,.jad-tree ul li {
    padding: 0;
    margin: 0;
    list-style: none
}

.jad-tree ul li {
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    outline: 0
}

.jad-tree ul li li {
    padding-left: 20px;
    width: 100%;
    box-sizing: border-box
}

.jad-tree-line {
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px
}

.jad-tree-line:hover {
    background-color: #f5f6f7;
    cursor: pointer;
    color: #333
}

.jad-tree-line:hover .jad-tree-arrow .jad-icon-caret-right,.jad-tree-line:hover .jad-tree-arrow .jad-icon-caret-up {
    color: #999!important
}

.jad-tree-title {
    display: inline-block;
    width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    margin-left: 8px
}

.jad-tree-title-selected {
    color: #333
}

.jad-tree-title-disabled {
    cursor: not-allowed;
    color: #bbb
}

.jad-tree-title-disabled .jad-tree-arrow .jad-icon {
    color: #999!important
}

.jad-tree-arrow {
    cursor: pointer
}

.jad-tree-arrow-right {
    width: 10px;
    height: 10px
}

.jad-tree-arrow i {
    transition: all .2s ease-in-out;
    color: #888!important
}

.jad-tree-arrow-down i {
    transform: rotate(90deg)
}

.jad-tree-checkbox {
    margin-left: 4px;
    border-color: #ccc;
    border-radius: 2px
}

.jad-tree-checkbox .jad-checkbox-label {
    margin-left: 0
}

.jad-upload-wrap {
    display: block
}

.jad-upload-trigger {
    display: inline-block;
    transition: all .3s;
    border-radius: 3px;
    cursor: pointer;
    text-align: center
}

.jad-upload-trigger .jad-btn-group-large>.jad-btn,.jad-upload-trigger .jad-btn-large {
    font-size: 14px
}

.jad-upload-tip {
    color: #666;
    font-size: 12px;
    line-height: 20px;
    margin-top: 12px
}

.jad-upload-drag {
    display: block;
    border: 1px dashed #ddd;
    width: 320px;
    height: 173px;
    background-color: #fcfcfc;
    text-align: center;
    padding: 8px
}

.jad-upload-drag.dragOver,.jad-upload-drag:hover {
    border-color: #666
}

.jad-upload-drag p {
    color: inherit
}

.jad-upload-pic {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px dashed #ddd;
    color: inherit;
    background-color: #fcfcfc
}

.jad-upload-pic:hover {
    border-color: #666
}

.jad-upload-pic .jad-upload-item-label {
    border-radius: 3px 0 4px 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    padding: 0 4px;
    color: #111;
    line-height: 22px;
    height: 22px;
    background-color: #eee
}

.jad-upload-card {
    width: 90px;
    height: 90px;
    border: 1px dashed #ddd;
    background-color: #fcfcfc
}

.jad-upload-card:hover {
    border-color: #666
}

.jad-upload-input {
    display: none
}

.jad-upload-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 16px
}

.jad-upload-list-item {
    transition: all .3s;
    line-height: 32px;
    color: #666;
    position: relative;
    width: 100%;
    border-radius: 4px;
    padding: 0 8px;
    overflow: hidden
}

.jad-upload-list-item.fail {
    color: #fa2314
}

.jad-upload-list-item i {
    font-size: 14px;
    color: #666;
    vertical-align: middle
}

.jad-upload-list-item-filename {
    color: #111;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
    margin-left: 5px
}

.jad-upload-list-item-status {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.jad-upload-list-item-percent,.jad-upload-list-item .jad-icon-status-success {
    position: absolute;
    right: 8px;
    transform: translate(0);
    transition: all .3s
}

.jad-upload-list-item .jad-icon-status-success {
    padding: 0;
    font-size: 14px;
    color: #2fc724
}

.jad-upload-list-item .jad-icon-status-error {
    cursor: pointer;
    position: absolute;
    padding: 0;
    right: 8px;
    font-size: 14px;
    color: #888;
    opacity: 0;
    transform: translate(20px);
    transition: all .3s
}

.jad-upload-list-item:hover {
    background-color: #f5f6f7
}

.jad-upload-list-item:hover .jad-icon-status-success {
    transform: translate(-20px);
    cursor: default;
    opacity: 0
}

.jad-upload-list-item:hover .jad-icon-status-error {
    opacity: 1;
    transform: translate(0)
}

.jad-upload-list-item:hover .jad-upload-list-item-percent {
    transform: translate(-25px)
}

.jad-upload-list-trigger {
    border: none;
    width: 150px;
    height: 150px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 3px
}

.jad-upload-list-trigger .jad-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    transform: translate(-50%,-50%)
}

.jad-upload-list-pic {
    display: inline;
    vertical-align: top
}

.jad-upload-list-pic li {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-radius: 3px
}

.jad-upload-list-pic .jad-upload-list-item {
    width: 150px;
    height: 150px;
    border: 1px solid #eee;
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    overflow: hidden;
    padding: 5px
}

.jad-upload-list-pic .jad-upload-list-item.fail {
    border-color: #fa2314
}

.jad-upload-list-pic .jad-upload-list-item:hover .jad-upload-list-item-mask {
    opacity: 1
}

.jad-upload-list-pic .jad-upload-list-item-info {
    padding: 0
}

.jad-upload-list-pic .jad-upload-list-item-info img {
    max-width: 100%;
    max-height: 100%
}

.jad-upload-list-pic .jad-upload-list-item-status {
    display: none
}

.jad-upload-list-pic .jad-upload-list-item-icons {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    cursor: pointer;
    text-align: center;
    transform: translate(-50%,-50%)
}

.jad-upload-list-pic .jad-upload-list-item-icons .jad-icon {
    font-size: 18px;
    margin: 0 4px;
    z-index: 10;
    color: #fff
}

.jad-upload-list-pic .jad-upload-list-item-mask {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    transition: all .3s;
    opacity: 0
}

.jad-upload-list-pic .jad-upload-list-item .jad-progress {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 4px
}

.jad-upload-list-card {
    display: inline;
    vertical-align: top
}

.jad-upload-list-card li {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-radius: 3px
}

.jad-upload-list-card .jad-upload-list-trigger {
    width: 90px;
    height: 90px
}

.jad-upload-list-card .jad-upload-list-item {
    width: 90px;
    height: 90px;
    border: 1px solid #eee;
    padding: 4px;
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    overflow: hidden
}

.jad-upload-list-card .jad-upload-list-item.fail {
    border-color: #fa2314
}

.jad-upload-list-card .jad-upload-list-item:hover .jad-upload-list-item-mask {
    opacity: 1
}

.jad-upload-list-card .jad-upload-list-item-info {
    padding: 0
}

.jad-upload-list-card .jad-upload-list-item-info img {
    max-width: 100%;
    max-height: 100%
}

.jad-upload-list-card .jad-upload-list-item-status {
    display: none
}

.jad-upload-list-card .jad-upload-list-item-icons {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    cursor: pointer;
    text-align: center;
    transform: translate(-50%,-50%)
}

.jad-upload-list-card .jad-upload-list-item-icons .jad-icon {
    font-size: 18px;
    margin: 0 4px;
    z-index: 10;
    color: #fff
}

.jad-upload-list-card .jad-upload-list-item-mask {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    transition: all .3s;
    opacity: 0
}

.jad-upload-list-card .jad-upload-list-item .jad-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    padding-top: 35px
}

.jad-upload-list .jad-upload-list-item-label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    padding: 0 4px;
    color: #111;
    line-height: 22px;
    height: 22px;
    border-radius: 3px 0 4px 0;
    background-color: #eee
}

.upload-enter {
    background-color: #f5f6f7;
    border-color: #888;
    transform: translateY(-100%)
}

.upload-enter-active {
    transition: background-color .5s;
    transform: translate(0)
}

.upload-leave-active {
    opacity: 0;
    transform: translateY(-100%)
}

.upload-move {
    transition: all .5s
}

.jad-spinner {
    position: relative;
    width: 0
}

.jad-spinner .jad-spinner-li,.jad-spinner .jad-spinner-span {
    position: absolute;
    display: block
}

.jad-collapse {
    width: 100%
}

.jad-collapse .jad-collapse-item {
    width: 100%;
    margin-bottom: 8px
}

.jad-collapse .jad-collapse-item.is-disabled,.jad-collapse .jad-collapse-item.is-disabled .jad-collapse-header {
    cursor: not-allowed
}

.jad-collapse .jad-collapse-item.is-disabled .jad-collapse-content,.jad-collapse .jad-collapse-item.is-disabled .jad-collapse-icon,.jad-collapse .jad-collapse-item.is-disabled .jad-collapse-icon-text,.jad-collapse .jad-collapse-item.is-disabled .jad-collapse-title {
    color: #bbb
}

.jad-collapse .jad-collapse-item-line {
    width: 100%;
    border-bottom: 1px solid #f5f6f7
}

.jad-collapse .jad-collapse-item-line:last-child {
    border-bottom: 0
}

.jad-collapse .jad-collapse-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative
}

.jad-collapse .jad-collapse-header:after,.jad-collapse .jad-collapse-header:before {
    content: " ";
    display: table
}

.jad-collapse .jad-collapse-header:after {
    clear: both
}

.jad-collapse .jad-collapse-icon {
    position: absolute;
    top: 0;
    width: 20px;
    text-align: right;
    color: #666
}

.jad-collapse .jad-collapse-icon-table {
    right: 24px
}

.jad-collapse .jad-collapse-icon-word {
    right: 12px
}

.jad-collapse .jad-collapse-icon .jad-icon {
    position: absolute;
    right: 0;
    transition: transform .3s ease-in-out
}

.jad-collapse .jad-collapse-icon .jad-icon.is-active {
    transform: rotate(180deg)
}

.jad-collapse .jad-collapse-icon-text {
    position: absolute;
    text-align: right;
    color: #3075ff
}

.jad-collapse .jad-collapse-icon-text:hover {
    color: #5996ff
}

.jad-collapse .jad-collapse-icon-text-table {
    right: 24px
}

.jad-collapse .jad-collapse-icon-text-word {
    right: 12px
}

.jad-collapse .jad-collapse-title {
    margin-right: 20px;
    font-weight: 700;
    color: #111
}

.jad-collapse .jad-collapse-title .jad-icon {
    vertical-align: bottom
}

.jad-collapse .jad-collapse-content {
    will-change: height;
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.jad-collapse .jad-collapse-content-word {
    padding: 0 16px 12px;
    color: #111
}

.jad-collapse .jad-collapse-icon,.jad-collapse .jad-collapse-title {
    padding: 12px 16px;
    line-height: 22px
}

.jad-collapse .jad-collapse-icon-table,.jad-collapse .jad-collapse-title-table {
    font-weight: 400;
    padding: 14px 12px 16px;
    line-height: 20px
}

.collapse-transition {
    transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

.jad-carousel {
    position: relative;
    overflow: hidden
}

.jad-carousel-container {
    text-align: center;
    min-height: 64px;
    position: relative;
    min-width: 300px
}

.jad-carousel-arrow {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    height: 30px;
    line-height: 30px;
    width: 20px;
    display: block;
    background: rgba(0,0,0,.1);
    cursor: pointer;
    transition: .3s;
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center
}

.jad-carousel-arrow-left {
    left: 24px
}

.jad-carousel-arrow-right {
    right: 24px
}

.jad-carousel-arrow:hover {
    background: rgba(0,0,0,.2)
}

.jad-carousel-item {
    background: #ddd;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
    text-align: center
}

.jad-carousel-item.is-animating {
    transition: transform .4s ease-in-out
}

.jad-carousel-indicator {
    background: transparent;
    display: inline-block;
    padding: 12px 4px;
    cursor: pointer
}

.jad-carousel-indicator-item {
    width: 24px;
    opacity: .5;
    height: 1px;
    background-color: #fff;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
}

.jad-carousel-indicator:hover .jad-carousel-indicator-item {
    background-color: #fff;
    opacity: .7
}

.jad-carousel-indicator.is-active .jad-carousel-indicator-item {
    opacity: 1
}

.jad-carousel-indicators-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 2;
    list-style: none
}

.jad-carousel-indicators-right {
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 2;
    list-style: none;
    transform: rotate(90deg)
}

.jad-carousel .is-active {
    z-index: 2
}

.jad-scroll {
    touch-action: none
}

.jad-scroll-container {
    overflow-y: scroll
}

.jad-scroll-loading {
    margin-top: 16px;
    padding: 0;
    transition: padding .5s;
    text-align: center
}

.jad-scroll-loading-text {
    text-align: center;
    font-size: 14px;
    color: rgba(51,51,51,.8);
    display: inline-block;
    line-height: 20px;
    vertical-align: top
}

.jad-scroll .jad-spinner {
    margin: 0 auto
}

.jad-scroll-loading-animation {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #ddd;
    border-right-color: hsla(0,0%,87%,0);
    border-left-color: hsla(0,0%,87%,.7);
    border-top-color: hsla(0,0%,87%,.4);
    animation: scrollAnimation 1.1s infinite linear;
    -webkit-animation: scrollAnimation 1.1s infinite linear
}

@keyframes scrollAnimation {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.jad-anchor {
    border-left: 1px solid #eee
}

.jad-anchor-link {
    font-size: 12px;
    line-height: 20px;
    border-left: 1px solid transparent;
    padding: 0 12px;
    margin-bottom: 4px
}

.jad-anchor-link-first {
    color: #111
}

.jad-anchor-link-second {
    color: #666;
    margin-left: 12px
}

.jad-anchor-link a:hover {
    color: #ff3a33
}

.jad-anchor-link a:active {
    color: #db2c23
}

.jad-anchor-link-active {
    border-color: #ff3a33
}

.jad-anchor-link-active a {
    color: #ff3a33
}

.jad-multi-cascader {
    position: relative
}

.jad-multi-cascader-menus {
    display: flex;
    background: #fff;
    margin-top: 1px;
    border: 1px solid #e4e7ed;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    border-radius: 2px
}

.jad-multi-cascader-menus .jad-multi-cascader-menu {
    border-right: 1px solid #e4e7ed;
    max-height: 300px;
    overflow-y: auto
}

.jad-multi-cascader-menus .jad-multi-cascader-menu li {
    padding: 8px;
    height: 38px;
    cursor: pointer;
    box-sizing: border-box
}

.jad-multi-cascader-menus .jad-multi-cascader-menu li.active,.jad-multi-cascader-menus .jad-multi-cascader-menu li:hover {
    background: #f8f8f8
}

.jad-multi-cascader-menus .jad-multi-cascader-menu .jad-multi-cascader-menu-item {
    display: flex;
    min-width: 160px
}

.jad-multi-cascader-menus .jad-multi-cascader-menu .jad-multi-cascader-menu-item .jad-checkbox-label {
    display: none
}

.jad-multi-cascader-menus .jad-multi-cascader-menu .jad-multi-cascader-menu-item .menu-item-text {
    margin-left: 8px;
    flex: 1;
    white-space: nowrap
}

.jad-multi-cascader-menus .jad-multi-cascader-menu .jad-multi-cascader-menu-item .jad-multi-cascader-right-icon {
    flex: 1;
    text-align: right;
    position: relative
}

.jad-multi-cascader .jad-input-inner-readonly {
    border-color: #ddd
}

.jad-multi-cascader .jad-input-inner-readonly:hover {
    border-color: #999
}

.jad-pro-custom-columns {
    display: inline-block
}

.jad-pro-custom-columns-btn .jad-icon {
    float: right;
    margin-left: 3px;
    transition: transform .3s ease-in-out
}

.jad-pro-custom-columns-btn .jad-icon.open {
    transform: rotate(180deg)
}

.jad-pro-custom-columns-optmize-btn {
    width: 40px;
    padding: 0
}

.jad-pro-custom-columns-popper {
    max-width: 604px;
    padding: 16px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
    border-radius: 4px
}

.jad-pro-custom-columns-title {
    display: inline-block;
    margin: 16px 24px 0 0;
    vertical-align: top
}

.jad-pro-custom-columns-tooltip {
    position: relative;
    top: 18px;
    margin: 0 10px 0 -20px
}

.jad-pro-custom-columns-checkbox {
    margin-top: 16px;
    height: 22px;
    line-height: 22px;
    width: 134px;
    position: relative;
    padding-left: 24px
}

.jad-pro-custom-columns-checkbox .jad-checkbox {
    position: absolute;
    left: 0;
    top: 3px
}

.jad-pro-custom-columns-checkbox .jad-checkbox-label {
    margin-left: 0;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis
}

.jad-pro-custom-columns .jad-icon {
    transition: all .3s ease-in-out
}

.jad-pro-custom-columns .jad-icon.open {
    transform: rotate(180deg)
}

.jad-pro-multilevelSteps {
    color: #999
}

.jad-pro-multilevelSteps-item {
    margin-bottom: 20px
}

.jad-pro-multilevelSteps-item-active,.jad-pro-multilevelSteps-item-finish,.jad-pro-multilevelSteps-item-finish .jad-step-title {
    color: #333
}

.jad-pro-multilevelSteps-head {
    margin-bottom: 24px
}

.jad-pro-multilevelSteps-head.has-edit {
    padding-bottom: 28px
}

.jad-pro-multilevelSteps-head-number {
    font-size: 36px;
    font-weight: 700
}

.jad-pro-multilevelSteps-head-title {
    font-size: 18px;
    margin-left: 10px;
    position: relative
}

.jad-pro-multilevelSteps-head-edit {
    position: absolute;
    left: 0;
    top: 32px;
    font-size: 12px;
    color: #fd3a33;
    line-height: 22px;
    display: block;
    transition: color .3s
}

.jad-pro-multilevelSteps-head-edit:hover {
    color: #016ee8
}

.jad-pro-multilevelSteps-main {
    padding-left: 10px
}

.jad-pro-multilevelSteps-main-content {
    margin-top: 8px
}

.jad-pro-multilevelSteps-main-edit {
    margin-top: 8px;
    color: #fd3a33;
    display: block;
    transition: color .3s
}

.jad-pro-multilevelSteps-main-edit:hover {
    color: #016ee8
}

.jad-pro-multilevelSteps .jad-step-head {
    padding-right: 16px
}

.jad-pro-multilevelSteps .jad-step-finish {
    color: #333
}

.jad-pro-multilevelSteps .jad-steps .jad-step-description {
    padding-left: 30px;
    color: #666
}

.jad-pro-pageHeader {
    position: relative
}

.jad-pro-pageHeader .jad-breadcrumbs {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px
}

.jad-pro-pageHeader .jad-breadcrumbs .jad-breadcrumb {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

.jad-pro-pageHeader .jad-breadcrumbs .jad-breadcrumb:last-child .jad-breadcrumb-link {
    max-width: none;
    color: #111
}

.jad-pro-pageHeader .jad-breadcrumbs .jad-breadcrumb-link {
    color: #666;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.jad-pro-pageHeader .jad-breadcrumbs .jad-breadcrumb span.jad-breadcrumb-link {
    font-weight: 700;
    font-size: 16px
}

.jad-pro-pageHeader .jad-breadcrumbs .jad-breadcrumb-separator {
    padding: 0 12px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}

.jad-pro-pageHeader-top {
    margin-bottom: 16px;
    line-height: 24px;
    background: #fff;
    border-radius: 4px;
    padding: 20px 24px
}

.jad-pro-pageHeader-breadcrumb {
    height: 24px;
    line-height: 24px;
    font-size: 0;
    display: flex;
    align-items: center
}

.jad-pro-pageHeader-breadcrumb-sub {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle
}

.jad-pro-pageHeader-breadcrumb-action {
    margin-left: auto
}

.jad-pro-pageHeader-top-extra {
    background: #fff;
    margin-top: 12px
}

.jad-pro-pageHeader-title {
    color: #333;
    margin-bottom: 12px;
    font-size: 0;
    display: flex;
    align-items: center
}

.jad-pro-pageHeader-title-main {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.jad-pro-pageHeader-title-sub {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.jad-pro-pageHeader-title-extra {
    color: #fd3a33;
    transition: color .3s
}

.jad-pro-pageHeader-title-extra:hover {
    color: #016ee8
}

.jad-pro-pageHeader-title-action {
    margin-left: auto
}

.jad-pro-pageHeader-row {
    display: flex;
    width: 100%
}

.jad-pro-pageHeader-action {
    position: absolute;
    top: 36px;
    right: 0;
    text-align: right
}

.jad-pro-pageHeader-tip,.jad-pro-pageHeader-warning {
    padding: 5px 16px 5px 24px;
    background-color: #fff9ec;
    border: 1px solid #ffe5ac;
    font-size: 14px;
    color: #333;
    position: relative;
    margin-bottom: 12px;
    line-height: 22px
}

.jad-pro-pageHeader-tip.tips,.jad-pro-pageHeader-warning.tips {
    background: #f2f7fe;
    border-color: #d9e7fd
}

.jad-pro-pageHeader-tip .jad-icon-close2,.jad-pro-pageHeader-warning .jad-icon-close2 {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #bbb;
    font-size: 14px
}

.jad-pro-pageHeader-tabtitle {
    margin-bottom: -15px
}

.jad-pro-pageHeader-tabarea {
    position: relative
}

.jad-pro-pageHeader-tabarea-tabs .jad-tabs {
    padding-left: 24px!important
}

.jad-pro-pageHeader-tabarea-tabs .jad-tabs-nav-scroll {
    padding-left: 24px!important;
    margin-left: -24px!important
}

.jad-pro-pageHeader-tabarea-action {
    position: absolute;
    top: 16px;
    right: 24px
}

.jad-pro-pageHeader-tabs {
    font-size: 18px;
    background-color: #fff
}

.jad-pro-pageHeader-tabs .jad-tabs .jad-tabs-bar {
    margin-bottom: 0
}

.jad-pro-result {
    position: relative;
    height: 100%
}

.jad-pro-result-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.jad-pro-result-icon {
    margin: 0 auto;
    width: 60px;
    height: 60px;
    margin-bottom: 22px;
    position: relative
}

.jad-pro-result-icon .jad-icon {
    font-size: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.jad-pro-result-success {
    border-color: #2fc724;
    color: #2fc724
}

.jad-pro-result-error {
    border-color: #fa2314;
    color: #fa2314
}

.jad-pro-result-warning {
    border-color: #ff8400;
    color: #ff8400
}

.jad-pro-result-title {
    font-size: 20px;
    white-space: nowrap
}

.jad-pro-result-content,.jad-pro-result-title {
    color: #333;
    text-align: center;
    margin-bottom: 8px
}

.jad-pro-result-content {
    font-size: 14px
}

.jad-pro-result-action {
    margin-top: 28px;
    text-align: center
}

.jad-pro-areaSelector {
    width: 720px;
    height: 243px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.jad-pro-areaSelector-check-all {
    padding: 0 12px;
    border-bottom: 1px solid #ddd
}

.jad-pro-areaSelector-check-all .jad-checkbox-wrapper {
    height: 40px;
    line-height: 40px
}

.jad-pro-areaSelector-area-list {
    height: 200px;
    overflow: auto
}

.jad-pro-areaSelector-area-list-wrapper {
    height: 100%
}

.jad-pro-areaSelector-area-list-wrapper .jad-col:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.jad-pro-areaSelector-area-item {
    padding: 0 12px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: relative
}

.jad-pro-areaSelector-area-item-arrow {
    position: absolute;
    right: 12px;
    font-size: 12px
}

.jad-pro-areaSelector-area-item:hover {
    background-color: #f8f8f8
}

.jad-pro-areaSelector-area-item.is-open {
    background-color: #f0f6fc
}

.jad-pro-description-list-item-horizontal .description-list-item-term {
    display: table-cell;
    white-space: nowrap;
    line-height: 20px
}

.jad-pro-description-list-item-horizontal .description-list-item-content {
    display: table-cell;
    width: 100%;
    line-height: 20px;
    word-break: break-word
}

.jad-pro-description-list-item-vertical .description-list-item-term {
    display: block;
    white-space: nowrap;
    line-height: 20px
}

.jad-pro-description-list-item-vertical .description-list-item-content {
    display: block;
    width: 100%;
    line-height: 20px;
    word-break: break-word
}

.jad-pro-number-info-icon-up {
    font-size: 12px;
    margin-left: 10px;
    color: #fa2314
}

.jad-pro-number-info-icon-down {
    color: #2fc724
}

.jad-pro-number-info-icon-down,.jad-pro-number-info-icon-none,.jad-pro-number-info-icon-right {
    font-size: 12px;
    margin-left: 10px
}

.jad-pro-search3:before {
    content: "\E997"
}

.jad-pro-categorySelector {
    width: 720px;
    height: 243px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.jad-pro-categorySelector-search-input {
    position: relative;
    padding: 0 12px;
    height: 41px
}

.jad-pro-categorySelector-search-input input {
    height: 40px;
    line-height: 40px
}

.jad-pro-categorySelector-checkAll {
    padding: 0 12px;
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 41px
}

.jad-pro-categorySelector-checkAll .jad-checkbox-wrapper {
    height: 40px;
    line-height: 40px
}

.jad-pro-categorySelector .jad-collapse .jad-pro-categorySelector-list {
    overflow: initial
}

.jad-pro-categorySelector .jad-collapse .jad-collapse-title {
    margin-right: 0;
    width: 100%
}

.jad-pro-categorySelector .jad-collapse .jad-collapse-title .group-header {
    position: relative
}

.jad-pro-categorySelector .jad-collapse .jad-collapse-title .group-header-action {
    position: absolute;
    color: #666;
    right: 0;
    font-size: 12px;
    top: 0
}

.jad-pro-categorySelector .jad-collapse .jad-collapse-title .group-header-action .count {
    color: #fd3a33
}

.jad-pro-categorySelector .jad-collapse .jad-collapse-title-table {
    padding: 9px 24px
}

.jad-pro-categorySelector .jad-collapse .jad-collapse-icon-table {
    padding: 9px 24px;
    left: 10px
}

.jad-pro-categorySelector-list {
    height: 100%;
    overflow: auto
}

.jad-pro-categorySelector-list-item {
    padding: 0 12px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: relative;
    transition: background-color .3s
}

.jad-pro-categorySelector-list-item.is-open,.jad-pro-categorySelector-list-item:hover {
    background-color: #f8f8f8
}

.jad-pro-categorySelector-list-item .jad-icon {
    position: absolute;
    right: 12px
}

.jad-pro-categorySelector-list-item .jad-checkbox {
    position: absolute;
    left: 0;
    top: 12px
}

.jad-pro-categorySelector-list-item .jad-checkbox-label {
    margin-left: 0;
    overflow: hidden;
    max-width: 100%;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jad-pro-categorySelector-list-item .jad-checkbox-wrapper {
    position: relative;
    vertical-align: middle;
    max-width: calc(100% - 10px);
    padding-left: 24px;
    height: 40px;
    line-height: 40px
}

.jad-pro-categorySelector .jad-col {
    height: 100%;
    border-right: 1px solid #ddd
}

.jad-pro-categorySelector .jad-col:last-of-type {
    border-right: none
}

.jad-pro-categorySelector .filter-search-wrap {
    border-bottom: 1px solid #ddd
}

.jad-pro-categorySelector-border {
    border-bottom: 1px solid #ddd;
    width: 100%
}

.jad-pro-categorySelector-cascader {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.jad-pro-categorySelector-cascader-disabled {
    cursor: not-allowed
}

.jad-pro-categorySelector-cascader .disabled-input input {
    width: 100%
}

.jad-pro-categorySelector-cascader .pointer-input input {
    width: 100%;
    cursor: pointer
}

.jad-pro-categorySelector-cascader .active .jad-input-inner {
    z-index: 1
}

.jad-pro-categorySelector-cascader .jad-input-inner-readonly {
    border-color: #ddd
}

.jad-pro-categorySelector-cascader .relative-hover:hover .jad-input-inner {
    border-color: #999
}

.jad-pro-categorySelector-cascader .relative-hover:hover .jad-input-inner-disabled {
    border-color: #ddd
}

.jad-pro-categorySelector-cascader .icon-clear {
    display: none
}

.jad-pro-categorySelector-cascader .clear-input:hover .icon-clear {
    display: block
}

.jad-pro-categorySelector-cascader .clear-input:hover .cascader-arrow-icon {
    display: none
}

.jad-pro-categorySelector-cascader-label {
    position: absolute;
    left: 12px;
    top: 1px;
    bottom: 1px;
    right: 27px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    font-size: inherit;
    background: #fff
}

.jad-pro-categorySelector-cascader-label-placeholder {
    color: #bbb
}

.jad-pro-categorySelector-cascader-label-input-text {
    color: #333
}

.jad-pro-categorySelector-cascader-label-disabled {
    background-color: #eee;
    cursor: not-allowed;
    color: #888
}

.jad-pro-categorySelector-cascader .relative-hover .jad-input-wrapper-size-small+.jad-cascader-label {
    font-size: 12px
}

.jad-pro-categorySelector-cascader-menus {
    white-space: nowrap;
    background: #fff;
    position: absolute;
    margin-top: 4px;
    z-index: 2;
    outline: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 6px 16px hsla(0,0%,7%,.06)
}

.jad-pro-categorySelector-cascader-menus-container {
    display: flex
}

.jad-pro-categorySelector-cascader-menu {
    flex-grow: 1;
    display: inline-block;
    vertical-align: top;
    height: 204px;
    overflow: auto;
    border-right: 1px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0;
    min-width: 160px
}

.jad-pro-categorySelector-cascader-menu-flexible {
    height: auto;
    max-height: 180px;
    overflow: auto
}

.jad-pro-categorySelector-cascader-menu_item_bold {
    font-weight: 700;
    color: #151515
}

.jad-pro-categorySelector-cascader-menu:last-child {
    border-right: 0 none
}

.jad-pro-categorySelector-cascader-menu-item {
    font-size: 14px;
    padding: 8px 8px 8px 16px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    height: 34px;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-start
}

.jad-pro-categorySelector-cascader-menu-item.active,.jad-pro-categorySelector-cascader-menu-item:hover {
    background: #f5f6f7;
    color: #111
}

.jad-pro-categorySelector-cascader-menu-item.disabled {
    background-color: #fff;
    cursor: not-allowed;
    color: #bbb;
    letter-spacing: 0;
    line-height: 22px;
    border-radius: 4px
}

.jad-pro-categorySelector-cascader-menu-flexible .jad-cascader-menu-item {
    justify-content: flex-start
}

.jad-pro-categorySelector-cascader-content {
    display: flex;
    align-items: center;
    padding-right: 8px
}

.jad-pro-categorySelector-cascader-checkbox-disabled {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #eee;
    border-radius: 2px;
    margin-right: 8px
}

.jad-pro-categorySelector-cascader-checkbox-unChecked {
    background-color: #fff
}

.jad-pro-categorySelector-cascader-checkbox-checked,.jad-pro-categorySelector-cascader-checkbox-unChecked {
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: 8px
}

.jad-pro-categorySelector-cascader-checkbox-checked {
    border-color: #016ee8;
    background-color: #016ee8;
    position: relative
}

.jad-pro-categorySelector-cascader-checkbox-checked:after {
    content: "";
    display: block;
    width: 3px;
    height: 8px;
    position: absolute;
    top: 1px;
    left: 5px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    box-sizing: content-box
}

.jad-pro-categorySelector-cascader-checkbox-indeterminate {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    transition: border-color .1s ease-in-out,background-color .1s ease-in-out;
    margin-right: 8px;
    position: relative
}

.jad-pro-categorySelector-cascader-checkbox-indeterminate:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #016ee8;
    border: none;
    transform: scale(1);
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 2px
}

.jad-pro-todo-list {
    transition: all .3s
}

.jad-pro-todo-list-fold {
    width: 80px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.06);
    border-radius: 0 0 12px 12px;
    padding-left: 12px;
    cursor: pointer
}

.jad-pro-todo-list-fold-hidden {
    visibility: hidden
}

.jad-pro-todo-list-fold-inherit {
    visibility: inherit
}

.jad-pro-todo-list-fold-badge {
    position: absolute;
    top: 2px;
    left: 70px
}

.jad-pro-todo-list-unfold {
    position: absolute;
    top: 0;
    width: 326px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
    border-radius: 4px;
    z-index: 100
}

.jad-pro-todo-list-header {
    background: #fafafa;
    line-height: 48px;
    height: 48px;
    padding: 0 16px;
    box-shadow: 0 1px 0 0 #eee;
    border-radius: 4px
}

.jad-pro-todo-list-header-title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    float: left;
    display: inline-block
}

.jad-pro-todo-list-header-operator {
    opacity: .8;
    font-size: 12px;
    color: #666;
    text-align: justify;
    float: right;
    display: inline-block;
    cursor: pointer
}

.jad-pro-todo-list-item {
    padding: 16px;
    overflow: hidden
}

.jad-pro-todo-list-item.dash-border {
    border-top: 1px dashed #eee
}

.jad-pro-todo-list-item-left {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.jad-pro-todo-list-item-left-icon {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    line-height: 32px;
    color: #fff
}

.jad-pro-todo-list-item-right {
    display: inline-block;
    width: calc(100% - 50px)
}

.jad-pro-todo-list-item-right-title {
    font-size: 14px;
    color: #333;
    text-align: justify;
    font-weight: 700;
    margin-bottom: 7px
}

.jad-pro-todo-list-item-right-detail {
    font-size: 14px;
    color: #666;
    text-align: justify;
    margin-bottom: 5px
}

.jad-pro-todo-list-item-right-link {
    font-size: 12px;
    color: #005ff1;
    text-align: justify
}

.jad-pro-guide-modal {
    color: #333
}

.jad-pro-guide-modal .jad-modal-slide-content {
    overflow: hidden
}

.jad-pro-guide-modal .jad-modal-slide-header {
    padding: 20px 20px 20px 32px;
    border-bottom: 1px solid #eee
}

.jad-pro-guide-modal .jad-modal-slide-body-no-footer {
    padding: 0
}

.jad-pro-guide-modal .jad-modal-slide-close-icon {
    right: 20px;
    top: 26px
}

.jad-pro-guide-title {
    font-weight: 700;
    height: 28px
}

.jad-pro-guide-wrap {
    display: flex;
    height: 100%
}

.jad-pro-guide-content {
    width: 100%;
    padding: 16px 32px;
    overflow-y: scroll
}

.jad-pro-guide-content-title {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.jad-pro-guide-content-sub-title {
    font-size: 14px;
    margin-top: 16px
}

.jad-pro-guide-content-item {
    font-size: 14px;
    margin-top: 22px
}

.jad-pro-guide-sub-desc,.jad-pro-guide-sub-title {
    letter-spacing: 0;
    line-height: 22px
}

.jad-pro-guide-tab-list {
    width: 177px;
    height: 100%;
    background: #f5f6f7;
    border-right: 1px solid #eee
}

.jad-pro-guide-tab-list-item {
    width: 100%;
    height: 48px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding: 14px 24px 14px 32px;
    font-weight: 700;
    cursor: pointer
}

.jad-pro-guide-tab-list-item .jad-pro-guide-tab-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.jad-pro-guide-tab-list-item.active {
    height: auto;
    background: #fff;
    padding: 14px 24px 14px 30px;
    border-left: 2px solid #ff375c;
    color: #ff375c
}

.jad-pro-guide-tab-list-item.active .jad-pro-guide-tab-name {
    overflow: visible;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal
}

.jad-pro-info-list {
    padding: 16px 32px
}

.jad-pro-info-list:hover {
    background: #fbfbfb
}

.jad-pro-info-list-side {
    margin-right: 24px;
    text-align: center;
    color: #666
}

.jad-pro-info-list-icon {
    font-size: 16px;
    font-weight: 700
}

.jad-pro-info-list-time {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.jad-pro-info-list-title {
    line-height: 22px;
    font-size: 14px;
    color: #333;
    font-weight: bolder
}

.jad-pro-info-list-title-text {
    cursor: pointer
}

.jad-pro-info-list-description {
    margin: 8px 0;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jad-pro-info-list-description-text {
    cursor: pointer
}

.jad-pro-info-list-footer {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.jad-pro-info-list-footer-text {
    cursor: pointer
}

.jad-pro-info-list-footer-unread,.jad-pro-info-list-title-unread {
    color: #005ff1
}

.jad-pro-edit-in-row-show {
    display: inline-block;
    line-height: 32px;
    height: 32px
}

.jad-pro-edit-in-row-show .handler-btn {
    margin-left: 8px;
    cursor: pointer;
    vertical-align: middle
}

.jad-pro-edit-in-row-fix {
    line-height: 32px
}

.jad-pro-calendar-input-wrap {
    font-size: 14px
}

.jad-pro-calendar-input-wrap input::-webkit-inner-spin-button,.jad-pro-calendar-input-wrap input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

.jad-pro-calendar-input-calendar {
    *zoom:1}

.jad-pro-calendar-input-calendar:after {
    content: "";
    display: table;
    clear: both
}

.jad-pro-calendar-input-calendar-table {
    width: 100%;
    margin: 0;
    font-size: 12px;
    border-collapse: collapse;
    table-layout: fixed
}

.jad-pro-calendar-input-calendar-td {
    position: relative;
    height: 64px;
    width: 64px;
    vertical-align: top;
    text-align: center;
    font-size: 10px;
    padding: 3px 6px;
    font-weight: 400;
    background-color: #fff;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.jad-pro-calendar-input-calendar-td:hover {
    background: #fbfbfb
}

.jad-pro-calendar-input-calendar-td:first-child {
    border-left: 1px solid #f2f2f2
}

.jad-pro-calendar-input-calendar-week {
    color: #333;
    background-color: #f8f8f8;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.jad-pro-calendar-input-calendar-week:last-child {
    border-right: 1px solid #f2f2f2
}

.jad-pro-calendar-input-calendar-week:first-child {
    border-left: 1px solid #f2f2f2
}

.jad-pro-calendar-input-calendar-month {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    height: 38px
}

.jad-pro-calendar-input-col-md-12 {
    padding: 0 4px;
    width: 50%;
    float: left
}

.jad-pro-calendar-input-col-md-24 {
    padding: 0 4px;
    width: 100%;
    float: left
}

.jad-pro-calendar-input-date-wrap {
    font-size: 18px;
    text-align: left;
    color: #ddd
}

.jad-pro-calendar-input-price-wrap {
    position: relative;
    text-align: center;
    bottom: 0;
    left: 0;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jad-pro-calendar-input-input {
    text-align: center;
    border: none;
    width: 100%;
    color: #333;
    line-height: 20px;
    padding: 0;
    font-size: 12px
}

.jad-pro-calendar-input-input-focus {
    border-radius: 3px;
    border: 1px solid #d2d2d2
}

.jad-pro-calendar-input-input-unfocus {
    visibility: hidden
}

.jad-pro-calendar-input-placeholder-none {
    display: none
}

.jad-pro-calendar-input-placeholder-show {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jad-pro-calendar-input-alert,.jad-pro-calendar-input-alert input {
    color: #fd4545
}

.jad-pro-calendar-input-alert-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px
}

.jad-pro-calendar-input-disabled,.jad-pro-calendar-input-off {
    color: #999
}

.jad-pro-calendar-input-disabled .jad-pro-calendar-input-alert-icon,.jad-pro-calendar-input-off .jad-pro-calendar-input-alert-icon {
    display: none
}

.jad-pro-calendar-input-disabled {
    cursor: not-allowed
}

.jad-pro-select-radios-btn {
    height: 32px;
    line-height: 30px;
    overflow: hidden
}

.jad-pro-select-radios-item {
    color: #999;
    font-size: 12px;
    min-width: 129px
}

.jad-pro-select-radios-btn {
    margin-bottom: 10px;
    display: inline-flex;
    justify-content: space-between;
    padding: 0 12px
}

.instruction {
    margin: 16px;
    font-size: 14px;
    color: #888
}

.jad-pro-time-frame-content {
    position: relative
}

.jad-pro-time-frame-content-dropdown {
    position: absolute
}

.jad-pro-time-frame-content-time-table {
    margin-top: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.jad-pro-time-frame-content-time-table td,.jad-pro-time-frame-content-time-table th {
    border: 1px solid #ddd;
    text-align: center
}

.jad-pro-time-frame-content-time-table td {
    padding: 0
}

.jad-pro-time-frame-content-time-table-head th {
    height: 48px;
    line-height: 48px;
    font-weight: 400;
    background-color: #f9f9fb
}

.jad-pro-time-frame-content-time-table-head th:first-child {
    width: 96px
}

.jad-pro-time-frame-content-time-table-head th:last-child {
    width: 200px
}

.jad-pro-time-frame-content-time-table-body-span {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    vertical-align: middle
}

.jad-pro-time-frame-content-time-table-body-handle {
    cursor: pointer;
    color: #105cfa;
    font-size: 14px;
    margin-right: 24px
}

.jad-pro-time-frame-content-time-table-body-handle:last-child {
    margin-right: 0
}

.jad-pro-time-frame-content-time-table-body tr:hover {
    background-color: transparent
}

.jad-pro-time-frame-content-time-table-body tr td:first-child {
    padding-left: 12px;
    background-color: #f9f9fb
}

.jad-pro-time-frame-content-time-table-body tr td:nth-child(2) {
    border-left-color: #ddd
}

.jad-pro-time-frame-content-time-table-body tr td {
    border-right-color: #ddd
}

.jad-pro-time-frame-content-time-table-body tr td .jad-checkbox-wrapper:last-of-type {
    margin-right: 8px
}

.jad-pro-time-frame-content-time-table-body tr:last-child .time-block-range {
    border-bottom-color: #ddd
}

.jad-pro-time-frame-content-time-table-time-block-range {
    border: 1px solid #f8f8f8
}

.jad-pro-time-frame-content-time-table-time-block-range-item {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 16.66%;
    height: 40px;
    line-height: 40px;
    cursor: auto;
    transition: all .1s ease
}

.jad-pro-time-frame-content-time-table-time-block-range-item:not(:first-child) {
    border-left: 1px solid #f8f8f8
}

.jad-pro-time-frame-content-time-table-time-block-range-item-mark-anchor {
    position: absolute;
    top: 50%;
    left: 50%
}

.jad-pro-time-frame-content-time-table-time-block-range-item-dropdown {
    min-width: 160px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 22px;
    color: #333;
    text-align: left
}

.jad-pro-time-frame-content-time-table-time-block-range-item-dropdown div {
    white-space: nowrap
}

.jad-pro-time-frame-content-time-table-time-block-range .half {
    width: 8.33%
}

.jad-pro-time-frame-content-time-table-time-block-range .quarter {
    width: 4.16%
}

.jad-pro-time-frame-content-dropdown-setting-wrapper {
    min-width: 242px;
    padding: 24px;
    font-size: 14px;
    color: #333
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-ul,.jad-pro-time-frame-content-dropdown-setting-wrapper ul {
    margin-top: 12px
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-ul li {
    margin-bottom: 8px
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-inputbox {
    margin: 4px 0 4px 26px
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-input {
    width: 120px
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-span {
    font-size: 14px;
    font-weight: 400
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-btns {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 8px
}

.jad-pro-time-frame-content-dropdown-setting-wrapper-btns .jad-btn-primary {
    margin-left: 16px
}

.jad-pro-time-frame-edit-range-mask {
    position: absolute;
    border: 1px solid #ff4545
}

.jad-pro-time-frame-block-mask {
    position: absolute;
    background-color: rgba(255,45,45,.3)
}

.jad-pro-time-frame-notice {
    margin-top: 16px
}

.jad-pro-processNav {
    color: #999
}

.jad-pro-processNav-description {
    display: inline-block;
    font-size: 12px;
    font-weight: 400
}

.jad-pro-processNav .jad-step-main {
    position: absolute;
    top: 0;
    left: 36px
}

.jad-pro-processNav .jad-step-head {
    width: 36px;
    padding-right: 12px;
    background-color: transparent
}

.jad-pro-processNav .jad-step-title {
    background-color: transparent;
    line-height: 24px
}

.jad-pro-processNav .jad-step-finish {
    color: #333;
    cursor: pointer
}

.jad-pro-processNav .jad-step-finish.step-active {
    cursor: pointer;
    font-weight: 700
}

.jad-pro-processNav .jad-step-finish.step-active .jad-step-head-inner {
    color: #fff;
    font-weight: 400
}

.jad-pro-processNav .jad-step-finish.step-active .jad-step-head-text {
    background-color: #2fc724;
    border-color: #2fc724
}

.jad-pro-processNav .jad-step-finish .jad-step-head-text {
    background-color: #f7f9fb
}

.jad-pro-processNav .jad-step-process {
    cursor: pointer
}

.jad-pro-processNav .jad-step-process.step-active {
    font-weight: 700
}

.jad-pro-processNav .jad-step-wait {
    cursor: not-allowed
}

.jad-pro-processNav .jad-step-wait.step-active {
    cursor: pointer;
    font-weight: 700
}

.jad-pro-processNav .jad-step-wait.step-active .jad-step-head-text {
    background-color: #2fc724;
    border-color: #2fc724
}

.jad-pro-processNav .jad-step-wait.step-process {
    cursor: pointer
}

.jad-pro-processNav .jad-steps .jad-step-description {
    padding-left: 30px;
    color: #666
}

.jad-pro-processNav .jad-steps-vertical .jad-step:last-child {
    padding-bottom: 40px
}

.jad-pro-processNav .jad-steps-vertical .jad-step-line {
    padding: 24px 0 0
}

.jad-pro-processNav .jad-steps-small .jad-step-head {
    padding-left: 5px
}

.jad-pro-processNav .jad-steps-small .jad-step-line {
    padding: 0
}

.jad-pro-processNav .jad-steps-small .jad-step-title {
    line-height: 22px
}

.jad-pro-processNav .step-active {
    font-weight: 700
}

.jad-pro-processNav .step-process,.jad-pro-processNav .step-process.step-blur .jad-step-head-inner {
    color: #333
}

.jad-pro-processNav .step-process.step-blur .jad-step-head-text {
    background-color: #f7f9fb;
    border-color: #333
}

.jad-pro-select-search {
    font-size: 14px
}

.jad-pro-select-search-type {
    display: inline-block;
    width: 35%
}

.jad-pro-select-search-select {
    display: inline-block;
    margin-left: 8px;
    width: calc(100% - 35% - 12px)
}

.jad-pro-select-search-detail {
    width: 100%;
    min-height: 76px;
    display: block;
    background: #f8f8f8;
    border: 1px solid #ddd;
    margin-top: 8px;
    padding: 8px;
    position: relative
}

.jad-pro-select-search-detail-img {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    border: 1px solid #ddd;
    position: relative
}

.jad-pro-select-search-detail-img img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.jad-pro-select-search-detail-info {
    display: inline-block;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.jad-pro-select-search-detail-name {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #333
}

.jad-pro-select-search-detail-id,.jad-pro-select-search-detail-name {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jad-pro-select-search-detail-id {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #666
}

.jad-pro-image-carousel {
    background-color: #f8f8f8;
    position: relative;
    padding: 16px 40px;
    width: 100%;
    height: 100%
}

.jad-pro-image-carousel-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.jad-pro-image-carousel-move-item {
    width: 24px;
    height: 32px;
    line-height: 32px;
    background: rgba(0,0,0,.24);
    position: absolute;
    top: 50%;
    transform: translateY(-16px);
    text-align: center;
    cursor: pointer;
    transition: background .3s ease;
    z-index: 3
}

.jad-pro-image-carousel-move-item:hover {
    background: rgba(0,0,0,.36)
}

.jad-pro-image-carousel-move-item .jad-icon {
    font-size: 16px;
    color: #fff
}

.jad-pro-image-carousel-move-item.jad-pro-image-carousel-move-disabled {
    background: rgba(0,0,0,.08);
    cursor: not-allowed
}

.jad-pro-image-carousel-move-next {
    right: 0
}

.jad-pro-image-carousel-move-prev {
    left: 0
}

.jad-pro-image-carousel-content {
    position: absolute;
    font-size: 0;
    height: 100%;
    transition: transform .5s ease-in-out
}

.jad-pro-image-carousel-content-item {
    display: inline-block;
    vertical-align: middle
}

.jad-pro-image-carousel-card {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    font-size: 14px
}

.jad-pro-image-carousel-card img {
    max-width: 100%;
    max-height: 100%
}

.jad-pro-image-carousel-card-mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.jad-pro-image-carousel-card-mask:hover {
    opacity: 1
}

.jad-pro-image-carousel-card-action {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.jad-pro-image-carousel-card-action-item {
    cursor: pointer;
    padding: 0 10px;
    margin: 0 5px
}

.jad-pro-image-carousel-card-action-item .jad-icon {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block
}

.jad-pro-image-carousel-card-action-item-delete-txt {
    display: inline-block;
    vertical-align: middle;
    color: #333
}

.jad-pro-image-carousel-card-action-text {
    vertical-align: middle;
    display: inline-block
}

.jad-pro-select-input {
    display: flex;
    vertical-align: middle;
    font-size: 0
}

.jad-pro-select-input-input,.jad-pro-select-input-type {
    font-size: 14px
}

.jad-pro-select-input .jad-dropdown {
    height: 100%
}

.jad-pro-select-input .jad-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.jad-pro-select-input .jad-input-wrapper {
    height: 100%;
    vertical-align: top
}

.jad-pro-select-input .jad-input-inner {
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jad-calc-input {
    display: inline-block;
    position: relative
}

.jad-calc-input-counter {
    position: absolute;
    bottom: 6px;
    right: 12px;
    color: #999;
    padding: 0 4px;
    background: #fff
}

.jad-pro-search-directory {
    font-family: PingFang SC;
    font-size: 14px;
    color: #333
}

.jad-pro-search-directory-content {
    font-size: 0;
    color: #666
}

.jad-pro-search-directory-content-case {
    padding: 20px 0 12px 30px
}

.jad-pro-search-directory-content-case .clearfix {
    margin-bottom: 8px
}

.jad-pro-search-directory-content-case-label {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    margin-right: 16px;
    float: left
}

.jad-pro-search-directory-content-case-items {
    overflow: hidden;
    zoom:1;font-size: 0;
    box-sizing: border-box
}

.jad-pro-search-directory-content-case-items-item.light-color-9 {
    color: #999
}

.jad-pro-search-directory-content-case-items-item {
    margin: 4px 16px 4px 0;
    text-align: center;
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #fff;
    font-size: 14px;
    box-sizing: border-box;
    min-width: 56px;
    line-height: 24px;
    cursor: pointer;
    transition-property: color,background-color,border-radius;
    transition-duration: .3s
}

.jad-pro-search-directory-content-case-items-item:hover {
    color: #fd3a33!important;
    text-align: center;
    box-sizing: border-box;
    background-color: rgba(255,45,45,.1);
    line-height: 24px;
    border: 1px solid #fd3a33;
    border-color: rgba(255,45,45,.1);
    border-radius: 4px
}

.jad-pro-search-directory-content-case-items-item-active,.jad-pro-search-directory-content-case-items-item-active:hover {
    color: #fff!important;
    text-align: center;
    box-sizing: border-box;
    background-color: #fd3a33;
    line-height: 24px;
    border: 1px solid #fd3a33;
    border-radius: 4px
}

.jad-pro-search-directory-content-case-items-item:not(:last-child) {
    margin-right: 10px
}

.jad-pro-search-directory-content-case:not(:last-child) {
    border-bottom: 1px solid #ebeef8
}

.jad-pro-schedule-table-legend {
    margin-bottom: 14px
}

.jad-pro-schedule-table-legend-item {
    display: inline-block;
    padding-left: 20px;
    margin-right: 16px;
    line-height: 20px;
    position: relative;
    color: #999
}

.jad-pro-schedule-table-legend-item:before {
    position: absolute;
    width: 10px;
    height: 10px;
    content: "";
    left: 0;
    top: 5px;
    border: 1px solid #eee;
    background-color: #fff
}

.jad-pro-schedule-table-legend-item.status-used:before {
    background-color: #6cc38f
}

.jad-pro-schedule-table-table {
    font-size: 0
}

.jad-pro-schedule-table-table .jad-popover {
    font-size: 0;
    margin-left: -1px;
    margin-top: -1px
}

.jad-pro-schedule-table-table-item {
    display: inline-block;
    font-size: 14px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    background-color: #f8f8f8
}

.jad-pro-schedule-table-table-item.status-unused,.jad-pro-schedule-table-table-item.status-used {
    cursor: pointer
}

.jad-pro-schedule-table-table-item.status-used {
    background-color: #6cc38f
}

.jad-pro-schedule-table-table-item.status-unused {
    background-color: #fff
}

.jad-pro-schedule-table-mask {
    line-height: 22px
}

.jad-pro-schedule-table-mask-title {
    font-weight: 700;
    margin-bottom: 8px
}

.jad-pro-schedule-table-mask-item {
    margin-bottom: 4px
}

.jad-pro-button-popover-btns {
    padding-top: 16px;
    text-align: right
}

.jad-pro-linesRates {
    display: inline-block
}

.jad-pro-linesRates-item {
    line-height: 22px;
    font-size: 0
}

.jad-pro-linesRates-label {
    color: #666
}

.jad-pro-linesRates-label,.jad-pro-linesRates-rate {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.jad-pro-linesRates-rate .jad-rate {
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.jad-pro-linesRates-rate .jad-rate-icon {
    margin-right: 4px
}

.jad-pro-multipart-upload {
    display: inline-block
}

.jad-pro-multipart-upload-input {
    display: none
}

.jad-pro-multipart-upload-default-preview {
    color: #fd3a33;
    cursor: pointer
}

.jad-pro-multipart-upload-upload-card {
    width: 220px;
    height: 134px;
    background: #fcfcfc;
    border: 1px dashed #ddd;
    text-align: center;
    padding-top: 36px;
    cursor: pointer
}

.jad-pro-multipart-upload-upload-card-text {
    color: #999;
    margin-top: 16px
}

.jad-pro-multipart-upload .disabled {
    color: #666
}

.jad-pro-date-compare-asidetrue .jad-date-picker-shortcut {
    top: -93px
}

.jad-pro-date-compare-asidetrue .jad-date-picker-shortcut p {
    margin-bottom: 20px!important
}

.jad-pro-date-compare-asidefalse .jad-date-picker-shortcut {
    top: -50px
}

.jad-pro-date-compare-asidefalse .jad-date-picker-shortcut p {
    margin-bottom: 20px!important
}

.jad-pro-date-compare-btn1 {
    min-width: 242px;
    height: 32px;
    padding: 0
}

.jad-pro-date-compare-base-date-frame {
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
    border: 0!important;
    padding: 0 12px!important;
    font-size: 14px!important
}

.jad-pro-date-compare-base-date-frame span {
    color: #111
}

.jad-pro-date-compare-double-date-frame {
    min-width: 242px;
    height: 32px;
    border-radius: 4px;
    margin: 0;
    padding: 0 12px;
    font-size: 12px;
    color: #888;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.jad-pro-date-compare-double-date-frame .jad-icon-simple-calendar {
    margin: 0
}

.jad-pro-date-compare-double-date-frame-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8px
}

.jad-pro-date-compare-double-date-frame-content-now-selected {
    color: #111
}

.jad-pro-date-compare-double-date-frame-content-now-disabled {
    color: #bbb
}

.jad-pro-date-compare-double-date-frame-content-compare-selected,.jad-pro-date-compare-double-date-frame-content-now-disabled,.jad-pro-date-compare-double-date-frame-content-now-selected {
    height: 13px;
    line-height: 13px;
    display: flex;
    justify-content: space-between
}

.jad-pro-date-compare-double-date-frame-disabled {
    cursor: not-allowed!important;
    color: #bbb!important
}

.jad-pro-date-compare-double-date-frame-disabled,.jad-pro-date-compare-double-date-frame-disabled:hover {
    background-color: #eee!important;
    border-color: #ddd!important
}

.jad-pro-date-compare-compare-div {
    width: 625px;
    height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px
}

.jad-pro-date-compare-compare-div-text-date {
    font-weight: 700;
    color: #000
}

.jad-pro-date-compare-compare-div .compare-switch {
    color: #333
}

.jad-pro-date-compare-compare-div .compare-switch span {
    padding-left: 8px;
    cursor: pointer
}

.jad-pro-date-compare-tabs-date {
    width: 625px;
    height: 42px;
    padding-top: 6px;
    border-right: 1px solid #ccc;
    background-color: #eee
}

.jad-pro-date-compare-tabs-date-content {
    height: 36px;
    display: flex;
    padding-left: 8px;
    color: #333;
    line-height: 36px
}

.jad-pro-date-compare-tabs-date-content-datetab {
    display: flex
}

.jad-pro-date-compare-tabs-date-content-datetab-item {
    align-items: center;
    margin: 0 2px;
    padding: 0 16px;
    width: 262px;
    height: 36px;
    background-color: #f8f8f8;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

.jad-pro-date-compare-tabs-date-content-datetab-item-lftborder {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    padding-left: 2px;
    border-left: 2px solid #999
}

.jad-pro-date-compare-tabs-date-content-datetab-item .lftborderActive {
    border-left: 2px solid #ff3a33
}

.jad-pro-date-compare-tabs-date-content-datetab-item .dateFrame {
    margin: 0
}

.jad-pro-date-compare-tabs-date-content-datetab .datetabitemActive {
    background-color: #fff!important
}

.jad-pro-date-compare-tabs-date-content-datetab span {
    font-size: 12px
}

.jad-pro-date-compare-custom {
    width: 625px;
    height: 52px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
    padding-top: 10px
}

.jad-pro-date-compare-custom-div {
    float: right;
    margin-bottom: 10px;
    padding-right: 16px
}

.jad-pro-date-frame {
    width: 198px;
    height: 24px;
    background: #fff;
    border-radius: 4px;
    padding: 0 8px;
    color: #111;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.jad-pro-date-frame .contentdate {
    flex: 1;
    padding-left: 8px;
    display: flex;
    justify-content: space-between
}

.jad-pro-date-frame-disabled .contentdate span {
    color: #bbb
}

.jad-pro-date-list .date-list .header-info {
    margin-left: 12px;
    color: #666;
    text-align: left;
    font-weight: 400
}

.jad-pro-date-list .date-list table {
    width: 100%;
    border: 1px solid #eee
}

.jad-pro-date-list .date-list table th {
    background: #f8f8f8;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.jad-pro-date-list .date-list table th:first-child {
    border-left: none
}

.jad-pro-date-list .date-list table tr:last-child td:first-child {
    border-bottom: none
}

.jad-pro-date-list .date-list table .table-cell {
    cursor: pointer;
    background-color: rgba(255,170,0,.15)
}

.jad-pro-date-list .date-list table td {
    text-align: center;
    border-right: 1px solid #fff!important;
    border-bottom: 1px solid #eee!important
}

.jad-pro-date-list .date-list table tr:last-child td {
    border-bottom: 1px solid #eee
}

.jad-pro-date-list .date-list table tr td:last-child {
    border-right: none
}

.jad-pro-date-list .date-list table .current-day {
    background: #47f;
    color: #fff;
    font-weight: 700
}

.jad-pro-date-list .date-list table .date-tips-box {
    height: 17px;
    color: #999;
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 4px
}

.jad-pro-date-list .date-list table .month-tips-box {
    height: 17px;
    background-color: rgba(87,122,240,.8);
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0
}

.jad-pro-date-list .date-list table .H100p {
    height: 100%
}

.jad-pro-collapsable-table,.jad-pro-collapsable-table .jad-table-header th {
    position: relative
}

.jad-pro-collapsable-table .jad-table-fixed-left .cols-collapser {
    opacity: .01
}

.jad-pro-collapsable-table .cols-collapser {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 10px;
    text-align: center;
    display: block;
    cursor: pointer;
    position: absolute;
    right: -12px;
    top: 11px;
    z-index: 20
}

.summary_cards_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.summary_cards_wrapper.is-swiper {
    width: 100%;
    overflow: hidden
}

.summary_cards_wrapper.is-swiper .swiper-outer {
    flex: 1;
    overflow: hidden
}

.summary_cards_wrapper.is-swiper .swiper-btn {
    cursor: pointer;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid dashed dashed
}

.summary_cards_wrapper.is-swiper .swiper-btn.disabled {
    cursor: not-allowed;
    opacity: .618
}

.summary_cards_wrapper.is-swiper .swiper-btn.left {
    border-color: transparent #ddd transparent transparent;
    margin-right: 4px
}

.summary_cards_wrapper.is-swiper .swiper-btn.left:not(.disabled):hover {
    border-color: transparent #999 transparent transparent
}

.summary_cards_wrapper.is-swiper .swiper-btn.right {
    border-color: transparent transparent transparent #ddd;
    margin-left: 4px
}

.summary_cards_wrapper.is-swiper .swiper-btn.right:not(.disabled):hover {
    border-color: transparent transparent transparent #999
}

.summary_cards_wrapper .cards {
    width: 100%;
    list-style: none;
    display: grid;
    gap: 8px;
    transition: transform .618s ease-out
}

.summary_cards_wrapper .cards>li {
    text-align: left;
    position: relative;
    border: 1px solid hsla(0,0%,87%,0);
    background: #f8f8f8;
    cursor: pointer
}

.summary_cards_wrapper .cards>li>.jad-checkbox-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.summary_cards_wrapper .cards>li>.jad-checkbox-wrapper .jad-checkbox {
    position: absolute;
    top: 10px;
    right: 10px
}

.summary_cards_wrapper .cards>li>.jad-checkbox-wrapper .jad-checkbox-label {
    display: none
}

.summary_cards_wrapper .cards.jzt-theme>li {
    position: relative;
    padding: 14px 0 0 16px;
    box-sizing: border-box
}

.summary_cards_wrapper .cards.jzt-theme>li.disabled {
    opacity: .6
}

.summary_cards_wrapper .cards.jzt-theme>li>:not(:last-child) {
    background: transparent;
    position: relative;
    z-index: 1;
    pointer-events: none
}

.summary_cards_wrapper .cards.jzt-theme>li>.jad-checkbox-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 16px;
    height: 16px
}

.summary_cards_wrapper .cards.jzt-theme>li>.jad-checkbox-wrapper .jad-checkbox {
    opacity: .01
}

.summary_cards_wrapper .cards.jzt-theme>li:hover>.jad-checkbox-wrapper .jad-checkbox {
    opacity: 1
}

.summary_cards_wrapper .cards.jzt-theme>li:not(.checked):not(.disabled):hover {
    background-color: #fff!important;
    border: 1px solid #ddd;
    box-shadow: 0 6px 16px 0 hsla(0,0%,7%,.06);
    box-sizing: border-box
}

.summary_cards_wrapper .cards.jzt-theme>li:not(.checked):not(.disabled):hover .jad-checkbox-wrapper {
    background-color: #fff!important
}

.summary_cards_wrapper .cards.jzt-theme>li:not(.checked) .jad-checkbox-wrapper {
    background: #f8f8f8
}

.summary_cards_wrapper .cards.jzt-theme>li.checked {
    border: 1px solid #ddd;
    box-shadow: 0 6px 16px 0 hsla(0,0%,7%,.06);
    box-sizing: border-box;
    background-color: #fff!important;
    --chkColor: #ccc
}

.summary_cards_wrapper .cards.jzt-theme>li.checked:before {
    position: absolute;
    top: 18px;
    left: 0;
    display: inline-block;
    content: "";
    width: 4px;
    height: 14px;
    background: var(--chkColor)
}

.jad-pro-sku-select .sku-list {
    position: relative;
    width: 100%
}

.jad-pro-sku-select .middle-detail {
    position: relative;
    padding: 0 24px;
    width: 100%;
    overflow: hidden;
    transition: transform .5s ease-in-out
}

.jad-pro-sku-select .box-list {
    position: relative;
    display: flex;
    transition: transform .5s ease-in-out
}

.jad-pro-sku-select .move-area {
    height: 100%;
    background: #fff;
    width: 24px;
    position: absolute;
    top: 0;
    z-index: 3
}

.jad-pro-sku-select .move-area.disabled.after,.jad-pro-sku-select .move-area.disabled.prev {
    box-shadow: none
}

.jad-pro-sku-select .move-area.prev {
    left: 0
}

.jad-pro-sku-select .move-area.after {
    right: 0
}

.jad-pro-sku-select .move-item {
    width: 24px;
    height: 32px;
    line-height: 32px;
    background: rgba(0,0,0,.24);
    position: relative;
    top: 34px;
    text-align: center;
    cursor: pointer;
    transition: background .3s ease;
    color: #fff
}

.jad-pro-sku-select .move-item:hover {
    background: rgba(0,0,0,.36)
}

.jad-pro-sku-select .move-item.disabled {
    background: rgba(0,0,0,.08);
    cursor: not-allowed
}

.jad-pro-sku-select .sku-detail-selected {
    border-color: #ffa700!important
}

.jad-pro-sku-select .sku-detail {
    cursor: pointer;
    position: relative;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 12px;
    transition: transform .5s ease-in-out
}

.jad-pro-sku-select .sku-detail .check-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 12px solid #ffa700;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    transition: opacity .3s
}

.jad-pro-sku-select .sku-detail .check-box:before {
    content: "";
    width: 6px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: -12px;
    left: -8px;
    display: block;
    transform: rotate(45deg)
}

.jad-pro-dateContrast {
    display: inline-flex
}

.jad-pro-dateContrast-label {
    margin: auto 8px;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #333
}

.jad-pro-dateContrast .compare-date {
    display: inline-flex;
    position: relative
}

.jad-pro-dateContrast .compare-date .delete-date {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: -5px;
    right: -6px
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: #000;
    direction: ltr
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: #000
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid #000;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0!important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20,255,20,.5)
}

.cm-animate-fat-cursor,.cm-fat-cursor-mark {
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    background-color: #7e7
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: #00f
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,.cm-strong {
    font-weight: 700
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: #00f
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-type,.cm-s-default .cm-variable-3 {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta,.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-invalidchar,.cm-s-default .cm-error {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff
}

.CodeMirror-scroll {
    overflow: scroll!important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: none;
    position: relative
}

.CodeMirror-sizer {
    font-size: 13px;
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none!important;
    border: none!important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer {
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255,255,0,.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ""
}

span.CodeMirror-selectedtext {
    background: none
}

.cm-s-ks-editor.CodeMirror {
    height: 100%;
    border-radius: 4px;
    background-color: #242e42;
    color: #f9f9f5;
    font-size: 12px;
    line-height: 1.67;
    font-family: Monaco,Menlo,Consolas,Courier New,monospace
}

.cm-s-ks-editor .CodeMirror-scroll {
    margin-right: 0;
    overflow: auto!important
}

.cm-s-ks-editor .CodeMirror-sizer {
    padding-left: 10px
}

.cm-s-ks-editor .CodeMirror-vscrollbar {
    display: none!important
}

.cm-s-ks-editor .CodeMirror-gutters {
    background: transparent;
    color: #537f7e;
    border: none;
    box-shadow: 1px 0 0 0 #4a5974
}

.cm-s-ks-editor .CodeMirror-guttermarker,.cm-s-ks-editor .CodeMirror-guttermarker-subtle,.cm-s-ks-editor .CodeMirror-linenumber {
    color: #537f7e;
    transform: translateX(-10px)
}

.cm-s-ks-editor .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0;
    margin-top: 2px
}

.cm-s-ks-editor div.CodeMirror-selected {
    background: hsla(0,0%,100%,.15)
}

.cm-s-ks-editor.CodeMirror-focused div.CodeMirror-selected {
    background: hsla(0,0%,100%,.1)
}

.cm-s-ks-editor .CodeMirror-line::selection,.cm-s-ks-editor .CodeMirror-line>span::selection,.cm-s-ks-editor .CodeMirror-line>span>span::selection {
    background: hsla(0,0%,100%,.1)
}

.cm-s-ks-editor .CodeMirror-line::-moz-selection,.cm-s-ks-editor .CodeMirror-line>span::-moz-selection,.cm-s-ks-editor .CodeMirror-line>span>span::-moz-selection {
    background: hsla(0,0%,100%,.1)
}

.cm-s-ks-editor .CodeMirror-activeline-background {
    background: transparent
}

.cm-s-ks-editor .cm-keyword {
    color: #c792ea
}

.cm-s-ks-editor .cm-operator {
    color: #e9eded
}

.cm-s-ks-editor .cm-variable-2 {
    color: #80cbc4
}

.cm-s-ks-editor .cm-type,.cm-s-ks-editor .cm-variable-3 {
    color: #82b1ff
}

.cm-s-ks-editor .cm-builtin {
    color: #decb6b
}

.cm-s-ks-editor .cm-atom {
    color: #75e0f2
}

.cm-s-ks-editor .cm-number {
    color: #bd99ff
}

.cm-s-ks-editor .cm-def {
    color: #e9eded
}

.cm-s-ks-editor .cm-string {
    color: #ebe087
}

.cm-s-ks-editor .cm-string-2 {
    color: #80cbc4
}

.cm-s-ks-editor .cm-comment {
    color: #546e7a
}

.cm-s-ks-editor .cm-variable {
    color: #82b1ff
}

.cm-s-ks-editor .cm-meta,.cm-s-ks-editor .cm-tag {
    color: #80cbc4
}

.cm-s-ks-editor .cm-attribute {
    color: #ffcb6b
}

.cm-s-ks-editor .cm-property {
    color: #80cbae
}

.cm-s-ks-editor .cm-qualifier,.cm-s-ks-editor .cm-type,.cm-s-ks-editor .cm-variable-3 {
    color: #decb6b
}

.cm-s-ks-editor .cm-tag {
    color: #ff5370
}

.cm-s-ks-editor .cm-error {
    color: #fff;
    background-color: #ec5f67
}

.cm-s-ks-editor .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: #fff!important
}

.static-text {
    line-height: 24px;
    padding: 4px 0
}

.jad-form-item .jad-form-item-content .select-time-range {
    display: flex
}

.jad-form-item .jad-form-item-content .select-time-range .jad-btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.jad-form-item .jad-form-item-content .jad-input-inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@font-face {
    font-family: home;
    src: url(../../assets/fonts/home.eot);
    src: url(../../assets/fonts/home.eot#iefix) format("embedded-opentype"),url(../../assets/fonts/home.ttf) format("truetype"),url(../../assets/fonts/home.woff) format("woff"),url(../../assets/fonts/home.svg#home) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

[class*=" home-icon-"],[class^=home-icon-] {
    font-family: home!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.home-icon-search-panel:before {
    content: "\E900"
}

.home-icon-matrix:before {
    content: "\E901"
}

.home-icon-change:before {
    content: "\E902"
}

.profile-container {
    background: #fff;
    padding: 24px 0;
    width: 100%;
    border-radius: 4px
}

.profile-container-jdhb-tab .jad-tabs-nav-tab-active {
    color: #016ee8
}

.profile-container-jdhb-tab .jad-tabs-tab-bottom {
    background: #016ee8
}

.profile-container-jdhb-tab .jad-tabs-nav-tab:hover {
    color: #016ee8
}

.profile-container .jad-tabs-bar {
    margin: 0
}

.profile-container .jad-tabs-nav-scroll {
    margin-bottom: 0
}

.profile-container .jad-tabs-nav-tab-span-no-icon {
    padding: 0
}

.profile-container .profile-screen {
    height: 40px;
    margin-bottom: 12px;
    position: relative
}

.profile-container .profile-screen-title {
    display: inline-block;
    font-size: 16px;
    color: #111;
    line-height: 32px;
    vertical-align: middle;
    font-weight: 700
}

.profile-container .profile-screen-tab {
    vertical-align: middle;
    display: inline-block;
    margin-left: 32px
}

.profile-container .profile-screen-tab .jad-tabs-nav-scroll {
    line-height: 20px;
    min-height: 26px
}

.profile-container .profile-screen-tab .jad-tabs-nav-tab-active {
    font-weight: 700
}

.profile-container .profile-screen-tab-btn {
    width: 102px
}

.profile-container .profile-screen-select {
    position: absolute;
    right: 0;
    top: 0;
    width: 19%;
    text-align: right
}

.profile-container .profile-screen-dropdown.jad-dropdown-popper .jad-dropdown-item {
    height: 32px;
    line-height: 32px
}

.profile-container .profile-screen .jad-select-btn .jad-select-btn-text {
    font-size: 14px
}

.profile-container .profile-screen .chart-cls {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px
}

.profile-container .profile-screen .help-radius {
    color: #fff;
    background: #d5d5d5;
    text-align: center;
    line-height: 16px;
    width: 16px;
    height: 16px;
    border-radius: 100%
}

.profile-container .profile-tabs {
    margin-bottom: 16px
}

.profile-container .profile-tabs .jad-tabs-nav-scroll {
    line-height: 20px;
    min-height: 26px
}

.profile-container .profile-tabs .jad-tabs-nav-tab-active {
    font-weight: 700
}

.profile-container .profile-list {
    margin: 0 -8px 15px auto;
    font-size: 0
}

.profile-container .profile-list .profile-item {
    height: 120px;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 2px;
    background: #f8f8f8;
    margin-right: 8px;
    border: 1px solid transparent;
    position: relative;
    padding: 12px 0 16px
}

.profile-container .profile-list .profile-item-wrap {
    display: inline-block;
    width: 25%
}

.profile-container .profile-list .profile-item-title {
    color: #666;
    padding: 0 16px;
    line-height: 22px
}

.profile-container .profile-list .profile-item-title .help-radius {
    color: #fff;
    background: #d5d5d5;
    text-align: center;
    line-height: 16px;
    width: 16px;
    height: 16px;
    border-radius: 100%
}

.profile-container .profile-list .profile-item-rect {
    position: absolute;
    left: 0;
    top: 16px;
    width: 4px;
    height: 14px;
    display: none
}

.profile-container .profile-list .profile-item .bottom-wrap {
    text-align: right;
    width: 100%;
    padding: 0 16px
}

.profile-container .profile-list .profile-item .current {
    font-size: 24px;
    color: #111
}

.profile-container .profile-list .profile-item .title {
    color: #666
}

.profile-container .profile-list .profile-item .before {
    color: #999;
    font-size: 14px
}

.profile-container .profile-list .profile-item:hover {
    background: #fff;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.06);
    border-radius: 2px
}

.profile-container .profile-list .profile-item-height {
    height: 108px
}

.profile-container .profile-list .active {
    border: 1px solid #eee;
    background: #fff
}

.profile-container .profile-list .active .profile-item-title {
    color: #fd4545
}

.profile-container .profile-list .active .profile-item-rect {
    background-color: #fd4545;
    display: block
}

.profile-container .profile-list .active .current,.profile-container .profile-list .active .title {
    color: #fd4545
}

.profile-container .profile-list .active.hb-active .profile-item-title {
    color: #016ee8
}

.profile-container .profile-list .active.hb-active .profile-item-rect {
    background-color: #016ee8;
    display: block
}

.profile-container .profile-list .active.hb-active .current,.profile-container .profile-list .active.hb-active .title {
    color: #016ee8
}

.profile-container .chart-container {
    margin-top: 20px;
    position: relative
}

.profile-container .chart-container-tip {
    font-size: 12px;
    position: absolute;
    right: 2px;
    color: #999;
    line-height: 20px
}

.account-container-right {
    box-sizing: border-box;
    width: 321px;
    float: right;
    overflow: hidden
}

.account-container-right .btn-width {
    width: 100%
}

.account-container-right .account-balance {
    border-radius: 4px;
    background: #fff;
    padding: 24px 24px 16px
}

.account-container-right .account-balance .jad-popover {
    vertical-align: middle
}

.account-container-right .account-balance-header {
    line-height: 32px;
    height: 32px;
    box-sizing: content-box;
    font-size: 0;
    position: relative;
    overflow: hidden
}

.account-container-right .account-balance-header-action {
    position: absolute;
    right: 0;
    transition: color .3s
}

.account-container-right .account-balance-header-action .jad-icon {
    display: inline-block;
    width: 12px;
    text-align: center;
    vertical-align: middle;
    margin-left: 2px
}

.account-container-right .account-balance-header-action.jdhb-color:hover {
    color: #016ee8
}

.account-container-right .account-balance-header-action:hover {
    color: #fd3a33
}

.account-container-right .account-balance-introduce {
    font-weight: 700
}

.account-container-right .account-balance-title {
    font-size: 16px;
    display: inline-block;
    color: #111;
    font-weight: 700
}

.account-container-right .account-balance-title .help-radius {
    margin-bottom: 6px;
    color: #fff;
    background: #d5d5d5;
    text-align: center;
    line-height: 16px;
    width: 16px;
    height: 16px;
    border-radius: 100%
}

.account-container-right .account-balance-ellipsis {
    text-align: right;
    float: right;
    color: #666;
    line-height: 33px;
    font-weight: 100;
    cursor: pointer;
    display: inline-block
}

.account-container-right .account-balance-ellipsis:hover .jad-icon-ellipsis {
    color: #fd4545
}

.account-container-right .account-balance-tip {
    margin-top: 10px;
    color: #fd4545;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.account-container-right .account-balance-count {
    color: #111;
    margin-top: 16px
}

.account-container-right .account-balance-count-title {
    font-size: 14px;
    color: #666;
    line-height: 22px
}

.account-container-right .account-balance-count .hb-account-balance {
    margin-top: 8px;
    font-size: 34px;
    color: #111;
    line-height: 40px
}

.account-container-right .account-balance-btns {
    padding: 14px 0 24px;
    font-size: 0;
    display: flex;
    justify-content: space-between
}

.account-container-right .account-balance-btns-item {
    flex: 1
}

.account-container-right .account-balance-btns-item:first-child {
    margin-right: 16px
}

.account-container-right .account-balance-btns-detail {
    width: 284px;
    margin-top: 4px
}

.account-container-right .account-balance-distribute {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    align-items: center;
    height: 50px;
    margin-bottom: 16px
}

.account-container-right .account-balance-distribute-left {
    width: 194px;
    word-break: break-word
}

.account-container-right .account-balance-distribute-action {
    position: absolute;
    right: 62px;
    transition: color .3s
}

.account-container-right .account-balance-distribute-action .jad-icon {
    display: inline-block;
    width: 12px;
    text-align: center;
    vertical-align: middle;
    margin-left: -1px
}

.account-container-right .account-balance-distribute-action.jdhb-color:hover {
    color: #016ee8
}

.account-container-right .account-balance-distribute-action:hover {
    color: #fd3a33
}

.account-container-right .account-balance-types.has-border {
    font-size: 14px;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.account-container-right .account-balance-types-title {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

.account-container-right .account-balance-types-item {
    float: left;
    width: 50%;
    box-sizing: padding-box;
    margin-bottom: 8px;
    word-break: break-word
}

.account-container-right .account-balance-types-item-desc {
    font-size: 12px;
    color: #666;
    line-height: 22px;
    margin: 8px auto
}

.account-container-right .account-balance-types-item-detail {
    font-size: 18px;
    color: #111
}

.account-container-right .notice {
    border-radius: 4px;
    background: #fff;
    margin-top: 16px;
    padding: 24px;
    min-height: 200px
}

.account-container-right .notice-headline {
    font-weight: 600
}

.account-container-right .notice-headline-title {
    font-size: 16px;
    display: inline-block;
    color: #111
}

.account-container-right .notice-headline-ellipsis {
    text-align: right;
    float: right;
    line-height: 22px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    cursor: pointer
}

.account-container-right .notice-headline-ellipsis:hover {
    color: #ff4545
}

.account-container-right .notice-headline-ellipsis:hover.is-jdhb {
    color: #016ee8
}

.account-container-right .notice-list {
    margin-top: 14px
}

.account-container-right .notice-list-new-identity {
    display: inline-block;
    width: 31px;
    height: 17px;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    background: #ff4545;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    margin-right: 4px
}

.account-container-right .notice-list-item {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    display: block
}

.account-container-right .notice-list-item:last-child {
    margin-bottom: 0
}

.account-container-right .notice-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
    vertical-align: middle;
    display: inline-block
}

.account-container-right .notice-list-item-content:hover {
    color: #ff4545
}

.account-container-right .notice-list-item-content.is-jdhb:hover {
    color: #016ee8
}

.account-container-right .notice-list-item .text-max173 {
    max-width: 65%
}

.account-container-right .notice-list-item .text-max140 {
    max-width: 55%
}

.account-container-right .notice-list-item-date {
    color: #888;
    float: right
}

.account-container-right .fast-entry {
    border-radius: 4px;
    background: #fff;
    margin-top: 16px;
    padding: 24px
}

.account-container-right .fast-entry-headline {
    line-height: 24px;
    height: 32px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.account-container-right .fast-entry-headline-W-title {
    font-size: 16px;
    display: inline-block;
    color: #111
}

.account-container-right .fast-entry-headline-W-new {
    line-height: 20px;
    margin-right: 4px
}

.account-container-right .fast-entry-headline-ellipsis {
    text-align: right;
    float: right;
    line-height: 32px;
    height: 24px;
    font-weight: 400;
    cursor: pointer
}

.account-container-right .fast-entry-headline-ellipsis-edit {
    display: inline-block;
    color: #666
}

.account-container-right .fast-entry-headline-ellipsis-edit:hover {
    color: #ff4545
}

.account-container-right .fast-entry-headline-ellipsis-complete {
    display: inline-block;
    color: #005ff1
}

.account-container-right .fast-entry-list {
    margin-top: 16px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.account-container-right .fast-entry-list-item-normal {
    flex: 1;
    min-width: 130px;
    line-height: 22px;
    height: 22px;
    font-size: 14px;
    color: #333;
    margin-bottom: 12px
}

.account-container-right .fast-entry-list-item-normal:nth-last-of-type(-n+2) {
    margin-bottom: 0
}

.account-container-right .fast-entry-list-item-normal:nth-child(2n) {
    margin-left: 16px
}

.account-container-right .fast-entry-list-item-normal :hover {
    color: #ff4545
}

.account-container-right .fast-entry-list-item-edit {
    position: relative;
    flex: 1;
    min-width: 130px;
    line-height: 32px;
    height: 32px;
    background: #f8f8f8;
    border-radius: 4px;
    padding-left: 8px;
    margin-bottom: 12px
}

.account-container-right .fast-entry-list-item-edit:nth-child(2n) {
    margin-left: 12px
}

.account-container-right .fast-entry-list-item-edit:last-child {
    margin-bottom: 0
}

.account-container-right .fast-entry-list-item-edit-cancel {
    position: absolute;
    right: -6px;
    top: -12px
}

.account-container-right .fast-entry-list-item-close {
    display: inline
}

.account-container-right .fast-entry-list-item-add {
    flex: 1;
    min-width: 130px;
    max-width: 48%;
    line-height: 32px;
    height: 32px;
    border: 1px dotted #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.account-container-right .fast-entry-list-item-add:nth-child(2n) {
    margin-left: 12px
}

.account-container-right .fast-entry-list-item-add:hover {
    border: 1px dotted #000
}

@media screen and (min-width: 0) and (max-width:1279px) {
    .account-container .profile-container {
        width:calc(100% - 392px)
    }

    .account-container-right {
        width: 328px
    }
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
    .account-container .profile-container {
        width:calc(100% - 344px)
    }

    .account-container-right {
        width: 328px
    }
}

@media screen and (min-width: 1440px) and (max-width:1599px) {
    .account-container .profile-container {
        width:calc(100% - 364px)
    }

    .account-container-right {
        width: 348px
    }
}

@media screen and (min-width: 1600px) {
    .account-container .profile-container {
        width:calc(100% - 416px)
    }

    .account-container-right {
        width: 400px
    }
}

body {
    font-family: PingFangSC,Helvetica Neue,Helvetica,PingFang SC,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC
}

.w-one {
    width: 100%
}

.percent35 {
    width: 40%
}

.percent17 {
    width: 20%
}

.color-888 {
    color: #888
}

.color-999 {
    color: #999
}

.color-111 {
    color: #111
}

.color-333 {
    color: #333
}

.color-555 {
    color: #555
}

.color-666 {
    color: #666
}

.color-ccc {
    color: #ccc
}

.color-red {
    color: #fd4545
}

.pointer {
    cursor: pointer
}

.mr-22 {
    margin-right: 20%
}

.mr-22:last-child {
    margin-right: 0
}

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

.mr-15:last-child {
    margin-right: 0
}

.mr-13 {
    margin-right: 13%
}

.mr-13:last-child {
    margin-right: 0
}

.jad-modal-main {
    border-radius: 10px
}

.jad-modal-main .jad-modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #ededed
}

.jad-modal-main .jad-modal-body {
    min-height: 70px;
    color: #333
}

.jad-modal-main .jad-modal-content {
    border-radius: 10px
}

.jad-modal-main .jad-modal-header div {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.font12 {
    font-size: 12px
}

.font16 {
    font-size: 16px
}

.font30 {
    font-size: 30px
}

.font38 {
    font-size: 38px
}

.font26 {
    font-size: 26px
}

.vertical-middle {
    vertical-align: middle
}

.vertical-top {
    vertical-align: top
}

.text-center {
    text-align: center
}

.font-avenir-Light {
    font-family: Avenir-Light
}

.jad-btn-error {
    background: #fd4545
}

.account-popover {
    line-height: 22px
}

.jad-select-ul-bd li.jad-dropdown-item {
    font-size: 14px!important
}

.jad-guide-step .jad-guide-step-tip-container {
    max-width: 600px
}

.jad-guide-step .jad-guide-step-directed-area {
    border-radius: 8px;
    padding: 0 8px
}

.flex {
    display: flex
}

.flex-center {
    display: flex;
    align-items: center
}

.flex-c {
    display: flex;
    justify-content: center
}

.flex-between,.flex-center-between {
    display: flex;
    justify-content: space-between
}

.flex-center-between {
    align-items: center
}

.flex-around {
    display: flex;
    justify-content: space-around
}

.flex-colum {
    display: flex;
    flex-direction: column
}

.inline-block {
    display: inline-block
}

.bg-f {
    background: #fff
}

.mr4 {
    margin-right: 4px
}

.ml4 {
    margin-left: 4px
}

.lh32 {
    line-height: 32px;
    height: 32px
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jad-tooltip-inner {
    text-align: left;
    max-width: 300px
}

.view-more {
    color: #666;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 0
}

.view-more:hover {
    color: #ff3a33
}

.brand-popover-dashbord {
    min-width: 300px
}

.fontW600 {
    font-weight: 600
}

.c-blue {
    color: #3075ff;
    cursor: pointer
}

.jzt-nav-top {
    position: relative;
    top: 0;
    height: 64px;
    min-width: 1250px
}

.carousel-div {
    height: 64px;
    width: 100%
}

.back-old {
    margin: 136px 24px 16px;
    font-size: 12px;
    text-align: right
}

.mt80 {
    margin-top: 80px
}

.hp-close {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: hsla(0,0%,100%,.5);
    top: 12px;
    right: 60px;
    line-height: 20px;
    text-align: center
}

.jad-modal-main .jad-modal-content {
    border-radius: 4px;
    height: 100%
}

.jad-modal-main .jad-modal-header {
    border-bottom: 0
}

.jad-modal-main .content-container {
    height: 100%;
    overflow-y: auto
}

.modal-close {
    z-index: 999999;
    position: absolute;
    top: -24px;
    right: -24px
}

.modal-subject {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    font-weight: 700
}

.no-overflow-modal .jad-modal-main {
    position: absolute
}

.no-overflow-modal .jad-modal-body {
    overflow: inherit;
    height: 100%;
    padding: 0
}

.vt {
    vertical-align: top
}

.topNotice-tip {
    position: absolute
}

.topNotice-tip-trigger {
    visibility: hidden
}

.topNotice-tip-button {
    margin-top: 10px;
    text-align: right
}

.topNotice-modal .jad-modal-main {
    height: 532px!important;
    overflow-y: hidden
}

.topNotice-modal .jad-modal-content {
    padding: 0
}

.topNotice-modal .jad-modal-body {
    height: 100%;
    padding: 0;
    overflow: hidden;
    max-height: none
}

.topNotice-modal-left {
    width: 168px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(115deg,#fd3131,#fe5b5b 85%,#ffa8a8);
    padding: 16px 12px
}

.topNotice-modal-bottom {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 146px
}

.topNotice-modal-body {
    left: 168px;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    padding: 40px;
    text-align: center
}

.topNotice-modal-title {
    font-size: 24px;
    color: #333;
    line-height: 28px;
    margin-bottom: 12px
}

.topNotice-modal-time {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-bottom: 12px
}

.topNotice-modal-content {
    text-align: left;
    overflow-y: auto;
    height: 320px;
    margin-bottom: 22px;
    line-height: 24px
}

.topNotice-modal-content img {
    max-width: 544px
}

.topNotice-modal-close {
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
    color: #ccc
}

.topNotice-modal-item {
    height: 46px;
    opacity: 1;
    font-size: 14px;
    color: #111;
    background-color: #fff;
    line-height: 46px;
    text-align: center;
    border-left: none;
    transition: all 0s;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 16px;
    margin-top: 4px;
    border-radius: 8px
}

.topNotice-modal-item.twoRows {
    height: 52px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: inherit;
    padding: 4px 12px;
    margin-bottom: 10px;
    word-break: break-all
}

.topNotice-modal-item.active {
    position: relative;
    background-color: #fff;
    opacity: 1;
    font-weight: 500;
    border-radius: 0 8px 8px 0;
    border-left: none;
    box-shadow: 4px 4px 15px rgba(255,58,51,.09)
}

.topNotice-modal-item.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg,#ffd6d4,#ff3a33);
    border-radius: 8px
}

.topNotice-modal-checkbox {
    position: absolute;
    color: #999;
    bottom: 52px;
    right: 40px
}

.topNotice-modal-checkbox .jad-checkbox-checked .jad-checkbox-inner:after {
    box-sizing: content-box
}

.pt8 {
    padding-top: 8px
}

.pl8 {
    padding-left: 8px
}

.pr8 {
    padding-right: 8px
}

.pb8 {
    padding-bottom: 8px
}

.mt8 {
    margin-top: 8px
}

.mb8 {
    margin-bottom: 8px
}

.ml8 {
    margin-left: 8px
}

.mr8 {
    margin-right: 8px
}

.pt10 {
    padding-top: 10px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.pt12 {
    padding-top: 12px
}

.pl12 {
    padding-left: 12px
}

.pr12 {
    padding-right: 12px
}

.pb12 {
    padding-bottom: 12px
}

.mt12 {
    margin-top: 12px
}

.mb12 {
    margin-bottom: 12px
}

.ml12 {
    margin-left: 12px
}

.mr12 {
    margin-right: 12px
}

.pt16 {
    padding-top: 16px
}

.pl16 {
    padding-left: 16px
}

.pr16 {
    padding-right: 16px
}

.pb16 {
    padding-bottom: 16px
}

.mt16 {
    margin-top: 16px
}

.mb16 {
    margin-bottom: 16px
}

.ml16 {
    margin-left: 16px
}

.mr16 {
    margin-right: 16px
}

.pt20 {
    padding-top: 20px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px
}

.pt24 {
    padding-top: 24px
}

.pl24 {
    padding-left: 24px
}

.pr24 {
    padding-right: 24px
}

.pb24 {
    padding-bottom: 24px
}

.mt24 {
    margin-top: 24px
}

.mb24 {
    margin-bottom: 24px
}

.ml24 {
    margin-left: 24px
}

.mr24 {
    margin-right: 24px
}

.pt32 {
    padding-top: 32px
}

.pl32 {
    padding-left: 32px
}

.pr32 {
    padding-right: 32px
}

.pb32 {
    padding-bottom: 32px
}

.mt32 {
    margin-top: 32px
}

.mb32 {
    margin-bottom: 32px
}

.ml32 {
    margin-left: 32px
}

.mr32 {
    margin-right: 32px
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w110 {
    width: 110px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px
}

.w140 {
    width: 140px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w170 {
    width: 170px
}

.w180 {
    width: 180px
}

.w190 {
    width: 190px
}

.w200 {
    width: 200px
}

.w210 {
    width: 210px
}

.w220 {
    width: 220px
}

.w230 {
    width: 230px
}

.w240 {
    width: 240px
}

.w250 {
    width: 250px
}

.w260 {
    width: 260px
}

.w270 {
    width: 270px
}

.w280 {
    width: 280px
}

.w290 {
    width: 290px
}

.w300 {
    width: 300px
}

.w310 {
    width: 310px
}

.w320 {
    width: 320px
}

.w330 {
    width: 330px
}

.w340 {
    width: 340px
}

.w350 {
    width: 350px
}

.w360 {
    width: 360px
}

.w370 {
    width: 370px
}

.w380 {
    width: 380px
}

.w390 {
    width: 390px
}

.w400 {
    width: 400px
}

.w410 {
    width: 410px
}

.w420 {
    width: 420px
}

.w430 {
    width: 430px
}

.w440 {
    width: 440px
}

.w450 {
    width: 450px
}

.w460 {
    width: 460px
}

.w470 {
    width: 470px
}

.w480 {
    width: 480px
}

.w490 {
    width: 490px
}

.w500 {
    width: 500px
}

.no-data-wrapper {
    margin: 0 auto;
    margin-bottom: 200px;
    padding-top: 115px
}

.no-data-wrapper .no-data {
    margin: 0 auto;
    width: 150px;
    height: 96px;
    background: url(../../assets/fonts/no-data.svg) no-repeat 50%
}

.no-data-wrapper .no-data-1 {
    margin: 0 auto;
    width: 96px;
    height: 96px;
    background: url(//img10.360buyimg.com/img/jfs/t1/343318/16/6582/22536/68d24750F906aa48e/d42418819660260c.png) no-repeat 50%;
    background-size: 96px
}

.no-data-wrapper .no-data-2 {
    margin: 0 auto;
    width: 58px;
    height: 53px;
    background: url(//img30.360buyimg.com/img/s58x58_jfs/t1/144625/18/25758/34754/61d7f105E501412cf/5d0e85738d6e829a.png) no-repeat 50%
}

.no-data-wrapper .no-data-text-2 {
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    text-align: center
}

.no-data-wrapper .no-data-text {
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-top: 40px;
    text-align: center
}

.no-data-wrapper .no-data-text-1 {
    color: #666;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    margin-top: 8px
}

.guide-popover {
    z-index: 1000!important
}

.guide-popover .jad-btn-default {
    display: none
}

.guide-popover .jad-btn-primary {
    padding: 0 12px;
    font-size: 12px;
    line-height: 22px;
    height: 24px;
    border-radius: 4px
}

.optimization-operation {
    color: #3075ff
}

.jad-modal-slide-body-no-footer {
    height: calc(100vh - 60px)
}

.reward-card-popover {
    max-width: 400px
}

.jzt-user-avatar-img {
    width: 240px
}

.navigation-container {
    height: 64px;
    width: 100%;
    background: #0a0a0a;
    text-align: center
}

.navigation-container .inline-list {
    list-style-type: none;
    line-height: 64px;
    font-size: 14px
}

.navigation-container .inline-list li {
    display: inline-block;
    margin: auto 32px
}

.navigation-container .inline-list li a {
    color: #fff;
    opacity: .6
}

.navigation-container .inline-list li a:hover {
    opacity: 1
}

.entrance-wrap {
    overflow: hidden;
    zoom:1;display: flex;
    margin-top: 16px
}

.entrance-wrap .product-entrance {
    position: relative;
    width: calc(100% - 337px);
    float: left;
    background-color: #fff;
    border-radius: 4px;
    padding: 24px;
    margin-right: 16px;
    min-width: 888px
}

.entrance-wrap .product-entrance-flex {
    display: flex;
    justify-content: space-between
}

.entrance-wrap .product-entrance-matrix {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    border-radius: 0 0 0 80%;
    background: linear-gradient(225.79deg,#fff,#f5f6f7);
    padding-left: 4px;
    cursor: pointer
}

.entrance-wrap .product-entrance-header {
    position: relative;
    height: 32px;
    margin: 20px 24px 0;
    justify-content: space-between
}

.entrance-wrap .product-entrance-header .title {
    display: inline-block;
    line-height: 24px;
    font-weight: 700;
    font-size: 16px;
    color: #111
}

.entrance-wrap .product-entrance-header .link {
    float: right;
    line-height: 24px;
    font-weight: 700;
    color: #737373
}

.entrance-wrap .product-entrance-container {
    position: relative;
    padding: 0 24px;
    width: 100%;
    height: 96px
}

.entrance-wrap .product-entrance-inner {
    position: absolute
}

.entrance-wrap .product-entrance-type {
    position: relative
}

.entrance-wrap .product-entrance-type:last-child {
    margin-right: 0
}

.entrance-wrap .product-entrance-type-title {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #333
}

.entrance-wrap .product-entrance-type-extra {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 8px
}

.entrance-wrap .product-entrance-type-extra:hover {
    text-decoration: underline
}

.entrance-wrap .product-entrance-product {
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.entrance-wrap .product-entrance-product-header {
    color: #111;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px
}

.entrance-wrap .product-entrance-product-item {
    display: block
}

.entrance-wrap .product-entrance-product-item:not(:last-child) {
    margin-right: 24px
}

.entrance-wrap .product-entrance-product-item:hover .product-entrance-product-icon {
    opacity: .9
}

.entrance-wrap .product-entrance-product-item:hover .product-entrance-product-title {
    color: #333;
    font-weight: 700
}

.entrance-wrap .product-entrance-product-desc {
    font-size: 12px;
    color: #bbb;
    letter-spacing: -1px;
    text-align: center
}

.entrance-wrap .product-entrance-product-icon {
    font-size: 21px;
    display: block;
    line-height: 32px;
    color: #fff;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border-radius: 6px;
    opacity: 1;
    transition: opacity .3s
}

.entrance-wrap .product-entrance-product-title {
    margin-top: 8px;
    display: block;
    text-align: center;
    line-height: 22px;
    color: #666;
    transition: color .3s,font-weight .3s
}

.entrance-wrap .product-entrance-move {
    height: 100%;
    background: #fff;
    width: 24px;
    position: absolute;
    top: 0;
    z-index: 3
}

.entrance-wrap .product-entrance-move.prev {
    left: 0;
    box-shadow: 3px 0 5px rgba(0,0,0,.1)
}

.entrance-wrap .product-entrance-move.next {
    right: 0;
    box-shadow: -3px 0 5px rgba(0,0,0,.1)
}

.entrance-wrap .product-entrance-move.disabled {
    box-shadow: none
}

.entrance-wrap .product-entrance-move.disabled .product-entrance-move-item {
    background: rgba(0,0,0,.08)
}

.entrance-wrap .product-entrance-move-item {
    width: 24px;
    height: 32px;
    line-height: 32px;
    background: rgba(0,0,0,.24);
    position: relative;
    top: 20px;
    text-align: center;
    cursor: pointer;
    transition: background .3s ease
}

.entrance-wrap .product-entrance-move-item:hover {
    background: rgba(0,0,0,.36)
}

.entrance-wrap .product-entrance-move-item .jad-icon {
    font-size: 24px;
    color: #fff
}

.entrance-wrap .product-entrance-bar {
    position: absolute;
    width: 32px;
    padding: 5px 0;
    height: 12px;
    border-radius: 1px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-16px);
    cursor: pointer
}

.entrance-wrap .product-entrance-bar-inner {
    background: #ddd
}

.entrance-wrap .product-entrance-bar-active {
    width: 20px;
    height: 2px;
    background: #ff4545;
    border-radius: 1px;
    transition: transform .3s ease-in-out
}

.entrance-wrap-right {
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    zoom:1}

.entrance-wrap-right .tools-entrance {
    background-color: #fff;
    overflow-y: hidden
}

.entrance-wrap-right .tools-entrance-flex {
    display: flex;
    justify-content: space-between
}

.entrance-wrap-right .tools-entrance .tools-container {
    margin: 32px
}

.entrance-wrap-right .tools-entrance .first-row {
    flex-flow: row nowrap;
    display: flex;
    justify-content: center
}

.entrance-wrap-right .tools-entrance .tools-item {
    font-size: 0;
    height: 150px
}

.entrance-wrap-right .tools-entrance .tools-item .type-name {
    color: #111;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 700;
    margin: 12px auto 16px 16px;
    white-space: nowrap
}

.entrance-wrap-right .tools-entrance .tools-item .icon-border {
    border-radius: 8px
}

.entrance-wrap-right .tools-entrance .icons-container {
    flex-flow: row nowrap;
    display: flex;
    justify-content: center
}

.entrance-wrap-right .tools-entrance .border {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    margin: 0 auto;
    text-align: center
}

.entrance-wrap-right .tools-entrance .border:hover {
    opacity: .9
}

.entrance-wrap-right .tools-entrance .icon-item {
    flex: 1;
    text-align: center
}

.entrance-wrap-right .tools-entrance .icon-item .item {
    display: inline-block;
    padding: 5px;
    border-radius: 8px
}

.entrance-wrap-right .tools-entrance .icon-item .item:hover .tools-name {
    color: #333;
    font-weight: 700
}

.entrance-wrap-right .tools-entrance .icon-item .item:hover .border {
    opacity: .9
}

.entrance-wrap-right .tools-entrance .tools-name {
    color: #666;
    letter-spacing: 0;
    line-height: 20px;
    margin-top: 8px;
    text-align: center
}

.entrance-wrap-right .tools-entrance .tools-icon {
    font-size: 28px;
    display: inline-block;
    line-height: 48px;
    color: #fff
}

.entrance-wrap-right .tools-entrance .second-row {
    height: 160px;
    margin-top: 16px
}

.entrance-wrap-right .tools-entrance .second-row .type-name {
    font-size: 16px;
    width: 100px;
    color: #111;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 700;
    display: inline-block;
    margin: 16px auto 24px 20px
}

.entrance-wrap-right .tools-entrance-header {
    position: relative;
    height: 32px;
    margin: 20px 24px 0;
    justify-content: space-between
}

.entrance-wrap-right .tools-entrance-header .title {
    display: inline-block;
    line-height: 24px;
    font-weight: 700;
    font-size: 16px;
    color: #111
}

.entrance-wrap-right .tools-entrance-header .link {
    float: right;
    line-height: 24px;
    font-weight: 700;
    color: #737373
}

.entrance-wrap-right .tools-entrance-container {
    position: relative;
    padding: 0 24px;
    margin-bottom: 24px;
    width: 100%;
    overflow: hidden;
    height: 68px
}

.entrance-wrap-right .tools-entrance-inner {
    position: absolute;
    padding: 0 2px;
    margin-top: 8px
}

.entrance-wrap-right .tools-entrance-type {
    position: relative;
    float: left
}

.entrance-wrap-right .tools-entrance-type:last-child {
    margin-right: 0
}

.entrance-wrap-right .tools-entrance-type-title {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #333
}

.entrance-wrap-right .tools-entrance-type-extra {
    margin-left: 8px;
    color: #999;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline
}

.entrance-wrap-right .tools-entrance-type-extra:hover {
    text-decoration: underline
}

.entrance-wrap-right .tools-entrance-tools {
    flex: none;
    width: 79px
}

.entrance-wrap-right .tools-entrance-tools-item {
    margin: 0 auto;
    display: block;
    text-align: center
}

.entrance-wrap-right .tools-entrance-tools-item:hover .tools-entrance-tools-icon {
    opacity: .9
}

.entrance-wrap-right .tools-entrance-tools-item:hover .tools-entrance-tools-title {
    color: #333;
    font-weight: 700
}

.entrance-wrap-right .tools-entrance-tools-desc {
    font-size: 12px;
    color: #bbb;
    letter-spacing: -1px;
    text-align: center;
    margin-top: -5px
}

.entrance-wrap-right .tools-entrance-tools-icon {
    font-size: 21px;
    display: block;
    line-height: 28px;
    color: #fff;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    border-radius: 6px;
    opacity: 1;
    transition: opacity .3s
}

.entrance-wrap-right .tools-entrance-tools-title {
    margin-top: 8px;
    display: block;
    text-align: center;
    line-height: 22px;
    color: #666;
    transition: color .3s,font-weight .3s
}

.entrance-wrap-right .tools-entrance-move {
    display: flex;
    float: right;
    padding: 4px 0
}

.entrance-wrap-right .tools-entrance-move-item {
    width: 24px;
    height: 16px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #bbb;
    cursor: pointer;
    transition: all .3s ease
}

.entrance-wrap-right .tools-entrance-move-item .jad-icon {
    font-size: 9px;
    color: #111
}

.entrance-wrap-right .tools-entrance-move-item.disabled .jad-icon {
    color: #bbb
}

.entrance-wrap-right .tools-entrance-move-item:first-child {
    border-right: 0;
    border-radius: 2px 0 0 2px
}

.entrance-wrap-right .tools-entrance-move-item:last-child {
    border-radius: 0 2px 2px 0
}

.entrance-wrap-right .tools-entrance-move-item:not(.disabled):hover {
    border-color: #888
}

.entrance-wrap-right .tools-entrance-move-item:not(.disabled):active {
    background: #f5f6f7
}

.entrance-wrap-right .tools-entrance-bar {
    position: absolute;
    width: 32px;
    padding: 5px 0;
    height: 12px;
    border-radius: 1px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-16px);
    cursor: pointer
}

.entrance-wrap-right .tools-entrance-bar-inner {
    background: #ebebeb
}

.entrance-wrap-right .tools-entrance-bar-active {
    width: 20px;
    height: 2px;
    background: #ff4545;
    border-radius: 1px;
    transition: transform .3s ease-in-out
}

@media screen and (min-width: 0) and (max-width:1365px) {
    .entrance-wrap .product-entrance {
        width:calc(100% - 344px)
    }

    .entrance-wrap-right {
        width: 328px
    }

    .entrance-wrap-right .tools-entrance {
        font-size: 12px
    }

    .entrance-wrap-right .tools-entrance-inner {
        padding: 0 6px
    }

    .entrance-wrap-right .tools-entrance-tools {
        width: 64px
    }
}

@media screen and (min-width: 1366px) and (max-width:1439px) {
    .entrance-wrap .product-entrance {
        width:calc(100% - 344px)
    }

    .entrance-wrap-right {
        width: 328px
    }

    .entrance-wrap-right .tools-entrance {
        font-size: 14px
    }

    .entrance-wrap-right .tools-entrance-inner {
        padding: 0 4px
    }

    .entrance-wrap-right .tools-entrance-tools {
        width: 64px
    }
}

@media screen and (min-width: 1440px) and (max-width:1599px) {
    .entrance-wrap .product-entrance {
        width:calc(100% - 364px)
    }

    .entrance-wrap-right {
        width: 348px
    }

    .entrance-wrap-right .tools-entrance {
        font-size: 14px
    }

    .entrance-wrap-right .tools-entrance-inner {
        padding: 0 6px
    }

    .entrance-wrap-right .tools-entrance-tools {
        width: 68px
    }
}

@media screen and (min-width: 1600px) {
    .entrance-wrap .product-entrance {
        width:calc(100% - 416px)
    }

    .entrance-wrap-right {
        width: 400px
    }

    .entrance-wrap-right .tools-entrance-tools-icon {
        font-size: 21px;
        display: block;
        line-height: 32px;
        color: #fff;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        border-radius: 6px;
        opacity: 1;
        transition: opacity .3s
    }
}

.monitor-container {
    background: #fff;
    width: 100%;
    border-radius: 4px;
    margin-top: 16px
}

.monitor-container .monitor-wrap {
    padding: 24px
}

.monitor-container .monitor-tabs {
    position: relative;
    height: 24px;
    line-height: 24px;
    margin-bottom: 16px
}

.monitor-container .monitor-tabs .custom,.monitor-container .monitor-tabs .total {
    position: absolute;
    top: 2px;
    cursor: pointer
}

.monitor-container .monitor-tabs .custom:hover,.monitor-container .monitor-tabs .total:hover {
    color: #fd3a33
}

.monitor-container .monitor-tabs .custom {
    right: 114px
}

.monitor-container .monitor-tabs .total {
    right: -4px;
    line-height: 24px;
    display: flex
}

.sort-wrap {
    width: 466px
}

.sort-wrap .sort-content {
    position: relative
}

.sort-wrap .sort-content .sort-title {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    padding-bottom: 4px;
    font-weight: 700
}

.sort-wrap .sort-content .sort-text {
    color: #888;
    font-size: 12px
}

.sort-wrap .sort-content .close-icon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.sort-wrap .sort-content .sort-btns {
    text-align: right;
    margin-top: 40px
}

.sort-wrap .sort-content .sort-btns .jad-btn-default {
    margin-right: 12px
}

.sort-wrap .jad-popover-inner {
    padding: 24px!important
}

.swiper-box {
    position: relative;
    margin: 0 -12px;
    padding: 0 12px
}

.swiper-box .swiper-wrap {
    width: 100%;
    min-width: 824px
}

.swiper-box .swiper-wrap .swiper-wrapper {
    width: 100%!important;
    min-width: 824px!important
}

.swiper-box .swiper-button-next,.swiper-box .swiper-button-prev {
    width: 20px;
    height: 70px;
    margin-top: 2px;
    background-image: none;
    cursor: pointer;
    display: flex;
    position: absolute;
    text-align: center;
    line-height: 72px
}

.swiper-box .swiper-button-next:hover,.swiper-box .swiper-button-prev:hover {
    background: rgba(0,0,0,.4)
}

.swiper-box .swiper-button-next:hover .jad-icon,.swiper-box .swiper-button-prev:hover .jad-icon {
    color: #fff
}

.swiper-box .swiper-button-prev {
    left: -12px!important
}

.swiper-box .swiper-button-prev:hover {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0
}

.swiper-box .swiper-button-next {
    right: -12px!important
}

.swiper-box .swiper-button-next:hover {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px
}

.swiper-box .jad-table-content {
    max-height: 345px!important;
    overflow-y: auto!important
}

.slide-top {
    height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.slide-top .slide-top-left {
    float: left;
    color: #111;
    font-weight: 700;
    line-height: 22px;
    height: 22px
}

.slide-top .slide-top-right {
    float: right
}

.slide-top .slide-top-right .jad-icon {
    font-size: 12px
}

.slide-top .slide-top-right .jad-select-btn:hover,.slide-top .slide-top-right .jad-select-btn:hover .jad-icon {
    color: #fd4545
}

.slide-top .jad-btn {
    border: none!important
}

.slide-top .jad-select-btn .jad-select-btn-text {
    padding: 0 17px 0 12px
}

.slide-top .jad-select-btn>i {
    right: 0
}

.board-column-content {
    margin-top: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.board-column-content .board-item {
    position: relative;
    cursor: move;
    margin-right: 12px;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    width: 74px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px
}

.board-column-content .board-item:last-child {
    margin: 0
}

.board-column-content .board-item .home-icon-monitor {
    width: 15px;
    height: 15px;
    background-image: url(../../assets/fonts/align-left.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 15px 15px;
    position: absolute;
    top: 1px;
    left: 1px
}

.tips {
    color: #888;
    font-size: 12px;
    line-height: 20px
}

@media screen and (min-width: 0) and (max-width:1439px) {
    .swiper-box .jad-table td,.swiper-box .jad-table th {
        font-size:12px;
        padding-left: 0!important;
        padding-right: 0!important
    }

    .swiper-box .jad-table td .trigger-box,.swiper-box .jad-table th .trigger-box {
        font-size: 12px
    }

    .top-board-table-comp.mini .merch-info-col .minfo {
        font-size: 12px!important
    }

    .top-board-table-comp.mini .merch-info-col .thumb-wrapper {
        margin-right: 2px!important
    }

    .top-board-table-comp.mini td:last-child,.top-board-table-comp.mini th:last-child {
        padding-right: 8px!important
    }
}

.jad-tooltip-poper.merch-info-popper .pop-name {
    font-size: 14px!important
}

.jad-select-popper .jad-select-ul-bd {
    padding: 4px 0
}

.jad-select-popper .jad-select-ul-bd .jad-dropdown-item {
    line-height: 40px;
    padding: 0 15px
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.index-header-jbm .jzt-nav-top {
    position: absolute;
    top: 0;
    height: 64px
}

.jzticon-xiaoxizhongxin+.jzt-mail-wrapper {
    transform: translateX(-66%)!important
}

.jzticon-xiaoxizhongxin+.with-up-arrow:after,.jzticon-xiaoxizhongxin+.with-up-arrow:before {
    left: 66%!important
}

.hasTopNotice .top-notice-container-jbm {
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%
}

.hasTopNotice .jzt-nav-top {
    top: 34px;
    height: 64px
}

.hasTopNotice .container-jbm {
    margin-top: 34px
}

.hasTopNotice .jbm-header-top-banner {
    top: 34px
}

.hasTopNotice .has-top-banner .jzt-nav-top {
    top: 208px
}

.hasTopNotice .has-top-banner~.container-jbm {
    margin-top: 208px
}

.jbm-header-top-banner {
    position: absolute;
    top: 0;
    width: 100%
}

.has-top-banner .jzt-nav-top {
    top: 174px
}

.has-top-banner~.container-jbm {
    margin-top: 174px
}

.flex-right .jad-btn-text:hover {
    color: #ff3a33!important
}

.overview-panel .jad-icon.jad-icon-help2 {
    font-size: 16px;
    color: #ddd
}

.overview-panel .jad-tabspane {
    padding: 0 24px 24px 0
}

.overview-panel .jad-tabs-fullBar .jad-tabs-nav-tab {
    height: 64px
}

.overview-panel .jad-tabs-fullBar .jad-tabs-nav-scroll {
    line-height: 64px
}

.overview-panel .create-media-select .jad-tabs-fullBar .jad-tabs-nav-tab {
    height: 48px
}

.overview-panel .create-media-select .jad-tabs-fullBar .jad-tabs-nav-scroll {
    line-height: 48px
}

.overview-panel .jad-date-picker-input-range input {
    color: #111
}

.overview-panel .jad-date-picker-separator {
    color: #888!important
}

.overview-panel .jad-pro-date-compare-double-date-frame-content-now-selected {
    font-size: 12px;
    font-weight: 400;
    color: #111
}

.overview-panel .jad-pro-date-compare-double-date-frame-content-compare-selected {
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.jad-date-picker-all .jad-date-picker-shortcut p,.jad-date-picker-default .jad-date-picker-shortcut p {
    margin-bottom: 18px
}

.jad-notification-icon {
    position: sticky;
    left: 0
}

.container {
    min-width: 1250px;
    position: relative;
    min-height: 100%
}

body {
    background: #f4f5f6;
    font-size: 14px
}