@charset "utf-8";
@import "./var";
/*
    命名规则 tea-icon-E--M
    b-block：icon
    e-element:guide,remove,notice等
    m:default,
*/


/*图标*/

.#{$prefix}icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-position: inherit;
    font-size: 0%;
}

.#{$prefix}icon-daily {
    background-image: $icon-daily;
}

.#{$prefix}icon-shopcart {
    background-image: url(../../assets/image/slice/svg/shopping-cart-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-more {
    background-image: url(../../assets/image/slice/svg/more-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-folderclose {
    background-image: $icon-folder-close;
}

.#{$prefix}icon-folderopen {
    background-image: $icon-folder-open;
}
.#{$prefix}icon-notice {
    background-image: $icon-notice;
}
.#{$prefix}icon-notice-blue {
    background-image: $icon-notice-blue;
}

.#{$prefix}icon-guide {
    background-image: url(../../assets/image/slice/svg/guide-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-consult {
    background-image: url(../../assets/image/slice/svg/consult-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-realname {
    background-image: url(../../assets/image/slice/svg/real-name-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-realnamev {
    background-image: url(../../assets/image/slice/svg/real-name-v-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-show {
    background-image: $icon-show;
}

.#{$prefix}icon-hide {
    background-image: $icon-hide;
}

.#{$prefix}icon-records {
    width: 15px;
    height: 16px;
    background-image: url(../../assets/image/slice/records-icon.png);
}

// .#{$prefix}icon-error.size-m{
//     width:32px;
//     height: 32px;
//     background-image: url(../../assets/image/slice/svg/m-error-icon.svg?fill=#{$icon-color-error});
//     background-position: inherit;
//     background-size: cover;
// }
.#{$prefix}icon-error.size-l {
    width: 32px;
    height: 32px;
    background-image: $icon-error-l;
}

.#{$prefix}icon-sales {
    background-image: url(../../assets/image/slice/sales-icon.png);
}

.#{$prefix}icon-success {
    background-image: $icon-success;
}

.#{$prefix}icon-success.size-l {
    width: 32px;
    height: 32px;
    background-image: $icon-success-l;
    background-size: cover;
}
.#{$prefix}icon-warning {
    background-image: $icon-warning;
}

.#{$prefix}icon-warning.size-l {
    width: 32px;
    height: 32px;
    background-image: $icon-warning-l;
    background-size: cover;
}


/* .#{$prefix}icon-close-m{
    width:24px;
    height: 24px;
    background-image: url(../../assets/image/slice/svg/error-icon.svg?fill=#{$icon-color-error});
    background-size: cover;
}
.#{$prefix}icon-close-xl{
    width:32px;
    height: 32px;
    background-image: url(../../assets/image/slice/svg/error-icon.svg?fill=#{$icon-color-error});
    background-size: cover;
} */

.#{$prefix}icon-loading {
    background-image: url(../../assets/image/slice/svg/loading.svg?fill=#{$icon-color-primary});
    -moz-animation: spin .6s infinite linear;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.#{$prefix}icon-shutdown {
    background-image: url(../../assets/image/slice/shutdown-icon.png);
}

.#{$prefix}icon-running {
    background-image: url(../../assets/image/slice/running-icon.png);
}

.#{$prefix}icon-error {
    background-image: $icon-error;
}
.#{$prefix}icon-error--ring {
    background-image: url(../../assets/image/slice/svg/error-ring-icon.svg);
}

.#{$prefix}icon-deploy {
    background-image: url(../../assets/image/slice/deploy-icon.png);
    width: 17px;
    height: 17px;
}

.#{$prefix}icon-sort {
    background-image: $icon-sort;
}

.#{$prefix}icon-sortup {
    background-image: $icon-sort-up;
}

.#{$prefix}icon-sortdown {
    background-image: $icon-sort-down;
}

// .#{$prefix}icon-plaint {
//     width: 16px;
//     height: 16px;
//     background-image: url(../../assets/image/slice/svg/plaint-icon.svg);
// }
.#{$prefix}icon-links {
    width: 14px;
    height: 13px;
    background-image: url(../../assets/image/slice/links-icon.png);
}

.#{$prefix}icon-btnback {
    background-image: $icon-btn-back;
}

