.search-box{ margin-bottom: .15rem;  height: 1.4rem; position: relative;z-index: 5; background: url(../images/search-bg.png) no-repeat; background-size: cover;}

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

.search-box .searchbox{height: 1.4rem;padding: 0 15vw;display: flex;align-items: center;border-top-left-radius: .1rem; position: relative;}

.search-box .searchbox input{height: .6rem; background: #fff; border-radius: 8px ;border-top-right-radius: 0; border: 2px solid #FFA705;border-bottom-right-radius: 0;font-size: .14rem;color: #333;padding: 0 .15rem 0 .43rem;}

.search-box .searchbox .btn1{ width: 1.3rem; display: flex;  

    justify-content: center;align-items: center; background: #fdb700;height: .6rem;border-radius: 0 8px 8px 0;color: #fff;margin-left: -5px;font-size: .16rem;}

.search-icon {position: absolute;left: calc(15vw + 0.15rem); top: 50%; width: .2rem; height: .2rem; transform: translate(0,-50%);}


.modal-dialog{display: flex; flex-direction: column; justify-content: center; height: 100vh; width: 400px;}


.section .item{padding:15px 0 20px; overflow: hidden;}

.section.search-result .item {padding:15px 0 40px;}

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

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

.section .item .titlebox .h1{font-size: .4rem;color: #FF7105;font-weight: 600;position: relative;z-index: 5;}



.section table{width: 100%; margin-top: 0.1rem;}
.section table .oneadd{cursor: pointer;}

.section table th:nth-child(1),.section table th:nth-child(2),.section table tr td:nth-child(1),.section table tr td:nth-child(2){width: 38%;}

.section table th:nth-child(3),.section table tr td:nth-child(3){width: 24%; }

.section table th{height: .6rem;font-size: .2rem;color: #333;padding: 0 .54rem;font-weight: 500; background: #f1f1f1;}



.section table td{height: .6rem;font-size: .2rem;color: #333;padding: 0 .54rem; font-weight: bold;}

.section table tr:nth-child(odd){background: #F1F1F1;}

.section table tr:nth-child(even){background: #fff;}

.section table td .btn{font-size: .16rem;background: #FFA11B; color: #fff; display: flex; align-items: center;}

.section table td .btn:focus{outline: none;}

.section table td .btn > img{width: .2rem; height: .2rem; margin-left: .08rem;}

.section table td .btn.remove{background: #999999;}



.asidebox{right: 4px;position: fixed;top: 50%;transform: translateY(-50%);width: .72rem;border-radius: .08rem;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.09);z-index: 10;}

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

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

.asidebox .item{padding: .2rem 0;background: #FF7105;border-bottom: 1px solid rgba(255, 255, 255, 0.3);cursor: pointer;position: relative;}

.asidebox .item:nth-child(1){border-radius: 0.08rem 0.08rem 0 0; }

.asidebox .item:last-child{border-radius:0 0 0.08rem 0.08rem ;}

.asidebox .item:hover{background: #FFA705;}

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

.asidebox .codeimg{width: 1.6rem;position: absolute;left: 0;top: 50%; transform: translate(-100%, -50%); display: none; 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; padding: .14rem;

    border: 1px solid #BFDBFF;}

.asidebox .codeimg  > img{ width: 100%;}   

.asidebox .codeimg .qq{display: flex; align-items: center;  color: #333;}

.asidebox .codeimg .qq > img{width: .24rem; height: .24rem; margin-right: 3px;}

.asidebox .codeimg.aside-copy {width: 4rem;padding: 0.08rem .2rem .11rem .2rem;}



.asidebox .bottom-total{display: flex; align-items: center; font-size: .14rem; padding-top: 7px;}

.asidebox .bottom-total .bottom-l{width: 25%; font-weight: bold;}

.asidebox .bottom-total .bottom-r{width: 75%; }

.asidebox .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;}

 .asidebox .codeimg.aside-copy .table-header{display: flex; font-weight: bold; padding-top: 8px; padding-bottom: 8px;}

 .asidebox .codeimg.aside-copy .table-td button{height: 24px; line-height: 20px;border-radius: 3px; font-size: 14px;}

.asidebox .codeimg.aside-copy .table-td:nth-child(1){width: 8%;  }

.asidebox .codeimg.aside-copy .table-td:nth-child(2){width: 46%;  }

.asidebox .codeimg.aside-copy .table-td:nth-child(3){width: 30%;  }

.asidebox .codeimg.aside-copy .table-td:nth-child(4){width: 16%;   }

.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;

}

@media (max-width:767px){

    .asidebox{width: 50px;}

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

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

    .subnav .searchbox input{font-size: 13px;}

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

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

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

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

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

    .section table td{padding: 15px 10px;font-size: 14px}

    .section table td .btn{font-size: 12px;}

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

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

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

    .subnav .right{width: 100%;}

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

    .search-box .searchbox{padding: 0 5vw;}

    .search-icon{left: calc(5vw + 0.15rem);}

    .asidebox .codeimg{width: 120px;}

    .asidebox .codeimg.aside-copy{width: calc(100vw - 55px);}

    .bottom-total .bottom-l label{transform: translateY(-2px);}

    .asidebox .bottom-total,.search-box .searchbox input,.search-box .searchbox .btn1{font-size: 12px;}

    .section table th:nth-child(1),.section table th:nth-child(2),.section table tr td:nth-child(1),.section table tr td:nth-child(2){width: 34%;}

    .section table th:nth-child(3),.section table tr td:nth-child(3){width: 26%; }

    .section table td .btn{padding: 6px 6px;}

    .footer1 .item img{max-width: unset;}

  }