a{ text-decoration-line: none; }
p,ul{ padding: 0; margin: 0; }
.red { color: red; }
.float_right { float: right; }
img {  }

/* header css */
.header-big{ width:100%; min-width:1200px; background:#ffffff; }
.header-big .header-content { width: 1200px; margin: 0 auto; padding-top: 50px; }
.header-big .header-content .header-area{ position: relative; }

/*logo search cart*/
.header-big .logo-search-cart { display: flex; align-items: center; justify-content: space-between; }
.header-big .logo-search-cart .logo-big > a { display:-webkit-box;  width: 340px; color: #000000; font-size: 23px; font-weight: bold;
 overflow:hidden;  text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; } 
.header-big .logo-search-cart .search-big{ display: flex; align-items: center; width: 538px; height: 50px; background: #f5f5f5; border-radius: 25px; margin: 0 26px 0 40px; }
.header-big .logo-search-cart .search-big>div:first-child{ display: flex; align-items: center; width: 520px; padding-left: 26px; }
.header-big .logo-search-cart .search-big>div:first-child>img{ display: block; width: 21px; height: auto; margin-right: 10px; }
.header-big .logo-search-cart .search-big>div:first-child>input{ width: 100%; height: 21px; font-size: 16px; color: #A3A3A3; background: transparent; margin-right: 10px; border: none; }
.header-big .logo-search-cart .search-big>div:last-child{ width: 118px; }
.header-big .logo-search-cart .search-big>div:last-child>button{ width: 100%; height: 50px; font-size: 18px; /*color: #FFFFFF; background: #0BA84E;*/ border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; /*border: none;*/ }

/*修改bs 按钮的默认样式*/
.header-big .logo-search-cart .search-big>div:last-child>button.btn-primary{ border-color: #0BA84E; background: #0BA84E; }
.header-big .logo-search-cart .search-big>div:last-child>button.btn-primary:hover{ border-color: #0BA84E; background: #0BA84E; }
.header-big .logo-search-cart .search-big>div:last-child>button.btn-primary:active{ border-color: #06602c; background: #06602c; }


.header-big .logo-search-cart .cart-big { display: flex; align-items: center; width: 256px; background: #f5f5f5; border-radius: 6px; padding: 9px 14px; }
.header-big .logo-search-cart .cart-big>div:first-child>img { display: block; width: 30px; height: auto; }
.header-big .logo-search-cart .cart-big>div:nth-child(2){ margin-left: 6px; }
.header-big .logo-search-cart .cart-big>div:nth-child(2)>p{ width: 120px; color: #333333; font-size: 12px; font-weight: bold;
 overflow:hidden;  text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.header-big .logo-search-cart .cart-big>div:nth-child(3){ display: flex; align-items: center; margin-left: 5px; }
.header-big .logo-search-cart .cart-big>div:nth-child(3)>a{ cursor: pointer; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 4px; }
.header-big .logo-search-cart .cart-big>div:nth-child(3)>a:hover{ background: #ffffff; }
.header-big .logo-search-cart .cart-big>div:nth-child(3)>a>img{ display: inline-block; width: 21px; height: auto; }
.header-big .logo-search-cart .cart-big>div:nth-child(3)>a:first-child{ position: relative; }
.header-big .cart-float{ display: none; position: absolute; top: 42px; right: 0; width: 532px; z-index: 999; }
.header-big .cart-float .cart-float-content{ position: relative; padding-top: 20px; }
.header-big .cart-float .cart-float-content .cart-float-area{ height: 720px; overflow-y: scroll; padding: 20px 20px 70px 20px; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); border-radius: 6px; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list{ display: flex; align-items: center; background: #f8f8f8; border-radius: 4px; padding: 8px 16px; margin-bottom: 20px; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-left{ width: 24%; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-left>img{ display: block; width: 100px; height: 100px; object-fit: cover; border-radius: 4px; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right{ width: 76%; margin-left: 30px; }
.header-big .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:first-child{ color: #444444; font-size: 12px; }
.header-big .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(2){ position: relative; display: flex; align-items: center; margin: 12px 0; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(2)>span{ width: 255px; color: #A3A3A3; font-size: 12px; margin-right: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(2)>img{ cursor: pointer; position: absolute; top: 0; right: 5px; display: block; width: 17px; height: auto; margin-left: 7px; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(3){ display: flex; align-items: center; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(3)>span{ color: #A3A3A3; font-size: 12px; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(3)>span:first-child{ color: #A3A3A3; }
.header-big .cart-float .cart-float-content .cart-float-area .cart-float-list>.cart-float-list-right>p:nth-child(3)>span:last-child{ color: #FF4B4B; margin-left: 24px; }


.header-big .cart-float-fixed{ position: absolute; bottom: 0; left: 0; width: 100%; background: #f8f8f8; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content{ padding: 14px 20px; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area{ display: flex; align-items: center; justify-content: space-between; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area>.cart-float-fixed-area-left{ display: flex; align-items: center; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area>.cart-float-fixed-area-left>span{ color: #444444; font-size: 14px; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area>.cart-float-fixed-area-left>span:nth-child(2){ margin: 0 6px; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area>.cart-float-fixed-area-right{ display: flex; align-items: center; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area>.cart-float-fixed-area-right>div:first-child{ color: #444444; font-size: 14px; }
.header-big .cart-float .cart-float-content .cart-float-fixed .cart-float-fixed-content .cart-float-fixed-area>.cart-float-fixed-area-right>div:last-child{ margin-left: 16px; }


/*修改bs 按钮的默认样式*/
.header-big .cart-float .cart-float-content .cart-float-fixed button.btn-check:focus+.btn-primary,
.header-big .cart-float .cart-float-content .cart-float-fixed button.btn-primary:focus{ box-shadow: none; }
.header-big .cart-float .cart-float-content .cart-float-fixed button.btn{ display: flex; align-items: center; font-size: 14px; padding: 7px 9px; border-radius: 3px; border-color: #0BA84E; background: #0BA84E; }
.header-big .cart-float .cart-float-content .cart-float-fixed button>img{ display: block; width: 8px; height: 12px; margin-left: 6px; }


.cartBtnActive{ background: #ffffff !important; }
.cartActive{ display: block !important; }





.isNotLogin{ display: flex; align-items: center; }
.isNotLogin>span:last-child{ cursor: pointer; margin-left: 4px; color: #0BA84E; }


/*top nav*/
.header-big .top-nav{ padding-top: 24px; }
.header-big .top-nav .top-nav-list-big>ul { display: flex; align-items: center; justify-content: space-between; }
.header-big .top-nav .top-nav-list-big>ul>li:first-child{ cursor: pointer; }
.header-big .top-nav .top-nav-list-big>ul>li>a{ color: #333333; font-size: 16px; font-weight: bold; }
.header-big .top-nav .top-nav-list-big>ul>li{ position: relative; }
.header-big .top-nav .top-nav-list-big>ul>li>.hover-line{ padding-top: 6px; }
.header-big .top-nav .top-nav-list-big>ul>li>.hover-line>span{ opacity: 0; position: absolute; display: block; width: 44px; height: 4px; background: #0BA84E; border-radius: 2px; transition: .3s; }
.header-big .top-nav .top-nav-list-big>ul>li:nth-child(1)>.hover-line>span{ left: 26px; }
.header-big .top-nav .top-nav-list-big>ul>li:nth-child(2)>.hover-line>span{ left: -6px; }
.header-big .top-nav .top-nav-list-big>ul>li:not(:nth-child(1)):not(:nth-child(2))>.hover-line>span{ left: 11px; }
.header-big .top-nav .top-nav-list-big>ul>li:hover>.hover-line>span{ opacity: 1; transition: .3s; }


.header-big .top-nav .top-nav-list-big .top-nav-alert{ display: none; position: absolute; left: 0; z-index: 99; padding-top: 24px; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-aleat-area{ display: flex; align-items: flex-start; width: 1200px; min-height: 372px; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-left{ width: 178px; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-left .s-item{ cursor: pointer; color: #333333; font-size: 16px; text-align: center; padding: 15px 0; background: #f5f5f5; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-left .s-item:hover{ color: #0BA84E; font-weight: bold; background: #FFFFFF; }

.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right{ padding: 10px; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right .item{ display: flex; align-items: center; width: 1000px; background: #f5f5f5; border-radius: 4px; margin-bottom: 10px; padding: 10px 0; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right .item .l-child{ height: 31px; line-height: 31px; text-align: center; padding: 0 28px; border-right: 1px solid #C6C6C6; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right .item .l-child>a{ color: #333333; font-size: 14px; font-weight: bold; white-space: nowrap; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right .item .r-child{ display: flex; align-items: center; flex-wrap: wrap; padding-left: 34px; }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right .item .r-child>a{ color: #7F7F7F; font-size: 14px; margin-right: 34px; /*margin-bottom: 20px;*/ }
.header-big .top-nav .top-nav-list-big .top-nav-alert .top-nav-alert-right .item .r-child>a:hover{ color: #0BA84E !important; }


/*float nav css*/
.float-nav-big{ position: fixed; top: 50%; right: 0; z-index: 999; background: #ffffff; box-shadow: -3px 0px 10px 0px rgba(0,0,0,0.10); transform:translate(0,-50%); }
.float-nav-big .float-nav-content{ padding: 10px 4px; }
.float-nav-big .float-nav-content .float-nav-area>div{ cursor: pointer; position: relative; padding: 10px; }
.float-nav-big .float-nav-content .float-nav-area>div>img{ display: block; width: 24px; height: auto; }
.float-nav-big .float-nav-content .float-nav-area>div:hover{ background: #f5f5f5; border-radius: 4px; }
.float-nav-big .float-nav-content .float-nav-area>div:hover>div{ display: block; }
.float-nav-big .float-nav-content .float-nav-area>div>div{ display: none; position: absolute; border-radius: 4px; }
.float-nav-big .float-nav-content .float-nav-area>div>div>p{ padding: 11px; color: #444444; font-size: 14px; background: #ffffff; box-shadow: -3px 0px 10px 0px rgba(0,0,0,0.10); border-radius: 4px; }
.float-nav-big .float-nav-content .float-nav-area>div>div>p>span{ display: block; color: #444444; font-size: 14px; text-align: center; }
.float-nav-big .float-nav-content .float-nav-area>div>div>p>span:nth-child(2){ margin-top: 8px; }
/*.float-nav-big .float-nav-content .float-nav-area>div>div>p>img{ display: block; width: 90px; height: auto; margin-bottom: 8px; }*/


.float-nav-big .float-nav-content .float-nav-area>div:nth-child(1)>div{ top: -60px; left: -124px; }
.float-nav-big .float-nav-content .float-nav-area>div:nth-child(2)>div{ top: 0; left: -124px; }
.float-nav-big .float-nav-content .float-nav-area>div:nth-child(3)>div{ top: 0; left: -76px; }
.float-nav-big .float-nav-content .float-nav-area>div:nth-child(4)>div{ top: 0; left: -90px; }



/*modal css*/
.loginModal .modal-header{ padding: 20px !important; border: none !important; }
.loginModal .modal-header .btn-close:focus{ box-shadow: none !important; }
.loginModal .modal-content{ background: #ffffff; border: 1px solid #ebebeb; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16); }
.loginModal .mb-3{ margin: 0 !important; }
.loginModal .login-title{ text-align: center; padding-top: 46px; }
.loginModal .login-title>p{ color: #333333; font-size: 26px; font-weight: bold; }
.loginModal .login-input{ padding: 90px 40px 0 40px; }
.loginModal .login-input .form-control:focus{ box-shadow: none !important; }
.loginModal .login-input .login-input-label{ color: #333333; font-size: 18px; padding-bottom: 10px; }
.loginModal .login-input .login-input-input{ padding-bottom: 30px; }
.loginModal .login-input .login-input-input input{ border: 1px solid #c6c6c6; border-radius: 6px; font-size: 16px; }
.loginModal .form-floating>label{ color: #C6C6C6; font-size: 16px; }
.loginModal .login-button{ padding: 119px 40px 30px 40px; }
.loginModal .login-button button{ width: 100%; border-radius: 6px; }

/*修改bs 按钮的默认样式*/
.loginModal .login-button button.btn-primary{ border-color: #0BA84E; background: #0BA84E; }
.loginModal .login-button button.btn-primary:hover{ border-color: #0BA84E; background: #0BA84E; }
.loginModal .login-button button.btn-check:focus+.btn-primary,
.loginModal .login-button button.btn-primary:focus{ border-color: #087838; background: #087838; box-shadow: none; }
.loginModal .login-button button.btn-primary:active{ border-color: #06602c; background: #06602c; }
.loginModal .login-button button.btn{ height: 58px; font-size: 20px; padding: 0; }



/*modal css*/
.confirmModal .modal-header{ padding: 20px !important; border: none !important; }
.confirmModal .modal-body{ font-size: 14px !important; padding: 10px 20px 20px 20px !important; }
.confirmModal .modal-header .btn-close:focus{ box-shadow: none !important; }
.confirmModal>div:last-child button.btn-outline-success{ width: 90px; height: 35px; color: #0BA84E; border-color: #0BA84E; border-radius: 6px; }

.confirmModal>div:first-child button.btn-outline-success:hover{ color: #FFFFFF; background: #0BA84E; }
.confirmModal>div:first-child button.btn-outline-success:active,
.confirmModal>div:last-child button.btn-outline-success:active{ color: #FFFFFF; border-color: #06602c; background: #06602c; }


.confirmModal>div:last-child button.btn-primary{ width: 90px; height: 35px; color: #FFFFFF; border-color: #0BA84E; background: #0BA84E; border-radius: 6px; }
.confirmModal>div:first-child button.btn-primary:hover{ border-color: #0BA84E; background: #0BA84E; }
.confirmModal>div:first-child button.btn-primary:active,
.confirmModal>div:last-child button.btn-primary:active{ border-color: #06602c; background: #06602c; }


/*empty css*/
.header-big .empty-big{ height: 720px; overflow-y: scroll; padding: 20px 20px 70px 20px; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.16); border-radius: 6px; }
.header-big .empty-big .empty-area{ padding: 200px 100px 100px 100px; text-align: center; }
.header-big .empty-big .empty-area>div>img{ display: inline-block; width: 65px; height: auto; }
.header-big .empty-big .empty-area>p{ color: #7F7F7F; font-size: 15px; padding-top: 20px; }

/* 修补 */
body .btn.btn-primary { line-height: 1.2 !important; padding: 9px 24px !important; }
.category .item_empty .pic { width: 43px; height: 43px; }
.moreSelectCss .filter-i3-item .sort > .ck_item:last-child { margin-right: 0 !important; }
.modal.show .modal-dialog { top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
.bottom_float { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 100; display: flex; align-items: center; justify-content: center; }
.total_activity { width: 240px; }
#total_activity { color: #f00; font-size: 24px; }
.total_num { width: 600px; }
#total_num, #total_price { color: #f00; }
.bottomAddToOrder { width: 360px; line-height: 30px; font-size: 18px; padding: 10px 0; background: #0BA84E; color: #fff; text-align: center; cursor: pointer; }
body .btn.btn-clear { background-color: #FF4B4B; color: #fff; cursor: pointer; margin-left: 20px; font-size: 14px; line-height: 1.2; padding: 9px 12px; }


/* layer组件样式修改 */
body .layui-layer-dialog { border-radius: 10px; overflow:hidden; }
body .layui-layer-dialog.layer-big { width:500px; min-width:500px; }
body .layui-layer-title { height:63px; line-height:48px; font-size:18px; padding:6px 16px; text-align:left; background-color: #fff; }
body .layui-layer-dialog.layer-big .layui-layer-content { font-size:15px; padding:30px 20px; text-align:center; border-bottom: 1px solid #D5D5D5; }
body .layui-layer-setwin { top:5px; right:5px; padding: 10px; }
body .layui-layer-setwin .layui-layer-close1 { margin:0; opacity: .5; border-radius: .25rem; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")  }
body .layui-layer-setwin .layui-layer-close1:hover { color: #000; text-decoration: none; opacity: .75; background-position: 0; }
body .layui-layer-btn { padding:16px 10px 16px; overflow: hidden; }
body .layui-layer-btn a { border-radius: 4px; font-size:16px; padding:3px 30px; height:auto; background:#0BA84E; float: right; font-weight: normal; }
body .layui-layer-btn .layui-layer-btn1 { background:#fff; border: 1px solid #0BA84E; color: #0BA84E; }

#windownbg { background-color: #000; }
#windown-box { width: 98% !important; max-width: 1100px; margin: 0 !important; transform: translate(-50%, -50%); }
#windown-title { width: 100% !important; background-color: #0BA84E; padding: 20px; }
#windown-title h2 { color: #fff; font-size: 16px; margin: 0; font-weight: normal; }
#windown-close { z-index: 3; opacity: .75; cursor: pointer; padding: 20px 22px; margin: 0; filter: invert(1) grayscale(100%) brightness(200%); background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
#windown-content { width: 100% !important; padding: 0; box-sizing: border-box; float: none; }
#windown-cancel { position: absolute; top: 14px; left: 20px; overflow: hidden; opacity: .8; border-radius: 4px; padding: 10px 20px; margin: 0; z-index: 3; cursor: pointer; color: #0BA84E; background-color: #fff; }
body .eject_con { font-size: 14px; }
body #div_company_mini { display: none; }
body .eject_con dl { margin-top: 10px; overflow: initial; display: flex; }
body .eject_con dl:first-child { margin-top: 14px; }
body .eject_con dl dt { width: 160px; line-height: 42px; font-weight: normal; float: none; color: #333; font-size: 14px; }
body .eject_con dl dt.required em { display: none; }
body .eject_con dl dd { float: none; width: 75%; flex-grow: 0; margin-left: 20px; }
body .form-floating > .form-control { padding: 1rem .75rem; }
body input.text { display: block; width: 100%; height: 42px; border-radius: 4px; border-color: #D4D4D4; box-shadow: none; background-color: #fff; padding: 0 10px !important; font-size: 14px; }
body .select2-container { margin-right: 37px; }
body .select2-container:last-child { margin-right: 0; }
body .select2-container .select2-selection--single { height: 42px; border-color: #D4D4D4; padding-right: 30px; }
body .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 10px; }
body .select2-container--default .select2-selection--single .select2-selection__arrow  { width: 30px; height: 42px; }
body .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 6px 5px 0 5px; margin-left: -5px; margin-top: -3px; }
body .select2-container--default .select2-results > .select2-results__options { max-height: 180px; }

body .eject_con dl.bottom{ margin-top: 40px; display: flex; align-items: center; justify-content: flex-end; border-top: 1px solid #EDEDED; background: linear-gradient(0deg,#f4f4f4, #fcfcfc); padding: 10px; }
body dl.bottom dd { margin: 0 20px 0; }
#btnedit { width: 88px; height: 38px; background-color: #0BA84E; color: #FFFFFF; font-size: 16px; border-radius: 100px; border-color: #0BA84E; }
.cancel { cursor: pointer; float: right; width: 88px; height: 38px; line-height: 38px; color: #333; font-size: 16px; border-radius: 100px; border: 1px solid #c6c6c6; text-align: center; margin-left: 10px; }
#order_amount { font-size: 32px; }