.#{$prefix}icon-client {
    width: 16px;
    height: 15px;
    background-image: url(../../assets/image/slice/client-icon.png);
    margin-top: 2px;
}

.#{$prefix}icon-plus {
    background-image: $icon-plus;
}

.#{$prefix}icon-minus {
    background-image: $icon-minus;
}

.#{$prefix}icon-setting {
    background-image: $icon-setting;
}

.#{$prefix}icon-pencil {
    background-image: $icon-pencil;
    // &:hover {
    //     background-image: url(../../assets/image/slice/svg/pencil-icon-hover.svg?fill=#{$icon-color-weight});
    // }
}

.#{$prefix}icon-copy {
    background-image: $icon-copy;
    // &:hover {
    //     background-image: url(../../assets/image/slice/svg/copy-icon-hover.svg?fill=#{$icon-color-weight});
    // }
}

.#{$prefix}icon-remind {
    background-image: url(../../assets/image/slice/svg/remind-icon.svg?fill=#{$icon-color-warning});
}

.#{$prefix}icon-dismiss {
    background-image: $icon-dismiss;
    // &:hover{
    //   background-image: url(../../assets/image/slice/svg/clear-icon-hover.svg?fill=#{$icon-color-weight});
    // }
}
.is-disabled .#{$prefix}icon-dismiss {
    // &:hover {
    //     background-image: url(../../assets/image/slice/svg/clear-icon.svg?fill=#{$icon-color-default});
    // }
}
.#{$prefix}icon-dismiss.size-s {
    background-image: url(../../assets/image/slice/svg/clear-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-phone {
    background-image: $icon-phone;
}

.#{$prefix}icon-phonev {
    background-image: url(../../assets/image/slice/svg/phone-v-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-phone-error {
    background-image: url(../../assets/image/slice/svg/phone-error-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-phone-warning {
    background-image: url(../../assets/image/slice/svg/phone-warning-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-wechat {
    background-image: url(../../assets/image/slice/svg/wechat-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-wechatv {
    background-image: url(../../assets/image/slice/svg/wechat-v-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-wechat-error {
    background-image: url(../../assets/image/slice/svg/wechat-error-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-wechat-warning {
    background-image: url(../../assets/image/slice/svg/wechat-warning-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-email {
    background-image: url(../../assets/image/slice/svg/mail-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-emailv {
    background-image: url(../../assets/image/slice/svg/mail-v-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-email-error {
    background-image: url(../../assets/image/slice/svg/mail-error-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-email-warning {
    background-image: url(../../assets/image/slice/svg/mail-warning-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-qq {
    background-image: url(../../assets/image/slice/svg/qq-icon.svg?fill=#{$icon-color-default});
}

.#{$prefix}icon-favorable {
    width: 15px;
    height: 18px;
    background-image: url(../../assets/image/slice/favorable-icon.png);
}

.#{$prefix}icon-viewgrid {
    background-image: url(../../assets/image/slice/svg/th-blue-large-icon.svg?fill=#{$icon-color-default});
}

// .#{$prefix}icon-viewgrid--blue{
//     width:16px;
//     height: 16px;
//     background-image: url(../../assets/image/slice/svg/th-blue-large-icon.svg);
// }
.#{$prefix}icon-viewlist {
    background-image: url(../../assets/image/slice/svg/th-blue-list-icon.svg?fill=#{$icon-color-default});
}

// .#{$prefix}icon-viewlist--blue{
//     width:16px;
//     height: 16px;
//     background-image: url(../../assets/image/slice/svg/th-blue-list-icon.svg?fill=#{$icon-color-default});
// }
.#{$prefix}icon-alarm {
    width: 15px;
    height: 14px;
    background-image: url(../../assets/image/slice/icon-alarm.png);
}

.#{$prefix}icon-monitor {
    background-image: url(../../assets/image/slice/svg/dosage-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-monitor-warning {
    background-image: url(../../assets/image/slice/svg/monitor-warning.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-monitor-error {
    background-image: url(../../assets/image/slice/svg/monitor-error.svg?fill=#{$icon-color-default});
}

// .#{$prefix}icon-monitor--gray{
//     width:16px;
//     height:16px;
//     background-image:url(../../assets/image/slice/svg/dosage-icon.svg?fill=#bbb);
// }
.#{$prefix}icon-download {
    background-image: $icon-download;
}

.#{$prefix}icon-filter {
    background-image: $icon-filter;
}

// .#{$prefix}icon-filtrate--hover{
//     width:13px;
//     height:12px;
//     background-image: url(../../assets/image/slice/filtrate-hover-icon.png);
// }
.#{$prefix}icon-try {
    width: 19px;
    height: 19px;
    background-image: url(../../assets/image/slice/try-icon.png);
}

.#{$prefix}icon-convertip--blue {
    background-image: url(../../assets/image/slice/svg/convert-ip-ash-icon-blue.svg?fill=#{$icon-color-primary});
}

.#{$prefix}icon-convertip {
    cursor: default;
    background-image: url(../../assets/image/slice/svg/convert-ip-ash-icon.svg?fill=#{$icon-color-default});
    // &:hover {
    //     background-image: url(../../assets/image/slice/svg/convert-ip-ash-icon-hover.svg?fill=#{$icon-color-weight});
    // }
}

.#{$prefix}icon-new {
    cursor: default;
    background-image: url(../../assets/image/slice/new-mark-icon.png);
}

.#{$prefix}icon-info {
    background-image: $icon-info;
    cursor: pointer;
}

// .#{$prefix}icon-error {
//     background-image: url(../../assets/image/slice/svg/error-icon.svg);
//     margin-right: 5px;
// }

/*新图标*/

.#{$prefix}icon-tag {
    background-image: url(../../assets/image/slice/svg/tag-icon.svg?fill=#{$icon-color-default});
    &:hover {
        background-image: url(../../assets/image/slice/svg/tag-icon-hover.svg?fill=#{$icon-color-weight});
    }
}
.#{$prefix}icon-close {
    background-image: $icon-close;
}
.#{$prefix}icon-close.size-s {
    background-image: $icon-close-s;
}

.#{$prefix}icon-arrowup {
    background-image: $icon-arrow-up;
}
.#{$prefix}icon-arrowup--line {
    transform:rotate(-90deg);
    background-image: $icon-arrow-up-line;
}
.#{$prefix}icon-arrowdown {
    background-image: $icon-arrow-down;
}
.#{$prefix}icon-arrowdown--line {
    transform:rotate(90deg);
    background-image: $icon-arrow-down-line;
}
.#{$prefix}icon-arrowleft {
    background-image: $icon-arrow-left;
}
.#{$prefix}icon-arrowleft--line {
    transform:rotate(180deg);
    background-image: $icon-arrow-left-line;
}
.#{$prefix}icon-arrowright {
    background-image: $icon-arrow-right;
}
.#{$prefix}icon-arrowright--line {
    background-image: $icon-arrow-right-line;
}

.#{$prefix}icon-externallink {
    background-image: $icon-external-link;
}

.#{$prefix}icon-refresh {
    background-image: $icon-refresh;
}
.#{$prefix}icon-refresh-blue {
    background-image: $icon-refresh-blue;
}

.#{$prefix}icon-fullscreen {
  background-image: $icon-fullscreen;
}

.#{$prefix}icon-fullscreenquit {
  background-image: $icon-fullscreen-quit;
}

.#{$prefix}icon-delete {
    background-image: $icon-delete;
}

.#{$prefix}icon-trenddown {
    background-image: url(../../assets/image/slice/svg/trend-down.svg?fill=#{$icon-color-success});
}

.#{$prefix}icon-trendup {
    background-image: url(../../assets/image/slice/svg/trend-up.svg?fill=#{$icon-color-error});
}

.#{$prefix}icon-drop {
    // width: 24px;
    // height: 24px;
    cursor: move;
    background-image: $icon-drop;
}

.#{$prefix}icon-news{
    background-image: url(../../assets/image/slice/svg/icon-news.svg);
}

.#{$prefix}icon-help {
    background-image: $icon-help;
    cursor: pointer;
}

.#{$prefix}icon-pending {
    background-image: $icon-pending;
}
.#{$prefix}icon-pending-gray {
    background-image: $icon-pending-gray;
}

