.fa {cursor:pointer;}

/*Drop*/
.dropzone {
width: 160px;
margin: 0 10px 20px 0;
height: 160px;
float: left;

margin-top: 15px;
}

.dropzone .dz-preview {
	margin: -3px;
}
.dz-preview > button {
position: absolute;
bottom: -30px;
left: 21px;
}
.dropzone .dz-preview .dz-progress {
	opacity: 0;
}
.mainpanel {
	height: auto !important;
}
.list_product_img {
	border:1px solid #eee;
}

.help-block {
font-size: 10px !important;
font-style: italic;
margin-bottom: 0;
color: #666 !important;
}
.pur-img img {
	border:1px solid #eee;
}


.scroll {
width: 50px;
height: 50px;
background: #64BFAE;
color: #fff;
line-height: 50px;
text-align: center;
position: fixed;
opacity: 0.5;
right: 20px;
bottom: 112px;
cursor: pointer;
font-size: 14px;
}
.bs-example-modal-ship-confirm {
margin-top: 15px;
text-align: right;
border-top: 1px solid #eee;
padding-top: 15px;
}
.bs-example-modal-ship-partial-confirm {
margin-top: 15px;
text-align: right;
border-top: 1px solid #eee;
padding-top: 15px;
}
#bs-example-modal-ship-partial-confirm-form-dy-content, #bs-example-modal-ship-confirm-form-dy-content {
text-align: left;
}
#bs-example-modal-ship-partial-confirm-form-dy-content dt {
margin: 15px 0 5px;
border-bottom: 1px solid #999;
padding-bottom: 3px;
}
#bs-example-modal-ship-partial-confirm-form-dy-content dd {
	margin: 5px 0;
}
#bs-example-modal-ship-partial-confirm-form-dy-content span.sl {
display: inline-block;
min-width: 230px;
}
.package {
	margin-bottom: 30px;
}



.am-price-suggestion {
    width: 50%;
    float: left;
}
.price-return {
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    width: 50%;
    float: right;
}
.am-price-suggestion label {
  display: inline-block;
  margin-right: 10px;
  text-align: right;
  width: 139px;
}
.control-label{
    font-weight: bold !important;
}

