.banner{overflow: hidden;position: relative;}

.banner>img{object-fit: cover;height: 100px;}

.subnav{margin-top: -.9rem;position: relative;z-index: 5;}

.subnav .container{display: flex;align-items: center;}

.subnav .searchbox{height: .9rem;padding: 0 .4rem;display: flex;align-items: center;background: #FEB05E;border-top-left-radius: .1rem;}

.subnav .searchbox input{height: .6rem;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;font-size: .14rem;color: #333;padding: 0 .15rem;}

.subnav .searchbox .btn1{width: 1.3rem;background: #3d3d3d;height: .6rem;border-radius: 5px;color: #fff;margin-left: -5px;font-size: .16rem;}

.subnav .right{width: 50%;height: .9rem;border-top-right-radius: .1rem;background: #f1f1f1;display: flex;align-items: flex-end;justify-content: center;padding-bottom: .25rem;}

.subnav .right img{width: .2rem;margin-right: .1rem;margin-bottom: .06rem;}

.subnav .right p{font-size: .30rem;color: #333;}

.subnav .right p span{font-size: .3rem;color: #EDB278;font-weight: 600;margin: 0 .15rem;}



.index1 .container{padding: .05rem .3rem .3rem;}

.index1 .swiper-slide{padding: .08rem .06rem;}

.index1 .item{display: block;border: 1px solid rgb(209, 209, 209);box-shadow: 2.294px 3.277px 0px 0px rgba(0, 0, 0, 0.07);border-radius: .1rem;padding: 3vw .25rem 3.5vw;transition: all .5s;}

.index1 .item .h1{font-size: .3rem;color: #333;transition: all .5s;}

.index1 .item p{font-size: .26rem;color: #ff6800;margin-top: 2.3vw;transition: all .5s;}

.index1 .swiper-container{padding-bottom: .55rem;}

.index1 .swiper-container .swiper-pagination{bottom: 0;font-size: 0;}

.index1 .swiper-container .swiper-pagination-bullet{background: #e1e1e1;opacity: 1;}

.index1 .swiper-container .swiper-pagination-bullet-active{background: #ff6800;}

.index2 .item{padding:15px 0;}

.index2 .item .titlebox{position: relative;height: 7.96875vw;display: flex;align-items: center;padding: 0 .54rem;}

.index2 .item .titlebox img{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;}

.index2 .item .titlebox .h1{font-size: .46rem;color: #815420;font-weight: 600;position: relative;z-index: 5;}

.index2 .item:nth-child(odd){background: #f9f9f9;}

.index2 table{width: 100%;}

.index2 table th{height: .6rem;font-size: .24rem;color: #333;padding: 0 .54rem;font-weight: 500;}

/*.index2 table td{height: 1rem;font-size: .36rem;font-weight: 600;color: #333;padding: 0 .54rem;width: 50%;}*/
.index2 table .oneadd{cursor: pointer;}
.index2 table th:nth-child(1),.index2 table th:nth-child(2),.index2 table tr td:nth-child(1),.index2 table tr td:nth-child(2){width: 38%;}
.index2 table th:nth-child(3),.index2 table tr td:nth-child(3){width: 24%; }
.index2 table td .btn{font-size: .16rem;background: #EDB278; transform: scale(0.75); color: #fff; display: flex; align-items: center;}
.index2 table td .btn:focus{outline: none;}
.index2 table td .btn > img{width: .2rem; height: .2rem; margin-left: .08rem;}
.index2 table td .btn.remove{background: #999999;}

.index2 table td{height: .6rem;font-size: .26rem;color: #333;padding: 0 .54rem;font-weight: bolder;/*width: 50%;*/}

.index2 table tr:nth-child(odd){background: #ededed;}

.index2 table tr:nth-child(even){background: #f8f8f8;}

.index3 .item{padding: 3vw 0 4vw;background: #fff;}

.index3 .item table td span{color: #ff6800;}



.menubox{right: 4px;position: fixed;top: 50%;transform: translateY(-50%);background: #FEB05E;width: .6rem;border-radius: .4rem;border: 1px solid #d1d1d1;z-index: 10;}

.menubox .item p{font-size: .14rem;color: #fff;line-height: 1.2;text-align: center;margin-top: 2px;}

.menubox .item .img1{width: .24rem;margin: 0 auto;}

.menubox .item{padding: .24rem 0;border-bottom: 1px solid #fff;cursor: pointer;position: relative;}

.menubox .gotop .img1{width: 11px;}

.menubox .gotop{border-bottom: 0;}

.menubox .codeimg{max-width: 1.2rem;position: absolute;left: -1.3rem;top: 50%;margin-top: -.6rem;display: none;}

.menubox .codeimg.aside-copy {width: 4rem;padding: 0.08rem .2rem .11rem .2rem; transform: translate(calc(-100% + 1.3rem ), -50%); max-width: unset;
    background: linear-gradient( 225deg, #E7F5FF 0%, #FDFAF0 100%);
    box-shadow: 0px 4px 12px 0px rgba(51,51,51,0.1), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 4px;}
.menubox .bottom-total{display: flex; align-items: center; font-size: .14rem; padding-top: 7px;}
.menubox .bottom-total .bottom-l{width: 25%; font-weight: bold;}
.menubox .bottom-total .bottom-r{width: 75%; }
.menubox .bottom-total .bottom-r label{font-weight: bold;}
.cart-button{margin-top: .12rem ; display: flex;justify-content: center; }
.cart-button button{margin-left: .15rem; margin-right: .15rem; border: 0; width: 40px;
        height: 24px; line-height: 20px;border-radius: 3px; font-size: 14px;}
.menubox .codeimg.aside-copy .table-header{display: flex; font-weight: bold; padding-top: 8px; padding-bottom: 8px;}
.menubox .codeimg.aside-copy .table-td button{height: 24px; line-height: 20px;border-radius: 3px; font-size: 14px;}
.menubox .codeimg.aside-copy .table-td:nth-child(1){width: 8%;  }
.menubox .codeimg.aside-copy .table-td:nth-child(2){width: 46%;  }
.menubox .codeimg.aside-copy .table-td:nth-child(3){width: 30%;  }
.menubox .codeimg.aside-copy .table-td:nth-child(4){width: 16%;   }

.aside-copy input[type=checkbox] {
    cursor: pointer;
    position: relative;
    width: 18px;
    height: 18px;
    font-size: 12px;
}

.aside-copy input[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
}

.aside-copy input[type=checkbox]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #FD8E43;
}
.table-body{
    max-height: 60vh ;
    overflow-y: auto;
}
.table-body .table-item, .table-body  .table-header{padding: .07rem ; display: flex;}
.table-body  .table-nodata{font-size: .2rem; padding: .14rem .15rem; text-align: center;}
.table-body  .textarea-box{
    width: 100%;
    height: 1.80rem;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #7793B6;
}
.modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    width: 400px;
}
.modal-footer .btn-primary{
    background-color: #FD8E43 ;
    border-color: #FD8E43;
}
@media (min-width:1200px){

    .index1 .item:hover{box-shadow: 8.03px 11.468px 10px 0px rgba(0, 0, 0, 0.07);background-color: rgb(255, 104, 0);}

    .index1 .item:hover .h1{color: #fff;}

    .index1 .item:hover p{color: #fff;}

}





@media (max-width:767px){

    .menubox{width: 50px;}

    .menubox .item p{font-size: 12px;}

    .menubox .item .img1{width: 18px;}

    .menubox .gotop .img1{width: 10px;}
    .menubox .codeimg.aside-copy{width: calc(100vw - 55px);}
    .bottom-total .bottom-l label{transform: translateY(-2px);}
    .menubox .bottom-total{font-size: 12px;}
    .subnav .searchbox input{font-size: 13px;}

    .subnav .searchbox .btn1{font-size: 14px;}

    .index1 .item{padding: 4vw .25rem;}

    .index1 .container{padding: 5px 15px 15px;}

    .index2 .item{padding: 30px 0;}

    .index2 .item .titlebox .h1{font-size: 16px;}

    .index2 .item .titlebox{padding: 0 15px;}

    .index2 table th{height: 42px;padding: 0 15px;font-size: 14px}
    .index2 table td .btn{padding: 6px 6px; font-size: 12px;}
    .index2 table th:nth-child(1),.index2 table th:nth-child(2),.index2 table tr td:nth-child(1),.index2 table tr td:nth-child(2){width: 32%;}

    .index2 table th:nth-child(3),.index2 table tr td:nth-child(3){width: 30%; }
    /*.index2 table td{font-size:17px;padding: 0 15px;height: 50px;}*/

    .index2 table td{height: 42px;padding: 0 15px;font-size: 14px}

    .foot1{padding: 30px 0;}

    .foot1 .item p{font-size: 14px;}

    .foot1 .item img{max-width: 12vw;}

    .foot2 .item{display: none;}

    .foot2 .container{font-size: 12px;}

    .subnav .searchbox{padding: 0 20px;}

    .subnav .container{display: block;border-radius: .1rem;overflow: hidden;}

    .subnav .right p{font-size: 18px;}

    .subnav .right{width: 100%;}

    .subnav .right img{width: 15px;}

    .fmh{display:none;}

  }