.#{$prefix}icon-pending.size-l {
    width: 32px;
    height: 32px;
    background-image: url(../../assets/image/slice/svg/waiting-info.svg?fill=#{$icon-color-warning});
}

.#{$prefix}icon-infoblue {
    background-image: $icon-info-blue;
}

.#{$prefix}icon-infoblue.size-l {
    width: 32px;
    height: 32px;
    background-image: $icon-info-blue-l;
}

.#{$prefix}icon-lastpage {
    background-image: $icon-last-page;
}
.#{$prefix}icon-firstpage {
    background-image: $icon-first-page;
}

.#{$prefix}icon-search {
    background-image: $icon-search;
}

.#{$prefix}icon-transfer {
    background-image: url(../../assets/image/slice/svg/transfer-icon.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-cur {
    background-image: $icon-cur;
}
.#{$prefix}icon-cur-active {
    background-image: $icon-cur-active;
}
.#{$prefix}icon-fold {
    background-image: url(../../assets/image/slice/svg/menu-fold.svg?fill=#{$icon-color-default})
}
.#{$prefix}icon-fold-white {
    background-image: url(../../assets/image/slice/svg/menu-fold-white.svg)
}


.#{$prefix}icon-check {
    background-image: $icon-check;
}
.#{$prefix}icon-check.size-s {
    background-image: $icon-check-s;
}
// 搜索排除
.#{$prefix}icon-not {
    background-image: $icon-not;
    // &:hover{
    //     background-image: url(../../assets/image/slice/svg/icon-not-hover.svg?fill=#{$icon-color-weight});
    // }
}
// 搜索包含
.#{$prefix}icon-and {
    background-image: $icon-and;
    // &:hover{
    //     background-image: url(../../assets/image/slice/svg/icon-and-hover.svg);
    // }
}
// 放大
.#{$prefix}icon-zoomout {
    background-image: url(../../assets/image/slice/svg/icon-zoom-out.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-zoomout--white {
    background-image: url(../../assets/image/slice/svg/icon-zoom-out-white.svg);
}
// 缩小
.#{$prefix}icon-zoomin {
    background-image: url(../../assets/image/slice/svg/icon-zoom-in.svg?fill=#{$icon-color-default});
}
// 缩小
.#{$prefix}icon-zoomin--white {
    background-image: url(../../assets/image/slice/svg/icon-zoom-in-white.svg);
}
.#{$prefix}icon-spin--white{
    background-image: url(../../assets/image/slice/svg/spin-white.svg);
}

