:root {
    --white: #fff;
    --black: #000;
    --color: #333;
    --link-color: #353535;
    --grey-darker: #606F7B;
    --grey-dark: #8795A1;
    --grey: #B8C2CC;
    --grey-light: #DAE1E7;
    --grey-lighter: #F1F5F8;
    --grey-lightest: #F8FAFC;
    --red-dark: #CC1F1A;
    --red: #E3342F;
    --red-light: #EF5753;
    --yellow: #F7CE10;
    --yellow-light: #fedd00;
    --yellow-lighter: #A2F5BF;
    --green-dark: #1F9D55;
    --green: #38C172;
    --green-light: #51D88A;
    --blue-dark: #448aff;
    --blue: #3388ff;
    --blue-light: #6CB2EB;
    --blue-lighter: #BCDEFA;
    --blue-lightest: #EFF8FF;

    --color-wechat: #44B549;

    --border-color-dark-05: rgba(96, 111, 123, .1);
    --border-color-dark-10: rgba(96, 111, 123, .15);
    --border-color-dark-15: rgba(96, 111, 123, .20);
    --border-color-dark-20: rgba(96, 111, 123, .30);
    --border-color-dark-25: rgba(96, 111, 123, .35);
    --border-color-dark-50: rgba(96, 111, 123, .75);
    --border-color-black-50: rgba(0, 0, 0, .5);

    --border-color-white-25: rgba(255, 255, 255, .25);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: bold;
}

label {
    font-weight: normal;
}

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

i, em {
    font-style: normal;
}

/* FontAwesome*/
.fa {
    font-size: 14px;
}

/* bootstrap */
.alert {
    padding: 6px 15px;
}

/* float */
.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none !important;
}

/* position */
.poi-s {
    position: static !important;
}

.poi-r {
    position: relative !important;
}

.poi-a {
    position: absolute !important;
}

