﻿body{background: #0F0B2E; color: #fff;}
/*企业入驻弹窗*/
.enterpriseJoin_modal{width: 100%; pointer-events: auto; position: relative; background:rgba(21, 33, 70, 0.8);backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;border-radius: 24px; font-size: 14px;display: flex; flex-direction: column;max-height: 100%; overflow: hidden;}
.enterpriseJoin_modal_close{width: 20px; height: 20px; border-radius: 20px; border:1px #fff solid; position: absolute; top:20px; right: 20px; transform: rotate(45deg); display: inline-block;}
.enterpriseJoin_modal_close:after, .enterpriseJoin_modal_close:before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff;}
.enterpriseJoin_modal_close:after{width: 12px; height: 1px;}
.enterpriseJoin_modal_close:before{width: 1px; height: 12px;}
.enterpriseJoin_modal_title{text-align: center; padding: 30px 50px;}
.enterpriseJoin_modal_title h2{font-size: 28px;font-weight: bold;}
.enterpriseJoin_modal_title p{font-size: 14px;color: #D1D5DB;}
.enterpriseJoin_modal_body{overflow-y: auto; position: relative; flex: 1 1 auto; padding:0 50px 30px;}
.enterpriseJoin_modal_bottom{color: rgba(255, 255, 255, 0.6); text-align: center; margin-top:30px;}
.enterpriseJoin_modal_button{width: 100%; display: flex; justify-content: space-between;  margin-top:30px;}
.enterpriseJoin_modal_submit{width: 64%; height: 48px; line-height: 48px; border-radius: 16px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; border:0 none; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(105deg, #7c3aed 15%, #4f46e5 84%);}
.enterpriseJoin_modal_cancel{width: 32%; height: 46px; line-height: 46px; border-radius: 16px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; border: 1px solid rgba(255, 255, 255, 0.6);}
.enterpriseJoin_modal_ctitle{font-size: 16px; font-weight: bold;}
.redcolor{color: #FF6B6B;}
.form_data{position: relative;}
.form_dataico{position: absolute; top: 13px; right: 20px;}
.form_file{border: 1px dashed rgba(255, 255, 255, 0.3); padding:20px; width: 100%;display: block; box-sizing: border-box;color: rgba(255, 255, 255, 0.6);font-size: 14px;border-radius: 16px; cursor: pointer;}
.form_file::file-selector-button{ background: url(../images/upico.png) no-repeat center center !important; border:0 none; color: rgba(255, 255, 255, 0);}
.form_file::-webkit-date-and-time-value{color: #ff0000;}
.form_file::-webkit-datetime-edit{color: #ff6600;}
.form_file::placeholder{color: #ffffff; opacity: 1;}
.form_inp, .form_select{display: block; width: 100%; border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 16px;font-size: 14px; color: #fff; background: none; box-sizing: border-box; height: 46px; line-height: 46px; padding:0 20px;}
.form_inp::placeholder, .form_select::placeholder{color: rgba(255, 255, 255, 0.6);}
.form_select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' fill-opacity='0.6' d='M10.293 0.293L6 4.586 1.707 0.293A1 1 0 000.293 1.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 12px;}
.form_select::-webkit-select-dropdown { background-color: #0a1028 !important; color: #fff !important;border: 1px solid rgba(255,255,255,0.2);border-radius: 12px;}
/* 下拉列表选项hover高亮 */
.form_select::-webkit-select-dropdown-option:hover { background-color: #3c327a !important;}
/* 选中项背景 */
.form_select::-webkit-select-dropdown-option:checked { background-color: #7c3aed !important;}
/* ========== Firefox 深色下拉适配 ========== */
.form_select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff;
}
/* 强制火狐下拉深色主题 */
@supports (-moz-appearance: none) {
    .form_select { color-scheme: dark;}
}
/* 初始默认提示文字浅白 */
.form_select option:first-child { color: rgba(255, 255, 255, 0.6);}
 /* 下拉选项单行背景 */
.form_select option { color: #ffffff; background: #0a1028;}
.modal_form_check a{color:#00D4FF;}
.modal_scrollbar::-webkit-scrollbar {width: 6px;}
.modal_scrollbar::-webkit-scrollbar-track {-webkit-border-radius: 6px; border-radius: 6px;}
.modal_scrollbar::-webkit-scrollbar-thumb {-webkit-border-radius: 6px; border-radius: 6px; background: #00D4FF;}
/*登录注册弹窗*/
.loginRegister_modal{width: 100%; pointer-events: auto; position: relative; background:rgba(21, 33, 70, 0.8);backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box;border-radius: 24px; font-size: 14px;display: flex; flex-direction: column;max-height: 100%; overflow: hidden;padding:30px;}
.loginRegister_title{text-align: center;}
.loginRegister_title h3{font-size: 28px;font-weight: bold; padding:15px 0 5px;}
.loginRegister_title p{color: #D1D5DB;}
.loginRegister_tabhd{border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 16px; padding:2px; margin-top:20px;}
.loginRegister_tabhd ul{width: 100%; display: flex;}
.loginRegister_tabhd li{ width: 50%; display:inline-flex; justify-content: center; align-items: center; gap:5px;font-size: 16px;font-weight: 500;border-radius: 14px; line-height: 40px; cursor: pointer;}
.loginRegister_tabhd li.active{background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(118deg, #7c3aed 10%, #4f46e5 89%);}
.loginRegister_tabbd{margin-top:20px;}
.form_password{position: relative;}
.form_password_toggle{width: 16px; height: 16px; display: block; position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#fff; cursor:pointer; background: url(../images/login_mno.png);}
.form_password_toggle.on{ background: url(../images/login_mon.png);}
.loginRegister_submit{width: 100%; height: 48px; line-height: 48px; border-radius: 16px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; border:0 none; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(105deg, #7c3aed 15%, #4f46e5 84%); margin-top:25px;}
.loginRegister_bottom{text-align: center;color: rgba(255, 255, 255, 0.6); margin-top: 25px;}
/*banner*/
.banner{position: relative; width: 100%; overflow: hidden; height:600px; margin-left: auto; margin-right: auto; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.banner .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.banner .swiper-slide img, .banner .swiper-slide video{display: block; width: 100%;  height: 100%;  object-fit: cover;}
.banner .swiper-horizontal { touch-action: pan-y;}
.banner .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box;}
.banner .swiper-android .swiper-slide, .banner .swiper-ios .swiper-slide, .banner .swiper-wrapper { transform: translate3d(0px,0,0);}
.banner .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.banner .banswiper .swiper-slide{width: 100%; height: 100%;box-sizing: border-box; transform: translateX(-1rem);}
.banner .banswiper .swiper-slide.swiper-slide-active{ padding:0 40px; transform: translateX(0);}
.banner .ban_pagination{position:absolute; bottom:30px; left:0; width:100%; text-align:center;transition:.3s opacity; transform:translate3d(0,0,0);z-index:3;}
.banner .swiper-pagination-bullet {width:10px;height:10px;display:inline-block;border-radius:10px; background: rgba(255, 255, 255, 0.3); margin:0 6px; cursor:pointer;}
.banner .swiper-pagination-bullet-active {background: #00D4FF;}
.banner .bantxtbox{position: absolute; left: 50%; top:50%; z-index: 2; transform: translate(-50%,-45%); width:92%; max-width: 1336px;  color: #fff;display: flex; flex-direction: column; gap:30px; opacity: 0; width: 92%;}
.banner .swiper-slide.swiper-slide-active .bantxtbox{opacity: 1;}
.banner .bantxtbox h5 span{display: inline-flex; gap:10px; align-items: center; border-radius: 40px; background:rgba(255, 255, 255, 0.08);backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, 0.1);padding: 12px 16px;color: #00D4FF;font-size: 14px;}
.banner .bantxtbox h5 span i{width: 8px;height: 8px;border-radius: 4px;background: #00D4FF; display: inline-block;}
.banner .bantxtbox h2{font-size: 48px;font-weight: bold;}
.banner .bantxtbox h2 span{background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(136deg, #00d4ff -1%, #8b5cf6 101%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.banner .bantxtbox p{font-size: 20px; color: #D1D5DB;}
.banner .bantxtbox .ban_btn span{background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #7c3aed 5%, #4f46e5 99%); line-height: 52px;border-radius: 16px;font-size: 16px;font-weight: 500; display: inline-flex; align-items: center; gap:10px; padding:0 30px;}
.banner .bantxtbox .ban_btn span img{width: 12px;}
.banner .ban_animation{opacity: 0; transform: translateY(100%); transition:.8s cubic-bezier(.7,0,.2,1); transition-property: opacity,transform;}
.banner .swiper-slide-active .ban_animation{ opacity: 1;  transform: translateY(0);}

.home_sort{background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(20px);border-radius: 24px;padding:30px 0; font-size: 14px;}
.home_sort li{text-align: center;}
.home_sort li img{width: 64px; height: 64px;}
.home_sort li span{display: block; overflow: hidden; padding-top: 10px;}
.home_chd{width: 100%;flex-wrap: wrap; gap:10px;}
.home_ctitle{ display: flex; align-items: center; gap:15px;}
.home_ctitle span{font-size: 24px;font-weight: bold;}
.home_ctitle em{color: #C9D2E1;font-size: 14px; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 10px;}
.home_more{background: url(../images/moreico.png) no-repeat right center; padding-right: 15px; display: inline-block;font-size: 14px;color: #00D4FF; margin-left:35px;}
.goods_list dl{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.08);border-radius: 16px; overflow: hidden; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; flex-flow: }
.goods_list dl dt{width: 100%; overflow: hidden; padding-top: 67%; position: relative;}
.goods_list dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition:transform .5s cubic-bezier(.3, 1, .3, 1);}
.goods_list dl dt span, .goods_nimg span{position: absolute; top: 20px; left: 20px; z-index: 2; padding:0 10px; display: inline-block; line-height: 22px; border-radius: 22px;background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #ff6b6b 3%, #dc2626 100%); color: #fff;}
.goods_list dl dt span.new, .goods_nimg span.new{background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #00d4ff 3%, #0891b2 100%);}
.goods_list dl dd{padding:20px; display: flex; flex-direction: column; gap:10px; flex-grow: 1;}
.goods_list dl dd h2{font-size: 16px;font-weight: bold; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goods_list dl dd p{color: #C9D2E1;font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.goods_list dl dd h5, .goods_ncomment_num{display: flex; align-items: center; gap:10px;color: #C9D2E1;font-size: 14px;font-weight: bold; margin-top:auto;}
.goods_list dl dd h5 span, .goods_ncomment_num span{display: flex; align-items: center; gap:5px;}
.goods_list dl dd h5 img, .goods_ncomment_num img{width: 12px; height: 12px;}
.goods_list dl dd h3{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.goods_list dl dd h3 span{font-size: 18px;font-weight: bold;color: #FF6B6B;}
.goods_list dl dd h3 a{font-size: 14px;font-weight: 500;background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #7c3aed -1%, #4f46e5 100%);border-radius: 12px; line-height: 36px; padding:0 16px; display: inline-block;}
.goods_list dl:hover dt img{transform: scale(1.1);}
.goods_list dl:hover dd h2 a{color:#00D4FF;}
.enterprise_card{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.08);border-radius: 16px; overflow: hidden; padding: 24px;display: flex; flex-direction: column; gap:15px;}
.enterprise_card dl{display: flex; align-items: center; gap:15px;}
.enterprise_card dl dt{width: 56px;height: 56px; border-radius: 12px; overflow: hidden;}
.enterprise_card dl dt img{width: 100%; height: 100%; object-fit: cover;}
.enterprise_card dl dd{flex:1; overflow: hidden;}
.enterprise_card dl dd h2{font-size: 16px;font-weight: bold; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.enterprise_card dl dd p{margin-top:5px;color: #C9D2E1; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.enterprise_card h5{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap:10px;}
.enterprise_card h5 em{display: flex; align-items: center; gap:5px; font-size: 14px;color: #00D4FF;}
.enterprise_card h5 span{color: #C9D2E1;font-size: 14px;}
.enterprise_card h5 span i{color: #FFFFFF;font-weight: bold;}
.enterprise_card:hover{background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(137deg, #7c3aed -1%, #4f46e5 101%);}
.avow_group{padding:40px 0;background: linear-gradient(90deg, #0f0b2ecc 0%, #1b0f3ecc 10%, #0f0b2ecc 100%); border-top: 1px solid rgba(255, 255, 255, 0.05);}
.avow_group dl{display: flex; align-items: center; gap:15px;}
.avow_group dl dt{width: 56px; height: 56px; border-radius: 16px; overflow: hidden;}
.avow_group dl dt img{width: 100%; height: 100%;}
.avow_group dl dd{flex:1; overflow: hidden;}
.avow_group dl dd h2{font-size: 16px;font-weight: bold;}
.avow_group dl dd p{margin-top:5px;color: #C9D2E1; font-size: 14px;}
.breadcrumb_item{background: rgba(16, 43, 85, 0.5);border-radius: 12px;padding: 15px 32px;font-size: 14px; margin-top:30px;}
.breadcrumb_item ul{display: flex; flex-wrap: wrap;}
.breadcrumb_item li{display: inline-block; padding-left:10px;}
.breadcrumb_item li:before{content: '/'; padding-right:10px; float: left;color: rgba(255, 255, 255, 0.5);}
.breadcrumb_item li:first-child{padding-left: 0;}
.breadcrumb_item li:first-child:before{display: none;}
.breadcrumb_item li a{color: rgba(255, 255, 255, 0.5);}
.breadcrumb_item li a:hover{color:#00D4FF;}
.goodsHd{width: 100%; margin-top:20px; background: linear-gradient(180deg, #102b55 -8%, #17305800 54%);padding: 28px 0;border-radius: 16px;}
.goodsHd_title{display: flex; align-items: center;font-size: 18px;font-weight: 600; padding:0 0 28px;}
.goodsHd_title i{flex:1; height: 1px; margin:0 30px;background: linear-gradient(270deg, #06a7cb 0%, #06a7cb00 100%);}
.goodsHd_title i:last-child{transform: rotate(180deg);}
.goodsHd_title span{display: flex; align-items: center; gap:10px;}
.listHd{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: flex-start; gap:15px;}
.list_sort ul{ display: flex; flex-wrap: wrap; gap:15px;}
.list_sort li{display: inline-block; border-radius: 12px; line-height: 36px;font-size: 14px;font-weight: 500;background: linear-gradient(131deg, #7c3aed 2%, #4f46e5 97%); padding:2px;}
.list_sort li a{ background: #0f0b2e; border-radius: 10px; display: block; padding:0 15px;}
.list_sort li.on a{background: none;}
.list_filter{display: flex; align-items: center;font-size: 14px;font-weight: 500;}
.list_filter-toggle{border: 1px solid rgba(255, 255, 255, 0.4);padding: 8px 16px;display: flex; gap:5px; align-items: center; border-radius: 12px;}
.list_filter-toggle i{width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #D1D5DB transparent transparent transparent; border-radius: 3px; margin-top: 6px;}
.list_filter-toggle.show i{transform: rotate(-180deg); margin-top: -6px;}
.list_filter .dropdown-menu{background: #0F0B2E; padding:10px; font-size: 14px;}
.list_filter .dropdown-menu li{padding:5px 0;}
.list_pages{padding:40px 0;}
.list_pagination{display: flex; flex-wrap: wrap; gap:10px; line-height: 30px; font-size: 14px;}
.list_pagination .page_link{width: 30px;height: 30px;border-radius: 6px;display: flex;justify-content: center;align-items: center; box-sizing: border-box;}
.list_pagination .page_item.active .page_link{border:1px solid #4F46E5;}
.list_pagination .page_item.disabled .page_link{pointer-events: none;}
.page_number{border: 1px solid rgba(255, 255, 255, 0.15);background: #221E3E; color: #fff; text-align: center; font-size: 14px; width:50px;height: 30px;border-radius: 6px;display: flex;justify-content: center;align-items: center; box-sizing: border-box;}
.page_number::-webkit-outer-spin-button,
.page_number::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox 兼容 */
.page_number{-moz-appearance: textfield;}
.rzbanner{ position: relative; z-index: 1; display: flex; align-items: center; margin:10px 0;}
.rzbanner:after{content: ''; position: absolute; top: 44px; bottom: 30px; right: 0; left: 0; z-index: -1; border-radius: 16px; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(95deg, #8b5cf6 -16%, #00d4ff 106%);}
.rzbanimg{width: 314px; display: flex; justify-content: flex-end; align-items:center;}
.rzbaninfo{flex:1;padding:44px 0 30px;}
.rzbaninfo dl{ display: flex; align-items: center; gap:20px; flex-wrap: wrap; justify-content: space-between;padding:30px 0 30px 60px;}
.rzbaninfo dl dt h2{font-size: 48px;font-weight: bold;}
.rzbaninfo dl dt p{font-size: 18px; margin-top:10px;}
.rzbaninfo dl dd{font-size: 14px;font-weight: 500; display: flex; align-items: center; gap:40px;}
.rzbaninfo dl dd a{border: 1px solid #FFFFFF;padding: 6px 20px; border-radius: 40px; display: flex;align-items: center; gap:10px;}
.rzbaninfo dl dd a:hover{color: #fff;}
.enterprise_info{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.08);border-radius: 16px;padding: 24px;display: flex;justify-content: space-between;align-items: center; gap:20px; margin-top:30px;}
.enterprise_goodsNum{font-size: 14px;color: #C9D2E1;}
.enterprise_goodsNum span{color: #FFFFFF;font-size: 32px;font-weight: bold;}
.enterprise_infoDl{flex:1; overflow: hidden; display: flex; gap:20px;}
.enterprise_infoDl dt{width:72px;height: 72px; border-radius: 12px; overflow: hidden;}
.enterprise_infoDl dt img{width: 100%; height: 100%; object-fit: cover;}
.enterprise_infoDl dd{flex:1; overflow: hidden;}
.enterprise_infoDl dd .enterprise_infoName{display: flex; align-items: center; gap:20px; flex-wrap: wrap;}
.enterprise_infoDl dd .enterprise_infoName strong{font-size: 32px;font-weight: bold; line-height: 1.3;}
.enterprise_infoDl dd .enterprise_infoName h3{font-size: 14px;display: flex; gap:10px; flex-wrap: wrap;}
.enterprise_infoDl dd .enterprise_infoName h3 span{border:1px solid #4F46E5; line-height: 24px;padding: 0px 12px;display: flex; align-items: center;color: rgba(255, 255, 255, 0.8); gap:5px; border-radius: 40px;}
.enterprise_infoDl dd p{margin-top:5px;color: #C9D2E1;}
.enterprise_infoDl dd p span{font-size: 14px;font-weight: bold;color: #00D4FF;}
.enterprise_infoDl dd p span img{float: left; margin:3px 5px 0 0;}
.enterprise_infoDl dd p em{margin-left: 10px; }
.enterprise_infoDl dd p em:before{content: '|'; margin-right:10px; font-size: 12px; color:rgba(255, 255, 255, 0.3);}
.ncontent{padding:40px 0;}
.goods_nbox{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.08);border-radius: 16px;padding: 24px;}
.goods_nctitle{font-size: 18px;font-weight: 600;}
.goods_ndetail{font-size: 16px; line-height: 1.5; color: #C9D2E1;}
.goods_nimg{width: 100%; overflow: hidden; padding-top: 67%; position: relative;border-radius: 16px;}
.goods_nimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.goods_nname{font-size: 32px;font-weight: bold;}
.goods_ntxt, .goods_ncomment_num, .goods_nlable, .goods_nprice, .goods_nnumber{margin-top:20px;}
.goods_ntxt{color: #C9D2E1;font-size: 16px;}
.goods_nlable{border-top:1px solid rgba(255, 255, 255, 0.15);border-bottom:1px solid rgba(255, 255, 255, 0.15); padding:20px 0; display: flex; flex-wrap: wrap; gap:10px 40px;font-size: 14px;}
.goods_nlable span{display: inline-block;}
.goods_nprice{font-size: 40px;font-weight: bold;color: #FF6B6B;}
.goods_nnumber{font-size: 18px;font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
.goods_nbutton{margin-top:40px;}
.goods_nbutton a{display: inline-flex; align-items: center; gap:5px; padding:0 25px; height: 52px; box-sizing: border-box; font-size: 16px;font-weight: 500; border-radius: 16px; margin-right: 20px;}
.goods_nbutton a.goods_buybtn{background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #7c3aed 5%, #4f46e5 99%);}
.goods_nbutton a.goods_cartbtn{border: 1px solid rgba(255, 255, 255, 0.6);}
.goodsn_sceneimg{border-radius: 16px; width: 100%; overflow: hidden; padding-top: 80%; position: relative;}
.goodsn_sceneimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.goodsn_credentials_img{border-radius: 16px; width: 100%; overflow: hidden; padding-top: 70%; position: relative;}
.goodsn_credentials_img img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin: auto;}
.goodsn_credentials_img p{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, 0.3);backdrop-filter: blur(20px);font-size: 14px; padding:5px; text-align: center;}
.goodsn_qyinfo{border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.08); padding: 20px;display: flex;align-items: center; gap:15px;border-radius: 16px;}
.goodsn_qyinfo_img{width: 56px;height: 56px; border-radius: 12px; overflow: hidden;}
.goodsn_qyinfo_img img{width: 100%; height: 100%; object-fit: cover;}
.goodsn_qyinfo dl{ flex:1; overflow: hidden; display: flex;align-items: center; gap:5px; flex-wrap: wrap; justify-content: space-between;}
.goodsn_qyinfo dl dt{ overflow: hidden;}
.goodsn_qyinfo dl dt h2{display: flex;align-items: center; gap:15px;}
.goodsn_qyinfo dl dt h2 strong{font-size: 16px;font-weight: bold;}
.goodsn_qyinfo dl dt h2 span{font-size: 14px;font-weight: bold; display: flex;align-items: center; gap:5px;color: #00D4FF;}
.goodsn_qyinfo dl dt p{margin-top:5px;color: #C9D2E1;}
.goodsn_qyinfo dl dd{color: #C9D2E1;font-size: 14px;}
.goodsn_qyinfo dl dd span{color: #FFFFFF;font-weight: bold;}
.quantity {position:relative; display: inline-flex; align-items: center; gap:12px;}
.quantity .ctnbutton {cursor:pointer;text-align:center;font-size:16px;font-weight:600; width:20px; height: 20px; border-radius: 2px; border:1px #fff solid; display: flex; justify-content: center; -webkit-box-align:center;align-items:center;vertical-align:middle;color:#fff;}
.quantity .cart-plus-minus-box {border: 1px solid rgba(255, 255, 255, 0.15);width: 48px;height: 28px;border-radius: 6px;background: #141F46; text-align: center;font-size: 16px;font-weight: 600; color: #fff;}
.ncbg{background: rgba(16, 43, 85, 0.5);border-radius: 16px; padding: 24px;}
.nctHd{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap:10px;}
.nctitle{display: flex; align-items: center; gap:15px;}
.nctitle strong{font-size: 24px;font-weight: bold;}
.nctitle em{ font-weight: 500; position: relative;}
.nctitle em:before{content: '|';color: rgba(255, 255, 255, 0.2); font-size: 18px; margin-right:15px;}
.nctitle em.fs14{font-size: 14px;}
.nctitle em.fs18{font-size: 18px;}
.nctHd_r{font-size: 14px;color: rgba(255, 255, 255, 0.6);}
.cart_container{display: flex; flex-direction: column; gap:20px;}
.cart_tr{background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 16px 24px; font-size: 14px; gap:15px;}
.cart_tr.cart_goods{font-size: 16px;}
.cart_tr.cart_trfirst{color: rgba(255, 255, 255, 0.6);}
.cart_td{width: 150px; text-align: center;}
.cart_tdfirst{width: 30%; min-width: 300px; display: flex; align-items: center; gap:15px;}
.cart_proimg{width: 56px;height: 56px;border-radius: 12px; overflow: hidden;}
.cart_proimg img{width: 100%; height: 100%; object-fit: cover;}
.cart_proname{flex:1; overflow: hidden;}
.cart_check{display: flex; align-items: center; gap:8px;}
.cart_check .form-check-input{width: 16px; height: 16px; background-color: rgba(16, 43, 85, 0.5); margin:0;}
.cart_check .form-check-input:checked{background-color:#4e99fb;}
.cart_thname{padding-left: 40px;}
.cart_txt{color: rgba(255, 255, 255, 0.6);}
.cart_txt strong{ color: #fff; font-weight: bold;}
.cart_goodsDel{display: inline-flex; align-items: center; gap:5px;color: rgba(255, 255, 255, 0.6);}
.cart_count{display: flex; align-items: center; gap:20px; justify-content: flex-end; flex-wrap: wrap;}
.cart_countPrice{display: flex; align-items: center; gap:10px;}
.cart_countPrice strong{color: #FF6B6B;font-size: 32px;font-weight: bold;}
.cart_countPay{display: inline-block; width: 156px; text-align: center; border-radius: 16px; line-height: 50px;background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(135deg, #7c3aed 5%, #4f46e5 99%);font-size: 16px;font-weight: 500;}
.grenncolor{color: #10B981;}
.payprice{font-size: 18px;font-weight: bold;}
.paybox{background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px; padding: 16px 24px; font-size: 14px;}
.paymap{gap:20px;}
.paymap span{gap:8px; color: rgba(255, 255, 255, 0.8);}
.paymap_btn{color: #49E1FF;}
.paytotal{padding:20px 0; border-top:1px solid rgba(255, 255, 255, 0.15);}
.paytotal_title{font-size: 18px;font-weight: bold;}
.paytotal_price{font-size:36px;font-weight: bold;color: #FF6B6B;}
.payment_method{display: flex; gap:20px;}
.paymentbtn{border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 16px; height: 45px; display: inline-flex; justify-content: center; align-items: center; gap:5px; padding:0 20px; cursor: pointer; box-sizing: border-box;font-size: 16px; min-width: 150px;}
.btn-check:checked+.paymentbtn, :not(.btn-check)+.paymentbtn:active{border:2px solid #4e99fb; border-radius: 16px;}
.payyes_order{display: flex;justify-content: space-between;align-items: center;font-size: 18px;font-weight: bold; flex-wrap: wrap; gap:8px;}
.payyes_ordernum em{color: rgba(255, 255, 255, 0.8);}
.order_status{display: inline-block;color: #27FCB5;font-size: 14px;height: 28px;line-height: 28px;background: rgba(39, 252, 181, 0.1);border: 1px solid #27FCB5;border-radius: 50px;font-weight: normal; padding:0 12px;}
.order_status.yellow{background: rgba(255, 161, 0, 0.1);border: 1px solid #FFA100;color: #FFA100;}
.order_status.blue{background: rgba(108, 194, 255, 0.1);border: 1px solid #6CC2FF;color: #6CC2FF;}
.orderpay_info{font-size: 14px;}
.orderpay_info dl dt{color: rgba(255, 255, 255, 0.6); font-weight: normal; padding-bottom: 5px;}
.payyes_info{padding:30px 0; text-align: center;}
.payyes_infoico{margin-bottom:30px;}
.payyes_infotitle{margin-bottom:10px;font-size: 28px;font-weight: bold;}
.payyes_infotxt{ margin-bottom:30px; font-size: 14px;color: #C9D2E1;}
.payyes_infobutton{ display: inline-flex; gap:30px;}
.payyes_infobutton a{display: inline-block; padding: 0 50px; height: 48px; line-height: 48px; border-radius: 16px; color: #fff; font-size: 16px; font-weight: 500; text-align: center;}
.payyes_infobutton a:hover{color:#00D4FF;}
.payyes_orderbtn{ background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(105deg, #7c3aed 15%, #4f46e5 84%);}
.payyes_productbtn{border: 1px solid rgba(255, 255, 255, 0.6);}
.order_progress{display: flex; justify-content: space-between; padding:40px 0;}
.order_progress dl{position: relative; text-align: center; width: 25%;display: inline-block;}
.order_progress dl dt{position: relative;}
.order_progress dl dt:after, .order_progress dl dt:before{content: ''; position: absolute; top: 50%; width: 50%; height: 1px; background: #183470;}
.order_progress dl dt:after{left: 0;}
.order_progress dl dt:before{right: 0;}
.order_progress dl:first-child dt:after{display: none;}
.order_progress dl:last-child dt:before{display: none;}
.order_progress dl dt span{display: inline-block; background: #0f1b42; padding:0 10px; position: relative; z-index: 3;}
.order_progress dl dt span i{display: inline-block; background: #3455AC; border:5px solid #1e326c; width:20px;height: 20px; border-radius: 50%; box-sizing: border-box;}
.order_progress dl.yes dt span i{background: #10b981; border-color: #0f4a55;}
.order_progress dl.on dt span i{background: #00d4ff; border-color: #0a527b;}
.order_progress dl.yes dt:after, .order_progress dl.yes dt:before, .order_progress dl.on dt:after{background: #10726b;}
.order_progress dl dd{margin-top:15px;}
.order_progress dl dd h5{font-size: 16px;font-weight: 500;}
.order_progress dl dd p{font-size: 14px;font-weight: 500;color: #9E9E9E; margin-top:5px;}
.myorder_tr{background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 16px 24px; font-size: 14px; gap:15px;}
.myorder_td:nth-child(1){width: auto; min-width: 280px;}
.myorder_td:nth-child(2){width: 160px;}
.myorder_td:nth-child(3){}
.myorder_td:nth-child(4){width: 150px; font-weight: bold; text-align: center;}
.myorder_td:nth-child(5) a{color: #49E1FF;}

.myorder_timg{display: flex; width: 100%; overflow: hidden;}
.myorder_timg img{width: 56px;height: 56px;border-radius: 12px;border: 1px solid #414E75; margin-right:-30px; position: relative;}
.myorder_timg img:nth-child(1){z-index: 8;}
.myorder_timg img:nth-child(2){z-index: 7;}
.myorder_timg img:nth-child(3){z-index: 6;}
.myorder_timg img:nth-child(4){z-index: 5;}
.myorder_timg img:nth-child(5){z-index: 4;}
.myorder_timg img:nth-child(6){z-index: 3;}
.myorder_timg img:nth-child(7){z-index: 2;}
.myorder_timg img:nth-child(8){z-index: 1;}
.myorder_tname{display: flex; align-items: center; gap:5px;font-weight: bold;}
.myorder_tname em{color: rgba(255, 255, 255, 0.8);}
.myorder_sort ul{ display: flex; flex-wrap: wrap; gap:15px;}
.myorder_sort li{display: inline-block; border-radius: 12px; line-height: 36px;font-size: 14px;font-weight: 500;background: linear-gradient(131deg, #7c3aed 2%, #4f46e5 97%); padding:2px;}
.myorder_sort li a{ background: #0f1b42; border-radius: 10px; display: block; padding:0 15px;}
.myorder_sort li.on a{background: none;}
.helpBox{background: rgba(16, 43, 85, 0.5);padding: 24px;border-radius: 16px; margin-top:20px;}
.helpHd{font-size: 16px;font-weight: bold;}
.help_dl{margin-top:20px;background:rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;font-size: 14px;}
.help_dt{width: 100%; display: flex; justify-content: space-between; cursor: pointer; padding: 16px 24px;}
.help_dt h5{flex:1; overflow: hidden; font-weight: 500;}
.help_dt i{display: inline-block;background: url(../images/jtico.png) no-repeat; width: 16px; height: 16px; transition: all ease-in-out 0.3s;}
.help_dd{ padding:0 24px 16px; color: rgba(255, 255, 255, 0.8);}
.help_dl.on i{transform: rotate(-90deg);}
.article_title{font-size: 24px; text-align: center; padding-bottom: 20px;}
.article_content{font-size: 14px; line-height: 2; color: #C9D2E1;}


@media (max-width:1024px) {
	.enterpriseJoin_modal_body{padding:0 30px 30px;}
	.rzbaninfo dl{padding:20px 0 20px 30px;}
	.rzbaninfo dl dt h2{font-size: 36px;}
	.rzbaninfo dl dt p{font-size: 14px;}
	.cart_tr.cart_goods{font-size: 14px;}
	.cart_trfirst{display: none;}
	.cart_tdfirst{width: 100%; min-width: 100%;}
	.cart_countPrice strong{font-size: 24px;}
	.cart_countPay{width: 100px; line-height: 44px;}
	.cart_count{width: 100%;}
	.order_progress dl dd h5{font-size: 14px;}
	.order_progress dl dd p{font-size: 12px;}
}
@media (max-width:768px) {
	.banner{height: 420px;}
	.banner .ban_pagination{bottom: 15px;}
	.banner .swiper-pagination-bullet{width: 8px; height: 8px;}
	.banner .bantxtbox{gap:20px;}
	.banner .bantxtbox h5 span{font-size: 13px; padding:8px 12px;}
	.banner .bantxtbox h2{font-size: 35px;}
	.banner .bantxtbox p{font-size: 15px;}
	.banner .bantxtbox .ban_btn span{line-height: 45px; font-size: 14px; border-radius: 12px;}
	.home_sort{padding:20px 0; font-size: 13px;border-radius: 12px;}
	.home_sort li img{width: 54px; height: 54px;}
	.home_ctitle img{width: 20px;}
	.home_ctitle span{font-size: 18px;}
	.home_ctitle em{font-size: 12px;}
	.rzbanner{flex-wrap: wrap; flex-direction: column;}
	.rzbaninfo{padding:0 0 0; width: 100%; position: relative; z-index: 2;}
	.rzbanner:after{top: 0; bottom: 15px;}
	.rzbaninfo dl{flex-direction: column; align-items: flex-start; padding:20px 20px 0;}
	.rzbaninfo dl dd{flex-direction: column; gap:10px; align-items: flex-start;}
	.rzbanimg{width: 100%; margin-top:-80px;}
	.rzbanimg img{width: 150px;}
	.rzbaninfo dl dt h2{font-size: 32px;}
	.rzbaninfo dl dt p{ margin-top: 5px; }
	.listHd{flex-direction: column;}
	.list_sort{width: 100%; overflow-x: auto; white-space: nowrap;}
	.list_sort ul{flex-wrap: nowrap; }
	.goodsHd{padding:20px 0;}
	.goodsHd_title{font-size: 15px; padding:0 15px 20px; text-align: center;}
	.goodsHd_title span img{width: 16px;}
	.goodsHd_title i{display: none;}
	.breadcrumb_item{padding:15px 20px;}
	.enterprise_info{flex-direction: column; align-items:flex-start;}
	.enterprise_infoDl dd .enterprise_infoName{gap:10px;}
	.enterprise_infoDl dd .enterprise_infoName strong{font-size: 24px;}
	.enterprise_infoDl dt{width: 54px; height: 54px;}
	.enterprise_goodsNum{padding-left: 74px; box-sizing:border-box;}
	.enterprise_goodsNum span{font-size: 24px;}
	.goods_nbox{padding:20px;}
	.goods_nname{font-size: 24px;}
	.goods_ntxt{font-size: 14px;}
	.goods_nprice{font-size: 30px;}
	.goods_ntxt, .goods_ncomment_num, .goods_nlable, .goods_nprice, .goods_nnumber{margin-top:15px;}
	.goods_nbutton{margin-top:25px;}
	.goods_ndetail{font-size: 14px;}
	.goods_nnumber{font-size: 15px;}
	.ncbg{padding:15px;}
	.nctitle{gap:10px;}
	.nctitle img{width: 20px;}
	.nctitle strong{font-size: 18px;}
	.nctitle em.fs14{font-size: 12px;}
	.nctitle em.fs18{font-size: 14px;}
	.nctitle em:before{margin-right:5px;}
	.cart_container{gap:15px;}
	.cart_tr, .paybox{padding:15px;}
	.cart_tr .cart_td{width: auto;}
	.cart_tr .cart_td.cart_tdtwo{padding-left: 30px;}
	.cart_tr .cart_td:last-child{width: 100%; text-align: right; font-weight: bold;}
	.cart_countPrice strong{font-size: 20px;}
	.cart_count{gap:10px;}
	.cart_countPay{font-size: 14px;}
	.paymap{gap:10px;}
	.paymap_btn{display: block; margin-top:10px; width: 100%;}
	.paytotal_title{font-size: 16px;}
	.paytotal_price{font-size: 24px;}
	.paymentbtn{min-width: 120px;}
	.payyes_order{font-size: 15px;}
	.payyes_info{padding:20px 0;}
	.payyes_infoico{margin-bottom:20px;}
	.payyes_infoico img{width: 80px;}
	.payyes_infotitle{font-size: 20px; margin-bottom:5px;}
	.payyes_infotxt{font-size: 12px; margin-bottom:20px;}
	.payyes_infobutton{gap:15px;}
	.payyes_infobutton a{padding:0 20px; font-size: 14px;height: 44px;line-height: 44px;}
	.order_progress{overflow-x: auto; white-space: nowrap; padding:25px 0;}
	.order_progress dl{width: auto;}
	.order_progress dl dd{padding:0 10px;}
	.myorder_td:nth-child(1){width: 100%; min-width: 100%;}
	.myorder_td:nth-child(2){width: 120px;}
	.myorder_td:nth-child(4){width: 60%; text-align: left;}
	.myorder_timg img{width: 46px; height: 46px;}
	.myorder_sort{width: 100%; overflow-x: auto; white-space: nowrap;}
	.myorder_sort ul{flex-wrap: nowrap; }
	.helpBox{padding:15px;}
	.help_dl{margin-top:15px;}
	.help_dt{padding:15px;}
	.help_dd{padding:0 15px 15px; font-size: 13px;}
	.article_title{font-size: 18px; padding-bottom: 15px;}


}