/*---------------------------------广告列表----------------------------------------*/
/*基础*/
.contentContainer{display: flex;padding: 0;position: fixed;width: calc(100% - 50px);height: calc(100% - 50px);background: #fff}
.contentContainer a:hover{text-decoration: none}
.contentContainer a{text-decoration: none;/*color: #333*/}
.contentLeft{width: 300px;display: flex;flex-direction: column;padding: 10px;height: 100%;border-right: 1px solid #e4e7ea;position: absolute;top: 0;bottom: 0;}
.contentRight{display: flex;flex:1;height: 100%;padding: 10px;flex-direction: column;position: absolute;inset: 0;margin-left: 300px;overflow: auto;overflow-x: hidden;}
.contentLeft .typeNav{height: 35px;display: flex;border-radius: 4px;width: 100%;background: #fff;align-items: center;justify-content: space-between;border-right: 1px solid rgba(204, 204, 204, 1);}
.contentLeft .typeNav a{color: #333333;border: 1px solid #BFC2C7;flex:1;height: 100%;display: flex;align-items: center;justify-content: center;text-decoration:none}
.contentLeft .typeNav .portfolio{min-width: 80px;}
.contentLeft .typeNav a:last-of-type{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.contentLeft .typeNav a:first-of-type{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.contentLeft .typeNav .active{border-color: #005BF5 !important}
.contentLeft .search{margin-top: 15px;position: relative;height: 30px;z-index: 1;border-radius: 4px;}
.contentLeft .doit{position: absolute;right: 0;top:0;height: 100%;z-index: 2;line-height: 30px;width: 30px;text-align: center;cursor: pointer}
.contentLeft .remove{position: absolute;right: 35px;top:0;height: 100%;z-index: 2;line-height: 30px;width: 30px;text-align: center;cursor: pointer;opacity:0.6;display: none}
.contentLeft .search:hover .remove{display: block}
.contentLeft .layui-input{border-radius: 4px;padding: 7px 25px 7px 15px;height: 100%;border: 1px solid rgba(204, 204, 204, 1);}
.contentLeft .layui-input:focus{border-color: #005BF5 !important}
.contentLeft .treeList{width: 100%;display: flex;margin-top: 20px;height: calc(100% - 130px);overflow: hidden}
.contentLeft .list{width: 100%;display: flex;flex-direction: column;overflow-x:hidden; overflow-y:scroll;min-width: 300px;}
.contentLeft .list .item{width: 100%;display: flex;height: 30px;padding: 0 10px;align-items: center;min-height: 30px;}
.contentLeft .list .item .status{display:flex;width: 20px;margin-right: 10px;height: 100%;align-items: center;}
.contentLeft .list .item .layui-icon-play{color: #00a65a !important}
.contentLeft .list .item .layui-icon-close{color: #b94a48 !important}
.contentLeft .list .item .layui-icon-pause{color: #7a818f !important}
.contentLeft .list .item .title{display:flex;flex: 1;height: 100%;align-items: center;line-height: 15px;}
.contentLeft .prevNext{height: 40px;border-top: 1px solid rgba(51, 51, 51, 0.14);display: flex;justify-content: flex-end;align-items: center;cursor: pointer;padding: 0 12px;color: #0B1019;font-size: 12px;line-height: 12px;}
.contentRight .chartDom{width:100%;height: 400px;min-height:400px;border-radius: 4px;border: 1px solid #e4e7ea;position: relative;display: flex; flex-direction: column;}
.contentRight .chartDom .targetMarket{flex-wrap: wrap;width:100%;height: 110px;padding: 20px;display: flex;}
.contentRight .chartDom .targetMarket .market{display: none;position: relative}
.contentRight .chartDom .targetMarket .addMarket{display: flex;}
.contentRight .chartDom .targetMarket .market.show{display: flex !important;}
.contentRight .chartDom .targetMarket .market,.contentRight .chartDom .marketList .market{min-width:140px;user-select: none;cursor: pointer;height: 70px;width: calc(20% - 20px);border-radius: 10px;border:1px solid #e4e7ea;flex-direction: column;padding:0 25px;margin: 10px;overflow: hidden;}
.contentRight .chartDom .targetMarket .market.active{border-bottom: 5px solid #0097F5;}
.contentRight .chartDom .targetMarket .market .closeField{display: none;position: absolute;top: 2px;right: 0;color: #888C94;font-weight: bold;width: 30px;justify-content: center;}
.contentRight .chartDom .targetMarket .market:hover .closeField{display: flex}
.contentRight .chartDom .targetMarket .addMarket{margin-right: 0;border-style: dashed;text-align: center;line-height: 70px;user-select: none;border-bottom-width: 1px !important;}
.contentRight .chartDom .targetMarket .addMarket:hover{border-color: #0097F5;color: #0097F5;background: rgba(0, 91, 245, 0.06);}
.contentRight .chartDom .targetMarket .addMarket.active{border-color: #0097F5;color: #0097F5;background: rgba(0, 91, 245, 0.06);}
.contentRight .chartDom .targetMarket .market .partName{font-size: 12px;;height: 35px;line-height: 35px;overflow: hidden;min-height: 35px;}
.contentRight .chartDom .targetMarket .market .number{font-size: 20px;font-weight: bold;height: 35px;line-height: 35px;}
.contentRight .chartDom .marketList.active{display: flex;}
.contentRight .chartDom .marketList{flex-wrap: wrap;display: none;position: absolute;top: 110px;left: 0;width: 100%;padding: 15px;border: 1px solid #ddd;background: #fff;box-shadow: 0 3px 5px #ccc;z-index: 999;}
.contentRight .chartDom .marketList .market{display: flex}
.contentRight .chartDom .marketList .market.added{cursor: not-allowed;background: rgba(147, 141, 141, 0.11)}
.contentRight .chartDom .marketList .market .partName{font-size: 12px;;height: 35px;line-height: 35px;overflow: hidden;}
.contentRight .chartDom .marketList .market .number{font-size: 20px;font-weight: bold;height: 35px;line-height: 35px;}

.contentRight .chartDom .chart{display: flex;flex: 1;}

.contentRight .filterList{display: flex;width: 100%;margin: 10px 0;align-items: center;flex-wrap: wrap;}
.contentRight .filterList .formList{display: flex;height: 30px;line-height: 30px;align-items: center;margin: 5px;/*overflow: hidden*/}
.contentRight .filterList .formList .layui-input{height: 30px;line-height: 30px;width: 250px;}
.contentRight .filterList .formList #chooseTime{width: 0;overflow: hidden}
.contentRight .itemList{display: flex;width: 100%;min-height: 800px;flex: 1;}
::-webkit-scrollbar { width: 9px; height: 9px; background-color: rgba(0,0,0,.2); }/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5; }/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color: #b3b3b3; }/*定义滑块 内阴影+圆角*/
/*弹窗*/
 .openContent{display: none;position: absolute;inset:0;margin: auto;background: #3333338c;}
.openContentDom{display: flex;position: absolute;inset:0;margin: auto;width: 650px;height: 500px;background: #fff;padding: 20px;border-radius: 4px;}
.openContentDom .closeOpen{font-size: 20px;top: 0;right: 0;position: absolute}
.openContentDom .leftCate{display: flex;height: 420px;width: 180px;border-right: 1px solid #bfc5cc;border-bottom: 1px solid #bfc5cc;flex-direction: column;}
.openContentDom .leftCate .cate{display: flex;height: 30px;line-height: 30px;text-indent: 20px;cursor: pointer;margin-right: 5px;}
.openContentDom .leftCate .cate.active{background: #efefef;border: 1px solid #e2d3d3;font-weight: bold;border-left: 2px solid #1f91f3;}
.openContentDom .rightCate{display: flex;height: 420px;flex: 1;border-bottom: 1px solid #bfc5cc;flex-direction: column;padding-left: 10px;overflow-y: auto;}
.openContentDom .rightCate .btnDom{display: flex;height: 30px;line-height: 30px;border-bottom: 1px solid #bfc5cc}
.openContentDom .rightCate .boxDom{display: flex;padding-top: 10px;flex-direction: column;flex: 1}
.openContentDom .rightCate .cateBox{display: flex;height: 30px; line-height: 30px;align-items: center;}
.openContentDom .btns{position: absolute;bottom: 10px;left: 0;right: 0;width: 100%;height: 30px;display: flex;justify-content: flex-end;padding-right: 20px;}
.mb20{margin-bottom: 20px;}

.contentRight ul li a{font-size: 12px;color: #333}

.layui-table-tips-c:before {
    right: 0!important;
    top: -3px;
}

.layui-form-label{height: 30px;line-height: 30px;padding: 0px 15px;}
.layui-input, .layui-select{height: 30px !important;}
.layui-input-prefix{line-height: 30px !important;}
.layui-input-wrap{line-height: 30px !important;}