.dragging, .dragging * {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*   flex：定义布局为盒模型          */
/*   flex-v：盒模型垂直布局          */
/*   flex-1：子元素占据剩余的空间     */
/*   flex-center-y：子元素垂直居中   */
/*   flex-center-x：子元素水平居中   */
.flex, .flex-row, .flex-column, .flex-center-y, .flex-center-x, .table-category-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-inline-center {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.mr-auto,
.flex-auto-left,
.flex-1-left {
    margin-right: auto;
}

.ml-auto,
.flex-auto-right,
.flex-1-right {
    margin-left: auto;
}

.flex-1,
.flex-col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-2,
.flex-col-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.flex-3,
.flex-col-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.flex-4,
.flex-col-4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.flex-5,
.flex-col-5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.flex-6,
.flex-col-6 {
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

.flex-center-x {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-center-b {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-center-y {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-bottom-y {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-start {
    align-items: flex-start !important;
}

.flex-row {
    margin: 0 -15px;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap, .flex-table {
    flex-wrap: wrap;
}

.flex-col-1, .flex-col-2, .flex-col-3, .flex-col-4, .flex-col-5, .flex-col-6 {
    padding: 0 15px;
}

/* col */
.row-p10 {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.col-p10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.row-p8 {
    margin-left: -7px !important;
    margin-right: -8px !important;
}

.col-p8 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/* border */
.border-ceee {
    border: 1px solid #eee;
}

.bd-radius-0 {
    border-radius: 0 !important;
}

.bd-radius-2 {
    border-radius: 2px !important;
}

.bd-radius-3 {
    border-radius: 3px !important;
}

.bd-radius-50 {
    border-radius: 1000px !important;
}

.no-tbd {
    border-top: 0 !important;
}

.no-lbd {
    border-left: 0 !important;
}

.no-rbd {
    border-right: 0 !important;
}

.no-bbd {
    border-bottom: 0 !important;
}

/* width */
.w16 {
    width: 16px;
}

.w20 {
    width: 20px;
}

.w24 {
    width: 24px;
}

.w25 {
    width: 25px;
}

.w32 {
    width: 32px !important;
}

.w36 {
    width: 36px;
}

.w40 {
    width: 40px !important;
}

.w44 {
    width: 44px !important;
}

.w48 {
    width: 48px;
}

.w60 {
    width: 60px !important;
}

.w72 {
    width: 72px;
}

.w80 {
    width: 80px !important;
}

.w96 {
    width: 96px !important;
}

.w114 {
    width: 114px !important;
}

.w120 {
    width: 120px !important;
}

.w144 {
    width: 144px !important;
}

.w160 {
    width: 160px !important;
}

.w180 {
    width: 180px !important;
}

.w200 {
    width: 200px !important;
}

.w240 {
    width: 240px !important;
}

.w250 {
    width: 250px !important;
}

.w280 {
    width: 280px !important;
}

.w300 {
    width: 300px !important;
}

.w320 {
    width: 320px !important;
}

.w340 {
    width: 340px !important;
}

.w360 {
    width: 360px !important;
}

.w480 {
    width: 480px !important;
}

.w600 {
    width: 600px !important;
}

.w640 {
    width: 640px !important;
}

.w960 {
    width: 960px !important;
}

.w100pt {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-auto {
    height: auto;
}

.h20 {
    height: 20px
}

.h25 {
    height: 25px
}

.h30 {
    height: 30px
}

.h32 {
    height: 32px
}

.h36 {
    height: 36px
}

.h40 {
    height: 40px
}

.h44 {
    height: 44px
}

.h48 {
    height: 48px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h75 {
    height: 75px
}

.h80 {
    height: 80px
}

.h96 {
    height: 96px
}

.h120 {
    height: 120px
}

.h160 {
    height: 160px
}

.h200 {
    height: 200px
}

.h240 {
    height: 240px
}

.h300 {
    height: 300px
}

.h320 {
    height: 320px
}

.h360 {
    height: 360px
}
.h380 {
    height: 380px !important;
}
.h400 {
    height: 400px
}

.h440 {
    height: 440px
}

.h480 {
    height: 480px
}

.h600 {
    height: 600px
}

/* blank */
.blank5 {
    clear: both;
    height: 5px !important;
}

.blank10 {
    clear: both;
    height: 10px !important;
}

.blank15 {
    clear: both;
    height: 15px !important;
}

.blank20 {
    clear: both;
    height: 20px !important;
}

.blank30 {
    clear: both;
    height: 30px !important;
}

.blank40 {
    clear: both;
    height: 40px !important;
}

.blank60 {
    clear: both;
    height: 60px !important;
}

.blank80 {
    clear: both;
    height: 80px !important;
}

.blank100 {
    clear: both;
    height: 100px !important;
}

/* margin */
.mt0 {
    margin-top: 0 !important;
}

.mt3 {
    margin-top: 3px !important;
}

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

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

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

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

.mt25 {
    margin-top: 25px !important;
}

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

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt160 {
    margin-top: 160px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

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

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

.mb1em {
    margin-bottom: 1em !important;
}

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

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mt300 {
    margin-top: 300px !important;
}


.ml0 {
    margin-left: 0 !important;
}

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

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

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

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

.ml25 {
    margin-left: 25px !important;
}

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

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

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

.ml90 {
    margin-left: 90px !important;
}
.ml100 {
    margin-left: 100px !important;
}
.ml150 {
    margin-left: 150px !important;
}
.mr5 {
    margin-right: 5px !important;
}

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

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

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

.mr25 {
    margin-right: 25px !important;
}

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

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr90 {
    margin-right: 90px !important;
}
.mr150 {
    margin-right: 150px !important;
}
.mr200 {
    margin-right: 200px !important;
}
/* padding */
.padding-0 {
    padding: 0 !important;
}

.p5 {
    padding: 5px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p25 {
    padding: 25px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.pt0 {
    padding-top: 0 !important;
}

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

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

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

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

.pt25 {
    padding-top: 25px !important;
}

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

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

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

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

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

.pr0 {
    padding-right: 0 !important;
}
.pr40 {
    padding-left: 40px
}
.pl0 {
    padding-left: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

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

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

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

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

.pb25 {
    padding-bottom: 20px !important;
}

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

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

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

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

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

.pb100 {
    padding-bottom: 100px !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;
}

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

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

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

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

.pr25 {
    padding-right: 25px !important;
}

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

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

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

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

/* font */
.font-apple {
    font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Arial, sans-serif;
}

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

.font13 {
    font-size: 13px !important;
}

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

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

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

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

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

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

.font28, .font-xxxl {
    font-size: 28px !important
}

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

.font32 {
    font-size: 32px !important
}

.font36 {
    font-size: 36px !important
}

.font48 {
    font-size: 48px !important;
}

.text-simsun {
    font-family: simsun;
    text-decoration: none;
}

.text-alpha {
    font-family: Roboto, Tahoma;
}

.text-verdana {
    font-family: Verdana;
}

.line-clamp, .line-clamp1, .line-clamp2, .line-clamp3, .line-clamp4, .line-clamp5, .line-clamp6,
.text-overflow, .text-overflow-1, .text-overflow-2, .text-overflow-3, .text-overflow-4, .text-overflow-5, .text-overflow-6 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.line-clamp1,
.text-overflow-1 {
    -webkit-line-clamp: 1 !important;
}

.line-clamp2,
.text-overflow-2 {
    -webkit-line-clamp: 2 !important;
}

.line-clamp3,
.text-overflow-3 {
    -webkit-line-clamp: 3 !important;
}

.line-clamp4,
.text-overflow-4 {
    -webkit-line-clamp: 4 !important;
}

.line-clamp5,
.text-overflow-5 {
    -webkit-line-clamp: 5 !important;
}

.line-clamp6,
.text-overflow-6 {
    -webkit-line-clamp: 6 !important;
}

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

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

.text-normal {
    font-weight: normal;
}

.text-bold {
    font-weight: bold;
}

.text-uline,
.text-hover-uline:hover {
    text-decoration: underline;
}

.text-justify {
    text-align: justify;
    text-justify: distribute-all-lines;
}

.nowrap {
    white-space: nowrap;
}

.break-word {
    word-break: break-all;
    word-wrap: break-word;
}

/* line-height */
.line-h-16 {
    line-height: 16px !important;
}

.line-h-18 {
    line-height: 18px !important;
}

.line-h-20 {
    line-height: 20px !important;
}

.line-h-22 {
    line-height: 20px !important;
}

.line-h-24 {
    line-height: 24px !important;
}

.line-h-25 {
    line-height: 25px !important;
}

.line-h-30 {
    line-height: 30px !important;
}

.line-h-34 {
    line-height: 34px !important;
}

.line-h-40 {
    line-height: 40px !important;
}

.line-h-44 {
    line-height: 44px !important;
}

.line-h-50 {
    line-height: 50px !important;
}

.line-h-60 {
    line-height: 60px !important;
}

.line-h-96 {
    line-height: 96px !important;
}

.line-h-normal {
    line-height: normal !important;
}

/* cursor */
.pointer {
    cursor: pointer
}

/* color */
.white, .text-white {
    color: #fff;
}

.grey, .gray, a.gray, a.grey, a.grey:active, a.grey:focus {
    color: #999;
}

.deep-grey {
    color: #666;
}

a.text:hover {
    color: inherit;
}

a.grey:hover, a.gray:hover, a.deep-grey:hover {
    color: #07d;
}

.text-primary,
.text-blue,
.text-hover-blue:hover,
a.link, a.link:active, a.link:focus {
    color: #38f;
}

a.link:hover {
    color: #2962ff;
}

.text-hover-red:hover {
    color: var(--red);
}

.text-hover-green:hover {
    color: var(--green);
}

.text-black3 {
    color: #333333;
}

.text-white {
    color: #fff;
}

.text-grey-light {
    color: #ccc !important;
}

.text-grey,
.text-gray {
    color: #999 !important;
}

.text-blue {
    color: #448aff !important;
}

.text-danger,
.text-red {
    color: var(--red) !important;
}

.text-success,
.text-green {
    color: var(--green) !important;
}

.text-warning,
.text-orange {
    color: #ffc704
}

.text-price, .text-price strong {
    color: var(--red);
    font-family: Roboto, Arial, Tahoma;
}

/* label */
.label {
    font-weight: normal;
}

.label-danger {
    background-color: #fe5341;
}

.label-text {
    color: #888;
    border: 1px solid #ddd;
}

.label-text-primary {
    color: var(--blue);
    border: 1px solid #6599E3;
}

.label-text-success {
    color: var(--green);
    border: 1px solid var(--green);
}

.label-text-danger {
    color: #fe5341;
    border: 1px solid #fe5341;
}

.label-round {
    border-radius: 1000px;
    padding-left: 10px;
    padding-right: 10px;
}

/* background */
.bg-black {
    background: #000;
}

.bg-gray, .bg-grey, .bg-f8 {
    background: #f8f8f8;
}

.bg-f4 {
    background-color: #f4f4f4;
}

.bg-f5 {
    background-color: #f5f5f5;
}

.bg-blue-light {
    background-color: #f4f9fe;
}

.bd-blue {
    border-color: #448aff;
}

.bg-blue-light {
    background-color: #03a9f4
}

.bd-blue-lighter {
    border-color: #cde1fd !important;
}

.bg-green {
    background-color: #5cb85c
}

.bg-light-green {
    background-color: #8bc34a
}

.bg-weixin {
    background-color: #44b549;
}

.bg-red {
    background-color: #fd5149;
}

.bg-orange {
    background: #ff6600
}

.bg-yellow-dark {
    background: #ffc107
}

.bg-yellow {
    background: #ffeb3b
}

.bg-purple {
    background-color: #9c27b0;
}

.bg-white,
.bg-white .content-fluid {
    background-color: #fff;
}

.circle {
    border-radius: 10000px;
}

/* ol, ul */
.ol-list {
    padding-left: 20px;
}

.ol-list li {
    list-style-type: decimal;
}

/* line */
.line {
    clear: both;
    display: block;
    height: 1px;
    background: #ececec;
}

/* button */
.btn-group-xs > .btn, .btn-xs {
    border-radius: 2px;
}

.btn:focus, .btn.active, .btn:active {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0;
}

.btn input[type=radio]:checked {
    border: none;
    outline: none;
}

.btn-link, .btn-link:active {
    color: #448aff;
}

.btn-link:hover, .btn-link:focus {
    color: #0056b3;
}

.btn-text {
    color: #999;
}

.btn-text:hover, .btn-text:focus {
    color: #448aff;
}

.hover-primary:hover,
.btn-primary {
    color: #fff;
    background: #448aff !important;
    border-color: rgba(0, 0, 0, .05) !important;
}

.btn-primary:hover {
    background: #1192f6;
}

.btn-primary:focus,
.btn-primary:focus:hover,
.btn-primary:active,
.btn-primary:active:hover {
    background: #0a8cf0;
}

.btn-line {
    border: 1px solid #ddd;
}

.btn-line-hover:hover {
    border-color: var(--blue);
    color: var(--blue);
}

.btn-line-red {
    border: 1px solid var(--red);
    background: #fafafa;
    color: var(--red);
}

.btn-line-red:focus, .btn-line-red:hover {
    background: #fff;
    color: var(--red);
}

.btn-line-blue {
    border-color: var(--blue);
    color: var(--blue);
}

.btn-line-blue:hover {
    background: var(--blue);
    color: #fff;
}

.btn-line-white {
    border: 1px solid var(--white);
    background: transparent;
    color: var(--white);
}

.btn-line-white:focus, .btn-line-white:hover {
    background: #fff;
    color: var(--red);
}

.btn-black, .btn-black:hover, .btn-black:focus {
    background-color: #222;
    color: #ddd;
}

.btn-black:hover {
    color: #fff;
    background-color: #333;
}

.btn-blank {
    background: none;
    border-color: transparent;
}

.btn-40 {
    height: 40px;
    line-height: 26px;
    min-width: 40px;
    padding: 6px 10px;
}

.btn-grey {
    border-color: #f5f5f5;
    background-color: #f5f5f5;
    color: #888;
}

.btn-grey:hover {
    border-color: var(--red);
    background-color: var(--red);
    color: white;
}

.btn-grey-hover:hover {
    border-color: var(--red);
    background-color: white;
    color: var(--red);
}

.btn-rounded {
    border-radius: 17px;
    padding-left: 12px;
    padding-right: 12px;
}

.btn-sm.btn-rounded {
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-lg.btn-rounded {
    border-radius: 22px;
    padding-left: 18px;
    padding-right: 18px;
}

.btn-red-lighter,
.btn-red-lighter:focus,
.btn-red-lighter:hover {
    color: white;
    border-color: var(--red-lighter);
    background-color: var(--red-lighter);
}

.btn-red-lighter:not(.disabled):hover {
    color: white;
    border-color: var(--red);
    background-color: var(--red);
}

.btn .btn-color a,
.btn-color a {
    display: block;
    margin-top: -2px;
    text-align: center;
}

.btn-color .fa {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 14px;
    margin-top: -10px;
}

.btn-color .color-view {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 5px 0 0 -8px;
    width: 16px;
    height: 4px;
    border: 1px solid rgba(0, 0, 0, .15);
    background: #000
}

.btn-blank:hover,
.btn-blank:active,
.btn-blank:focus,
.btn-blank:active:hover,
.btn-blank:focus:hover {
    box-shadow: none;
    outline: none;
}

.btn-group .btn-default.active {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-group-primary > .btn.active {
    color: #fff;
    background-color: #38f;
    border-color: #0a8cf0;
}

.btn-group-success > .btn.active {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.split-point,
.split-line-h {
    padding-left: 1px;
    position: relative;
}

.split-line-h:before {
    content: '';
    position: absolute;
    border-left: 1px solid rgba(0, 0, 0, .2);
    left: -1px;
    top: 2px;
    bottom: 2px;
}

.split-point {
    padding-left: 17px;
}

.split-point:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: rgba(0, 0, 0, .15);
    left: 7px;
    top: 50%;
    margin: -2px 0 0;
    border-radius: 50%;
}

.split-point-lg:before {
    width: 5px;
    height: 5px;
    left: 6px;
}

/* checkbox, radio */
input[type=checkbox], input[type=radio] {
    margin: 1px 6px 0 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid #DFDFDF;
    border-radius: 3px;
    background: #fff;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none !important;
    box-shadow: none;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
    background-color: #f8f8f8 !important;
    border-color: #DFDFDF !important;
}

input[type=radio] {
    border-radius: 50%
}

input[type=checkbox]:hover,
input[type=radio]:hover,
input.radio-checkbox:hover {
    border-color: #999
}

input[type=checkbox]::after,
input.radio-checkbox::after {
    box-sizing: content-box;
    position: absolute;
    display: block;
    content: " ";
    font-size: 0;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 4px;
    border: 2px solid #fff;
    background: transparent;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out;
}

input[type=checkbox]:checked,
input.radio-checkbox:checked {
    color: #fff;
    background-color: #448aff;
    border-color: #448aff;
}

input[type=checkbox]:checked::after,
input.radio-checkbox:checked::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

input[type=radio]:checked {
    border-color: #448aff;
}

input[type=radio]::before {
    content: " ";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: block;
    border: 4px solid #fff;
    background-color: #fff;
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type=radio]:checked::before {
    background-color: #448aff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

input.radio-checkbox {
    border-radius: 3px;
}

input.radio-checkbox:checked:before {
    display: none;
}

.checkbox-inline, .radio-inline, .checkbox label, .radio label {
    line-height: 20px;
    margin-right: 10px;
    padding-left: 25px;
}

.form-horizontal .checkbox,
.form-horizontal .radio,
.form-horizontal .checkbox-inline,
.form-horizontal .radio-inline,
.checkbox-inline, .radio-inline {
    padding-top: 10px;
}

.form-horizontal .checkbox + .checkbox,
.form-horizontal .radio + .radio {
    /*padding-top: 7px;*/
}

.checkbox-inline input[type=checkbox], .radio-inline input[type=radio], .checkbox input[type=checkbox], .radio input[type=radio] {
    margin-left: -25px;
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-left: 0;
}

.checkbox input[type=checkbox], .radio input[type=radio] {
    margin-top: 1px;
}

.checkbox-extend {
    padding-left: 25px;
}

.checkbox-single, .radio-single {
    margin-top: 0;
    margin-bottom: 0;
}

.checkbox-inline.checkbox-single, .radio-inline.radio-single {
    padding-top: 0 !important;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline-offset: 0;
}

/* form */

.lui-form .form-group {
    margin-bottom: 20px;
    min-height: 40px;
}

.lui-form .control-label {
    font-size: 14px;
    color: #888;
}

.lui-form .control-label .text-danger {
    margin: 0 5px;
}

.lui-form .help-block {
    font-size: 12px;
    margin: 10px 0 0;
    line-height: 20px;
}

.lui-form .help-block + .help-block {
    margin-top: 5px;
}

.lui-form .form-control-static,
.lui-form .form-lg .checkbox,
.lui-form .control-label {
    padding-top: 10px;
}

.lui-form .form-control-static {
    line-height: 20px;
    font-size: 14px;
}

.lui-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 40px;
    padding: 9px 12px;
    border-radius: 3px;
    border-color: #DFDFDF;
    margin-bottom: 0;
}

.lui-form .has-error .form-control {
    border-color: var(--red);
}

.lui-form .form-control:focus {
    border-color: #448aff;
    -webkit-box-shadow: 0 0 5px rgba(102, 175, 233, .6);
    box-shadow: 0 0 5px rgba(102, 175, 233, .6);
}

.lui-form textarea.form-control {
    height: auto;
    min-height: 40px;
}

.lui-form select.form-control {
    padding-left: 6px;
    padding-right: 6px;
}

.lui-form select.form-control option {
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px !important;
}

.lui-form .form-control:focus {
    border-color: #448aff;
}

.lui-form .form-control-read[readonly] {
    background: none;
}

.form-control-no-border {
    border: 0;
}

.modal .lui-form.form-horizontal .form-group {
    margin-bottom: 15px;
}

.form-md .form-control,
.form-md select.form-control {
    height: 34px;
    padding: 6px 12px;
}

.form-md select.form-control {
    padding: 6px 0 6px 7px;
}

.form-md textarea.form-control {
    height: auto;
}

.form-md .form-control-static,
.form-md .control-label {
    padding-top: 7px;
    font-size: 12px;
    line-height: 20px;
}

.form-md .form-group .form-control-feedback {
    line-height: 34px;
    height: 34px;
}

.form-md .form-group {
    margin-bottom: 15px;
    min-height: 34px;
}

.form-horizontal.form-md .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-md .form-group .switch {
    padding: 5px 0 4px;
}

.form-md .checkbox, .form-md .radio {
    padding-top: 7px;
}

.form-sm .form-group {
    margin-bottom: 5px;
    min-height: 30px;
}

.form-sm .form-control,
.form-sm select.form-control {
    height: 30px;
    padding: 4px 6px;
    font-size: 12px;
}

.form-sm textarea.form-control {
    min-height: 30px;
}

.form-sm .form-control-static,
.form-sm .control-label {
    padding-top: 5px;
    font-size: 12px;
    line-height: 20px;
}

.form-sm .form-control-static {
    min-height: 30px;
    padding-bottom: 5px;
}

.form-sm .form-group .form-control-feedback {
    line-height: 30px;
    height: 30px;
}

.form-sm .checkbox-inline, .form-sm .radio-inline,
.form-sm .checkbox:first-child, .form-sm .radio:first-child {
    padding-top: 5px;
}

.form-sm .help-block {
    margin: 5px 0 0;
}

.switch {
    margin: 0;
    position: relative;
    line-height: 24px;
    cursor: pointer;
}

.form-group .switch {
    padding-top: 8px;
}

.form-group .switch-lg {
    padding-top: 5px;
}

.form-md .switch {
    padding-top: 5px;
}

.form-sm .switch {
    padding-top: 3px;
}

.switch input:empty {
    left: -999px;
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch input:empty ~ span {
    display: inline-block;
    vertical-align: middle;
}

.switch input:empty ~ span:before {
    content: attr(data-unchecked);
    padding: 3px 0;
    color: #888;
}

.switch input:checked ~ span:before {
    content: attr(data-checked);
    content: attr(data-checked);
}

.switch-lg input:empty ~ span:before {
    padding: 6px 0;
}

.switch input:empty ~ i {
    height: 24px;
    padding-left: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    box-sizing: content-box;
    margin-right: 10px;
}

.switch input:empty ~ i:before, .switch input:empty ~ i:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.switch input:empty ~ i:before {
    height: 24px;
    width: 40px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    border-radius: 12px;
}

.switch input:empty ~ i:after {
    height: 16px;
    width: 16px;
    line-height: 22px;
    top: 0;
    left: 0;
    margin: 4px;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
    color: #f7f8fa;
    background-color: #dfe2ea;
    border-radius: 50%;
}

.switch input:checked ~ i:after {
    color: #fff;
    left: 16px;
    background-color: #5cb85c;
}

.switch-lg input:empty ~ i {
    padding-left: 54px;
    height: 30px;
}

.switch-lg input:empty ~ i:before {
    height: 30px;
    width: 54px;
    border-radius: 15px;
}

.switch-lg input:empty ~ i:after {
    width: 22px;
    height: 22px;
    margin: 4px;
}

.switch-lg input:checked ~ i:after {
    left: 24px;
}

.switch-sm input:empty ~ i {
    padding-left: 34px;
    height: 18px;
    vertical-align: middle;
    float: none;
}

.switch-sm input:empty ~ i:before {
    height: 18px;
    width: 34px;
    border-radius: 9px;
}

.switch-sm input:empty ~ i:after {
    width: 12px;
    height: 12px;
    margin: 3px;
}

.switch-sm input:checked ~ i:after {
    left: 16px;
}

.switch-sm span {
    display: inline-block;
    vertical-align: middle;
}

.switcher {
    position: relative;
}

.switcher input:empty ~ i {
    margin-right: 0;
}

.switcher input:empty ~ i:before {
    background-color: #666;
    border-color: #666;
}

.switcher input:empty ~ i:after {
    background-color: #fff !important;
}

.switcher span {
    position: absolute;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    bottom: 0;
    width: 38px;
    right: 3px;
}

.switcher span:before {
    padding: 0 !important;
    color: #fff !important;
}

.switcher input:empty ~ i {
    padding-left: 60px;
}

.switcher input:empty ~ i:before {
    width: 60px;
}

.switcher input:empty ~ i:after {
    width: 18px;
    height: 18px;
    margin: 3px;
}

.switcher input:checked ~ i:before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.switcher input:checked ~ span {
    right: auto;
    left: 3px;
}

.switcher.switch-lg input:empty ~ i:after {
    width: 24px;
    height: 24px;
    margin: 3px;
}

.switcher input:checked ~ i:after {
    left: 36px;
}

.switcher.switch-lg input:empty ~ i {
    padding-left: 80px;
}

.switcher.switch-lg input:empty ~ i:before {
    width: 80px;
}

.switcher.switch-lg input:checked ~ i:after {
    left: 50px;
}

.switcher.switch-lg span {
    width: 50px;
    right: 4px;
    line-height: 30px;
}

.switcher.switch-lg input:checked ~ span {
    right: auto;
    left: 4px;
}

/* caret */
.caret-checked {
    position: absolute;
    right: 0;
    bottom: 0;
}

.caret-checked:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 12px solid transparent;
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out;
}

.caret-checked:after {
    position: absolute;
    display: block;
    content: '';
    box-sizing: content-box;
    right: 3px;
    bottom: 6px;
    width: 7px;
    height: 3px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out;
}

.active > .caret-checked:before {
    border-bottom-color: #38f;
    border-right-color: #38f;
}

.active > .caret-checked:after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.caret-checked-sm:before {
    border: 8px solid transparent;
}

.active > .caret-checked-sm:after {
    right: 0;
    bottom: 4px;
    -webkit-transform: rotate(-45deg) scale(.8);
    -moz-transform: rotate(-45deg) scale(.8);
    -ms-transform: rotate(-45deg) scale(.8);
    transform: rotate(-45deg) scale(.8);
}

.hide {
    display: none;
}

.block-force {
    display: none !important;
}

.block {
    display: block;
}

.block-force {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
    vertical-align: middle;
}

.of-hide {
    overflow: hidden;
}

/* form */
.required > .control-label:before,
.required-control-label:before {
    display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fd5149;
    vertical-align: middle;
    margin: 4px 6px 8px 0;
}

/* input-clear */
.input-clear-group {
    position: relative;
}

.input-group > .input-clear-group {
    display: table-cell;
}

.input-group > .input-clear-group:first-child > .form-control {
    border-radius: 3px 0 0 3px;
}

.input-clear-group .form-control {
    padding-right: 30px;
    display: initial;
}

.input-clear-group .close-it {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.input-clear-group .input-clear + .form-control {
    padding-right: 30px !important;
}

.input-clear {
    position: absolute;
    z-index: 100;
    width: 28px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #fff;
}

.input-clear:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'100%25'%3E%3Cline%20x1%3D'30%25'%20y1%3D'30%25'%20x2%3D'70%25'%20y2%3D'70%25'%20style%3D'stroke%3A%23666666%3Bstroke-width%3A1'%2F%3E%3Cline%20x1%3D'30%25'%20y1%3D'70%25'%20x2%3D'70%25'%20y2%3D'30%25'%20style%3D'stroke%3A%23666666%3Bstroke-width%3A1'%20%2F%3E%3C%2Fsvg%3E");
    background-color: #ccc;
    opacity: .5;
    cursor: pointer;
}

.input-clear:hover:before {
    opacity: 1;
}

.input-vcode-addon {
    position: absolute;
    right: 16px;
    line-height: 32px;
    top: 1px;
}

.input-vcode-addon img {
    height: 32px;
    float: left;
    margin-right: 10px;
}

.form-group-lg .input-vcode-addon,
.input-vcode-addon-lg,
.input-lg + .input-vcode-addon {
    line-height: 38px;
    top: 4px;
}

.form-group-lg .input-vcode-addon img,
.input-vcode-addon-lg img,
.input-lg + .input-vcode-addon img {
    height: 38px;
}

.input-group-split .form-control:first-child,
.input-group-split .input-group-btn:last-child > .btn {
    border-radius: 4px;
}

.input-group-split .input-group-btn {
    padding-left: 15px;
}

/* close */

/*close-it*/
.close-it {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.close-it:before,
.close-it:after {
    content: '';
    background-color: #999;
    content: '';
    width: 12px;
    height: 2px;
    margin: -1px -6px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.close-it:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-it:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-it:hover:before,
.close-it:hover:after {
    background-color: #fd5149
}

.close-it-xs,
.close-it-sm {
    width: 14px !important;
    height: 14px !important;
}

.close-it-sm:before,
.close-it-sm:after {
    width: 8px;
    height: 2px;
    margin: -1px -4px;
}

.close-it-xs:before,
.close-it-xs:after {
    width: 8px;
    height: 1px;
    margin: -1px -4px;
}

.close-it-circle-grey {
    background: #c0c4cc;
}

.close-it-circle-grey,
.close-it-circle {
    border-radius: 50%;
}

.close-it-circle-grey:hover,
.close-it-circle:hover {
    background-color: #fd5149
}

.close-it-circle-grey:before,
.close-it-circle-grey:after,
.close-it-circle:hover:before,
.close-it-circle:hover:after {
    background-color: #fff !important;
}

.close-it-auto:before,
.close-it-auto:after {
    width: 75% !important;
}

.ico-plus {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 16px;
    height: 16px;
}

.ico-plus.center-in-parent {
    position: absolute;
}

.ico-plus:before, .ico-plus:after {
    content: '';
    position: absolute;
    background: #fff;
}

.ico-plus:before {
    width: 60%;
    height: 2px;
    left: 20%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ico-plus:after {
    height: 60%;
    width: 2px;
    left: 50%;
    top: 20%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ico-plus-mini:before {
    height: 1px;
}

.ico-plus-mini:after {
    width: 1px;
}

.ico-plus-grey:before, .ico-plus-grey:after {
    background-color: #ddd;
}

.ico-plus-mini.ico-plus-grey:before, .ico-plus-mini.ico-plus-grey:after {
    background: #999;
}

.img:hover .ico-plus-grey:before,
.img:hover .ico-plus-grey:after {
    background-color: #bdc3d4;
}

.ico-plus-auto {
    width: 50%;
    display: inline-block;
    max-width: 64px;
}

.ico-plus-auto .ico-plus {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

.ico-plus-20 {
    width: 20px;
    height: 20px;
}

.ico-plus-24 {
    width: 24px;
    height: 24px;
}

.ico-plus-32 {
    width: 32px;
    height: 32px;
}

.ico-plus-48 {
    width: 48px;
    height: 48px;
}

.ico-plus-60 {
    width: 60px;
    height: 60px;
}

.ico-plus-grey-white {
    background-color: #ddd;
    border-radius: 50%;
}

.ico-plus-org {
    background: #fe5341;
    border-radius: 50%;
}

.ico-plus-close {
    margin-top: -1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ico-plus-close:hover:before,
.ico-plus-close:hover:after {
    background: #fe5341;
}

/* center */
.center-in-parent {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-in-parent-h {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.center-in-parent-v {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ico */
.yz-ico {
    display: inline-block;
    min-width: 16px;
    min-height: 16px;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    position: relative;
}

.yz-ico-round {
    border-radius: 50%;
    background-size: 50%;
}

.yz-ico:before {
    display: block;
    height: 0;
    padding-bottom: 100%;
    visibility: hidden;
}

.fa.yz-ico, .iconfont.yz-ico {
    background-image: none !important;
}

.fa.yz-ico:before, .iconfont.yz-ico:before {
    visibility: initial;
}

.yz-ico-like {
    background-position: 53% 46%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODc0IDYuMDQ0VjE1aC0xLjczQy41MTMgMTUgMCAxNC4zODIgMCAxMy42MjRWNy41MjljMC0uNzkuNTM1LTEuNDg1IDEuMTQzLTEuNDg1aDEuNzMxek03LjYwNyAxLjI1QzcuNzIuNTA3IDguMzQ0LS4wMTMgOS4wMyAwYy45OC4wMTkgMS41NjMuODMzIDEuNzY2IDEuMjM1LjM3LjczNS4zOCAxLjk0Ni4xMjYgMi43MjQtLjIzLjcwNC0uNzYxIDEuNjI5LS43NjEgMS42MjloMy45ODJjLjQyIDAgLjgxMS4yMDYgMS4wNzIuNTYzYTEuNSAxLjUgMCAwIDEgLjIzMiAxLjI3MmwtMS44MDEgNi41MTNjLS4xNjQuNjI3LS43MDcgMS4wNjQtMS4zMiAxLjA2NEg0LjVWNS44OThDNi4yOTkgNS41MSA3LjQwNCAyLjU5IDcuNjA3IDEuMjQ5eiIvPgo8L3N2Zz4K)
}

.yz-ico-like:not(.active):hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiM4QTkzQTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODc0IDYuMDQ0VjE1aC0xLjczQy41MTMgMTUgMCAxNC4zODIgMCAxMy42MjRWNy41MjljMC0uNzkuNTM1LTEuNDg1IDEuMTQzLTEuNDg1aDEuNzMxek03LjYwNyAxLjI1QzcuNzIuNTA3IDguMzQ0LS4wMTMgOS4wMyAwYy45OC4wMTkgMS41NjMuODMzIDEuNzY2IDEuMjM1LjM3LjczNS4zOCAxLjk0Ni4xMjYgMi43MjQtLjIzLjcwNC0uNzYxIDEuNjI5LS43NjEgMS42MjloMy45ODJjLjQyIDAgLjgxMS4yMDYgMS4wNzIuNTYzYTEuNSAxLjUgMCAwIDEgLjIzMiAxLjI3MmwtMS44MDEgNi41MTNjLS4xNjQuNjI3LS43MDcgMS4wNjQtMS4zMiAxLjA2NEg0LjVWNS44OThDNi4yOTkgNS41MSA3LjQwNCAyLjU5IDcuNjA3IDEuMjQ5eiIvPgo8L3N2Zz4K)
}

.active > .yz-ico-like,
.yz-ico-like.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiM2Q0JENDUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODc0IDYuMDQ0VjE1aC0xLjczQy41MTMgMTUgMCAxNC4zODIgMCAxMy42MjRWNy41MjljMC0uNzkuNTM1LTEuNDg1IDEuMTQzLTEuNDg1aDEuNzMxek03LjYwNyAxLjI1QzcuNzIuNTA3IDguMzQ0LS4wMTMgOS4wMyAwYy45OC4wMTkgMS41NjMuODMzIDEuNzY2IDEuMjM1LjM3LjczNS4zOCAxLjk0Ni4xMjYgMi43MjQtLjIzLjcwNC0uNzYxIDEuNjI5LS43NjEgMS42MjloMy45ODJjLjQyIDAgLjgxMS4yMDYgMS4wNzIuNTYzYTEuNSAxLjUgMCAwIDEgLjIzMiAxLjI3MmwtMS44MDEgNi41MTNjLS4xNjQuNjI3LS43MDcgMS4wNjQtMS4zMiAxLjA2NEg0LjVWNS44OThDNi4yOTkgNS41MSA3LjQwNCAyLjU5IDcuNjA3IDEuMjQ5eiIvPgo8L3N2Zz4K)
}

.yz-ico-comment {
    background-position: 50% 55%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDB2OS4yM0g4LjgxNUwzLjM3IDEzVjkuMjNIMFYweiIvPgo8L3N2Zz4K)
}

.yz-ico-comment:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4KICAgIDxwYXRoIGZpbGw9IiM4QTkzQTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDB2OS4yM0g4LjgxNUwzLjM3IDEzVjkuMjNIMFYweiIvPgo8L3N2Zz4K)
}

.yz-ico-collect {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzMyIDE0Ljk2OGMtLjQ2LS4yNTUtMS4yMDUtLjI1NS0xLjY2NiAwTDQuMzUgMTYuNzk0Yy0uOTIxLjUwNi0xLjUyMy4wNDQtMS4zNDktMS4wMjdsLjYzNS0zLjg2N2MuMDg4LS41MzctLjE0Mi0xLjI4LS41MTYtMS42NkwuNDM2IDcuNWMtLjc0NS0uNzYtLjUxMS0xLjUwNC41MTYtMS42NmwzLjcwNy0uNTY0Yy41MTQtLjA4IDEuMTE5LS41MzggMS4zNDgtMS4wMjdMNy42NjUuNzMxYy40NjItLjk3NiAxLjIwOC0uOTczIDEuNjY3IDBsMS42NiAzLjUxOWMuMjMuNDg5LjgzMy45NSAxLjM0OSAxLjAyN2wzLjcwOC41NjRjMS4wMjkuMTU2IDEuMjU4LjkwMi41MTUgMS42NmwtMi42ODUgMi43MzljLS4zNzIuMzgtLjYwMyAxLjEyMy0uNTE1IDEuNjZsLjYzNCAzLjg2N2MuMTc2IDEuMDc0LS40MyAxLjUzMy0xLjM0OCAxLjAyN2wtMy4zMTgtMS44MjZ6Ii8+Cjwvc3ZnPgo=)
}

.yz-ico-collect:not(.active):hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiM4QTkzQTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzMyIDE0Ljk2OGMtLjQ2LS4yNTUtMS4yMDUtLjI1NS0xLjY2NiAwTDQuMzUgMTYuNzk0Yy0uOTIxLjUwNi0xLjUyMy4wNDQtMS4zNDktMS4wMjdsLjYzNS0zLjg2N2MuMDg4LS41MzctLjE0Mi0xLjI4LS41MTYtMS42NkwuNDM2IDcuNWMtLjc0NS0uNzYtLjUxMS0xLjUwNC41MTYtMS42NmwzLjcwNy0uNTY0Yy41MTQtLjA4IDEuMTE5LS41MzggMS4zNDgtMS4wMjdMNy42NjUuNzMxYy40NjItLjk3NiAxLjIwOC0uOTczIDEuNjY3IDBsMS42NiAzLjUxOWMuMjMuNDg5LjgzMy45NSAxLjM0OSAxLjAyN2wzLjcwOC41NjRjMS4wMjkuMTU2IDEuMjU4LjkwMi41MTUgMS42NmwtMi42ODUgMi43MzljLS4zNzIuMzgtLjYwMyAxLjEyMy0uNTE1IDEuNjZsLjYzNCAzLjg2N2MuMTc2IDEuMDc0LS40MyAxLjUzMy0xLjM0OCAxLjAyN2wtMy4zMTgtMS44MjZ6Ii8+Cjwvc3ZnPgo=)
}

.active > .yz-ico-collect,
.yz-ico-collect.active {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiNGRkMzNDciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzMyIDE0Ljk2OGMtLjQ2LS4yNTUtMS4yMDUtLjI1NS0xLjY2NiAwTDQuMzUgMTYuNzk0Yy0uOTIxLjUwNi0xLjUyMy4wNDQtMS4zNDktMS4wMjdsLjYzNS0zLjg2N2MuMDg4LS41MzctLjE0Mi0xLjI4LS41MTYtMS42NkwuNDM2IDcuNWMtLjc0NS0uNzYtLjUxMS0xLjUwNC41MTYtMS42NmwzLjcwNy0uNTY0Yy41MTQtLjA4IDEuMTE5LS41MzggMS4zNDgtMS4wMjdMNy42NjUuNzMxYy40NjItLjk3NiAxLjIwOC0uOTczIDEuNjY3IDBsMS42NiAzLjUxOWMuMjMuNDg5LjgzMy45NSAxLjM0OSAxLjAyN2wzLjcwOC41NjRjMS4wMjkuMTU2IDEuMjU4LjkwMi41MTUgMS42NmwtMi42ODUgMi43MzljLS4zNzIuMzgtLjYwMyAxLjEyMy0uNTE1IDEuNjZsLjYzNCAzLjg2N2MuMTc2IDEuMDc0LS40MyAxLjUzMy0xLjM0OCAxLjAyN2wtMy4zMTgtMS44MjZ6Ii8+Cjwvc3ZnPgo=)
}

.yz-ico-qq {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQ2OCAxMC4zMTJjLS4wMS0uOTU3LS4zOC0xLjQ3Ni0uODA3LTIuMTUzLS4xOTEtLjI4My0uNDEzLS40NzMtLjYwNS0uNzU1LS4wMy0uMTU0LjAzMy0uMjY4LS4wMTItLjY3MS0uMDQyLS42MDQtLjI2My0uODM4LS4zMS0uOTEyLjAyLS4xNi0uMDQzLTEuNDg1LS41MjMtMi4yNjhDMTAuNzUxLjk0MSA3Ljk4Mi44NDYgNy42NDMuODQ0SDcuNjRjLS4zMzkuMDAyLTMuMTA3LjA5Ny00LjU2OCAyLjcxLS40NzkuNzgyLS41NDMgMi4xMDYtLjUyMyAyLjI2Ny0uMDQ2LjA3NC0uMjY3LjMwOC0uMzEuOTEyLS4wNDQuNDAzLjAxOC41MTctLjAxMi42Ny0uMTkyLjI4NC0uNDEzLjQ3My0uNjA1Ljc1Ni0uNDI2LjY3Ny0uNzk3IDEuMTk2LS44MDYgMi4xNTMtLjAwNy43MTQuMTYyIDEuNjg3LjY2MyAxLjcuMTU4LS4wMTIuMjkyLS4xMTcuNTY2LS40MjQuMDgyLS4wOTIuMzctLjQ4LjQyOS0uNTg3LjA1Ni4xNDguMTkgMS4xODMgMS4xMiAxLjcyMy0uOTU2LjQ1LTEuNDI0LjczNS0xLjQ0IDEuMzE5LjAyLjMzOC40MjMuNzg3IDEuMTY1Ljk5NmE2LjA1IDYuMDUgMCAwIDAgMi45MjcuMDVjLjUzNS0uMTMuNjk2LS4yNiAxLjM5Ni0uNjQ0LjcuMzg1Ljg2LjUxNCAxLjM5NS42NDNhNi4wNTIgNi4wNTIgMCAwIDAgMi45MjctLjA0OWMuNzQyLS4yMDkgMS4xNDYtLjY1OCAxLjE2Ni0uOTk2LS4wMTYtLjU4NC0uNDg0LS44Ny0xLjQ0LTEuMzIuOTMtLjUzOCAxLjA2My0xLjU3NCAxLjEyLTEuNzIyLjA1OC4xMDcuMzQ2LjQ5NS40MjguNTg3LjI3NC4zMDcuNDA5LjQxMi41NjcuNDI0LjUtLjAxMy42Ny0uOTg2LjY2My0xLjd6Ii8+Cjwvc3ZnPgo=)
}

.yz-ico-qq:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM1NUIyRjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQ2OCAxMC4zMTJjLS4wMS0uOTU3LS4zOC0xLjQ3Ni0uODA3LTIuMTUzLS4xOTEtLjI4My0uNDEzLS40NzMtLjYwNS0uNzU1LS4wMy0uMTU0LjAzMy0uMjY4LS4wMTItLjY3MS0uMDQyLS42MDQtLjI2My0uODM4LS4zMS0uOTEyLjAyLS4xNi0uMDQzLTEuNDg1LS41MjMtMi4yNjhDMTAuNzUxLjk0MSA3Ljk4Mi44NDYgNy42NDMuODQ0SDcuNjRjLS4zMzkuMDAyLTMuMTA3LjA5Ny00LjU2OCAyLjcxLS40NzkuNzgyLS41NDMgMi4xMDYtLjUyMyAyLjI2Ny0uMDQ2LjA3NC0uMjY3LjMwOC0uMzEuOTEyLS4wNDQuNDAzLjAxOC41MTctLjAxMi42Ny0uMTkyLjI4NC0uNDEzLjQ3My0uNjA1Ljc1Ni0uNDI2LjY3Ny0uNzk3IDEuMTk2LS44MDYgMi4xNTMtLjAwNy43MTQuMTYyIDEuNjg3LjY2MyAxLjcuMTU4LS4wMTIuMjkyLS4xMTcuNTY2LS40MjQuMDgyLS4wOTIuMzctLjQ4LjQyOS0uNTg3LjA1Ni4xNDguMTkgMS4xODMgMS4xMiAxLjcyMy0uOTU2LjQ1LTEuNDI0LjczNS0xLjQ0IDEuMzE5LjAyLjMzOC40MjMuNzg3IDEuMTY1Ljk5NmE2LjA1IDYuMDUgMCAwIDAgMi45MjcuMDVjLjUzNS0uMTMuNjk2LS4yNiAxLjM5Ni0uNjQ0LjcuMzg1Ljg2LjUxNCAxLjM5NS42NDNhNi4wNTIgNi4wNTIgMCAwIDAgMi45MjctLjA0OWMuNzQyLS4yMDkgMS4xNDYtLjY1OCAxLjE2Ni0uOTk2LS4wMTYtLjU4NC0uNDg0LS44Ny0xLjQ0LTEuMzIuOTMtLjUzOCAxLjA2My0xLjU3NCAxLjEyLTEuNzIyLjA1OC4xMDcuMzQ2LjQ5NS40MjguNTg3LjI3NC4zMDcuNDA5LjQxMi41NjcuNDI0LjUtLjAxMy42Ny0uOTg2LjY2My0xLjd6Ii8+Cjwvc3ZnPgo=)
}

.yz-ico-weixin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguMzg3IDYuOTdjMS45MzktMS44MjggNS4xMjYtMS45NDIgNy4yNy0uNDE2Ljk0NC42NzUgMS42ODggMS42NzIgMS44ODggMi44MzVhMy40NjkgMy40NjkgMCAwIDEtLjEwNyAxLjY2NGMtLjE5OS42MTUtLjU1NyAxLjE2NS0uOTg1IDEuNjQ0LS4yNjUuMjk2LS41Ni41NjYtLjg3LjgxMy0uMDUuMDQtLjE3NC4wOTQtLjE1NC4xNmwuMDQzLjE0Mi4wODIuMjc1LjMzNCAxLjExMy0xLjM2Mi0uNzVhMTg1Ljg0IDE4NS44NCAwIDAgMC0uMzQyLS4xODdjLS4wMjgtLjAxNS0uMTEzLjAyNC0uMTQyLjAzMS0uMDc2LjAyLS4xNTMuMDM4LS4yMy4wNTctLjE4LjA0My0uMzYuMDg1LS41NDIuMTJhNS42NSA1LjY1IDAgMCAxLTIuMTgzLS4wMTZjLTEuMTUzLS4yMy0yLjIyOC0uODAxLTMuMDE1LTEuNjgyLS44MzQtLjkzNC0xLjIyMy0yLjIyMy0uOTk2LTMuNDYuMTY2LS45MDIuNjQ5LTEuNzE4IDEuMzEtMi4zNDNtLjE3OS0xLjk0N2MuNDUyIDAgLjc4LS4zMjkuNzgtLjc4M2EuNzUzLjc1MyAwIDAgMC0uNzgtLjc4Yy0uNDM5IDAtLjkzNi4yOTQtLjkzNi43OCAwIC40ODYuNDk3Ljc4My45MzYuNzgzTTQuMjA1IDMuNDZjLS40MzkgMC0uOTM5LjI5NC0uOTM5Ljc4IDAgLjQ4Ny41Ljc4NC45MzkuNzg0LjQ1MSAwIC43NzctLjMzLjc3Ny0uNzgzYS43NTIuNzUyIDAgMCAwLS43NzctLjc4bTkuODEzIDQuNTM4Yy0uMzUgMC0uNjc5LjM3OS0uNjA4LjcyNy4wODIuNDA1LjQ5Ni41OTQuODY5LjQ5LjI5LS4wOC41NjgtLjM0NS41MTItLjY3MS0uMDYtLjM1Ny0uNDQzLS41NDYtLjc3My0uNTQ2bS0zLjQyNyAwYy0uMzUgMC0uNjg0LjM3Ni0uNjEzLjcyNy4wODMuNDA3LjUwMi41OTQuODc1LjQ5LjI5LS4wOC41NjYtLjM0NS41MTEtLjY3MS0uMDYtLjM1OS0uNDQyLS41NDYtLjc3My0uNTQ2TTUuMzg0Ljg0OGMyLjQ1Ni0uMjgzIDUuMjE4LjcwNiA2LjU0NyAyLjg5Mi4yNzQuNDUuNDY4Ljk0LjU4NCAxLjQ1M2E1LjU1NSA1LjU1NSAwIDAgMC0zLjk0IDEuMDYxIDQuOTM0IDQuOTM0IDAgMCAwLTEuNzUgMi40NyA0LjcxIDQuNzEgMCAwIDAtLjAxNSAyLjY5NmMtLjc1LjA1OS0xLjQ3NC0uMDI3LTIuMjEtLjE3N2wtLjUxMi0uMTA1Yy0uMDctLjAxNC0uMTQ0LjA0NC0uMjA4LjA3NmwtLjMwNS4xNTMtMS4yNzMuNjQxLS40MzQuMjE5LjQ4Ni0xLjQ2Ny4xMjUtLjM3OGMuMDE5LS4wNTgtLjAzLS4wNjctLjA3Ni0uMWE4LjM2MyA4LjM2MyAwIDAgMS0uNTM4LS40MjNjLS4zODItLjMzLS43My0uNy0xLjAyMi0xLjExM2E0LjU4NCA0LjU4NCAwIDAgMS0uNzQ2LTMuNTgyQy4zMTIgNC4xMy44ODcgMy4yIDEuNjU5IDIuNDk0YzEuMDItLjkzOCAyLjM1OC0xLjQ5IDMuNzI1LTEuNjQ3Ii8+Cjwvc3ZnPgo=)
}

.yz-ico-weixin:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM0NEIwMzUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguMzg3IDYuOTdjMS45MzktMS44MjggNS4xMjYtMS45NDIgNy4yNy0uNDE2Ljk0NC42NzUgMS42ODggMS42NzIgMS44ODggMi44MzVhMy40NjkgMy40NjkgMCAwIDEtLjEwNyAxLjY2NGMtLjE5OS42MTUtLjU1NyAxLjE2NS0uOTg1IDEuNjQ0LS4yNjUuMjk2LS41Ni41NjYtLjg3LjgxMy0uMDUuMDQtLjE3NC4wOTQtLjE1NC4xNmwuMDQzLjE0Mi4wODIuMjc1LjMzNCAxLjExMy0xLjM2Mi0uNzVhMTg1Ljg0IDE4NS44NCAwIDAgMC0uMzQyLS4xODdjLS4wMjgtLjAxNS0uMTEzLjAyNC0uMTQyLjAzMS0uMDc2LjAyLS4xNTMuMDM4LS4yMy4wNTctLjE4LjA0My0uMzYuMDg1LS41NDIuMTJhNS42NSA1LjY1IDAgMCAxLTIuMTgzLS4wMTZjLTEuMTUzLS4yMy0yLjIyOC0uODAxLTMuMDE1LTEuNjgyLS44MzQtLjkzNC0xLjIyMy0yLjIyMy0uOTk2LTMuNDYuMTY2LS45MDIuNjQ5LTEuNzE4IDEuMzEtMi4zNDNtLjE3OS0xLjk0N2MuNDUyIDAgLjc4LS4zMjkuNzgtLjc4M2EuNzUzLjc1MyAwIDAgMC0uNzgtLjc4Yy0uNDM5IDAtLjkzNi4yOTQtLjkzNi43OCAwIC40ODYuNDk3Ljc4My45MzYuNzgzTTQuMjA1IDMuNDZjLS40MzkgMC0uOTM5LjI5NC0uOTM5Ljc4IDAgLjQ4Ny41Ljc4NC45MzkuNzg0LjQ1MSAwIC43NzctLjMzLjc3Ny0uNzgzYS43NTIuNzUyIDAgMCAwLS43NzctLjc4bTkuODEzIDQuNTM4Yy0uMzUgMC0uNjc5LjM3OS0uNjA4LjcyNy4wODIuNDA1LjQ5Ni41OTQuODY5LjQ5LjI5LS4wOC41NjgtLjM0NS41MTItLjY3MS0uMDYtLjM1Ny0uNDQzLS41NDYtLjc3My0uNTQ2bS0zLjQyNyAwYy0uMzUgMC0uNjg0LjM3Ni0uNjEzLjcyNy4wODMuNDA3LjUwMi41OTQuODc1LjQ5LjI5LS4wOC41NjYtLjM0NS41MTEtLjY3MS0uMDYtLjM1OS0uNDQyLS41NDYtLjc3My0uNTQ2TTUuMzg0Ljg0OGMyLjQ1Ni0uMjgzIDUuMjE4LjcwNiA2LjU0NyAyLjg5Mi4yNzQuNDUuNDY4Ljk0LjU4NCAxLjQ1M2E1LjU1NSA1LjU1NSAwIDAgMC0zLjk0IDEuMDYxIDQuOTM0IDQuOTM0IDAgMCAwLTEuNzUgMi40NyA0LjcxIDQuNzEgMCAwIDAtLjAxNSAyLjY5NmMtLjc1LjA1OS0xLjQ3NC0uMDI3LTIuMjEtLjE3N2wtLjUxMi0uMTA1Yy0uMDctLjAxNC0uMTQ0LjA0NC0uMjA4LjA3NmwtLjMwNS4xNTMtMS4yNzMuNjQxLS40MzQuMjE5LjQ4Ni0xLjQ2Ny4xMjUtLjM3OGMuMDE5LS4wNTgtLjAzLS4wNjctLjA3Ni0uMWE4LjM2MyA4LjM2MyAwIDAgMS0uNTM4LS40MjNjLS4zODItLjMzLS43My0uNy0xLjAyMi0xLjExM2E0LjU4NCA0LjU4NCAwIDAgMS0uNzQ2LTMuNTgyQy4zMTIgNC4xMy44ODcgMy4yIDEuNjU5IDIuNDk0YzEuMDItLjkzOCAyLjM1OC0xLjQ5IDMuNzI1LTEuNjQ3Ii8+Cjwvc3ZnPgo=)
}

.yz-ico-weibo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1Ij4KICAgIDxnIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTEzLjUyMiA3LjQwOGMtLjIzNi0uMDctLjM5OC0uMTItLjI3NC0uNDMyLjI2OC0uNjc4LjI5NS0xLjI2My4wMDUtMS42OC0uNTQ1LS43ODQtMi4wMzUtLjc0Mi0zLjc0Mi0uMDIyIDAgMC0uNTM3LjIzNi0uNC0uMTkyLjI2My0uODUuMjI0LTEuNTYyLS4xODUtMS45NzMtLjkyNy0uOTMzLTMuMzkuMDM1LTUuNTAzIDIuMTYxQzEuODQgNi44NjMuOTIyIDguNTUyLjkyMiAxMC4wMTFjMCAyLjc5MyAzLjU1NyA0LjQ5IDcuMDM3IDQuNDkgNC41NjIgMCA3LjU5Ni0yLjY2OCA3LjU5Ni00Ljc4NiAwLTEuMjgtMS4wNy0yLjAwNi0yLjAzMy0yLjMwN3ptLTUuNTU0IDYuMDkzYy0yLjc3Ny4yNzUtNS4xNzQtLjk4OC01LjM1NC0yLjgyMy0uMTgtMS44MzUgMS45MjUtMy41NDcgNC43MDItMy44MjMgMi43NzctLjI3NiA1LjE3NC45ODcgNS4zNTQgMi44MjIuMTggMS44MzUtMS45MjUgMy41NDctNC43MDIgMy44MjR6TTE2LjU1MSAyLjI5OUE0LjQyMSA0LjQyMSAwIDAgMCAxMi4zMjUuOTJhLjY0Ni42NDYgMCAwIDAgLjI2OCAxLjI2NSAzLjE0NSAzLjE0NSAwIDAgMSAzLjAwNS45NzljLjc4Mi44NzMuOTk1IDIuMDY1LjY2IDMuMTA5LS4xMS4zNC4wNzUuNzA0LjQxNC44MTQuMzM3LjExLjY5OS0uMDc2LjgwOC0uNDE1VjYuNjdhNC40OSA0LjQ5IDAgMCAwLS45MjktNC4zNzEiLz4KICAgICAgICA8cGF0aCBkPSJNMTQuODYgMy44MzVhMi4xNTMgMi4xNTMgMCAwIDAtMi4wNi0uNjcuNTU2LjU1NiAwIDAgMCAuMjMyIDEuMDg5Yy4zNTctLjA3Ni43NDQuMDM1IDEuMDA2LjMyNy4yNjMuMjkzLjMzMy42OTIuMjIgMS4wNDJoLjAwMWEuNTUzLjU1MyAwIDEgMCAxLjA1Mi4zNDIgMi4xODUgMi4xODUgMCAwIDAtLjQ1MS0yLjEzTTguMjQ2IDguMjY3Yy0xLjMyMi0uMzQ2LTIuODE1LjMxNy0zLjM5IDEuNDktLjU4NCAxLjE5NC0uMDE5IDIuNTIxIDEuMzE2IDIuOTU1IDEuMzgzLjQ1IDMuMDEzLS4yMzkgMy41OC0xLjUzLjU1OS0xLjI2LS4xMzktMi41NTktMS41MDYtMi45MTV6bS0xLjAxIDMuMDUzYy0uMjY4LjQzMS0uODQzLjYyLTEuMjc2LjQyMS0uNDI3LS4xOTYtLjU1My0uNjk2LS4yODUtMS4xMTcuMjY2LS40MTkuODIxLS42MDYgMS4yNTEtLjQyNC40MzUuMTg3LjU3NC42ODQuMzEgMS4xMnptLjg4NS0xLjE0M2MtLjA5Ny4xNjctLjMxMS4yNDctLjQ4LjE3OC0uMTY1LS4wNjktLjIxNy0uMjU2LS4xMjMtLjQyLjA5Ny0uMTYzLjMwMy0uMjQzLjQ2OC0uMTc3LjE2OC4wNjEuMjI4LjI1LjEzNS40MTl6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=)
}

.yz-ico-weibo:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZmlsbD0iI0Q1MkIyQSIgZD0iTTEzLjUyMiA3LjQwOGMtLjIzNi0uMDctLjM5OC0uMTItLjI3NC0uNDMyLjI2OC0uNjc4LjI5NS0xLjI2My4wMDUtMS42OC0uNTQ1LS43ODQtMi4wMzUtLjc0Mi0zLjc0Mi0uMDIyIDAgMC0uNTM3LjIzNi0uNC0uMTkyLjI2My0uODUuMjI0LTEuNTYyLS4xODUtMS45NzMtLjkyNy0uOTMzLTMuMzkuMDM1LTUuNTAzIDIuMTYxQzEuODQgNi44NjMuOTIyIDguNTUyLjkyMiAxMC4wMTFjMCAyLjc5MyAzLjU1NyA0LjQ5IDcuMDM3IDQuNDkgNC41NjIgMCA3LjU5Ni0yLjY2OCA3LjU5Ni00Ljc4NiAwLTEuMjgtMS4wNy0yLjAwNi0yLjAzMy0yLjMwN3ptLTUuNTU0IDYuMDkzYy0yLjc3Ny4yNzUtNS4xNzQtLjk4OC01LjM1NC0yLjgyMy0uMTgtMS44MzUgMS45MjUtMy41NDcgNC43MDItMy44MjMgMi43NzctLjI3NiA1LjE3NC45ODcgNS4zNTQgMi44MjIuMTggMS44MzUtMS45MjUgMy41NDctNC43MDIgMy44MjR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0U4OTIxMyIgZD0iTTE2LjU1MSAyLjI5OUE0LjQyMSA0LjQyMSAwIDAgMCAxMi4zMjUuOTJhLjY0Ni42NDYgMCAwIDAgLjI2OCAxLjI2NSAzLjE0NSAzLjE0NSAwIDAgMSAzLjAwNS45NzljLjc4Mi44NzMuOTk1IDIuMDY1LjY2IDMuMTA5LS4xMS4zNC4wNzUuNzA0LjQxNC44MTQuMzM3LjExLjY5OS0uMDc2LjgwOC0uNDE1VjYuNjdhNC40OSA0LjQ5IDAgMCAwLS45MjktNC4zNzEiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRTg5MjEzIiBkPSJNMTQuODYgMy44MzVhMi4xNTMgMi4xNTMgMCAwIDAtMi4wNi0uNjcuNTU2LjU1NiAwIDAgMCAuMjMyIDEuMDg5Yy4zNTctLjA3Ni43NDQuMDM1IDEuMDA2LjMyNy4yNjMuMjkzLjMzMy42OTIuMjIgMS4wNDJoLjAwMWEuNTUzLjU1MyAwIDEgMCAxLjA1Mi4zNDIgMi4xODUgMi4xODUgMCAwIDAtLjQ1MS0yLjEzIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzA0MDAwMCIgZD0iTTguMjQ2IDguMjY3Yy0xLjMyMi0uMzQ2LTIuODE1LjMxNy0zLjM5IDEuNDktLjU4NCAxLjE5NC0uMDE5IDIuNTIxIDEuMzE2IDIuOTU1IDEuMzgzLjQ1IDMuMDEzLS4yMzkgMy41OC0xLjUzLjU1OS0xLjI2LS4xMzktMi41NTktMS41MDYtMi45MTV6bS0xLjAxIDMuMDUzYy0uMjY4LjQzMS0uODQzLjYyLTEuMjc2LjQyMS0uNDI3LS4xOTYtLjU1My0uNjk2LS4yODUtMS4xMTcuMjY2LS40MTkuODIxLS42MDYgMS4yNTEtLjQyNC40MzUuMTg3LjU3NC42ODQuMzEgMS4xMnptLjg4NS0xLjE0M2MtLjA5Ny4xNjctLjMxMS4yNDctLjQ4LjE3OC0uMTY1LS4wNjktLjIxNy0uMjU2LS4xMjMtLjQyLjA5Ny0uMTYzLjMwMy0uMjQzLjQ2OC0uMTc3LjE2OC4wNjEuMjI4LjI1LjEzNS40MTl6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=)
}

.avatar, .img .avatar:empty {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #eee url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5kZWZhdWx0X2dyYXZhdGFyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImRlZmF1bHRfZ3JhdmF0YXIiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPgogICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIxMC0rLUltcG9ydGVkLUxheWVycy1Db3B5LUNvcHkiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yMTAiIGZpbGw9IiNEOEQ4RDgiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI3Ljg2OTAzMjEsMjYuODUzNjU2OCBMOCwyNi44NTM2NTY4IEM4LDI1Ljg0OTQ1MTQgOC40NzE4MjUsMjQuMTEwOTQ2NiAxMS41MTg5MDQ1LDIyLjM4ODMxNzYgQzEyLjE1Nzg5NiwyMi4wMjcxMjEzIDE1LjM0Mzk1MTIsMjAuMDk2MTA5OCAxNS42MTU5Njc3LDE5LjYzNzE3MjEgQzE1LjkyNDU4MjgsMTkuMTE3MjA4MSAxNi4wMTA2Mzg5LDE4LjQ3NjE4MzcgMTUuNDIwMTE1OCwxNy41MzI1MDg1IEMxNS4zNzI2MzY2LDE3LjQ1NjEwMTYgMTQuNDM0OTIxNSwxNi4wMDgzMzkxIDE0LjE0NTEwMDMsMTUuMDMwNDI5NyBDMTMuOTQwMzQ2LDE0LjMzODMwMiAxMy45MTc1OTU1LDEzLjU0NTQ1NjEgMTMuOTE3NTk1NSwxMi43MTM0MTQ0IEMxMy45MTc1OTU1LDkuODM2MjQ3MDIgMTUuNzIyMzAxNCw4IDE3Ljk0ODM4NTYsOCBDMjAuMTc0NDY5OSw4IDIxLjk3OTE3NTgsOS44MzYyNDcwMiAyMS45NzkxNzU4LDEyLjcxMzQxNDQgQzIxLjk3OTE3NTgsMTMuMzk5MDkyMiAyMS45NjYzMTY4LDE0LjA1NTk5MzMgMjEuODQ3MTI0MSwxNC42NTM4NTI3IEMyMS42Mzk4OTcsMTUuNjkwMzA3NyAyMC43NzU4NzM2LDE3LjAwNTU5ODQgMjAuNTg4NDI5NSwxNy4zMzA1NzU5IEMyMC41NDM5MTc3LDE3LjQwNzQ3OSAyMC41MDc4MTM3LDE3LjQ2NzUxMyAyMC40ODUwNjMzLDE3LjUwMTI1MTEgQzIwLjA3OTAxNjgsMTguMTA3MDQ4OSAxOS45NjI3OTE2LDE4LjU1MzU4MjkgMjAuMDAwODczOSwxOC45MTUyNzU1IEMyMC4wNDQzOTY1LDE5LjMyODU2NzUgMjAuMzEzOTQwMSwxOS42MTYzMzM4IDIwLjY2NzA2NywxOS44NTQ0ODUzIEMyMS4wMzQ1MzY2LDIwLjEwMjA2MzYgMjQuMDExODgxLDIyLjE0OTY3IDI0LjM3Nzg2NjgsMjIuMzg4MzE3NiBDMjYuODcxNTE2MywyNC4wMTY2NzgzIDI3Ljg2OTAzMjEsMjUuNjA2MzM4NSAyNy44NjkwMzIxLDI2Ljg1MzY1NjggTDI3Ljg2OTAzMjEsMjYuODUzNjU2OCBaIiBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHkiIGZpbGw9IiNGRkZGRkYiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat center;
    background-size: cover;
}

.img .avatar {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100%;
}

.img .avatar:not(:empty) {
    background: none;
}

/* img */
.img {
    display: block;
    position: relative;
    text-align: left;
}

.img-primary {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 20px;
    text-align: center;
    background-color: #448aff;
    color: #fff;
    font-size: 12px;
    opacity: .9;
}

.img-blank {
    background: none
}

.img-bg,
.img-light-select {
    background: #f4f4f4;
}

.img-light {
    cursor: pointer;
}

/*.img-light figure:empty:before {*/
/*content: '\e609';*/
/*font-family: "iconfont";*/
/*font-size: 28px;*/
/*font-style: normal;*/
/*-webkit-font-smoothing: antialiased;*/
/*position: absolute;*/
/*width: 32px;*/
/*height: 32px;*/
/*line-height: 32px;*/
/*top: 50%;*/
/*left: 50%;*/
/*margin: -16px 0 0 -16px;*/
/*color: var(--grey-light);*/
/*}*/

.img-light figure:empty:before,
.img-light-select figure:empty:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 40%;
    transform: translate(-50%, -50%);
    min-width: 16px;
    max-width: 96px;
    background: var(--grey-light) url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201134%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M88.248%20511.786q0-16.475%2011.4-27.874%2011.822-10.981%2027.028-10.981l92.071%200q15.629%200%2025.976%2011.4t10.347%2027.451-10.347%2027.245-25.976%2011.193l-92.071%200q-15.629%200-27.028-11.4t-11.4-27.028zM217.065%20823.913q0-15.629%2010.562-27.451l66.312-64.197q10.141-10.562%2026.605-10.562%2016.052%200%2026.822%2010.141t10.77%2025.763q0%2016.475-10.981%2028.72l-64.197%2064.197q-27.451%2021.54-55.325%200-10.562-11.4-10.562-26.605zM217.065%20200.077q0-15.629%2010.562-27.451%2013.091-10.981%2028.72-10.981%2014.783%200%2026.605%2010.981l64.197%2066.312q10.981%2010.141%2010.981%2026.605%200%2016.052-10.77%2026.822t-26.822%2010.77q-16.475%200-26.605-10.981l-66.312-64.197q-10.562-11.4-10.562-27.874zM331.956%20511.786q0-62.928%2031.681-117.203t85.954-85.954%20117.203-31.681q47.306%200%2090.812%2018.796t74.967%2050.26%2050.054%2074.967%2018.581%2090.812q0%2063.351-31.464%20117.418t-85.531%2085.531-117.418%2031.464-117.418-31.464-85.737-85.531-31.681-117.418zM408.398%20511.786q0%2065.889%2046.247%20112.559t112.136%2046.67%20112.559-46.67%2046.67-112.559q0-65.043-46.67-111.084t-112.559-46.041q-65.466%200-111.93%2046.041t-46.464%20111.084zM528.354%20861.928q0-16.052%2011.193-27.028t27.245-10.981q16.475%200%2027.451%2010.981t10.981%2027.028l0%2089.544q0%2016.475-11.193%2027.874t-27.245%2011.4-27.245-11.4-11.193-27.874l0-89.544zM528.354%20163.754l0-92.071q0-15.629%2011.4-27.028t27.028-11.4%2027.028%2011.4%2011.4%2027.028l0%2092.071q0%2015.629-11.193%2025.976t-27.245%2010.347-27.245-10.347-11.193-25.976zM777.127%20757.601q0-15.629%2010.141-25.344%2010.141-10.562%2025.344-10.562%2016.475%200%2027.028%2010.562l65.889%2064.197q10.981%2011.822%2010.981%2027.451t-10.981%2026.605q-27.028%2021.117-54.067%200l-64.197-64.197q-10.141-11.4-10.141-28.72zM777.127%20265.543q0-16.898%2010.141-26.605l64.197-66.312q11.822-10.981%2026.605-10.981%2016.052%200%2027.245%2011.4t11.193%2027.028q0%2016.898-10.981%2027.874l-65.889%2064.197q-12.245%2010.981-27.028%2010.981-15.206%200-25.344-10.77t-10.141-26.822zM878.916%20511.786q0-16.052%2010.981-27.874%2010.981-10.981%2025.763-10.981l91.231%200q15.629%200%2027.245%2011.616t11.616%2027.245-11.616%2027.028-27.245%2011.4l-91.231%200q-15.629%200-26.182-11.193t-10.562-27.245z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 75% auto;
    border-radius: 50%;
}

.img-light:hover figure:before {
    background-color: var(--grey);
}

.img > .img-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    opacity: .8;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background-color: #fe5341;
    cursor: pointer;
}

.img figure {
    position: relative;
    padding-bottom: 70.7142857%;
    overflow: hidden;
    height: 0;
    text-align: inherit;
}

.img figure:empty {
    background: #f4f4f4;
}

.img-white figure,
.img-white figure:empty {
    background-color: #fff;
}

.img figure img {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.img-inline {
    display: inline-block;
}

.img-rounded,
.img-rounded figure {
    border-radius: 3px;
}

.img-mask {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 3px 5px 2px;
    background-color: rgba(255, 255, 255, .75);
    color: #666;
    font-size: 12px;
}

.img-rounded .img-mask {
    border-radius: 3px 0 3px 0;
}

.img figure .placeholder {
    position: absolute;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 0;
    right: 0;
    text-align: center;
}

.img-square figure {
    padding-bottom: 100%
}

.img-2-3 figure,
.img-detail figure {
    padding-bottom: 150%;
}

.img-40p figure {
    padding-bottom: 40%
}

.img-2-1 figure,
.img-50p figure {
    padding-bottom: 50%
}

.img-1-2 figure,
.img-200p figure {
    padding-bottom: 200%
}

.img-60p figure {
    padding-bottom: 60%
}
.img-58p figure {
    padding-bottom: 58%
}
.img-16-10 figure,
.img-62_5p figure {
    padding-bottom: 62.5%
}

.img-4-3 figure,
.img-75p figure {
    padding-bottom: 75%
}

.img-80p {
    padding-bottom: 80%;
}

.img-portrait figure,
.img-3-4 figure {
    padding-bottom: 133.33333%
}

.img-120p figure {
    padding-bottom: 120%
}

.img-10-16 figure,
.img-160p figure {
    padding-bottom: 160%
}

.img-3-2 figure {
    padding-bottom: 66.666667%
}

.img-16-9 figure {
    padding-bottom: 56.25%
}

.img-9-16 figure {
    padding-bottom: 177.777778%;
}

.img-square > .close {
    position: absolute;
    right: 0px;
    top: 0;
    width: 20px;
    height: 20px;
    color: #fe5341;
    opacity: .8
}

.img-square.img-gray {
    background-color: #F4F4F4
}

.img-padding {
    padding: 5px;
}

.img-bordered {
    overflow: initial !important;
}

.img-padding.img-bordered,
.img-bordered-hover figure,
.img-bordered figure {
    background-color: #fff;
    box-shadow: 0 0 0 1px #e5e5e5;
}

.img-bordered-hover:hover figure {
    box-shadow: 0 0 0 1px #bdc3d4;
}

.sortable-chosen figure {
    background-color: #fff;
    box-shadow: 0 0 0 1px #448aff;
    cursor: move;
}

.img .img-rounded {
    border-radius: 3px;
}

.img-padding.img-bordered figure {
    box-shadow: none;
}

a.img-bordered figure {
    color: #448aff;
}

a.img-bordered:hover figure {
    color: #2962ff;
    border-color: #448aff;
}

.img-bordered-before figure:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .05);
    z-index: 1;
}

