/*body{background-color:rgb(0, 0, 0, 0.85);color:#dbdbdb;}*/

/*main layout*/
.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:1920px){.container{max-width:1920px}}.mx-auto{margin-left:auto;margin-right:auto}
.layui-nav .layui-nav-item a{font-size:15px;font-weight:500;}


.page-tool {
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px 10px 0px;
}

.page-title {
    font-size: 18px;
    font-weight: bold;
}

.page-tool .layui-btn-group {
    
}

.layui-btn-group button {
        margin-left: 10px;
}

/*分页*/
.paging-main{
    height:38px;
}
.pagingBox {
    max-width: 360px;
    float:left;
}
.btn-tool-add{
    float:right;
}


/*search-box*/
.box-search {
    padding: 15px 0px;
}
.box-search-orderby .btn-left {
    display: inline-block;
}

.btn-select {
    height: 38px;
    width: 100px;
    line-height: 38px;
    border-width: 1px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: rgba(0, 0, 0, .85);
    border-radius: 2px;
}



 .clear {
clear:both;
padding:0px;
margin:0px;
height:0px;
}

.box-search-orderby .layui-btn-group {
    float: right;
}

/* list-goods*/
span.list-span-pid {
    padding: 0;
    margin: 0;
    display: block;
    text-align: left;
    color: #6f6f6f;
    font-size:11px;
}
.goods-list{border:1px solid #e9e9e9; padding:5px; margin-top:15px;}

.status{
    padding:3px;border-radius:3px; font-size:14px;font-weight:bold;
    color:#fff;
}


/* select 下拉框样式 */
.select-status {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.select-item {
    float: left;
    width: 190px;
    margin-right: 10px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: middle;
}

/*下拉列表常规状态颜色 ，select-input-status是选中之后的颜色附加 */
.select-status dl dd[lay-value="1"], .stu1, .select-input-status-1 {
    background-color: #0bd371;
    color: #FFFFFF;
}

.select-status dl dd[lay-value="2"], .stu2, .select-input-status-2 {
    background-color: #e55b5b;
    color: #FFFFFF;
}

.select-status dl dd[lay-value="3"], .stu3, .select-input-status-3 {
    background-color: #c213d5;
    color: #FFFFFF;
}

.select-status dl dd[lay-value="4"], .stu4, .select-input-status-4 {
    background-color: #3746f1;
    color: #FFFFFF;
}

.select-status dl dd[lay-value="5"], .stu5, .select-input-status-5 {
    background-color: #fcae0b;
    color: #FFFFFF;
}
.select-status dl dd[lay-value="6"], .stu6, .select-input-status-6 {
    background-color: #aaaaaa;
    color: #FFFFFF;
}




/*下拉列表常规状态颜色 ，select-input-select-input-commType-1是选中之后的颜色附加 */
.select-commType dl dd[lay-value="1"], .cmt1, .select-input-commType-1 {
    background-color: #de1616;
    color: #FFFFFF;
}

.select-commType dl dd[lay-value="2"], .cmt2, .select-input-commType-2 {
    background-color: #cbb60d;
    color: #FFFFFF;
}

.select-commType dl dd[lay-value="3"], .cmt3, .select-input-commType-3 {
    background-color: #da56f3;
    color: #FFFFFF;
}

.select-commType dl dd[lay-value="4"], .cmt4, .select-input-commType-4 {
    background-color: #e7a9a9;
    color: #FFFFFF;
}

/* 未选择任何状态项目 样式 */
.select-status dl dd[lay-value=""], .select-commType dl dd[lay-value=""] {
    background-color: #f5f5f5;
    color: #000000;
}




/* 输入框字体颜色 */
.select-status .layui-select-title input,
.select-commRate .layui-select-title input {
    color: #FFFFFF !important;
}

.select-input-default {
    color: #000000 !important;
}
/* end   select 下拉框样式 */

.th-price{
    width:100px;
}
.th-cmt {
    width: 80px;
}
.th-status {
    width: 100px;
}
.th-num {
    width: 60px;
}
#listData .th-short {
    width: 50px;
    padding: 5px;
}
.th-tag {
    width: 70px;
}
.th-product-name, .td-product-name {
    max-width: 150px;
    word-wrap: break-word; /* 旧版本写法，支持老浏览器 */
    word-break: break-word; /* 非标准，但某些情况有效（注意：现在推荐用 break-all） */
    overflow-wrap: break-word;
}
.th-url, .td-url {
    max-width: 300px;
    word-wrap: break-word; /* 旧版本写法，支持老浏览器 */
    word-break: break-word; /* 非标准，但某些情况有效（注意：现在推荐用 break-all） */
    overflow-wrap: break-word;
}
.th-shop {
    width: 100px;
}

.layui-table thead tr th {
    background-color: #ededed;
    color: #4f4f4f;
    font-weight: bold;
}

.goods-list .layui-icon {
    font-size: 26px;
}
.goods-list .layui-icon {
    font-size: 26px;
}
.layui-table .set-center {
    text-align: center;
}
.shorNumStyle {
    width: 30px;
    border: 1px solid #d1d1d1;
}
/*float div弹出层*/
.float-addGoods {
}
.goodsInputs {
    padding: 25px;
}
.addGoodsForm-main .layui-layer-title {
    font-weight: bold;
    font-size: 14px;
    color:#fff;
    background-color: #1e9fff !important;
}
.goodsInputs .layui-form-item {
}
.needInput{
    font-size:11px;color:#e55b5b;
    
}

.addGoodsFormItems .layui-form-item {
    width:80%;

}

.float-addGoods .w95 {
    width: 95px;
}
.float-addGoods .w90p, .input-base-info .layui-input {
    max-width: 90%;
}


/* autocomplete.css 自动补全 */

.layui-autocomplete {
    position: absolute;
    background: #fff;
    border: 1px solid #e6e6e6;
    z-index: 9999;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 90%;
}

.layui-autocomplete-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f6f6f6;
}

    .layui-autocomplete-item:hover {
        background-color: #f2f2f2;
    }
/* end autocomplete.css 自动补全 */


/*user page*/
.show-json {
    margin: 10px auto;
    width: 1920px;
    height: 800px;
}

.notice {
    color: #656565;
    padding: 6px;
    background-color: #fff7be;
    border-left: 5px solid #1e9fff;
    font-size:12px;
}

/*public size width*/
.w20 { width: 20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}.w100{width:100px;}.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}.w200{width:200px;}.w210{width:210px;}.w220{width:220px;}.w230{width:230px;}.w240{width:240px;}.w250{width:250px;}.w260{width:260px;}.w270{width:270px;}.w280{width:280px;}.w290{width:290px;}.w300{width:300px;}