/*.layui-layer-shade{left:180px!important;top:52px!important;}*/

/*浮动*/
.float-left{float: left;}
.float-right{float:right;}
.float-left::after,.float-right::after{clear:both}

/*字体大小*/
.font11{font-size: 11px!important;}
.font12{font-size: 12px!important;}
.font13{font-size: 13px!important;}
.font14{font-size: 14px!important;}
.font15{font-size: 15px!important;}
.font16{font-size: 16px!important;}
.font18{font-size: 18px!important;}
.font20{font-size: 20px!important;}
.font22{font-size: 22px!important;}
.font24{font-size: 24px!important;}
.font26{font-size: 26px!important;}
.font30{font-size: 30px!important;}
.font36{font-size: 36px!important;}
.font40{font-size: 40px!important;}

.line-height15 { line-height: 15px !important; }
.line-height20 { line-height: 20px !important; }
.line-height25 { line-height: 25px !important; }
.line-height30 { line-height: 30px !important; }
.line-height34 { line-height: 34px !important; }
.line-height35 { line-height: 35px !important; }

.smallLabel *{font-size:12px;}
.font-trans{-webkit-transform:scale(0.85);display: inline-block;}

/*控制文本现在行数*/
.text-ellip    {position:relative;text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.text-ellipsis {position:relative;text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.text-ellipsis2{height: 3em;line-height: 1.4;position:relative;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; display:-webkit-box;display: -moz-box;-moz-box-orient: vertical ;-webkit-box-orient: vertical;word-break: break-all;}
.text-ellipsis3{height: 4em;line-height: 1.4;position:relative;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; display:-webkit-box;display: -moz-box;-moz-box-orient: vertical ;-webkit-box-orient: vertical;word-break: break-all;}
.text-ellipsis4{height: 5em;line-height: 1.4;position:relative;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; display:-webkit-box;display: -moz-box;-moz-box-orient: vertical ;-webkit-box-orient: vertical;word-break: break-all;}
.vertical-middle{vertical-align: middle;}
.vertical-bottom{vertical-align: bottom}
.vertical-top{vertical-align: top}
.word_break{word-break: break-all;}

/*font-weight*/
.font-normal{font-weight: normal!important;}
.font-bold{font-weight: bold!important;}

/*font color*/
.text-black{color:#333!important;}
.text-white{color: #fff!important;}
.text-gray{color: #666!important;}
.text-red{color: #FF0000!important;}
.text-green{color: green!important;}
.text-light-gray{color: #E6E6E6;}


/*控制间距*/
.m-xs{margin:5px!important;}
.m-s{margin:10px!important;}
.m-m{margin:15px!important;}
.m-l{margin:20px!important;}
.m-xl{margin:30px!important;}
.m-xll{margin:40px!important;}

.m-tb-xs{margin:5px 0;!important;}
.m-tb-s{margin:10px 0!important;}
.m-tb-m{margin:15px 0!important;}
.m-tb-l{margin:20px 0!important;}
.m-tb-xl{margin:30px 0!important;}
.m-tb-xll{margin:40px 0!important;}

.m-lr-xs{margin: 0 5px!important;}
.m-lr-s{margin: 0 10px!important;}
.m-lr-m{margin: 0 15px!important;}
.m-lr-l{margin: 0 20px!important;}
.m-lr-xl{margin: 0 30px!important;}
.m-lr-xll{margin: 0 40px!important;}

.m-l-xs{margin-left: 5px!important;}
.m-l-s{margin-left: 10px!important;}
.m-l-m{margin-left: 15px!important;}
.m-l-l{margin-left: 20px!important;}
.m-l-xl{margin-left: 30px!important;}
.m-l-xll{margin-left: 40px!important;}

.m-r-xs{margin-right: 5px!important;}
.m-r-s{margin-right: 10px!important;}
.m-r-m{margin-right: 15px!important;}
.m-r-l{margin-right: 20px!important;}
.m-r-xl{margin-right: 30px!important;}
.m-r-xll{margin-right: 40px!important;}

.m-t-xs{margin-top: 5px!important;}
.m-t-s{margin-top: 10px!important;}
.m-t-m{margin-top: 15px!important;}
.m-t-l{margin-top: 20px!important;}
.m-t-xl{margin-top: 30px!important;}
.m-t-xll{margin-top: 40px!important;}

.m-b-xs{margin-bottom: 5px!important;}
.m-b-s{margin-bottom: 10px!important;}
.m-b-m{margin-bottom: 15px!important;}
.m-b-l{margin-bottom: 20px!important;}
.m-b-xl{margin-bottom: 30px!important;}
.m-b-xll{margin-bottom: 40px!important;}

.no-m-t{margin-top: 0!important;}
.no-m-l{margin-left: 0!important;}
.no-m-r{margin-right: 0!important;}
.no-m-b{margin-bottom: 0!important;}
.no-m-tb{margin-top: 0!important;margin-bottom: 0!important;}
.no-m-lr{margin-left: 0!important;margin-right: 0!important;}
.no-margin{margin:0!important;}

/*padding*/
.p-xs{padding:5px!important;}
.p-s{padding:10px!important;}
.p-m{padding:15px!important;}
.p-l{padding:20px!important;}
.p-xl{padding:30px!important;}
.p-xll{padding:40px!important;}

.p-tb-xs{padding:5px 0!important;}
.p-tb-s{padding:10px 0!important;}
.p-tb-m{padding:15px 0!important;}
.p-tb-l{padding:20px 0!important;}
.p-tb-xl{padding:30px 0!important;}
.p-tb-xll{padding:40px 0!important;}

.p-lr-xs{padding: 0 5px!important;}
.p-lr-s{padding: 0 10px!important;}
.p-lr-m{padding: 0 15px!important;}
.p-lr-l{padding: 0 20px!important;}
.p-lr-xl{padding: 0 30px!important;}
.p-lr-xll{padding: 0 40px!important;}

.p-l-xs{padding-left: 5px!important;}
.p-l-s{padding-left: 10px!important;}
.p-l-m{padding-left: 15px!important;}
.p-l-l{padding-left: 20px!important;}
.p-l-xl{padding-left: 30px!important;}
.p-l-xll{padding-left: 40px!important;}

.p-r-xs{padding-right: 5px!important;}
.p-r-s{padding-right: 10px!important;}
.p-r-m{padding-right: 15px!important;}
.p-r-l{padding-right: 20px!important;}
.p-r-xl{padding-right: 30px!important;}
.p-r-xll{padding-right: 40px!important;}

.p-t-xs{padding-top: 5px!important;}
.p-t-s{padding-top: 10px!important;}
.p-t-m{padding-top: 15px!important;}
.p-t-l{padding-top: 20px!important;}
.p-t-xl{padding-top: 30px!important;}
.p-t-xll{padding-top: 40px!important;}

.p-b-xs{padding-bottom: 5px!important;}
.p-b-s{padding-bottom: 10px!important;}
.p-b-m{padding-bottom: 15px!important;}
.p-b-l{padding-bottom: 20px!important;}
.p-b-xl{padding-bottom: 30px!important;}
.p-b-xll{padding-bottom: 40px!important;}

.no-p-l{padding-left: 0px!important;}
.no-p-t{padding-top: 0px!important;}
.no-p-r{padding-right: 0px!important;}
.no-p-b{padding-bottom: 0px!important;}
.no-p-tb{padding-top: 0px!important;padding-bottom: 0px!important;}
.no-p-lr{padding-left: 0px!important;padding-right: 0px!important;}
.no-padding{padding: 0!important;}
.no-pm{padding: 0;margin: 0;}


/*position*/
.p-relative{position: relative!important;}
.p-absolute{position: absolute!important;}
.p-absoluteRB{position: absolute!important;bottom: 0!important;right: 0!important;}
.p-absoluteLB{position: absolute!important;bottom: 0!important;left: 0!important;}
.p-absoluteRT{position: absolute!important;top: 0!important;right: 0!important;}
.p-absoluteLT{position: absolute!important;top: 0!important;left: 0!important;}


/*letter-spacing*/
.letSpac2{letter-spacing: 2px;}
.letSpac3{letter-spacing: 3px;}
.letSpac4{letter-spacing: 4px;}
.letSpac5{letter-spacing: 5px;}
.letSpac6{letter-spacing: 6px;}
.letSpac7{letter-spacing: 7px;}
.letSpac8{letter-spacing: 8px;}

/*width*/
.w20{width: 20px!important;}
.w40{width:40px!important;}
.w50{width:50px!important;}
.w60{width:60px!important;}
.w70{width: 70px!important;}
.w80{width: 80px!important;}
.w100{width: 100px!important;}
.w110{width: 110px!important;}
.w120{width:120px!important;}
.w130{width:130px!important;}
.w140{width:140px!important;}
.w160{width:160px!important;}
.w180{width:180px!important;}
.w200{width:200px!important;}
.w220{width:220px!important;}
.w240{width:240px!important;}
.w260{width:260px!important;}
.w280{width:280px!important;}
.w300{width:300px!important;}
.w340{width:340px!important;}
.w360{width:360px!important;}
.w380{width:380px!important;}
.w400{width:400px!important;}
.w420{width:420px!important;}
.w440{width:440px!important;}
.w460{width:460px!important;}
.w480{width:480px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}
.w800{width:800px!important;}

/*height*/
.h26{height: 26px;line-height: 26px;padding:2px!important;}
.h10{height:10px!important;}
.h15{height:15px!important;}
.h20{height:20px!important;}
.h25{height:25px!important;}
.h30{height:30px!important;}
.h35{height:35px!important;}
.h37{height:37px!important;}
.h40{height:40px!important;}
.h50{height:50px!important;}
.h60{height:60px!important;}
.h70{height:70px!important;}
.h80{height:80px!important;}
.h100{height:100px!important;}
.h110{height:110px!important;}
.h120{height:120px!important;}
.h290{height:290px!important;}

.h26{height: 26px;line-height: 26px;padding:2px!important;}
.hl30{height: 30px!important;line-height: 30px!important;}
.hlh20{height: 20px!important;line-height: 20px!important;}

.label-salmon{background-color: #FA8072;}
.label-pink{background-color: #FFC1C1;}
.label-lightGreen{background-color: #20B2AA;}
.label-dark{background-color: #333;}

.border-top{border-top:1px solid #ddd;}
.border-bottom{border-bottom:1px solid #ddd;}
.border-left{border-left:1px solid #ddd;}
.border-right{border-right:1px solid #ddd;}
.border1px{border:1px solid #ddd;}
.border2px{border:2px solid #ddd;}
.b_dashed1px{border: 1px dashed #ddd;}
.b_dashed2px{border: 2px dashed #ddd;}
.b_t_dashed{border-top: 1px dashed #ddd;}
.b_b_dashed{border-bottom: 1px dashed #ddd;}
.b_l_dashed{border-left: 1px dashed #ddd;}
.b_r_dashed{border-right: 1px dashed #ddd;}
.b_dashedInfo1px{border:1px dashed #5bc0de;}
.b_dashedWarning1px{border:1px dashed #DAA520;}

.btn_salmon{background-color: #FA8072!important;color:#fff!important; }
.btn_pink{background-color: #FF69B4!important;color:#fff!important; }
.btn_gold{background-color: #DAA520!important;color: #fff!important;}
.btn_lightGreen{background-color: #20B2AA!important;color: #fff!important;}
.btn_slateBlue{background-color:#8470FF!important;color:#fff!important;}
.btn_khaki{background-color:#BDB76B!important;color:#fff!important;}
.btn_indianRed{background-color:#CD5555!important;color:#fff!important;}
.btn_purple{background-color:#BF3EFF!important;color:#fff!important;}

.btnBorderSuc{border:1px solid #5cb85c;color:#5cb85c;background-color: #fff;}
.btnBorderDan{border:1px solid #c9302c;color:#c9302c;background-color: #fff;}
.btnBorderInfo{border:1px solid #5bc0de;color:#5bc0de;background-color: #fff;}
.btnBorderPri{border:1px solid #337ab7;color:#337ab7;background-color: #fff;}
.btnBorderWar{border:1px solid #f0ad4e;color:#f0ad4e;background-color: #fff;}

.btnBorderSalmon{border:1px solid #FA8072;color:#FA8072;background-color: #fff;}
.btnBorderPink{border:1px solid #FF69B4;color:#FF69B4;background-color: #fff;}
.btnBorderGold{border:1px solid #DAA520;color:#DAA520;background-color: #fff;}
.btnBorderLightGreen{border:1px solid #20B2AA;color:#20B2AA;background-color: #fff;}
.btnBorderSlateBlue{border:1px solid #8470FF;color:#8470FF;background-color: #fff;}
.btnBorderkhaki{border:1px solid #BDB76B;color:#BDB76B;background-color: #fff;}
.btnBorderIndianRed{border:1px solid #CD5555;color:#CD5555;background-color: #fff;}
.btnBorderPurple{border:1px solid #BF3EFF;color:#BF3EFF;background-color: #fff;}
.btnBorderExpress{border:1px solid #FF69B4;color:#CD5555;background-color: #fff;}

.border_info{border-color:#5bc0de!important;color:#5bc0de!important;}
.border_primary{border-color:#2e6da4!important ;color:#2e6da4!important;}
.border_success{border-color:#4cae4c!important ;color:#4cae4c!important;}
.border_warning{border-color:#eea236!important ;color:#eea236!important;}
.border_danger{border-color:#d43f3a!important ;color:#d43f3a!important;}

.border_salmon{border-color: #FA8072!important;color:#FA8072!important;}
.border_pink{border-color: #FF69B4!important;color: #FF69B4!important;}
.border_gold{border-color: #DAA520!important;color: #DAA520!important;}
.border_lightGreen{border-color: #20B2AA!important;color: #20B2AA!important;}
.border_slateBlue{border-color:#8470FF!important;color:#8470FF!important;}
.border_khaki{border-color:#BDB76B!important;color:#BDB76B!important;}
.border_indianRed{border-color:#CD5555!important;color:#CD5555!important;}
.border_purple{border-color:#BF3EFF!important;color:#BF3EFF!important;}

/*background*/
.bg-white{background: #fff!important;}
.bg-gray{background-color: #F5F5F5}
.bg-red{background-color:#FF0000 ;}

.bg_salmon{background-color: #FA8072!important;}
.bg_pink{background-color: #FF69B4!important;}
.bg_lightGreen{background-color: #20B2AA!important;}
.bg_gold{background-color: #DAA520!important;}
.bg_yellow{background-color:#FFC125!important;}
.bg_slateBlue{background-color:#8470FF!important;}
.bg_khaki{background-color:#BDB76B!important;}
.bg_indianRed{background-color:#CD5555!important;}
.bg_purple{background-color:#BF3EFF!important;}
.bg_info{background-color:#5CACEE!important;}
.bg_rgbaBlack{background-color: rgba(0,0,0,0.4)}


.badge-success{background-color: #5cb85c;}
.badge-danger{background-color: #d9534f;}
.badge-info{background-color:#5CACEE;}
.badge-primary{background-color: #337ab7;}
.badge-warning{ background-color: #f0ad4e;}

.text_yellow{color:#FFC125!important;}
.text_orange{color:orange!important;}
.text_lightgrey{color:#ccc!important;}
.text_springGreen{color:#00FF7F!important;}
.text_lightGreen{color: #20B2AA!important;}
.text_salmon{color: #FA8072!important;}
.text_pink{color: #FF69B4!important;}
.text_gold{color: #DAA520!important;}
.text_slateBlue{color:#8470FF!important;}
.text_khaki{color:#BDB76B!important;}
.text_indianRed{color:#CD5555!important;}
.text_purple{color:#BF3EFF!important;}
.text_blue{color: #033FA8!important;}
.text_dark{ color: #333!important;}

.text_line{text-decoration: underline;}

input[type="text"], input[type="password"], textarea{ box-shadow: none!important;}
a,input{outline: none;}
a:active{outline:none; -moz-outline:none;noOutline:expression(this.onFocus=this.blur());}
a:focus,button:focus,input:focus{  outline:none;   -moz-outline:none;}
a{outline: none;noOutline:expression(this.onFocus=this.blur());}
ul.nav li a:hover,ul.nav li a:focus,ul.nav li a:visited{text-decoration: none;}
textarea{resize: none;}
/*验证错误提示*/
.alert-fixed{position: absolute;top: -30px;left: 20%;width: 60%;text-align: center;}
label.error{position:absolute;top:98%;right:0;text-align:left;min-width:0px;font-size:12px;z-index:10;color:red;font-weight:normal;padding:2px;border:1px solid #ddd;border-radius:4px;box-shadow:2px 2px 2px #999;background:#fff;}


/*table*/
.table_align_center td,.table_align_center th{vertical-align: middle!important;}
.table450 thead tr{display: block;}
thead.no-padding tr th{padding-bottom:0px!important;}
.table450 tbody{display: block;width:100%;max-height:450px;min-height:300px;overflow-y: auto;overflow-x: hidden;}
.table300 thead tr{display: block;}
.table300 tbody{display: block;width:100%;max-height:300px;overflow-y: auto;overflow-x: hidden;}
.tableborder{border: 1px solid #ddd;}
.table > thead > tr > th{border-bottom: 0;border-right: 1px solid #ddd;background-color:#f2f2f2; }
.table > thead > tr > th:last-child{border:0;}

    /*display*/
.dis_block{display:block!important;}
.inlineBlock{display: inline-block!important;}
.inlineTable{display: inline-table!important;vertical-align: bottom;}
.dis_inline{display:inline!important;}

/*cursor:pointer*/
.pointer{cursor:pointer!important;}

/*文本域不可调整大小*/
.no-resize{resize: none!important;}

/*overwrite jQuery UI*/
.blockUI{padding:10px;}
.ui-dialog .ui-dialog-titlebar-close::after{content: 'x';top: -5px;position: absolute;right: 2px;font-size: 16px;}
.ui-front{z-index:1100;}
/*overwrite jQuery UI end*/

/*列表中的产品小图片*/
.smallImg{width: 30px;height:20px;}

/*商品列表的展示图片*/
.productsmallImg {
    width: 60px;
    height: 60px;
    overflow: hidden; /* 隐藏溢出部分 */
    display: flex; /* 使用flex布局使得内容居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.productsmallImg img {
    min-width: 100%; /* 确保至少宽度填满容器 */
    min-height: 100%; /* 确保至少高度填满容器 */
    max-width: 150%; /* 允许图片宽度超过容器（可选）*/
    max-height: 150%; /* 允许图片高度超过容器（可选）*/
}

.item-class {
    color: #999999;
    border: solid 1px #dddddd;
    border-radius: 10px;
    padding: 2px 5px;
    text-align: left;
}
.btn-xss {
    padding: 2px 3px;
    font-size: 12px;
    line-height: 12px;
}

/*form label*/
.bigLable{font-size: 20px;border-radius: 6px;display:inline-block;text-align: center;width: 160px;height: 80px;line-height:60px;}
.label90px{width: 90px;font-style: normal;font-weight: normal;padding-top: 7px;margin-bottom: 0;text-align: left;vertical-align: middle;display: inline-block;max-width: 100%;}

/*模态框*/
.modal-sm{width: 340px;}
.modal-lg{width:1240px;}
.modal-middle{width:800px;}
.modal .nav-tabs-sm > li > a{padding:3px 15px; font-size:14px;}
.modal .nav-tabs-sm.nav-tabs{height:29px;}
/******** Label ********/
.modal .table .label{font-size:100%}
.modal .table a{text-decoration:none;}
.thumbnail{padding:5px;}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {pointer-events: auto;  cursor: not-allowed;}
.no-result{padding:100px 0;margin:10px;text-align:center;font-size:26px;color:#666;}
.list-loading{padding:100px;text-align:center;color:#666;}


/*img*/
.img90{width:90px!important;height:90px!important;}
.img80{width:80px!important;height:90px!important;}


/*分页*/
.pagination .page-input{display:inline;}
.pagination .page-input input{width: 60px;}
.pagination.pagination-sm .page-input input{width: 50px;height:29.2px;}

.popover{max-width:320px!important;}

/*遮罩 上移 下移 操作按钮*/
.hover_over{display:none;background: rgba(0,0,0,0.4);position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.hover_over div{margin:5px;}
.hover_over .label{font-size: 12px;border-radius: 0!important;color: #333;background: #fff;border-radius: 0;}
.hover_over .tools a{font-size: 12px;color: #333333;background: #FFFFFF;border-radius: 0;padding: 5px 8px;}
.hover_over .tools a:hover{background:gray;color: #FFFFFF;text-decoration: none;}
/*等待修改中遮罩层*/
.waite_cover{background:rgba(0,0,0,0.4);position: absolute;top:0;left:0;right:0;bottom:0;z-index:100;text-align:center;color:#fff;}

.row{margin-left:0!important;margin-right: 0!important;}
.row.filter-block{margin:5px 0px 25px 0px!important;}
.row.page{margin:5px 15px 25px 15px!important;}
.form-horizontal,.form-group{margin-left:0!important;margin-right: 0!important;}
.page-content>.sub-title{margin-bottom: 20px;}


.form-control{padding:6px 8px;}
.mui-switch {
    width: 52px;
    height: 31px;
    position: relative;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    user-select: none;
    outline: none; }
.mui-switch:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.mui-switch:checked {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63; }
.mui-switch:checked:before {
    left: 21px; }
.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before {
    transition: left 0.3s; }
.mui-switch.mui-switch-animbg:checked {
    box-shadow: #dfdfdf 0 0 0 0 inset;
    background-color: #64bd63;
    transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:checked:before {
    transition: left 0.3s; }
.mui-switch.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }
.mui-switch.mui-switch-anim:before {
    transition: left 0.3s; }
.mui-switch.mui-switch-anim:checked {
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63;
    transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
.mui-switch.mui-switch-anim:checked:before {
    transition: left 0.3s; }


.popover.right > .arrow{
    left:23px!important;
}
#j_checkPlugin .modal-body p {
    font-size:16px;
    color:black;
}
.b-radius0 {
    border-radius: 0px !important;
}


.searchCategoryDiv {
    align-items: center;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
    color: #0e1a35;
    text-align: center;
    height: 30px;
    width: calc(100% - 90px);
    display: inline-block;
    line-height: 1.7;
    position: relative;
}

    .searchCategoryDiv:hover {
        cursor: pointer;
    }

.catelayout {
    height: 400px;
    width: auto;
}

.category {
    height: 25px;
    width: 125px;
}

.cateGlyphicon {
    padding-left: 10px;
}

.cateDivBorder {
    border-right: 1px solid #e4e7ed;
    width: 120px;
    min-height: 330px;
}

.cateData {
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

    .cateAction:hover {
        background: #08a299 !important;
        cursor: pointer;
    }
    .cateData:hover {
        background: #f6f7fa;
        cursor: pointer;
    }


.cateAction {
    background-color: #20B2AA;
    color: white;
}

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