.img-square.img-circle {
    border-radius: unset;
}

.img-square.img-circle figure,
.img-circle.img-bordered-before figure:before,
.img-square.img-circle.btn-upload-wrap:before {
    border-radius: 50%;
}

.img-square.img-circle .img-remove-btn {
    margin: -8px -8px 0 0;
    top: 14.639321%;
    right: 14.639321%;
}

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

.img-fix figure img {
    min-width: auto;
    min-height: auto;
    max-width: 100%;
    max-height: 100%;
    height: initial;
}

.img-auto-size,
.img figure .img-auto-size {
    width: auto;
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.img-upload {
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #DFDFDF;
    border-radius: 3px;
    cursor: pointer;
}

.img-upload:hover {
    border-color: #ccc;
}

.img-upload-hover:hover {
    border-color: #448aff;
    -webkit-box-shadow: 0 0 5px rgba(102, 175, 233, .6);
    box-shadow: 0 0 5px rgba(102, 175, 233, .6);
}

.img-upload figure:empty:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    background: #f8f8f8;
}

.img-upload figure:empty:after {
    font: normal normal normal 24px/1 FontAwesome;
    content: "\f03e";
    line-height: 30px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -15px;
    color: rgba(0, 0, 0, .2)
}

.img-upload-bd {
    padding: 10px;
    text-align: center;
    color: #999;
    width: 100%;
}