// 表示详情
.#{$prefix}icon-detail{
    background-image: url(../../assets/image/slice/svg/detail.svg?fill=#{$icon-color-default});
}

// 展示二维码
.#{$prefix}icon-qrcode{
    background-image: url(../../assets/image/slice/svg/qr-code.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-qrcode-blue{
    background-image: url(../../assets/image/slice/svg/qr-code-blue.svg?fill=#{$icon-color-primary});
}

// 数据库
.#{$prefix}icon-database{
    background-image: $icon-database;
}
// 数据表
.#{$prefix}icon-datasheet{
    background-image: $icon-data-sheet;
}
// 表格
.#{$prefix}icon-table{
    background-image: $icon-table;
}
.#{$prefix}icon-table-hover{
    background-image: $icon-table-blue;
}
// 层级/关系
.#{$prefix}icon-relationship{
    background-image: $icon-relationship;
}
.#{$prefix}icon-relationship-hover{
    background-image: $icon-relationship-blue;
}
// 多行数据
.#{$prefix}icon-multi-line{
    background-image: url(../../assets/image/slice/svg/icon-multi-line.svg?fill=#{$icon-color-default});
}

// 权限
.#{$prefix}icon-permission.size-l,
.#{$prefix}icon-permission{
    width:80px;
    height:80px;
    background-image: url(../../assets/image/slice/svg/no-permission-large.svg);
}

