html {
  font-size: 16px; /* 默认值（可省略） */
  /* 或通过媒体查询动态调整 */
  @media (max-width: 768px) {
    font-size: 14px;
  }
}
body {
  font-size: 1rem; /* 1rem = 根元素的字体大小 */
}
.banner{width:100%;height:500px}
.banner img{width:100%;}
    
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.selimg{position: absolute;height: 32px;right:16px;top:14px;}
.model{width:100%;height:auto;position:relative;box-sizing:border-box}
.model .modal-item{margin:5px 0}
.model .form{padding:10px;box-sizing:border-box}
.model .form .item{height:45px;margin-top:8px;}
.model .form .item input{padding:5px;}
.model .form .item label{padding:5px;margin-left:2px;font-size:1.2em;}
.model .form .item input[type='radio']{width:20px;height:20px;margin-right:2px;margin-left:10px;}
.model .form .item span{display:block;width:80px;float:left}
.model .form .item textarea{width:100%;border:1px solid #ccc;padding:8px;display:inline-block}
.model .form .item .btn{width:100%;margin-top:30px;}
.model .form .item .btn button{width:120px;background-color:#0099e6;color:#fff;width:80%;margin:0 auto;padding:8px 15px;
border:1px solid #0088cc;border-radius: 5px;font-size:1.2em;}
@media print {
    .print{display:none}
}
.list-sort-input{width:50px;border:1px solid #ddd;padding:3px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.lb-select{padding:5px;border:1px solid #ccc;}
.lb-select-xs{padding:3px;border:1px solid #ccc;}

.model-form-item{margin:10px 0;display:flex}
.model-form-item label{width:80px;padding-top:8px}
.model-form-item input[type='text']{flex:1}
.add-item{width:30px;height:30px;border:1px solid #eee}
.add-item img{width:20px;padding:4px 0 0 8px}
.span-item{margin-right:10px}
.span-cmd{color:#ff6600;font-weight:bold}
.flex{display:flex}
.flex-center{align-items:center}
.flex-between{justify-content:space-between}
.flex-around{justify-content:space-around}
.flex-wrap{flex-wrap:wrap}
.flex-grap{gap:10px}
.nav-flex{display:flex;justify-content:space-between;align-items: center;}
.nav-left,.nav-right{border:0px solid #ccc}
.flex1{flex:1;}
.hidden{display:none;}
.relative{position:relative}
.input-amt{color:#ff8800}
.layui-form-label{width:auto;}
.layui-form{margin:10px 0}
.product-add-list{padding:0px}
.product-add-head{display: flex;justify-content:space-around;}

.icon-add{width:22px}
.tag-list span{margin-right:10px;}
.ddllist{background-color: #fff;}
.ddl-item{border-bottom:1px solid #ddd;padding:2px 0 2px 5px}
.file-container{width:80px;margin-left:10px;margin-top:2px;}
.file-btn{ background-color:#0099e6;color:#fff; border:0px solid #CDCDCD; width:70px;}
.file-file{ display:none}
.file-list{background-color:#efefef}
.file-item{margin-right:0px;float:left;background-color:#eee;padding:1px 8px;border-radius:4px;position:relative;}
.lb-btn{background-color:#006699;padding:3px 8px;border:0;border-radius:4px;color:#fff;}
.lb-input{padding:5px;border:1px solid #ccc}
.w60{width:60px;}
.w100{width:100px;}
.lb-sp-span{margin:0 5px;color:red}
.list-item{text-decoration:underline;margin:0 5px}
.upload-list{position:relative;width:80px;height:80px;float:left;margin-right:10px;margin-top:10px;}
.upload-list .upload-img{height:80px;width:80px;}
.upload-list .upload-remove{font-size:18px;position:absolute;top:-10px;right:-5px;color:red}
  .img-modify-contain{position:relative;width:100px;height:80px;float:left;margin-right:10px;margin-top:10px;}
  .elem-close{font-size:18px;position:absolute;top:-10px;right:-5px;color:red}
  .ckb{width:18px;height:18px;} 
  .ckb[type=checkbox] {
            position: relative;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .ckb[type=checkbox]::after {
            position: absolute;
            top: 0;
            color: #000;
            width: 18px;
            height: 18px;
            display: inline-block;
            visibility: visible;
            padding-left: 0px;
            text-align: center;
            content: ' ';
            border-radius: 3px
        }

        .ckb[type=checkbox]:checked::after {
            content: "✓";
            color: #fff;
            font-size: 14px;
            line-height: 18px;
            font-weight: bold;
            background-color: rgb(124, 156, 129);
        }
.clear{clear:both}
.block{display:inline-block;}
.mright{margin-right:20px;}
  .total{text-decoration: underline;font-weight: bold;}
  .red{color:red}
  .images{margin-top:10px}
  .images img{margin-right:10px}
  .page-btn-list{height:35px;}
  .search{margin:10px 5px;position: relative;}
  .search .saoma{position: absolute;right:70px;top:8px;}
  .search .saoma img{width:30px;height:30px;}
  .search .searchbtn{height:38px;padding:5px 15px;color:#fff;text-align: center;border:1px solid #1a8cff;background-color: #007fff;
    position: absolute;right:0px;top:4px;
  }
*{box-sizing: border-box;}
.layui-icon-refresh-1{line-height: 28px}
ul,li,p{margin:0px;padding: 0px;}
li{list-style: none;}
a{ color:#000; text-decoration: none;}
.modal .modal-item{height:60px;}
.modal .modal-item label{line-height: 20px;}
.layui-btn a{margin:0px}
.base-input{border:1px solid #ccc;padding:5px;height:25px;}
.w60{width:60px;}
.clr{clear:both;}
.cmd_list a{padding:3px 5px;min-width:30px;margin:0px 3px;text-align:center;border-radius:3px}
.tdmanage{width:auto;}
.btn{width:100px;line-height:25px;display:block;padding:3px 8px;border-radius:3px;text-align:center;justify-content: center;color:#fff;font-size:110%}
.btn-sm{line-height:20px;display:block;padding:2px 5px;border-radius:3px;text-align:center;justify-content: center;color:#fff;font-size:110%}
.btn-default{background:#0099e6;border:1px solid #007399;color:#fff;}
.btn-warning{background:#ff6600;border:1px solid #e65c00;color:#fff;}
.btn-primary{background:#009900;color:#fff;border:1px solid #009900;}
.layout{width: 100%;}
.bg{background-color: #fefefe;}
.h100{height:100px;}
.h50{height:50px;}
.hide{display: none;}
.center{ text-align:center}
.right{float:right}
.left{float:left}
.w100f{width:100%}
.pointer{cursor:pointer}
.iftxt{display: none;}
.txtline{width:100%; margin:5px 0px; border-bottom:1px solid #ddd;
min-height:38px;padding:5px 5px 0px 5px;height: auto;;}
.txtline .r{float:right}
.txtline .l{float:left}
.topnav{height:38px; background-color:#efefef;}
.backto{background-image: url('/static/theme/img/arrow_left.png'); background-repeat:no-repeat
}
.baseinput{border:1px solid #eee;padding:10px;line-height:30px;height:30px;}
.table{background-color:#ccc;width:100%;margin:0px auto;border-collapse:collapse;border:none;}
.table th{font-weight:bold;}
.table td,.table th{padding:5px;background-color:#fff;border:1px solid #ddd;min-height:30px;line-height:30px;}
input[type="radio"]{padding:5px;height:20px;width:20px;vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
.blank{height:25px;}
.content{padding:5px;}
.content h1{font-size:16px; text-align: center;}
#btnsumbit{position: fixed;bottom: 0px;
    width:100%;}
.layui-table{margin-top:0px;}
.layui-table input[type='text']{padding:5px;border:1px solid #ccc;width:100%;}
td.required:after{
        content:"*";
        color:red;
        position: absolute;
        top:16px;
        left:2px;
    }
.lb-table{background-color:#ccc;border-collapse:collapse}
.lb-table td,.lb-table th{background-color:#fff;padding:2px;border:1px solid #ccc}
.lb-table th{background-color:#eee;height:25px;line-height:25px}
.layui-form{background-color:#fefefe}
.space{margin:10px 0}
.padding10{padding:10px}
.form-add{ background-color: #fefefe;float:left;width:100%;padding:0px 10px;}
.form-add .input-row{width:100%; min-height:40px;}
.form-add .input-row label{   
    
    width: auto;
    min-width: 40px;
    line-height: 30px;
    text-align: right;
    margin-right: 5px;
    float:left;
}
.form-add .input-row .input_wrapper{
    overflow: hidden;
    margin-bottom: 8px;   
  }
.form-add .input-row .input_wrapper input[type='text'],.form-add .input-row .input_wrapper select,.form-add .input-row .input_wrapper textarea{
    border: 1px solid #dfdfdf;
    width: 100%;
    min-height: 30px;
    outline: medium;
    padding:2px 4px;
  }
  .form-add .input-row .input_wrapper input[type='radio']{
      margin-top: 6px;
    display: inline-block;
    height: 18px;
    width: 18px;    
    margin-right: 5px;
    padding: 0;
    line-height: 18px;
    border-radius: 100%;
    vertical-align:bottom;
    cursor: pointer;
    transition: all 0.2s ease;
}
.form-add .submit{text-align: center; line-height: 300%;margin:20px 0px;}
.form-add .submit input{ background-color:#00cc00; color:#fff; border:0px; padding:8px 0px;
font-size: 1.2em; font-weight: normal; width:50%;border-radius: 5px;}
.form-add .title{font-size:120%; text-align: center;line-height: 200%;height:3em}
.form-add .expmsg{margin-left:45px;color:#ff0000}

.redstar:before {
        content: '*';
        color: red;
}