.img-upload-bd .help-block {
    color: #999;
    margin-bottom: 0;
}

.img-upload-bd h6 {
    font-size: 14px;
}

.img-upload-bd .ico-plus-org {
    background-color: rgb(255, 67, 67, .85);
}

.img .upload-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .25);
}

.img .upload-progress span {
    display: none;
    float: left;
    height: 4px;
    background: #5cb85c;
    opacity: .85;
}

.img .upload-error {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background: red;
    line-height: 22px;
}

.img .img-change-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px;
    color: #ccc;
    background: rgba(0, 0, 0, .5);
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    display: none !important;
}

.img-rounded .img-change-btn {
    border-radius: 0 0 3px 3px;
}

.img:hover .img-change-btn {
    display: block !important;
}

.img:hover .img-change-btn:hover {
    color: #fff;
}

.close-it-round,
.img .close-it,
.img .img-remove-btn {
    position: absolute;
    right: -9px;
    top: -9px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    background: #aeaeae;
    display: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.close-it-round:before,
.close-it-round:after,
.img .close-it:before,
.img .close-it:after {
    height: 1px;
    background-color: #fff;
}

.img .close-it {
    display: none;
    background-color: #999;
}

.img:hover .close-it {
    display: block;
}

.img:hover .img-remove-btn {
    display: block;
    background-color: #777;
}

.img-hide-btn .img-remove-btn, .sortable-chosen .img-remove-btn, .sortable-chosen .close-it, .hide-close-it .close-it {
    display: none !important;
}

.close-it-round:hover,
.img:hover .close-it:hover,
.img:hover .img-remove-btn:hover {
    background-color: #fe5341;
}

.close-it-round:hover:before,
.close-it-round:hover:after,
.img:hover .close-it:hover:before,
.img:hover .close-it:hover:after {
    background-color: #fff;
}

.img:hover .img-remove-btn:before {
    content: '×';
}

.img-name {
    margin-top: 10px;
    line-height: 20px;
    display: block;
    text-align: center;
    font-size: 12px;
}

.img-arrow {
    position: absolute;
    height: 8px;
    width: 8px;
    border: 1px solid #e5e5e5;
    border-width: 1px 1px 0 0;
    left: 50%;
    top: 0;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: -5px 0 0 -4px;
}

.img-bordered-hover:hover .img-arrow {
    border-color: #bdc3d4;
}

.img-padding figure img {
    padding: 1px;
}

.img-padding-3 figure img {
    padding: 3px;
}

/* anim */
.anim-el, .anim-el-img .img > figure, .img-anim > figure {
    transition: all 0.3s ease;
}

.img-anim,
.anim-el-img .img {
    overflow: hidden;
}

.anim-el:hover,
.anim-el-img:hover .img > figure,
.img-anim:hover > figure {
    transition: all 0.3s ease;
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}

/* images-preview-modal */
.images-preview-modal {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 999999
}

.images-preview-modal-multi {
    bottom: 100px
}

.images-preview-modal .flickity-viewport {
    height: 100% !important;
}

.images-preview-modal .item {
    width: 100%;
    height: 100%;
}

.images-preview-modal .item img {
    max-width: 95%;
    max-height: 95%;
    min-width: 200px;
    min-height: 200px;
    background: rgba(0, 0, 0, .25);
    color: rgba(255, 255, 255, .5);
    text-align: center;
    line-height: 200px;
}

.images-preview-modal .flickity-prev-next-button,
.images-preview-modal .flickity-prev-next-button:hover {
    width: 144px;
    height: 144px;
    background: none;
}

.images-preview-modal .flickity-prev-next-button .arrow {
    fill: rgba(255, 255, 255, .1)
}

.images-preview-modal .flickity-prev-next-button:hover .arrow {
    fill: rgba(255, 255, 255, .5)
}

.images-preview-modal .close-it {
    position: absolute;
    right: -80px;
    top: -80px;
    width: 160px;
    height: 160px;
    background: rgba(255, 255, 255, .25);
    border-radius: 50%;
}

.images-preview-modal .close-it:before, .images-preview-modal .close-it:after {
    width: 32px;
    margin: -1px -16px;
    background: rgba(0, 0, 0, .35);
    top: 110px;
    left: 50px;
}

.images-preview-modal .close-it:hover {
    background: var(--red)
}

.images-preview-modal .close-it:hover:before, .images-preview-modal .close-it:hover:after {
    background: #fff
}

.images-preview-modal-list {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    padding: 10px;
    background: rgba(0, 0, 0, .85);
    z-index: 999999;
    text-align: center;
    white-space: nowrap
}

.images-preview-modal-list .flickity-viewport {
    width: 100%
}

.images-preview-modal-list .img {
    display: inline-block;
    position: relative;
    margin: 0 2px;
    width: 120px;
}

.images-preview-modal-list .flickity-slider img,
.images-preview-modal-list .img img {
    max-width: 120px;
    height: 80px;
    background: rgba(0, 0, 0, .25);
    color: rgba(255, 255, 255, .5);
}

.images-preview-modal-list .flickity-slider div {
    display: inline-block;
    margin: 0 2px;
    max-width: 120px;
    overflow: hidden;
    opacity: .5;
    height: 80px;
    text-align: center;
    line-height: 80px;
}

.images-preview-modal-list .is-selected {
    opacity: 1 !important;
}

.images-preview-modal-list .is-selected:after {
    content: '';
    border: 2px solid var(--red);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* lightbox */
.lightbox-content > img {
    max-width: 100%
}

.lightbox-header .close {
    margin-top: -16px;
    margin-right: -16px;
    font-size: 2em;
    color: white;
    opacity: .8;
    filter: alpha(opacity=80)
}

.lightbox-header .close :hover {
    opacity: .4;
    filter: alpha(opacity=40)
}

.lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none
}

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

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

.lightbox .lightbox-dialog {
    z-index: 1050;
    width: auto;
    margin-right: auto;
    margin-left: auto
}

.lightbox .lightbox-dialog .lightbox-header {
    float: right
}

.lightbox .lightbox-dialog .lightbox-header .close {
    margin-top: -2px
}

.lightbox .lightbox-dialog .lightbox-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    padding: 15px;
    display: inline-block
}