// 铃铛
.#{$prefix}icon-bell-warning {
    background-image: url(../../assets/image/slice/svg/bell-icon-warning.svg);
}
// 饼状图
.#{$prefix}icon-chart-pie {
    background-image: url(../../assets/image/slice/svg/chart-pie.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-chart-pie-hover{
    background-image: url(../../assets/image/slice/svg/chart-pie-hover.svg?fill=#{$icon-color-primary});
}
// 折线图
.#{$prefix}icon-chart-line {
    background-image: url(../../assets/image/slice/svg/chart-line.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-chart-line-hover {
    background-image: url(../../assets/image/slice/svg/chart-line-hover.svg?fill=#{$icon-color-primary});
}
// 柱状图
.#{$prefix}icon-chart-column {
    background-image: $icon-chart-column;
}
.#{$prefix}icon-chart-column-hover {
    background-image: $icon-chart-column-hover;
}
.#{$prefix}icon-percent {
    background-image: url(../../assets/image/slice/svg/percent.svg?fill=#{$icon-color-default});
}
.#{$prefix}icon-percent-blue {
    background-image: url(../../assets/image/slice/svg/percent-blue.svg?fill=#{$icon-color-primary});
}

// 状态图标
.#{$prefix}icon-status-blank{
    width:80px;
    height:80px;
    background-image: $icon-status-blank;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-blank-s;
    }
}
.#{$prefix}icon-status-chart{
    width:80px;
    height:80px;
    background-image: $icon-status-chart;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-chart-s;
    }
}
.#{$prefix}icon-status-loading{
    width:80px;
    height:80px;
    background-image: $icon-status-loading;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-loading-s;
    }
}
.#{$prefix}icon-status-network{
    width:80px;
    height:80px;
    background-image: $icon-status-network;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-network-s;
    }
}
.#{$prefix}icon-status-no-permission{
    width:80px;
    height:80px;
    background-image: $icon-status-no-permission;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-no-permission-s;
    }
}
.#{$prefix}icon-status-pay{
    width:80px;
    height:80px;
    background-image: $icon-status-pay;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-pay-s;
    }
}
.#{$prefix}icon-status-search{
    width:80px;
    height:80px;
    background-image: $icon-status-search;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-search-s;
    }
}
.#{$prefix}icon-status-upload{
    width:80px;
    height:80px;
    background-image: $icon-status-upload;
    &.size-s{
        width:56px;
        height: 56px;
        background-image: $icon-status-upload-s;
    }
}

// 星星
.#{$prefix}icon-star{
    background-size: contain;
    background-image: url(../../assets/image/slice/svg/star-l-normal.svg);
    &.size-l{
        width:24px;
        height:24px;
    }
}
.#{$prefix}icon-star-warning{
    background-size: contain;
    background-image: url(../../assets/image/slice/svg/star-s-normal.svg?fill=#{$icon-color-warning});

    &.size-l{
        width:24px;
        height:24px;
    }
}
.#{$prefix}icon-star-primary{
    background-size: contain;
    background-image: url(../../assets/image/slice/svg/star-s-normal.svg?fill=#{$icon-color-primary});
    &.size-l{
        width:24px;
        height:24px;
    }
}

// 国家国旗

.#{$prefix}flag {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
}
.#{$prefix}flag-Globe {
    background-image: url(../../assets/image/slice/svg/flag/Globe.svg?fill=#{$icon-color-default})
}
.#{$prefix}flag-Globe--gray {
    width:16px;
    height:16px;
    background-image: url(../../assets/image/slice/svg/flag/Globe-gray.svg?fill=#{$icon-color-default})
}
// .#{$prefix}flag-China {
//     background-image: url(../../assets/image/slice/svg/flag/China.svg)
// }
// .#{$prefix}flag-Hongkong {
//     background-image: url(../../assets/image/slice/svg/flag/Hongkong.svg)
// }
// .#{$prefix}flag-India {
//     background-image: url(../../assets/image/slice/svg/flag/India.svg)
// }
// .#{$prefix}flag-Korea {
//     background-image: url(../../assets/image/slice/svg/flag/Korea.svg)
// }
// .#{$prefix}flag-Thailand {
//     background-image: url(../../assets/image/slice/svg/flag/Thailand.svg)
// }
// .#{$prefix}flag-Singapore {
//     background-image: url(../../assets/image/slice/svg/flag/Singapore.svg)
// }
// .#{$prefix}flag-America {
//     background-image: url(../../assets/image/slice/svg/flag/America.svg)
// }
// .#{$prefix}flag-Canada {
//     background-image: url(../../assets/image/slice/svg/flag/Canada.svg)
// }
// .#{$prefix}flag-Germany {
//     background-image: url(../../assets/image/slice/svg/flag/Germany.svg)
// }
// .#{$prefix}flag-Russia {
//     background-image: url(../../assets/image/slice/svg/flag/Russia.svg)
// }
// .#{$prefix}flag-Japan {
//     background-image: url(../../assets/image/slice/svg/flag/Japan.svg)
// }