a:hover{color:#FF5252;}
th {background-color: rgba(245, 245, 245, 0.49) !important; color: #666695; border: 1px solid #DDD; vertical-align: middle; font-weight: 700 !important;
    height:34px; text-align: center;}
.yh{font-family: "Microsoft YaHei", serif;}
.yh1{font-family: "Microsoft YaHei", "Arial", "\5b8b\4f53", Helvetica, sans-serif;}
.f-f-s-s{font-family: sans-serif;}
.vertical-center{position: relative; top: 50%; transform: translateY(-50%);}
.vertical-center-title{position: absolute; top: 50%; transform: translateY(-50%);}
.vertical-center-btn{position: absolute; top: 30%;}
.vertical-center-heart{position: relative; top: 35%; transform: translateY(-50%);}
.vartical-bottom{position: sticky; top: 50%; transform: translateY(-50%);}
.vertical-center-pro{top: 40%; transform: translateY(-50%);}
.vertical-center-text{top: 20%; transform: translateY(-50%);}
.vertical-center-tra{transform: translateY(20%);}
.vertical-center-tra-0{transform: translateY(0%);}
.vertical-center-prefix{position: relative; top: 15%;}
.pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu{background-color: white}
.pcoded .pcoded-header[header-theme="themelight2"]{background: white}
/*position*/
.p-r{position: relative;}

/*color*/
.c-r{color:#20650D;}
.c-r-1{color:#f68681;}
.cr{color:#FF5252;}
.cadr{color:#e4393c;}
.c-y{color:#FFFFCC;}
.cg{color:#11c788;}
.cg2{color:#08A298;}
.c-b-2{color: #4f9ffb}
.cb{color:#FE706C;font-size: 12px; font-weight:normal;margin-bottom: 12px}
.cgray{color:#999;margin-bottom: 0;font-size: 12px}
.cgray2{color:#919aa3;}
.cgray3{color:#666;}
.c-black{color: black;}
.c-b-1{color:#3b4650;}
.cb1{background: #c7e9fe;}
.cb2{background: aliceblue;}
.cb3{background: #4f9ffb;}
.cb4{background-color: rgba(0, 0, 0, 0.05);}
.cb5{background: #FFFFCC;}
.cw{background: #ffffff;}

/*image*/
.img20{width: 20px;height: 20px;}
.img40{width: 40px;height: 40px;}
.img60{width: 60px;height: 60px;}
.img80{width: 80px;height: 80px;}
.img70-90{width: 70px;height: 90px;}
.logo-img-120{width: 120px; height: 40px;}
.logo-img-180{width: 180px; height: 60px;}

/*text-align*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align:right;}

.o-y-a{overflow-y: auto;}
.o-y-h{overflow-y: hidden;}

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



/*padding*/
.p0{padding: 0;}
.p5{padding: 5px;}
.p8{padding: 8px;}
.p10{padding: 10px;}
.p12{padding: 12px;}
.p15{padding: 15px;}
.p16{padding: 16px;}
.p17{padding: 17px;}
.p18{padding: 18px;}
.p20{padding: 20px;}
.pt0{padding-top: 0;}
.pt2{padding-top: 2px;}
.pt5{padding-top: 5px;}
.pt6{padding-top: 6px;}
.pt8{padding-top: 8px;}
.pt10{padding-top: 10px;}
.pt12{padding-top: 12px;}
.pt14{padding-top: 14px;}
.pt15{padding-top: 15px;}
.pt16{padding-top: 16px;}
.pt20{padding-top: 20px;}
.pt26{padding-top: 26px;}
.pl0{padding-left:0;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}
.p-l-100{padding-left: 100px;}
.pr0{padding-right: 0;}
.pr2{padding-right: 2px;}
.pr25b{padding-right: 25%;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.p0-5{padding: 0 5px;}
.p10-10{padding: 10px 10px;}
.p10-15{padding: 10px 15px;}
.p15-25{padding: 15px 25px;}
.p5-25{padding: 5px 25px;}
.p5-10{padding: 5px 10px;}
.p5-0{padding: 5px 0;}
.p10-0{padding: 10px 0;}
.p15-0{padding: 15px 0;}
.p20-10{padding: 20px 10px;}
.p40-0{padding: 40px 0;}
.p10-10-5-10{padding: 10px 10px 5px 10px;}
.p20-10-0-10{padding: 20px 10px 0 10px;}


/*margin*/
.m5-10{margin: 5px 10px;}
.m15-0{margin: 15px 0px;}
.mar{margin: 2px 5px 4px 150px;}
.ml15{margin-left: 15px;}
.ml50f{margin-left: -50px;}
.ml24b{margin-left: 24%;}
.ml32{margin-left: 32%;}
.mr0{margin-right: 0px;}
.mr2-2{margin-right: 2.2%;}
.mb0{margin-bottom: 0px;}
.mb03{margin-bottom: 0.3rem;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mt-0{margin-top: 0px;}
.mt-14{margin-top: -14px;}
.mt-8{margin-top: -8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt33b{margin-top: 33%;}

/*line-height*/
.lh3-5{line-height: 3.5;}
.lh18{line-height: 18px;}
.lh20{line-height: 20px;}
.lh26{line-height: 26px !important;}
.lh28{line-height: 28px;}
.lh30{line-height: 30px !important;}
.lh35{line-height: 35px;}
.lh36{line-height: 36px;}
.lh50{line-height: 50px;}
.lh60{line-height: 60px;}

/*height*/
.chart-height{height: 400px;}
.h-18{height: 18px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h32{height: 32px;}
.h34{height: 34px;}
.h35{height: 35px;}
.h36{height: 36px;}
.h38{height: 38px;}
.h40{height: 40px;}
.h137{height: 147px;}
.h250{height: 250px;}
.mh500{min-height: 500px;}
.mh550{min-height: 550px;}
.mh650{min-height: 650px;}
.mh900{min-height: 900px}
.ch{height: calc(2.0rem - 2px);}

/*width*/
.w-40{width:40px;}
.w-150{width: 150px;}
.w-180{width: 180px;}
.w-186{width: 186px;}
.w-600{width: 600px;}
.wi{width: initial;}
.w-24-b{width: 24%;}
.w-25-b{width: 25%;}
.w-30-b{width: 30%;}
.w-50-b{width: 50%;}
.w-70-b{width: 70%;}
.w75b{width: 75%;}
.w775b{width: 77.5%;}
.w80b{width: 80%;}
.w84b{width: 84%;}
.w95b{width: 95%;}
.w100{width: 100%;}
.maxw4{-ms-flex: 0 0 4%; flex: 0 0 4%;max-width:4%;}
.maxw5{-ms-flex: 0 0 5%; flex: 0 0 5%;max-width:5%;}
.maxw7{-ms-flex: 0 0 7%; flex: 0 0 7%;max-width:7%;}
.maxw8{-ms-flex: 0 0 8%; flex: 0 0 8%;max-width:8%;}
.maxw9{-ms-flex: 0 0 9%; flex: 0 0 9%; max-width: 9%;}
.maxw10{-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
.maxw11{-ms-flex: 0 0 11.11%; flex: 0 0 11.11%; max-width: 11.11%;}
.maxw11b{-ms-flex: 0 0 11%; flex: 0 0 11%; max-width: 11%;}
.maxw12{-ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%;}
.maxw13{-ms-flex: 0 0 13%; flex: 0 0 13%; max-width: 13%;}
.maxw14{-ms-flex: 0 0 14%; flex: 0 0 14%; max-width: 14%;}
.maxw15b{-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%;}
.maxw16b{-ms-flex: 0 0 16%; flex: 0 0 16%; max-width: 16%;}
.maxw17b{-ms-flex: 0 0 17%; flex: 0 0 17%; max-width: 17%;}
.maxw18b{-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%;}
.maxw20b{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.maxw22b{-ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%;}
.maxw22-22b{-ms-flex: 0 0 22.22%; flex: 0 0 22.22%; max-width: 22.22%;}
.maxw25{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.maxw27{-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%;}
.maxw28{-ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%;}
.maxw30b{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.maxw31b{-ms-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%;}
.maxw32b{-ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 32%;}
.maxw37b{-ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%;}
.maxw35b{-ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
.maxw40b{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.maxw45b{-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%;}
.maxw49b{-ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%;}
.maxw44-66b{-ms-flex: 0 0 44.66%; flex: 0 0 44.66%; max-width: 44.66%;}
.maxw55b{-ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%;}
.maxw60b{-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.maxw65b{-ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%;}
.maxw70b{-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
.maxw78b{-ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%;}
.maxw82b{-ms-flex: 0 0 82%; flex: 0 0 82%; max-width: 82%;}
.maxw85b{-ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%;}
.maxw95b{-ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%;}
.maxw15{max-width:15%;}
.maxw18{max-width:18%;}
.maxw28{max-width:28%;}
.maxw75{max-width:75px;}
.max-w-80{max-width:80px;}
.max-w-100{max-width:100px;}
.maxw120{max-width:120px;}
.max-w-130{max-width:130px;}
.max-w-140{max-width:140px;}
.maxw150{max-width:150px;}
.maxw160{max-width:160px;}
.max-w-170{max-width:170px;}
.max-w-180{max-width:180px;}
.max-w-200{max-width:200px;}
.max-w-220{max-width:220px;}
.maxw230{max-width:230px;}
.maxw280{max-width:280px;}
.maxw300{max-width:300px;}
.maxw330{max-width:330px;}
.maxw340{max-width:340px;}
.maxw360{max-width:360px;}
.max-w-380{max-width:380px;}
.max-w-390{max-width:390px;}
.maxw30{max-width:30%;}
.maxw35{max-width:35%;}
.maxw40{max-width:40%;}
.maxw390{max-width:530px;}
.maxw400{max-width:400px;}
.max-w-410{max-width:410px;}
.maxw420{max-width:420px;}
.max-w-430{max-width:430px;}
.maxw470{max-width:470px;}
.maxw600{max-width:600px;}
.minw100{min-width: 100px;}
.min-w-200{min-width: 200px;}
.minw300{min-width: 300px;}
.minw400{min-width: 400px;}
.minw100b{min-width: 100%;}
.minw60b{min-width: 60%;}
.maxw-1 {-ms-flex: 0 0 6%; flex: 0 0 6%; max-width: 6%;}
.maxw-2 {-ms-flex: 0 0 12%; flex: 0 0 12%; max-width: 12%;}
.maxw-3 {-ms-flex: 0 0 18%; flex: 0 0 18%; max-width: 18%;}
.maxw-4 {-ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%;}
.maxw-5 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.maxw-6 {-ms-flex: 0 0 36%; flex: 0 0 36%; max-width: 36%;}
.maxw-7 {-ms-flex: 0 0 42%; flex: 0 0 42%; max-width: 42%;}
.maxw-8 {-ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%;}
.maxw-9 {-ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%;}
.maxw-10 {-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.maxw-11 {-ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%;}
.maxw-12 {-ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%;}

.maxw-1, .maxw-2, .maxw-3, .maxw-4, .maxw-5, .maxw-6, .maxw-7, .maxw-8, .maxw-9, .maxw-10, .maxw-11, .maxw-12,
.maxw8, .maxw9, .maxw10, .maxw11, .maxw16b, .maxw20b, .maxw22b, .maxw22-22b,.maxw35b , .maxw40b, .maxw44-66b,
.maxw70b, .maxw78b, .maxw82b, .maxw85b, .maxw95b{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

/*font*/
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs100{font-size: 100%;}
.fs1rem{font-size: 1rem;}

/*border*/
.border0{border:0px solid #ddd}
.border{border:1px solid #ddd}
.border-blue{border: 1px solid #4f9ffb;}
.border-right-0{border-right: 0px solid #ddd;}
.border-right{border-right: 1px solid #ddd;}
.border-top-0{border-top: 0px solid #ddd;}
.border-top-1{border-top: 1px solid #ddd;}
.border-top-btn{border-top: 1px solid #f68681;}
.border-bottom-1{border-bottom: 1px solid #ddd;}
.border-bottom-3{border-bottom: 3px solid #FF5252;}
.b-r-5{border-radius: 5px;}

/*===== Tag input css start =====*/
.bootstrap-tagsinput { border: 1px solid #4099ff; line-height: 26px; border-radius: 2px; }
.bootstrap-tagsinput .tag { padding: 6px; border-radius: 2px;  display: inherit;}


/*position*/
.pos{position: absolute;}

/*background*/
.tabhead-bg{background-color: rgba(0, 188, 212, 0.67);}



/*float*/
.fl{float:left;}
.fr{float:right;}

/*text-decoration*/
.t-d-ul{text-decoration: underline;}

/*display*/
.db{display: block;}
.dib{display: inline-block;}
.dn{display: none;}
.df{display: flex;}
.di{display: inline;}


/*seek style*/
.seek-div{float: left; margin-right: 2%; width: 18.4%}
.fresh{text-align: center; color: white; margin-top: -36px;}
.input-css{max-height: 36px; overflow-y: auto;}
.position_date{overflow: hidden; margin-top: 5px;}
.position_date li{padding: 5px 10px; float: left;font-size: 14px}
.position_date li strong {font-size: 12px;padding: 3px 5px; border: 1px solid #5DB532; border-radius: 5px; margin: 0 5px 0 8px;font-weight: normal;}

.result_list:first-child, .result_list:first-child h3{margin-top:0px;border-radius: 10px 10px 0px 0px;}
.result_list{margin-top:10px; border-radius: 10px 10px 0px 0px;}
.result_list h3{line-height: 20px; padding: 10px;margin-bottom: 0px;border: 1px solid #DDD;}
.result_list h3 .key{font-size: 14px;}
.card .card-block .result_list p.title-p{ overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;}
.result_list span{color: #FE706C; font-size: 12px;}
.sel_key ul li:hover {cursor: pointer;
    border-color: #f68681 !important;}
.sel_key ul li:hover >span{
    color:#f68681 !important;
    cursor: pointer;
}
.seek_button{height: 30px;padding: 5px 10px;}

.cat-th{width: 100px;background: #ffffff;border: 0px solid #DDD;}
.cat-div{border: 1px solid #DDD; line-height: 26px; height: 28px; background: #FAF9F8;color:#222;}
.list_foods{text-align: center;}
.right-title{width:100%;height: 100%; padding: 3px; text-align: left; font-family: "Microsoft YaHei", "Arial", "\5b8b\4f53", Helvetica, sans-serif;font-weight: 500;line-height: 30px}
.list_foods .chart-icon{margin-top: 4px; float: right; cursor: pointer;}
.list_foods td {padding: 8px; color: #444;border: 1px solid #DDD; vertical-align: middle;}
.list_foods p.flow-p{    padding: 0px 10px;color: #000}
.list_foods img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    /*添加\9就兼容IE浏览器*/
    transform: none \9;
}

.cat-p{height: 28px; line-height: 26px; margin: 0px 0px 0px 10px; text-indent: 30px;}

.type_down {padding-left:15px; background: url(/images/arr_down.png) no-repeat left; color: #555; margin-left: 2px;padding-right: 2px;}
.type_up {padding-left:15px; background: url(/images/arr_up.png) no-repeat left; color: #FD615D; margin-left: 2px;padding-right: 2px;}
.type_eqa {padding-left:15px; background: url(/images/arr_eqa.png) no-repeat left; color: #828a92; margin-left: 2px;padding-right: 2px;}

.btn2 {height: 30px; border-radius: 4px; text-transform: capitalize; font-size: 12px; padding: 5px 10px; margin-right: 10px; cursor: pointer;}
.btn3 {height: 30px; border-radius: 4px; text-transform: capitalize; font-size: 12px; padding: 0px 12px; cursor: pointer;}
.monitor_btn{width: 100px; position: absolute;}

.key-wrap{    width: 100%;
    padding: 2px 2px;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #E8E8E8;
    box-shadow: none}
.key-wrap:hover{
    -webkit-transition: border linear .1s,-webkit-box-shadow linear .3s;
    border-color: #f68681;
 }
.sel_key .tips {
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
}
.sel_key ul li {
    line-height: 20px;
    float: left;
    margin: 0px 5px 10px 5px;
    cursor: pointer;}
.show_key_1{padding: 1px 5px; border: 1px solid rgb(255, 255, 255); color: rgb(0, 0, 0); width: 40%; display: inline; margin: 1px 4px;}
.nav-link:hover{background:rgb(243, 243, 243);border:0px}
.card .card-block .more-menu{display: none; position: absolute; right: 5%; min-width: 100px; z-index: 999; font-size: 12px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 25px -5px #9e9c9e;}
.card .card-block .more-menu td{padding: 5px 10px; color: #2c3e50; border-bottom: 1px solid #DDD; vertical-align: middle; border-right: 0; border-left: 0;}
.card .card-block .more-menu.open{display: block;}
.card .card-block .more-menu a{color: #f15c55;}
.card .card-block .more-menu a:hover{color: #f15c55;}
.card .card-block .more-menu a i{margin-right: 5%}

/*no data*/
.no_data{padding: 0px 10px; border: 1px solid #DDD; vertical-align: middle; height: 42px;font-size: 12px; color: #666695;}


/*product list*/
.product-item{width:100%;padding: 10px;margin:0px 0px 10px;border: 1px solid #ddd;transition: all 0.3s ease-in-out;}
.product-item:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
.product-item div p{padding: 17px;}
.card .card-block .product-item .right-title p.title-p{line-height: 18px;margin-bottom:0%;cursor: pointer;padding:0px;width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.product-item dl{width: 100%; margin-bottom:0px;}
.product-item dl dt{float: left; width: 80px; text-align: right; color: #666695;}
.product-item dl dd{text-align: left; margin-bottom:3px;}
.product-item dl a:hover{text-decoration: underline;}
.product-item div.time-div p{padding: 0px;}

/*product_seek*/
.notification-card {text-align: center; color: #fff;}
.notify-cont {padding: 5px 0px;}
.card .card-block .notification-card p{line-height: 0px;}

/*monitor list*/
.monitor-no-data{width:100%;transition: all 0.3s ease-in-out;padding: 10px;margin: 10px 0px 0px;border: 1px solid #ddd;}
.monitor-no-data:hover {box-shadow: 0 0 25px -5px #9e9c9e;}
.monitor-btn{width:100%;transition: all 0.3s ease-in-out;padding: 10px;margin: 0px 0px 0px;border: 1px solid #ddd;}
.monitor-btn:hover {box-shadow: 0 0 25px -5px #9e9c9e;}
.monitor-item{width:100%;transition: all 0.3s ease-in-out;margin-bottom: 15px;}
.monitor-item:hover {box-shadow: 0 0 25px -5px #9e9c9e;}
.monitor-item .head{width:100%;border:1px solid #ddd;display: flex;border-radius: 4px 4px 0 0;}
.monitor-item .head button{margin-right: 0px;}

.monitor_item p{padding: 0px; margin-bottom: 0px;line-height: 3.5;}
.monitor-item img{border: 1px solid;}
.monitor-item td{padding: 10px 10px; color: #2c3e50; border: 1px solid #DDD; vertical-align: middle;}
.monitor-item .title-p{line-height: 18px;margin-bottom:0%;cursor: pointer; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.monitor-item .sku-menu img{transform: unset;}
.monitor-item .sku-menu td{padding: 5px 10px; color: #2c3e50; border-bottom: 1px solid #DDD; vertical-align: middle; border-right: 0; border-left: 0;}
.monitor-item .sku-menu{display: none; position: absolute; left: auto; right: 0; min-width: 250px; z-index: 999; float: left; font-size: 12px; text-align: left; list-style: none; background-color: #fff; border-radius: 5px; box-shadow: 0 0 25px -5px #9e9c9e;}
.monitor-item .sku-menu button{height: 25px;}
.monitor-item .sku-menu.open{display: block;}

.monitor-item .add-keyword{display:none;position: absolute; left: auto; right: 0; min-width:350px;padding: 10px; z-index: 999; float: left; font-size: 12px; text-align: left; list-style: none; background-color: #fff; border-radius: 5px; box-shadow: 0 0 25px -5px #9e9c9e;}
.monitor-item .add-keyword.open{display: block;}
.monitor-item .add-keyword .left-div{padding-right: 10px; width: 141%;}
.monitor-item .add-keyword .right-div{text-align: center;}
.monitor-item .add-keyword .key-wrap{border-radius: 5px 5px 0px 0px;}
.monitor-item .add-keyword .hot-keyword{border: 1px solid #ddd;}
.monitor-item .add-keyword .hot-keyword .table-head-item{width: 144%; padding:5px 0px; border: 1px solid #ddd; transition: all 0.3s ease-in-out; font-size: 12px; text-align: center; margin: 0px 0px 5px 0px;}
.monitor-item .add-keyword h6{text-align: center; margin-bottom: 0px; line-height: 26px;}
.monitor-item .add-keyword .bottom-table-div{padding:0px 5px 5px 5px; height: 380px; overflow-y: auto;overflow-x: hidden;}
.monitor-item .add-keyword button{height: 25px;}
.monitor-item .add-keyword tr{border: 1px solid #ddd;}
.monitor-item .add-keyword td{padding: 5px 10px; color: #2c3e50; border-bottom: 1px solid #DDD; vertical-align: middle; border-right: 0; border-left: 0;}

.monitor-item .key-item p{margin-bottom: 0px;}

/*table head th background color*/
.border-checkbox-section .border-checkbox-group-primary .check-head:before {border: 2px solid #d6d6d6;}
.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .check-head:after {border-color: #f15c55;}
.border-checkbox-section .border-checkbox-group .check-head:after {border-right: 2px solid #eee; border-top: 2px solid #eee;}


/*rival seek*/
.tags{color: #ffffff; padding: 0px 8px; margin:1px 2px;border-radius: 3px;background: #f68681;}
.tags-icon{border: 1px solid #FF5252; color: #ffffff; padding: 1px 3px; margin:1px 2px;border-radius: 3px;background: #FF5252;}
.promotion-tags{padding: 4px 8px; border-radius: 4px; margin-right: 10px;background:#FF5252;color:#ffffff;}
.rival-title{width:100%;padding: 10px;margin:0px 0px 10px;border: 1px solid #ddd;transition: all 0.3s ease-in-out;}
.rival-title:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
.rival-title div p{padding: 15px;}


/*jzt*/
.plan-item{width:100%;transition: all 0.3s ease-in-out;margin-bottom: 15px; margin: 0px 0px 10px;}
.plan-item:hover {box-shadow: 0 0 25px -5px #9e9c9e;}
.plan-item .head{width:100%;border:1px solid #ddd;display: flex;border-radius: 4px 4px 0 0;background: #FAF9F8;}
.plan-item .head h3{margin-bottom: 0px;}
.plan-item .data{display: flex;border:1px solid #ddd;border-top:0px solid;}
.plan-item .data .maxw11{border-right:1px solid #ddd;}
.plan-item .data p{margin-bottom:0px;}
.plan-item .unit p{margin-bottom:0px;}
.plan-item .unit{display: flex;border:1px solid #ddd;border-top:0px solid;border-bottom:0px solid;}
.plan-item .null-all-unit{height:5px; border-top: 0px; border-bottom: 0px;}
.plan-item .null-unit{height:5px; border-top: 0px; border-bottom:1px solid #ddd;}

.smart-set{display: flex; border-bottom: 1px solid #ddd; padding-bottom: 10px;}

.single-sign{border: 1px solid #66B033; border-radius: 50%; background: #66B033; color: #fff; padding: 0px 1px; cursor: pointer;}
.multi-sign{border: 1px solid #F96B67; border-radius: 50%; background: #F96B67; color: #fff; padding: 0px 1px; cursor: pointer;}

/*comment*/
.ware-item{width:100%;transition: all 0.3s ease-in-out;margin-bottom: 15px; margin: 0px 0px 10px;}
.ware-item:hover {box-shadow: 0 0 25px -5px #9e9c9e;}
.ware-item th{text-align: center;}
.ware-item .right-title .title-p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.comment-star{width: 78px;height: 14px;background: url(/images/star.png) no-repeat;}
.star1{background-position-x: -64px;background-position-y: 0px;}
.star2{background-position-x: -48px;background-position-y: 0px;}
.star3{background-position-x: -32px;background-position-y: 0px;}
.star4{background-position-x: -16px;background-position-y: 0px;}
.star5{background-position-x: 0px;background-position-y: 0px;}

/*information*/
.art-sort{padding: 7px 24px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 25px; background: #eee;}
.information-detail b, strong {font-weight: bold; font-size: 16px;}
.information-detail .head{border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.information-detail .content{padding: 10px 10%;}
.information-detail h1{font-size:1.5rem; font-weight: 500;text-align: center;}
.information-detail h6{font-size:1rem; font-weight: 300; color: #919aa3;text-align: center;}
.share{font-style: normal; font-size: 12px; display: inline-block;position: relative;}
.share:hover .share_pa{display: block;}
.share_pa{width: 120px; left: 40px;height: 35px; line-height: 30px; box-shadow: 1px 1px 3px rgba(100,100,100,.3); bottom: -8px;
    z-index: 9; padding: 5px 0; background: #fff; text-align: center; border: 1px solid #eee; border-radius: 4px; display: none; position: absolute;}
.information-detail .media-body .reply {padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; background: #FCFBFB;}
.information-detail .media-body .reply dt {padding-top: 10px; border-top: 1px solid #ddd; margin-top: 10px;}
.information-detail .media-body .reply dl p{padding-bottom: 5px;}

/*home*/
.shop-data{width:100%; display: flex; padding: 10px 0px;}
.shop-data b{font-size: 0.5rem;}
.home-chart{padding-top:15px;height: 300px;}
.home-chart a .active{color:#6b99ff;}
.highcharts-tooltip p{margin-bottom: 0px;}
.version-sign{font-size:12px; border: 1px solid #fe585b; color: #fe585b; border-radius: 3px; padding: 1px 3px;}

.shop-data-item{width:100%;padding: 10px;margin:0px 0px 10px;display: flex; border: 1px solid #ddd;transition: all 0.3s ease-in-out;}
.shop-data-item:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
.shop-data-item p{font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem;}
.shop-data-item b{font-size: 0.5rem;}
.shop-data-table{transition: all 0.3s ease-in-out;}
.shop-data-table:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
.shop-data-table .list_foods td{padding:10px;}
.shop-data-table .chart-title b{line-height: 36px; float: left; padding-left: 15px; font-weight: 600;}

.seek-product{border:1px solid #ddd;}
.seek-product .seek-product-img{text-align: center;padding-left: 0px;padding-right: 0px;}
.seek-product .seek-product-img p{margin-bottom: 0px;}
.seek-product .seek-product-result{padding-right: 0px; border-top: 1px solid #ddd;}
.seek-product .seek-product-result h6{padding-top: 8px;}
.seek-product .seek-product-result .seek-product-position{padding:5px 0px;}
.seek-product .seek-product-result .platform{border:1px solid #fe585b; padding: 2px 5px; border-radius: 3px;}

.function-btn{padding-top:15px;}
.function-btn-li{border:1px solid #ddd; position: relative; float: left; width: 25%;}
.function-btn-li a{font-size:14px;padding:20px 20px;display: block;}
.function-btn-li i{padding-right: 5px; font-size: 24px; vertical-align: middle; line-height: 30px; display: inline-block; padding-bottom: 2px;}

.transition{transition: all 0.3s ease-in-out; cursor: pointer;}
.transition:hover{box-shadow: 0 0 25px -5px #9e9c9e; cursor: pointer;}

body.dark .page-item.disabled .page-link{background-color: #51606d ;border-color: #2c343b;}
.ta_calendar .cf{color:#444444}

.table-head-item{width:100%;padding: 10px 0px;margin:5px 0px 5px;border: 1px solid #ddd;transition: all 0.3s ease-in-out;font-size: 12px;text-align: center;background-color: rgba(245, 245, 245, 0.49);}
.table-head-item:hover{box-shadow: 0 0 25px -5px #9e9c9e;}


.table-up {
    background: url(/images/up.png) no-repeat right;
}
.table-next {
    background: url(/images/next.png) no-repeat right;
}

.modal-title{font-size: 16px;font-weight: 500;}
.md-modal{z-index: 20000 !important;}
.pcoded .selector-toggle > a{transform: scale(0.6);top:-32px}
.pcoded[theme-layout="horizontal"] .selector-toggle > a, .pcoded[vertical-placement="left"] .selector-toggle > a{left: -69px;}

.nicescroll-none{display: none !important;}
.html-width{width:1200px}

/*qrCode*/
.home-qr-code-link{display:flex; width: 200px; transform: translateY(20%);}
.home-qr-code{display: none; position: absolute; left: 425px; right: auto; top: auto; margin-top: -70px; float: left; min-width: 174px; min-height: 174px; z-index: 999; font-size: 12px;
    text-align: center; list-style: none; background-color: #fff; border-radius: 5px; box-shadow: 0 0 25px -5px #9e9c9e;}
.home-qr-code.show{display: block;}
.sku-qr-code{display: none; position: absolute; left: auto; right: 169px; top: auto; margin-top: -70px; float: left; min-width: 174px; min-height: 174px; z-index: 999; font-size: 12px;
    text-align: center; list-style: none; background-color: #fff; border-radius: 5px; box-shadow: 0 0 25px -5px #9e9c9e;}
.sku-qr-code.show{display: block;}
.qr-code-item{border-radius:5px; background-color: #fff; border: 1px solid #ddd; transition: all 0.3s ease-in-out;}
.qr-code-item:hover {box-shadow: 0 0 25px -5px #9e9c9e;  }



/*titleSeo*/
.seo-top-info dl{margin-bottom: 0px;}
.seo-top-info dl dt{float: left; color: #666695;}
.seo-top-info dl dd{margin-bottom: 3px;}
.seo-center-info .title-length{float: right; margin-top: -20px; margin-right: 10px;}

/*modify*/
ul.page-header {height: 50px; margin: 0 0 10px 0px;}
.modify.page-header li a:HOVER, .page-header li.on a {background-color: #f15c55; border-color: #f15c55; color: #fff;}
.modify.page-header li {float: left; margin-right: 10px; margin-bottom: 10px;}
.modify.page-header li a {display: block; text-decoration: none; width: 75px; line-height: 28px; text-align: center; border: 1px solid #CCD0E2;}

.row-fluid {width: 100%;}
.row-fluid .span4 {padding: 10px 10px; text-align: center; vertical-align: middle;}
.row-fluid [class*="span"] {display: block; float: left; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row-fluid .control-label {width: 75px;}
.row-fluid .control-label {float: left; padding-top: 5px; text-align: right;}
.row-fluid .controls {margin-left: 80px; width: 210px;}

.modify-setting {border-bottom: 1px solid #ddd;}
.modify-setting .setting-title h3 {padding: 10px 15px; background-color: #f9f5eb;}
.setting-body {margin-bottom: 10px;}
.setting-body .controls {margin-left: 80px; margin-right: 80px;}
.setting-body .controls label.radio.line {margin-top: 20px !important; display: block; padding-top: 10px !important; margin: 0 !important;}
.setting-body .controls .radio {line-height: 30px; display: inline-block; zoom: 1; vertical-align: middle;}
.setting-body .controls .radio.line input {display: inline-block;}
.setting-body .controls .radio.line textarea {display: inline-block; vertical-align: top;}

.modify-preview {padding: 20px 196px; border-bottom: 1px solid #ddd; background-color: #f9f5eb;}
.modify-preview .btn-success .badge {color: #ffffff;}
.modify-preview .btn .badge {color: #ffffff; left: 5px; padding: 2px 5px;}

.modify-table {padding: 10px 25px;}
.modify-table .pagination {float: right; padding: 4px 0px;}

.modify-table .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(245, 245, 245, 0.49) !important;}

.modify-table .right-title {width: 100%;}
.modify-table .right-title .title-p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.c8 >th{
    font-size: 14px;
    font-weight: normal !important;
}
.type_down{
    font-size: 12px !important;
    color: #6B8663 !important;
}
.zhu_img img{
    width: 41px;
    height: 20px;
    border-radius: 6px;
}
.add_imgs  .out,.add_imgs .in{
    position:absolute;
    width:0;
    height:0px;
}
.add_imgs .out{
    border: 8px solid transparent;
    border-bottom-color: #e3b7fb;
    top: 6px;
    left: 97%;
    transform: rotate(-90deg);
}
.add_imgs img{
    width: 51px;
    height: 20px;
    position: relative;
    top: -26px;
    left: 120px;
    border-radius: 4px;
}

/*功能搜索框样式*/
.main-search.focus{
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    width: 300px;
}
.main-search{
    position: absolute;
    right: 10px;
    top: 20px;
    width: 8%;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}
.main-search .search-input-group{
    display: flex;
}
.main-search .form-control{
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.search-drop-down-menu {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.open>.search-drop-down-menu {
    display: block;
}
.search-menu-head{
    padding: 10px 15px;
    color: #777;
}
.search-menu-head h5{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
}
.search-menu-body{
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    border-width: 1px 0;
}

/*充值中心，短信套餐*/
.recharge-div{
    width: 100%;
    position: relative;
    height: 130px;
}
.recharge-left{
    font-size: 12px;
    margin-top: 10px;
    line-height: 36px;
    width: 40%;
    max-width: 430px;
    float: left;
}
.recharge-right{
    width: 530px;
    border: 1px solid #dddddd;
    float: left;
    margin-top: 16px;
}
.tc-div{
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.tc-list{
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
}
.tc-item{
    position: relative;
    float: left;
    width: 22.8%;
    height: 350px;
    padding: 15px 15px 30px;
    border: 1px solid #ddd;
    margin: auto 10px 25px;
    transition: all 0.3s ease-in-out;
}
.tc-item:hover{box-shadow: 0 0 25px -5px #9e9c9e;}
.tc-item h6{
    font-weight: 100;
    line-height: 45px;
    color: #fff;
    margin: 0 auto;
    font-size: 18px;
}
.tc-bg-1{
    background: url("/images/vouchercenter/tc_1.png") no-repeat center;
}
.tc-bg-2{
    background: url("/images/vouchercenter/tc_2.png") no-repeat center;
}
.tc-bg-3{
    background: url("/images/vouchercenter/tc_3.png") no-repeat center;
}
.tc-bg-4{
    background: url("/images/vouchercenter/tc_4.png") no-repeat center;
}
.tc-num{
    margin: 15px auto -10px;
    font-size: 24px;
    border-top: 1px solid #ddd;
    line-height: 70px !important;
}
.tc-num span{font-family: constani;
    font-size: 24px;
}
.tc-content{
    line-height: 30px;
}
.tc-content p{line-height: 36px !important; font-size: 18px;}
.tc-unit{font-family: Georgia; color: #FF5252; font-size: 24px; font-weight: 600;}
.tc-mp{text-decoration: line-through; color: #868e96;}
.tc-pp{color: #FF5252; font-size: 20px;}
.tc-item a{
    display: block;
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin: 45px auto 0;
    border-radius: 3px;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
}
.tc-item-a-1{
    background-color: #21d376;
}
.tc-item-a-2{
    background-color: #27bbfa;
}
.tc-item-a-3{
    background-color: #ff6651;
}
.tc-item-a-4{
    background-color: #ffa405;
}