.lightbox .lightbox-dialog .lightbox-content .lightbox-caption {
    position: absolute;
    right: 15px;
    bottom: 14px;
    left: 15px;
    padding: 2%;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, .6)
}

.lightbox + .modal-backdrop {
    z-index: 99998
}

.lightbox:after {
    content: '\00D7';
    font-size: 36px;
    color: #fff;
    background: #a94442;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 100;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.lightbox-img {
    cursor: pointer
}

.lightbox-ctrl {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.lightbox-ctrl-left {
    left: 0
}

.lightbox-ctrl-right {
    right: 0
}

.lightbox-ctrl .fa {
    -webkit-transform: scale(4, 4);
    -moz-transform: scale(4, 4);
    -ms-transform: scale(4, 4);
    -o-transform: scale(4, 4);
    transform: scale(4, 4);
}

.preview-ctrl {
    margin: 10px 0 0;
    padding: 0 23px;
    position: relative;
}

.preview-ctrl-no-angle {
    padding: 0
}

.preview-ctrl-no-angle a {
    display: none
}

.preview-ctrl-forward, .preview-ctrl-backward {
    color: #ccc;
    line-height: 54px;
    position: absolute;
    top: 0;
    width: 23px;
}

.preview-ctrl a.disabled {
    color: #ddd;
}

.preview-ctrl-forward {
    left: 0
}

.preview-ctrl-backward {
    right: 0;
    text-align: right;
}

.preview-ctrl-forward .fa, .preview-ctrl-backward .fa {
    font-size: 36px;
    line-height: 54px;
}

.preview-list {
    height: 54px;
    overflow: hidden;
    position: relative
}

.preview-list ul {
    float: left;
    width: 9999px;
    position: absolute;
    left: 0;
}

.preview-list li {
    float: left;
    margin-right: 6px;
    cursor: pointer;
    width: 54px;
    height: 54px;
    overflow: hidden;
    position: relative
}

.preview-list li.active:before, .preview-list li:hover:before {
    content: '';
    border: 2px solid #ff9300;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}

.preview-list img {
    vertical-align: inherit;
    max-width: 100%;
    max-height: 100%
}

/* table */
.table .col-check {
    width: 10px;
    padding-right: 0 !important
}

.table .col-opt {
    width: 30px;
    text-align: center;
    white-space: nowrap
}

.table-min-height > tbody > tr > td {
    height: 50px;
}

.table-min > tbody > tr > td {
    padding: 4px 8px;
}

.table-mid > tbody > tr > td {
    vertical-align: middle;
}

.table-list > thead > tr > th {
    font-weight: normal;
    color: #666;
    position: relative;
    border-bottom-width: 1px;
}

.table-hd > th {
    position: relative !important;
    border-top: 1px solid #ddd !important;
}

.table-hd > th:first-child:before,
.table-hd > th:last-child:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ddd;
}

.table-hd > th:last-child:before {
    left: auto;
    right: 0;
}

.table-no-border, .table-no-border th, .table-no-border td {
    border: 0 !important;
}

.table-no-border.table-bordered td {
    border-bottom: 1px solid #f3f3f3 !important;
}

.table-list {
    border-top: 1px solid #e8e8e8;
    margin-bottom: 0;
}

.table-list .is-public {
    background: #f7f7f7;
}

.table-list > thead > tr > th {
    font-weight: normal;
    color: #666;
    position: relative;
    border-bottom-width: 1px;
    padding: 4px 8px;
}

.table-list:not(.table-no-border) > thead > tr > th:first-child:before,
.table-list:not(.table-no-border) > thead > tr > th:last-child:before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #e8e8e8;
}

.table-no-side-border > thead > tr > th:first-child:before,
.table-no-side-border > thead > tr > th:last-child:before {
    display: none;
}

.table-list:not(.table-no-border) > thead > tr > th:last-child:before {
    left: auto;
    right: 0;
}

.table-list thead th.head {
    border: 0;
    color: #02B980
}

.table-list .label {
    font-weight: normal;
    padding: 2px 5px;
}

.table-list > tbody > tr > td {
    vertical-align: middle;
}

.table-list > tbody > tr:last-child td {
    border-bottom: 1px solid #e8e8e8
}

.table-list .dropdown-menu {
    display: block;
    visibility: hidden
}

.table-list .open .dropdown-menu {
    visibility: visible;
    z-index: 2001;
}

.table-list tbody > tr > td:nth-of-type(2) {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-list .col-opt {
    width: 30px;
    text-align: center;
    white-space: nowrap
}

.table-list .col-opt.text-left {
    text-align: left;
}

.table-list .col-opt .btn-group {
    display: flex
}

.table-list .col-opt .btn-group .btn {
    float: none
}

.table-list .col-opt > a.link + a.link {
    margin-left: 10px;
}

/* scroll bar */
.scroll-bar {
    overflow-y: auto;
}

.scroll-bar-x {
    overflow-x: auto;
}

.scroll-bar::-webkit-scrollbar-track-piece {
    background-color: #f8f9fb;
    border-left: 1px solid #ececec;
}

.scroll-bar::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.scroll-bar::-webkit-scrollbar-thumb {
    background-color: #c8c8c8;
    background-clip: padding-box;
    min-height: 28px;
    border-radius: 0;
}

.scroll-bar::-webkit-scrollbar-thumb:hover {
    background-color: #98a3a6
}

.scroll-bar-blank::-webkit-scrollbar-track-piece {
    background-color: transparent !important;
}

.scroll-bar-blank::-webkit-scrollbar {
    display: none;
}

.scroll-bar-over::-webkit-scrollbar-track-piece {
    background: none;
    border: 0;
}

.scroll-bar-over::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 3px;
}

.scroll-bar-over:hover::-webkit-scrollbar-thumb {
    background: rgba(152, 163, 166, .25);
}

.scroll-bar-over:hover::-webkit-scrollbar-thumb:hover {
    background: rgba(152, 163, 166, .75);
}

.custom-scroll-bar {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.custom-scroll-bar::-webkit-scrollbar-button:horizontal:increment {
    display: none;
    border: 1px solid #000;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQzU1NDExQUNFQTExMUUwODVCRDlGMjgxNTUwOTY0MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQzU1NDExOUNFQTExMUUwODVCRDlGMjgxNTUwOTY0MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnbliksAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAACFJREFUCFtj/M/ACEd/mRj/MDP+aWb84wxGzSAuUBBJDQCreRGBIU9zHQAAAABJRU5ErkJggg==)
}

.custom-scroll-bar::-webkit-scrollbar-button:horizontal:increment:hover {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNjMxOTJDNkNFQTAxMUUwOTEwQThBOUQ3OTU2MDhBRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNjMxOTJDNUNFQTAxMUUwOTEwQThBOUQ3OTU2MDhBRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnVIpeYAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAACFJREFUCFtj/M/ACEd/mRj/MDP+aWb84wxGzSAuUBBJDQCreRGBIU9zHQAAAABJRU5ErkJggg==)
}

.custom-scroll-bar::-webkit-scrollbar-button:horizontal:decrement {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOTQ1MTFBOUNFQTExMUUwQjFCMUQ0QTY5Nzg0NkM4MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOTQ1MTFBOENFQTExMUUwQjFCMUQ0QTY5Nzg0NkM4MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHC5VgAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAACBJREFUCFtj+P+fAYH2M/y3Z/hnz/AHjIAMIBckiFADAIcKGtnX/NNJAAAAAElFTkSuQmCC)
}

.custom-scroll-bar::-webkit-scrollbar-button:horizontal:decrement:hover {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDlGMzQxNUNFQTExMUUwOUQ1RUMzMDcwNkI3NzQ4OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDlGMzQxNENFQTExMUUwOUQ1RUMzMDcwNkI3NzQ4OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Piwt9IAAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAACBJREFUCFtj+P+fAYH2M/y3Z/hnz/AHjIAMIBckiFADAIcKGtnX/NNJAAAAAElFTkSuQmCC)
}

.custom-scroll-bar::-webkit-scrollbar-button:vertical:increment {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQUVGMjQ0M0NFQTAxMUUwODVFRkVGMkEyMDYzQjNCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQUVGMjQ0MkNFQTAxMUUwODVFRkVGMkEyMDYzQjNCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi1r31IAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIY+yDP+UGf848z4r5ERQxYAnBUQ8bRhSzUAAAAASUVORK5CYII=)
}

.custom-scroll-bar::-webkit-scrollbar-button:vertical:increment:hover {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBODk4RUE4QUNFQTAxMUUwQjI0MUFCODBCNTk2MzdFMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBODk4RUE4OUNFQTAxMUUwQjI0MUFCODBCNTk2MzdFMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrzuktcAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIY+yDP+UGf848z4r5ERQxYAnBUQ8bRhSzUAAAAASUVORK5CYII=)
}

.custom-scroll-bar::-webkit-scrollbar-button:vertical:decrement {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMzVEMjUyMkNFQTAxMUUwQTc0NzgzNTNCNkQ3RkNFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMzVEMjUyMUNFQTAxMUUwQTc0NzgzNTNCNkQ3RkNFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psti8fgAAAAGUExURczT1v///w6Zot4AAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIb+NTL+cWb8oc74QZ4RQxYAoGUQ8fkWopYAAAAASUVORK5CYII=)
}

.custom-scroll-bar::-webkit-scrollbar-button:vertical:decrement:hover {
    display: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEM0ZDNDlGQ0NFQTAxMUUwQUY5RkJGN0ZBNEREREEyMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEM0ZDNDlGQkNFQTAxMUUwQUY5RkJGN0ZBNEREREEyMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDZGQ0I5RkQzQ0RFMDExQTgyMjkyMjdERUQwRkIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUZGQzk4NEE1Q0FFMDExOUI2OUQ1NEZFODhFQjY5MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhWCNEUAAAAGUExURZ20xP///xhJTcUAAAACdFJOU/8A5bcwSgAAABxJREFUCNdj/M/AiIb+NTL+cWb8oc74QZ4RQxYAoGUQ8fkWopYAAAAASUVORK5CYII=)
}

.custom-scroll-bar::-webkit-scrollbar,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:decrement,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:decrement:hover,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:increment,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:increment:hover,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:decrement,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:decrement:hover,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:increment,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:increment:hover {
    height: 16px;
    width: 16px
}

.custom-scroll-bar::-webkit-scrollbar:disabled {
    display: none
}

.custom-scroll-bar::-webkit-scrollbar-button, .custom-scroll-bar::-webkit-scrollbar-corner {
    cursor: pointer
}

.custom-scroll-bar::-webkit-scrollbar-button, .custom-scroll-bar::-webkit-scrollbar-corner {
    background: transparent
}

.custom-scroll-bar::-webkit-scrollbar-button:horizontal:decrement,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:decrement:hover,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:increment,
.custom-scroll-bar::-webkit-scrollbar-button:horizontal:increment:hover,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:decrement,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:decrement:hover,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:increment,
.custom-scroll-bar::-webkit-scrollbar-button:vertical:increment:hover {
    background-position: 50%
}

.custom-scroll-bar::-webkit-scrollbar-track {
    background: transparent
}

.custom-scroll-bar::-webkit-scrollbar-track-piece {
    background: rgb(250, 250, 250);
}

.custom-scroll-bar::-webkit-scrollbar-thumb, .custom-scroll-bar::-webkit-scrollbar-thumb:hover {
    border-radius: 8px;
    border: 5px solid transparent;
    background-clip: content-box;
}

.custom-scroll-bar::-webkit-scrollbar-thumb {
    background-color: #c8c8c8
}

.custom-scroll-bar::-webkit-scrollbar-thumb:hover {
    background-color: #98a3a6;
}

.custom-scroll-bar::-webkit-scrollbar-thumb:vertical {
    min-height: 50px
}

.custom-scroll-bar::-webkit-scrollbar-thumb:horizontal {
    min-width: 50px
}

.custom-scroll-bar-sm::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.custom-scroll-bar-xs::-webkit-scrollbar-track-piece,
.custom-scroll-bar-sm::-webkit-scrollbar-track-piece {
    background: none;
}

.custom-scroll-bar-sm::-webkit-scrollbar-thumb, .custom-scroll-bar-sm::-webkit-scrollbar-thumb:hover {
    border-radius: 4px;
    border: 0px solid transparent;
    background-clip: content-box;
}

.custom-scroll-bar-xs::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scroll-bar-xs::-webkit-scrollbar-thumb, .custom-scroll-bar-xs::-webkit-scrollbar-thumb:hover {
    border-radius: 3px;
    border: 0;
    background-clip: content-box;
}

.custom-scroll-bar-mini::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.custom-scroll-bar-mini::-webkit-scrollbar-thumb, .custom-scroll-bar-mini::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.scroll-bar-hover-white::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, .95);
}

.scroll-bar-transparent:not(:hover)::-webkit-scrollbar-thumb {
    background-color: transparent;
}

/* scroll end */

/* Make clicks pass-through */
#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: #0ae;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #0ae, 0 0 5px #0ae;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1000000;
    top: 21px;
    right: 10px;
    left: auto;
    width: auto;
    margin: 0;
    max-height: inherit;
    border: 0;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #0ae;
    border-left-color: #0ae;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.progress-bar-org {
    background-color: #fedd00;
}

.progress-mini {
    height: 10px;
    border-radius: 2px;
}

.progress-mini,
.progress-mini .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar-animate {
    transition: width 2s ease-in-out;
}

.progress-bar-animate-3s {
    transition: width 3s ease-in-out;
}

.progress-bar-animate-5s {
    transition: width 5s ease-in-out;
}

.progress-bar-50p {
    width: 50%;
}

/* mask */
.mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 90000
}

.mask .masker {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background: rgba(0, 0, 0, .25)
}

.mask .loadering {
    width: 80px;
    min-height: 80px;
    padding: 10px;
    text-align: center;
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    display: block;
    color: rgba(255, 255, 255, .85);
    background-color: rgba(0, 0, 0, .6);
    border-radius: 8px;
    overflow: hidden
}

.mask .loadering span {
    line-height: 16px;
    display: block;
    padding-top: 5px;
    font-size: 12px;
}

.mask-empty .loadering {
    padding-top: 20px
}

.loader {
    margin: 2px auto 6px;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 4px solid rgba(255, 255, 255, 0.2);
    border-right: 4px solid rgba(255, 255, 255, 0.2);
    border-bottom: 4px solid rgba(255, 255, 255, 0.2);
    border-left: 4px solid #ffffff;
    -webkit-animation: loader 1.1s infinite linear;
    animation: loader 1.1s infinite linear;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* toast start */
.toast {
    -webkit-transform: translateX(-50%);
    left: 50%;
    max-width: 720px;
    min-width: 300px;
    position: fixed;
    top: 80px;
    transform: translateX(-50%);
    z-index: 999999;
}

.toast > span {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(150, 150, 150, 0.4);
    -moz-box-shadow: 0 0 8px rgba(150, 150, 150, 0.4);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.4);
}

.toast .toast-item {
    background: none;
    display: block;
    margin: 0 auto 10px;
    padding: 0;
}

.toast-error .toast-content {
    color: #fff;
    background-color: #f66
}

.toast-success .toast-content {
    color: #fff;
    background-color: #4b8
}

.toast-warning .toast-content {
    color: #fff;
    background-color: #fc0
}

.toast-info .toast-content {
    color: #fff;
    background-color: #59f
}

.toast-content {
    -webkit-box-sizing: border-box;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
    max-height: 200px;
    overflow-y: auto;
    padding: 5px 25px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(150, 150, 150, 0.5);
    -moz-box-shadow: 0 0 8px rgba(150, 150, 150, 0.5);
    box-shadow: 0 0 8px rgba(150, 150, 150, 0.5);
    opacity: .95;
}

.toast-content:empty:before {
    content: "\200B"
}

.toast-appear {
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-fill-mode: both;
    animation-play-state: paused
}

.toast-appear.toast-appear-active {
    -webkit-animation-duration: .3s;
    -webkit-animation-name: notifyMoveIn;
    -webkit-animation-play-state: running;
    animation-duration: .3s;
    animation-name: notifyMoveIn;
    animation-play-state: running
}

.toast-exit, .toast-exit .toast-content {
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-fill-mode: both;
    animation-play-state: paused
}

.toast-exit.toast-exit-active {
    -webkit-animation-duration: .3s;
    -webkit-animation-name: notifyMoveOut;
    -webkit-animation-play-state: running;
    animation-duration: .3s;
    animation-name: notifyMoveOut;
    animation-play-state: running
}

.toast-exit.toast-exit-active .toast-content {
    -webkit-animation-duration: .3s;
    -webkit-animation-name: notifyContentMoveOut;
    -webkit-animation-play-state: running;
    animation-duration: .3s;
    animation-name: notifyContentMoveOut;
    animation-play-state: running
}

@-webkit-keyframes notifyMoveIn {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes notifyMoveIn {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0;
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes notifyMoveOut {
    0% {
        max-height: 50px;
        opacity: 1
    }
    to {
        max-height: 0;
        opacity: 0;
        padding: 0
    }
}

@keyframes notifyMoveOut {
    0% {
        max-height: 50px;
        opacity: 1
    }
    to {
        max-height: 0;
        opacity: 0;
        padding: 0
    }
}

@-webkit-keyframes notifyContentMoveOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes notifyContentMoveOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

/* toast end */

/* spinner start */
.spinner {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    max-height: 16px;
}

.spinner:empty:before {
    content: '';
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-radius: 50%;
    -webkit-animation: spinner-anim 400ms linear infinite;
    animation: spinner-anim 400ms linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes spinner-anim {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinner-anim {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spinner-lg:before {
    width: 44px;
    height: 44px;
    border-width: 3px;
    opacity: .85;
}

.fa-loading {
    padding: 1px;
    -webkit-animation: loading 1.1s infinite linear;
    animation: loading 1.1s infinite linear;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/* loading */
#app-loading {
    padding: 100px;
    text-align: center;
}

.app-loaded {
    display: none;
}

.loading {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.loading-fixed {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
}

.loading-sm {
    width: 16px;
    height: 16px;
}

.btn .fa-loading, .btn .loading {
    margin-right: 5px
}

.btn .fa-loading:last-child, .btn .loading:last-child {
    margin-right: 0;
}

.loading:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.btn-success .loading:after,
.btn-primary .loading:after,
.loading-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

/* shadow */
.shadow {
    -webkit-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
    -ms-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
    -o-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
    box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
}

.shadow-m {
    -webkit-box-shadow: 0 2px 6px RGBA(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px RGBA(0, 0, 0, .1);
    -ms-box-shadow: 0 2px 6px RGBA(0, 0, 0, .1);
    -o-box-shadow: 0 2px 6px RGBA(0, 0, 0, .1);
    box-shadow: 0 2px 6px RGBA(0, 0, 0, .1);
}

/* dropdown-menu*/
.dropdown-menu {
    border: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.dropdown-menu-bordered {
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, .15);
}

.dropdown-menu li.selected > a {
    color: #448aff;
}

.dropdown-menu-blue > li > a:hover {
    background-color: #448aff !important;
    color: #fff !important;
}

.dropdown-menu .btn-group-menu {
    display: block;
}

.dropdown-menu-hover:hover .dropdown-menu {
    display: block;
}

.dropdown-menu-higher {
    padding: 9px 0;
}

.dropdown-menu-higher > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 18px;
}

.dropdown-menu-hover > li:not(.disabled) > a:hover {
    background: var(--blue);
    color: #fff;
}

.dropdown-menu-right-angle {
    border-radius: 0 !important;
}

/* modal */
.modal-backdrop-white + .modal-backdrop {
    background: #fff;
}

.modal-backdrop-dark + .modal-backdrop {
    background-color: rgba(0, 0, 0, .72);
}

.modal-backdrop.in {
    opacity: .7;
}

.modal-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-center .modal-dialog {
    margin: 0 auto;
    max-height: 100%;
}

.modal-center .modal-content {
    margin: 30px 0;
}

.modal-show {
    z-index: 99999
}

.modal-show + .modal-backdrop {
    z-index: 99998
}

/* element-ui */
body .el-message-box {
    padding-bottom: 20px;
    border-radius: 2px;
}

body .el-message-box__header {
    padding: 20px 20px 15px;
}

body .el-message-box__content {
    padding: 10px 20px;
}

body .el-message-box__btns {
    padding: 5px 20px 0;
}

body .el-message-box__btns .el-button--small {
    min-width: 56px;
}

.el-select-tree-sm .el-tree-node__label {
    font-size: 12px;
}

.el-dialog-center {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
}
.el-dialog-center .el-dialog {
    margin: 0 !important;
}
.clearfix {
    zoom: 1;
}
.clearfix::after{
    content:"";
    height:0;
    line-height:0;
    display:block;
    visibility:hidden;
    clear:both
}

#paramFilter .param-tab input:checked ~ label {
    border-style: solid;
    color: rgb(243,2,19);
    border-color: rgb(243,2,19);
}
#paramFilter .param-tab input:checked ~ label:hover {
    border-style: solid;
    border-color: rgb(243,2,19);
}