html,
body{font-size: 16px;line-height: 1.5;font-weight: 400;background-color:#fff;width:100%;height: 100%; margin:0;padding: 0;color: #333;min-width:320px;position: relative;}
.bg-eef1f6{background-color: #eef1f6;}
.bg-e4ebf7{background-color: #e4ebf7;}
.bg-f4f5f8{background-color: #f4f5f8;}
.bg-f8f8f8{background-color: #f8f8f8;}
.bg-f2f2f2{background-color: #f2f2f2;}
.bg-f5fbff{background-color: #f5fbff;}
.bg-f5f7fa{background-color: #f5f7fa;}
.bg-fff1e7{background-color: #fff1e7;}
.bg-fafafa{background-color: #fafafa;}
.btn-white{color:#666;}
.btn-outline-gray-200{background-color: #fff;color: #666;}
.btn-outline-gray-200:hover{background-color: #f2f2f2;color: #666;}
.btn-blue{background-color: #2c6ecb;border-color: #2c6ecb; color: #fff;}
.btn-purple{background-color:rgba(89,91,212,1);color: #fff;}
.btn-purple:hover{background-color: rgba(80,82,191,1);color: #fff;}
.btn-outline-purple{background-color: rgba(89,91,212,.1);color: rgba(89,91,212,1);border-color:rgba(89,91,212,1);}
.btn-outline-purple:hover{background-color: rgba(89,91,212,1);color: rgba(255,255,255,1);border-color:rgba(89,91,212,1);}


.rounded-10{border-radius: 10px;}
.rounded-16{border-radius: 16px;}
.rounded-top-10{border-radius: 10px 10px 0 0;}
.rounded-bottom-10{border-radius: 0 0 10px 10px;}
.fs-12{font-size: 12px!important;}
.fs-13{font-size: 13px!important;}
.fs-14{font-size: 14px!important;}
.fs-15{font-size: 15px!important;}
.fs-16{font-size: 16px!important;}
.fs-18{font-size: 18px!important;}
.fs-20{font-size: 20px!important;}
.fs-24{font-size: 24px!important;}
.fs-30{font-size: 30px!important;}
.fs-50{font-size: 50px!important;}
.fs-80{font-size: 80px!important;}
.fs-100{font-size: 100px!important;}
.fs-200{font-size: 200px!important;}

.text-purple{color: #595bd4!important;}
.text-blue{color: #2c6ecb!important;}
.text-truncate-2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.gap-10{gap: 10px;}
.gap-12{gap: 12px;}
.gap-20{gap: 20px;}
.gap-30{gap: 30px;}
.g-10 { --bs-gutter-x: 10px; --bs-gutter-y: 10px;}
.g-20 { --bs-gutter-x: 20px; --bs-gutter-y: 20px;}
.gx-10 { --bs-gutter-x: 10px;}
.gx-20 { --bs-gutter-x: 20px;}
.gy-10 { --bs-gutter-y: 10px;}
.gy-20 { --bs-gutter-y: 20px;}


.m-20{margin: 20px;}
.mt-30{margin-top: 30px;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.ms-40{margin-left: 40px;}

.p-10{padding: 10px;}
.p-12{padding: 12px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.pt-20{padding-top: 20px;}
.pb-20{padding-bottom: 20px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.px-12{padding-left: 12px;padding-right: 12px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.py-12{padding-top: 12px;padding-bottom: 12px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.py-40{padding-top: 40px;padding-bottom: 40px;}
.pt-30{padding-top: 30px;}
.pb-30{padding-bottom: 30px;}

@-webkit-keyframes fade-down { 0% { opacity: 0; transform: translateY(-10px) } to { opacity: 1; transform: translateY(0) } }
@keyframes fade-down { 0% { opacity: 0; transform: translateY(-10px) } to { opacity: 1; transform: translateY(0) } }

.dropdown-fade-down{transform: translate3d(0px, 0px, 0px)!important;animation: fade-down .3s ease-in-out;}
.dropdown-toggle{position: relative;}
.dropdown-toggle::after {content: ""; display: inline-block;height: 5px;width: 8px;background:url("../img/arrow-down.png") no-repeat right center;border: none;transition: all .2s ease-in-out;}
.dropdown-toggle.show:after{transform:rotate(-180deg);}


/*Top*/
.topnav{background: #f2f2f2;border-bottom: solid 1px #eee;z-index: 9;position: relative;}
.topnav-container{max-width: 1660px;min-width: 100%;margin: 0 auto;padding: 0 30px;}
.header-container{max-width: 1660px;min-width: 100%;margin: 0 auto;height:130px;padding: 0 30px;}
.footer-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;padding: 0 30px}
.section-container{max-width: 1660px;min-width: 1260px;margin: 0 auto;padding: 0 30px;}

.topnav .time{color: #999;font-size: 12px;display: flex;align-items: center;line-height: 1.2;}
.topnav .nav-item{position: relative;line-height: 35px;font-size: 12px;}
.topnav .nav-link{padding: 0 15px;color: #999;cursor: pointer;font-size: 12px;display: flex;align-items: center;}
.topnav .nav-item:last-child .nav-link{padding: 0 0 0 15px;}
.topnav .nav-link:hover{color: #fd6802;}
.topnav .nav-link .ap-icon{margin-right: 5px;}
.topnav .nav-link .icon-iphone{color: #666;font-size: 16px;}

.language{position: relative;}
.language .sub-title{position: relative;display:flex;align-items: center; padding: 0 10px;color: #999;cursor: pointer;border-left:solid 1px transparent;border-right:solid 1px transparent;z-index:11;}
.language .sub-title:after{content: ""; display: inline-block;height: 5px;width: 8px;background:url("../img/arrow-down.png") no-repeat right center;border: none;transition: all .2s ease-in-out;}
.topnav .language .show.sub-title,
.topnav .language:hover .sub-title{border-bottom: solid 1px #fff;height: 36px;margin-bottom: -1px; background: #fff;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;z-index:1023;}
.language .show.sub-title:after,
.language:hover .sub-title:after{transform:rotate(-180deg);}
.language .sub-title .icon-flag{width: 16px;}
.dropdown-language{padding:5px 15px 15px 15px;width:270px;border:solid 1px #e5e5e5;z-index:1022;font-size: 12px;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);border-radius: 0 0 5px 5px;margin-top: -3px!important;}
.dropdown-language .currency{margin-bottom: 10px;}
.dropdown-language .language-list{margin-bottom: 10px;}
.dropdown-language .language-list a{-webkit-box-flex: 0 0 50%;-ms-flex: 0 0 50%;flex:0 0 50%;padding: 0 6px;border-radius: 5px; line-height:35px;display:flex;align-items: center; color: #777;text-decoration: none;}
.dropdown-language .language-list a:hover{background: #f2f2f2;color: #ff7318;}
.dropdown-language .language-list .icon-flag{width: 16px;}
.dropdown-language .select-box{width:100%;}
.dropdown-language .select-box .label{display:block;color: #999;line-height: 30px;vertical-align: middle;font-weight: bold;}
.dropdown-language .custom-select {display:inline-block;width: 100%;height: calc(2rem + 2px);padding: 0px 30px 0px 10px;font-size: 12px; line-height: 1.5;color: #666;vertical-align: middle;background: #fff url("../img/arrow-down.png") no-repeat right 0.75rem center;border: 1px solid #ced4da; border-radius: 3px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.custom-select:focus {border-color: #7b8a9f;outline: 0;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);}

.dropdown-language-google{padding: .5rem 1.5rem;width: 100%;}
.dropdown-language-google label{color: #666;font-size: 14px;margin-bottom: 5px;}
#google_translate .goog-te-gadget-simple{ display:flex;align-items: center; border: 1px solid #ccc; height: 32px; line-height: 30px; border-radius: 5px; padding:2px 5px;}
#google_translate .goog-te-gadget-simple>span{width: 100%;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value{color: #666;display:flex;align-items: center;justify-content:space-between;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value:hover{text-decoration: none;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value>span{width: 100%;font-size: 14px;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value>span>img{display: none;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value span ~ img ~ span{border-left: none!important;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value span ~ img ~ span ~ img ~ span{color: #fff!important;text-align: right;}
#google_translate .goog-te-gadget-simple .goog-te-menu-value span ~ img ~ span ~ img ~ span::after{display: inline-block; margin-left: .255rem; vertical-align: middle; content: ""; border-top: .35rem solid; border-right: .35rem solid transparent; border-bottom: 0; border-left: .35rem solid transparent;color: #ccc;}


@media (max-width: 991.98px){
  .language .sub-title{padding: 0;}
  .language .show.sub-title,
  .language:hover .sub-title{background:transparent;border: none !important;}
}
/*Top  end*/

body{display: flex;flex-direction: column;width: 100%; height: 100%;max-height: 100%;position: relative;}

.dr-main{flex: 1 1 auto;height: 100%;overflow:auto;max-height: 100%;position: relative;}
.dr-aside{width: 250px!important;flex-shrink: 0; background-color: #3e4450;overflow-y:auto;position: relative;padding-bottom: 3rem;}
.dr-main-container{flex: 1 1 auto;width: 100%;height: 100%; display: flex;flex-direction: column;padding-left:30px;padding-right: 30px;overflow-y:auto;}

/*滚动条*/
/* div::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; }
div::-webkit-scrollbar-thumb{ background-color: #ccc; }
div:hover::-webkit-scrollbar-thumb{ background-color: #b2b2b2;} */
/*滚动条  --END*/

html.noscroll,
body.noscroll{overflow: hidden!important;height: 100%!important;}
html.noscroll-long{overflow-y: initial!important;height: 100%!important;}


/*头部 #global-nav*/
#global-header{height: 80px;z-index: 8;position: relative;flex-shrink: 0;}
.global-nav{display:flex;height: 80px;}
.header-scroll-fixed{background: #fff;border-bottom:none;box-shadow:0 5px 10px rgba(0, 0, 0, .1);position: fixed;top: 0;}
.logo{display: flex;align-items:center;}
.logo .small{background-color: rgba(255,115,24,.1);font-size: 12px;}
.global-nav .navbar-nav .nav-link{color: #333;white-space: nowrap;}
.global-nav .navbar-nav .nav-link.active{color: #666;}

@media (max-width: 991.98px){
  #global-header{height: 70px;}
  .global-nav{display:flex;height: 70px;}
  header .logo img{height: 1rem;}
  .logo .small{transform: scale(.85);}
  .global-nav .navbar-nav{font-size: 14px;}
}



/*头部搜索框*/
.header-search-container{display: none;position: absolute;top: 0;left: 0; width: 100%;height: 100%;background-color:rgba(255,255,255,.5);z-index: 6;}
.searchopen .header-search-container{display: block;}
.searchopen ~ .mask{display: block;}
.mask { background: rgba(0,0,0,0.48); display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index:7; }
.searchopen .header-right .link-search{opacity: 0; transition: opacity .3s ease-in-out;}
.searchopen .header-search-box{opacity: 1; transition: opacity .3s ease-in-out;}
.header-search-group{position: absolute;left: 20%;width: 60%;top: 50%;transform: translateY(-50%); display: flex; align-items: center;z-index: 7;}
.header-search-box{width: 100%;height:40px;opacity: 0;background: #fff;border: solid 2px #ff7318; border-radius:5px;position: relative;animation: searchinput-fade 0.2s both;}
@keyframes searchinput-fade {0% { opacity: 0; } 100% { opacity: 1; }}
.dr-search-product{margin-bottom: 70px;}
.header-search-box .dropdown-toggle{height:100%;border-right: solid 1px #e5e5e5;border-radius: 5px 0 0 5px;color: #666;}
.header-search-input{width:100%;height:100%;line-height:100%;background:#fff;border:none;padding: 0 1rem; color: #777;font-size: 14px;overflow: hidden; text-overflow: ellipsis;}
.header-search-input:focus{background:#fff;border:none;box-shadow:none;outline: none;}
.header-search-input::placeholder{color: #ccc;}
.header-search-clean{background:#fff;display:none;width:30px;min-width: 30px;height: 100%;color: #ccc;transition: all .2s ease-in-out;}
.header-search-input:valid + .header-search-clean{display: flex;align-items: center;justify-content: center;}
.header-search-clean .icon-times-circle{font-size:16px;}
.header-search-clean:hover{color:#ff7318!important;text-decoration: none;}
.header-search-translate{background: #fff;display: flex;align-items: center;justify-content: center;margin: 0 10px; height: 100%;text-align: center;color: #999;transition: all .2s ease-in-out;}
.header-search-translate .icon-translate{font-size:18px;}
.header-search-translate:hover{color:#666;text-decoration: none;}
.header-btn-search{white-space: nowrap; border:none;cursor: pointer;color: #fff;font-size: 14px;border-radius:0px; transition: all .2s ease-in-out;background-image: linear-gradient(to right,#fd860e,#fd6802);padding: 0 10px;}
.header-btn-search:hover{background-image: linear-gradient(to right,#ff7318,#f06102);}
.header-btn-search:focus{box-shadow: none;outline: none;}
.header-exsample-link{position: absolute;top:calc(100% + 5px);border: solid 1px #c2c2c2;padding: 5px 10px;border-radius:3px;z-index: 99;background: #fff;color: #777;font-size: 13px;}
.header-exsample-link span:before{content: ""; width:14px;height: 8px;display:inline-block;background:url(../img/arrow-top.png) no-repeat;position: absolute;top: -8px;left:20px;}
.header-exsample-link a{color: #777;}
.header-exsample-link a:hover{text-decoration: underline;color: #fd6802;}
#searchview-close{width: 14px;height: 14px;opacity: .5;transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);margin-right: -2rem;flex-shrink: 0;}
.menu .dropdown-menu{background-color:#fff;border:1px #ccc solid;position:absolute; padding:0; border-radius: 5px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%); animation:fade-down .3s ease-in-out;font-size: 13px;}
@media (max-width: 991.98px){
  .header-search-container{position:absolute;left:0;right:0;width:100%;top:0;padding: 1rem 1rem;z-index: 1022;background-color: #fff;}
  .header-search-group{position:unset;left:unset;width:100%;top:unset;transform:unset; z-index: 1023;display: flex; align-items: center;}
  .header-search-box{flex-grow: 1;}
  #searchview-close{margin-right: 0;}
  #global-header .navbar-collapse{position: absolute;left: 0;right: 0;top:100%;background-color: #fff;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);}
  #global-header .navbar-collapse .nav{padding: .375rem 1rem;font-size: 14px;}
  #global-header .navbar-collapse li{border-bottom: solid 1px #e5e5e5;}
  #global-header .navbar-collapse li:last-child{border-bottom: none;}
  #global-header .navbar-collapse li .nav-link:focus{background-color: #f2f2f2;}
}
/*头部搜索框 --END*/


.header-right .link-search{width:40px;height:40px;flex-shrink: 0; border-radius: 100rem;background-color: #f2f2f2;line-height: 1;display: flex;align-items:center;justify-content: center;}
.header-right .icon-search{font-size: 20px;font-weight:500;}
.header-right .link-shopping{width:40px;height:40px;flex-shrink: 0;border-radius: 100rem;background-color: #f2f2f2;line-height: 1;display: flex;align-items:center;justify-content: center;}
.header-right .icon-shopping{font-size: 24px;font-weight:500;}
.header-right .btn-outline-grey{border-color: #ddd;display: flex;align-items: center;height: 40px;font-size: 14px;}
.header-right .btn-outline-grey .menu-text{color: #666;}
.header-right .badge{z-index: 5;}
.header-right .language .sub-title{margin-right: .5rem;padding: .475rem .875rem;height: 40px;}
.header-right .language .sub-title .icon-flag{width: 20px;height: 20px;}
.header-right .dropdown-language{margin-top: 0.125rem!important;border-radius:5px}
.header-right .avatar{height:40px;display: flex;align-items: center;padding: 0 1rem;border:solid 1px #ddd;border-radius: 5px;}
.header-right .avatar:after{content: ""; display: inline-block;height: 5px;width: 8px;background:url("../img/arrow-down.png") no-repeat right center;border: none;transition: all .2s ease-in-out;}
.header-right .avatar.show:after,
.header-right .avatar:hover:after{transform:rotate(-180deg);}
.header-right .avatar img{width:22px;height:22px;object-fit: cover;}
.header-right .avatar .name{max-width:8em;overflow: hidden;text-overflow: ellipsis;font-size: 14px;}
.dropdown.user .dropdown-menu{background-color:#fff;border:1px #ccc solid;position:absolute; padding:0; border-radius: 5px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%); animation:fade-down .3s ease-in-out;font-size: 13px;}
.dropdown.user .dropdown-menu h6.fs-sm{font-size: 13px;}
.dropdown.user .dropdown-menu .dropdown-header{padding: 0.875rem 1.25rem;}
.dropdown.user .dropdown-menu .dropdown-item{padding:0;}
.dropdown.user .dropdown-menu .dropdown-link{padding: 0.5rem 1.25rem;display: block;white-space: nowrap;font-size: 13px;}
.dropdown.user .dropdown-menu .dropdown-link:hover{background: #f8f8f8;}

.navbar-toggler { padding: 0.25rem 0.25rem; font-size: 1.25rem;line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.3125rem; transition: box-shadow 0.15s ease-in-out; }
.navbar-toggler-icon {display: inline-block;width:1.35rem;height:1.35rem;vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 011.414-1.414L10 8.586z' fill='%23999999'/%3E%3C/svg%3E");}
@media (max-width: 991.98px){
  .header-right .link-search{width:32px;height:32px;}
  .header-right .link-shopping{width:32px;height:32px;}
  .header-right .btn-outline-grey{height:32px;}
  .header-right .avatar{height:32px;}
  .header-right .avatar:after{display: none;}
  .header-right .avatar img{width:32px;height:32px;object-fit: cover;}
  .header-right .link-search{background-color: transparent;}
  .header-right .link-shopping{background-color: transparent;}
  .navbar-light .navbar-toggler{border: none;}
}
/*头部#global-nav   --END*/



.sidebar{position: fixed;bottom: 0; right: 0;top: 0;width: 0;transition: right .3s ease-in-out;z-index:1060;}
.sidebar-tab{position: absolute;left: -40px;bottom: 0;width: 40px;margin-top: auto;margin-bottom: 151px;}
.sidebar-tab-item{width:40px;height: 40px;margin-bottom: 1px;}
.sidebar-tab-btn{width: 100%;height: 100%; display:flex;align-items:center;justify-content: center;background-color: #ddd;color: #666;position: relative;text-align: center;cursor: pointer;border-radius: 3px 0 0 3px;border: none;padding: 0;}
.sidebar-tab-btn:hover{background-color: #999;color: #fff;}
.sidebar-tab-btn.active,
.sidebar-tab-btn.active:hover{background-color: #ff7318;color: #fff;}
.sidebar-tab-item .ap-icon{font-size: 20px;line-height: 1;}
.sidebar-tab-item .sidebar-num{position: absolute;right: 0;top: -7px;min-width: 18px;line-height: 15px;border-radius: 18px; height: 18px;border: solid 1.5px #fd860e;background-color: #fff;color: #ff7318;font-size: 12px;text-align: center;padding: 0 3px;}


.sidebar.open{right: 400px;}
.sidebar-panel{background-color:#f2f2f2;width: 400px;height: 100%;position: absolute;left: 0;top: 0;bottom: 0; border-left: solid 1px #ddd;}
.sidebar-panel .sidebar-panel-content{width: 400px;position: absolute;left: 0;top: 0;bottom: 0;z-index: 9;}
.sidebar-panel.show .sidebar-panel-content{left: 400px;transition: all .3s ease-in-out;transform: scale(0.9);opacity: 0;}
.sidebar-panel.active .sidebar-panel-content{left: 0;transition: all .3s ease-in-out;transform: scale(1.0);opacity: 1;}

@media (max-width: 575.98px){
  .sidebar.open{right: 100vw;}
  .sidebar-panel{width: 100vw;}
  .sidebar-panel .sidebar-panel-content{width: 100vw;}
  .sidebar-panel.show .sidebar-panel-content{left: 100vw;}
}

.sidebar-header { display: flex; align-items: center; justify-content: space-between; padding: .5rem 1rem; background-color: #eaeaea;}
.sidebar-header .btn-close {background-size: .75rem; padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; }
.sidebar-title { margin-bottom: 0; line-height: 1.5;background-color: #eaeaea;}
.sidebar-body { flex-grow: 1; padding: 10px 0; overflow-y: auto; }

.sidebar-cart-item-header .form-check,
.sidebar-cart-item-body .form-check{padding-left: 1rem;}
.sidebar-cart-item-header .form-check-input,
.sidebar-cart-item-body .form-check-input{font-size: 1rem;margin-left: -1rem;}
.sidebar-cart-item-header .form-check-label,
.sidebar-cart-item-body .form-check-label{width: 2.5rem;height: 2.5rem;}

.sidebar-cart-item{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;margin-bottom: 10px;font-size: 12px;}
.sidebar-cart-item-header{height: 40px;}
.sidebar-cart-item-body-list{border-bottom: solid 1px #ddd;background-color: #fff;padding: 12px;}
.sidebar-cart-item-body-list:last-child{border-bottom: none;}
.sidebar-cart-item .item-title{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.sidebar-cart-item .text-truncate-2{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sidebar .calculator-form{border-radius: 0;}
.sidebar .custom-input-group-text{font-size: 12px;}
.sidebar .calculator-form .fs-13{font-size: 13px;}


.sidebar-drop-table{font-size:.835rem;border-radius: 11px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
@media (max-width: 767.98px){
  .sidebar-drop-table{width: 100%;}
}
.sidebar-shipment .table{border-collapse:separate;border-spacing:0;}
.sidebar-shipment .table-bordered > :not(caption) > * > * { border-width: 0px 1px 1px 0;padding: .875rem 1rem; }
.sidebar-shipment .table-bordered tr td:first-child{border-left: solid 1px #ddd;}
.sidebar-shipment .table-bordered tr:first-child td{border-top: solid 1px #ddd;}
.sidebar-shipment .table-bordered tbody tr:first-child td{border-top: solid 0px #ddd;}
.sidebar-shipment .table-bordered tbody tr:last-child td{border-bottom: solid 1px #ddd;}
.sidebar-shipment .table-bordered thead tr td:first-child{border-radius: 10px 0 0 0;}
.sidebar-shipment .table-bordered thead tr td:last-child{border-radius: 0 10px 0 0;}
.sidebar-shipment .table-bordered tbody tr:last-child td:first-child{border-radius: 0 0 0 10px;}
.sidebar-shipment .table-bordered tbody tr:last-child td:last-child{border-radius: 0 0 10px 0;}
.sidebar-shipment .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: #fff8f3; color:#ff7318; }

.sidebar-history-content{border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.sidebar-history-item{border-bottom: solid 1px #ddd;}
.sidebar-history-item:last-child{border-bottom: none;}

.sidebar-recently-time{height: 18px;display: block; position: relative;}
.sidebar-recently-time-content{display:flex;align-items:center;justify-content: space-between;}
.sidebar-recently-timer{font-size: 13px;color:#999;position: relative;padding: 0 0 0 20px;}
.sidebar-recently-timer::before{content: '';width: 8px; height: 8px;background: #ccc;position: absolute;top:3px;left: 0;display: block;font-size: 0;border-radius: 10px;}
.sidebar-recently-timer::after{content: '';width: 2px; height: 15px;background: #ccc;position: absolute;top:3px;left: 3px;display: block;font-size: 0;}

/*侧边栏 & 返回顶部  --END*/


/*首页搜索*/
.section-hero{display: flex;align-items: center;}
.hero-bg{background:#3e4450 url(../img/global-map.png) no-repeat center center;}
.search-head{font-size: 36px;font-weight: 600;color: #fff;text-align: center;}
.search-group{width: 100%;}
.search-box{width: 100%;height:60px; background: #fff; border-radius:12px;position: relative;}
.search-box .dropdown-toggle{height:100%;border-right: solid 1px #e5e5e5;border-radius: 10px 0 0 10px;}
.dropdown--platform{font-size: 14px;}
.search-input{width:100%;height:100%;line-height:100%;border:none;padding: 0 1.25rem; color: #777;font-size: 16px;overflow: hidden; text-overflow: ellipsis;}
.search-input:focus{border:none;box-shadow:none;outline: none;}
.search-input::placeholder{color: #ccc;}
.search-clean{background: #fff;display:none;width:30px;min-width: 30px;height: 100%;color: #ccc;transition: all .2s ease-in-out;}
.search-input:valid + .search-clean{display: flex;align-items: center;justify-content: center;}
.search-clean .icon-times-circle{font-size:16px;}
.search-clean:hover{color:#ff7318!important;text-decoration: none;}
.search-translate{background: #fff;display: flex;align-items: center;justify-content: center;margin: 0 10px; height: 100%;text-align: center;color: #999;transition: all .2s ease-in-out;}
.search-translate .icon-translate{font-size:30px;}
.search-translate:hover{color:#666;text-decoration: none;}
.btn-search{min-width: 100px; border:none;cursor: pointer;color: #fff;font-size: 16px;border-radius:0px 10px 10px 0px; transition: all .2s ease-in-out;background-image: linear-gradient(to right,#fd860e,#fd6802);}
.btn-search:hover{background-image: linear-gradient(to right,#ff7318,#f06102);}
.btn-search:focus{box-shadow: none;outline: none;}
.btn-search .icon-search{font-size: 26px;}

@media (max-width: 991.98px){
  .search-box{height:50px;}
}
.tutorials-title{font-weight: bold;color: #fff;}
.tutorial{border-radius: 10px;background-color: rgba(0, 0, 0, .3);color: #fff;padding: 20px;height: 100%;}
.tutorial p{font-size: 14px;margin-bottom: 0;}
/*首页搜索 --END*/


/*支付方式*/
.section-pay-logos .brand-img{height: 34px;}
@media (max-width: 991.98px){
  .section-pay-logos .brand-img{height: 24px;}
}

/*运费估算*/
.calculator-form{background-color: #f4f7ff;border-radius: 10px;}
.calculator-form .form-label{font-size: 12px;color: #8496b5;}
.calculator-form .form-check{margin-bottom: .5rem;}
.calculator-form .form-check-label{color:#666;}
.dropship-calculator-form{background-color: #fff4ed;}

.custom-input-group { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.custom-input-group .form-control-box{position: relative; flex: 1 1 auto; width: 1%; min-width: 4rem; display:flex;align-items: center;flex-direction: column;}
.custom-input-group .form-control{position: relative; flex: 1 1 auto; width: 100%; min-width: 4rem; }
.custom-input-group .form-control:focus{ z-index: 3; }
.custom-input-group-text { display: flex; align-items: center; padding: 0.3rem 0.75rem;font-weight: 400; line-height: 1.5;text-align: center; white-space: nowrap; font-size:13px;color:#8496b5;background:#fff;z-index:4;margin:1px 2px;border-radius:5px;}
.custom-input-group:not(.has-validation) .form-control-box:not(:last-child) .form-control,
.custom-input-group:not(.has-validation) .form-control-box:nth-last-child(n+3) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.custom-input-group.has-validation  .form-control-box:nth-last-child(n+3) .form-control,
.custom-input-group.has-validation .form-control-box:nth-last-child(n+4) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.custom-input-group .form-control-box:not(:first-child) .form-control:not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.table-shipment{font-size: 14px;}
.table-shipment .table > :not(:first-child) { border-top: 2px solid #e5e5e5; }
.table-shipment tbody { vertical-align:middle; }
.table-shipment .table > :not(caption) > * > *{padding: 0.875rem 0.5rem;}
/*运费估算 --end*/



/*示例产品*/
.product-cards .card{border-radius: 10px;}
.card{height: 100%;}
.card .img-fluid{border-radius: 10px;}
.card .card-text{font-size: 14px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.card .label{font-size: 12px;}
/*示例产品 --end*/



/*首页插件广告banner*/
.module-banner{width: 100%;height: 200px;padding: 20px;background-image: linear-gradient(to right,#ebedee, #f7f6f6); border-radius: 10px;overflow: hidden;}
.module-banner-icon{width: 160px;height: 160px;border-radius: 30px;box-shadow: 0 10px 20px rgb(0 0 0 / 10%);}
.module-banner-info{margin-left:45px;margin-right: 30px;}
.module-banner-info .title{font-size: 18px;font-weight: 600;color: #333;}
.module-banner-info .small-text{font-size: 14px;font-weight: 600;color: #808080;margin-top: 10px;}
.module-banner-info .stars{color: #999;margin-top: 10px;line-height: 1;}
.module-banner-info .stars .ap-icon{font-size: 14px;}
.module-banner-info .btn-green{min-width: 140px;font-weight: 600;margin-top: 20px;}
.module-banner-info .btn-green:hover{box-shadow: 0 10px 10px rgba(14,173,81,.2);}
.module-banner-browsers{margin-left: auto;}
.module-banner-browsers .browsers-title{font-size: 16px;font-weight: 600;color: #333;}
.module-banner-browsers .browsers-list{display: grid;grid-template-columns: repeat(5,1fr);margin-top: 1rem;row-gap: 20px;column-gap: 30px;}
.module-banner-browsers .browser-item{display: block;}
/*首页插件广告banner  --end*/


/*插件弹框*/
.modal-addons-content{overflow: unset;}
.modal-addons-content .close-outside{position: absolute;right:-36px;top:-0px;width: 16px;height: 16px;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 center no-repeat; background-size: 14px 14px;}
.modal-addons-content .close-outside.btn-close-white{filter: invert(1) grayscale(100%) brightness(100%);}
.modal-section-title{text-align: center;margin: 40px auto 0 auto;}
.modal-section-title .title{font-size: 20px;color: #555;font-weight: 500;}

.modal-addons__detail{width: 960px;max-width: 960px;}
.modal-addons__info{padding: 40px 40px 30px 40px;}
.addons-icon{margin-right: 30px;width: 60px;height: 60px;}
.addons-title{font-size: 20px;color: #555;margin-bottom: 10px;}
.addons-by{font-size: 14px;color: #999;}

.modal-addons__info .btn-green{height:40px;min-width: 140px;padding:0 24px;box-shadow: 0 10px 10px rgba(4,196,70,.2);transition:all 0.15s ease-in-out;}
.modal-addons__info .btn-addons .text{color: #fff;line-height:1;font-size: 14px;white-space: nowrap;font-weight: 500;}
.modal-addons__info .btn-addons:hover{background: #0ead51;text-decoration: none;box-shadow: 0 10px 10px rgba(14,173,81,.2);}
.modal-addons__carousel{background-color: #fafafa;}
.modal-addons__carousel-inner{width: 640px; height: 400px; margin: 30px auto 50px;}
.modal-addons__carousel-inner .carousel-item{padding: 0;}
.modal-addons__carousel-control-prev{top: 205px;left: 40px;}
.modal-addons__carousel-control-next{top: 205px;right: 40px;}
.modal-addons__carousel-control-prev,
.modal-addons__carousel-control-next{width: 50px;height: 50px;border-radius: 100rem;background-color: #fff;box-shadow:0 0px 10px 0 rgba(0, 0, 0, .15);}
.modal-addons__carousel-control-prev i,
.modal-addons__carousel-control-next i{font-size: 24px;color: #999;}
.modal-addons__carousel-indicators {bottom: 16px;margin-bottom: 0;}
.modal-addons__carousel-indicators [data-bs-target]{width: 10px;height: 10px;border-radius: 100rem;background-color: #ffffff;border:solid 1px #999;box-sizing:border-box;transition: all .4s ease;}
.modal-addons__carousel-indicators li.active{background-color: #666;border:unset;}
.modal-addons__detail .browser-list-group{padding: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 auto;width: 100%;}
.modal-addons__detail .browser-item{max-width: 16.6667%;width:16.6667%;}
.modal-addons__detail .browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column;padding: 1rem 1.5rem;}
.modal-addons__detail .browser-link:hover{background-color: #eef1f6;border-radius: 5px;}
.modal-addons__detail .browser-link p{display: block;font-size:16px;font-weight:400;margin-top: 10px;color: #666;text-decoration:none;white-space: nowrap;}
.modal-addons__detail .browser-link:hover p{color: #ff7318;text-decoration: none;}
.modal-addons__opera-addons-item{margin-bottom: 30px;}
.modal-addons__opera-addons-item:last-child{margin-bottom: 0;}
.modal-addons__badge-num{width: 30px;height: 30px;border: solid 1px #9cadbd;color: #9cadbd;font-size: 14px;border-radius:100rem;margin:10px 15px 0 0;font-style: normal;}
.modal-addons__desc{font-size: 14px;color: #666;line-height: 1.7;}
.modal-addons__desc p{margin-bottom:0;}
.modal-addons__desc .text-info{text-decoration: underline;word-break:break-all;}
.modal-addons__desc .btn-light{border-color: #e5e5e5;border-radius: 5px;color:#666;}
.modal-addons__desc .btn-light:hover{border-color: #9cadbd;}
.modal-addons__desc .btn-light i{color:#ff1b2d;font-size: 16px;}

@media (max-width: 991.98px){
  .modal-addons-content .close-outside{right: -6px;top: -6px;background: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 center no-repeat;background-color: #fff;background-size: 12px 12px;}
  .modal-section-title{text-align: center;margin: 20px auto 0 auto;}
  .modal-section-title .title{font-size: 16px;margin-bottom: 0;}
  .modal-addons__detail{width:calc(100% - 0.5rem * 2);max-width:calc(100% - 0.5rem * 2);}
  .modal-addons__info{padding:20px 16px;}
  .addons-icon{margin-right: 12px;width: 40px;height: 40px;}
  .addons-title{font-size: 14px;color: #555;margin-bottom: 10px;}
  .modal-addons__info .btn-green{height:32px;min-width:auto;padding:0 20px;box-shadow: 0 10px 10px rgba(4,196,70,.2);transition:all 0.15s ease-in-out;font-size: 13px;}
  .modal-addons__carousel-inner{width:100%; height:auto; margin: 16px auto 40px;}
  .modal-addons__carousel-control-prev{top: calc(50% - 25px);left: 16px;}
  .modal-addons__carousel-control-next{top: calc(50% - 25px);right: 16px;}
  .modal-addons__detail .browser-list-group{padding: 16px;}
  .modal-addons__detail .browser-item{max-width: 20%;width:20%;}
  .modal-addons__detail .browser-link{padding: 1rem;}
  .modal-addons__detail .browser-link .browser-icon{width: 30px;}
  .modal-addons__detail .browser-link p{font-size: 12px;margin-bottom: 0;}
}
/*插件弹框  --end*/


/*footer*/
.footer-bg{background:#eef1f6;border-top:solid 1px #e5e5e5;}
footer{font-size:14px;color:#666;}
footer h5{font-size:14px;font-weight:700;}
footer .bw-brand{height: 26px;}
.footer-time{display: flex;align-items: center;}
footer .btn-contact{background-color: #3e4450;display:inline-flex; align-items: center;gap: 6px;justify-content: center;}
@media (max-width: 991.98px){
  footer{font-size:12px;}
  footer .bw-brand{height: 20px;}
}
/*footer  --end*/


.policy-tips{background: rgba(0,0,0,.85);position: fixed;bottom: 0;z-index: 999;width: 100%;display:block;}
.policy-tips .text{color:#fff;padding: 15px 0;line-height: 24px;font-size: 14px;width: 100%;}
.policy-tips .view-link{color: #ff7318;text-decoration: underline;}
.policy-tips .view-link:hover{color: #e56815;}
.policy-tips .option{text-align: right;}
.policy-tips .option .btn-agree{display: inline-block;background: #e9ecef;color: #3e4450;height: 36px;padding: 0 30px;line-height: 36px;font-size: 14px;border: 0;border-radius: 3px; text-decoration: none;white-space: nowrap;}
.policy-tips .option .btn-agree:hover{background: #c9ccce;}



/*详情页*/
.detail-nav-tabs{margin-bottom: -1px;}
.detail-nav-tabs .nav-link{border-top-left-radius: 0;border-top-right-radius: 0;background-color: #fafafa;border-color: #e5e5e5; padding: 0 .5rem;height: 46px;display: flex;align-items: center;gap: .5rem; position: relative;margin-right: 51px;color: #666;margin-bottom: 0;}
.detail-nav-tabs .nav-item:first-child .nav-link{padding-left: 1.5rem;}
.detail-nav-tabs .nav-link.active{border-color: #e5e5e5 #e5e5e5 #fff #e5e5e5;color: #ff7318;z-index: 2;}
.detail-nav-tabs .nav-link.active .icon-question{color: #ff7318;}
.detail-nav-tabs .nav-item:first-child .nav-link{border-top-left-radius: 10px;}
.detail-nav-tabs .nav-link::before{width: 51px;height: 46px;display: block;content: "";background-image: url(../img/tab-gray.png);position: absolute;left: -51px;transform: rotateY(180deg);z-index: 1;}
.detail-nav-tabs .nav-link::after{width: 51px;height: 46px;display: block;content: "";background-image: url(../img/tab-gray.png);position: absolute;right: -51px;z-index: 1;}
.detail-nav-tabs .nav-item:first-child .nav-link::before{display: none;}
.detail-nav-tabs .nav-link.active::before{width: 51px;height: 46px;display: block;content: "";background-image: url(../img/tab-white.png);position: absolute;left: -51px;transform: rotateY(180deg);}
.detail-nav-tabs .nav-link.active::after{width: 51px;height: 46px;display: block;content: "";background-image: url(../img/tab-white.png);position: absolute;right: -51px;}
@media (max-width: 575.98px){
  .detail-nav-tabs .nav-link{border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 0 1rem;margin-right: 5px;font-size: 14px;height: 40px;}
  .detail-nav-tabs .nav-item:first-child .nav-link{padding-left: 1rem;}
  .detail-nav-tabs .nav-link::before,
  .detail-nav-tabs .nav-link::after,
  .detail-nav-tabs .nav-link.active::before,
  .detail-nav-tabs .nav-link.active::after{display: none;}
}

.product-detail{border-top-left-radius: 0!important;}
.dr-main-container .product-detail{border-top-left-radius: 10px!important;}
.thumbnail-item.active .border{border-color: #ff7318!important;}
.product-detail-title{font-size: 18px;}
.product-detail-info{font-size: 14px;}
.product-detail-info .text-blue{color: #037cd5;}
.edit-price{display: none;}
.edit-price.show{display: flex;}
.edit-price .form-control{font-size: 14px;}
.edit-price .btn-primary{font-size: 14px;}
.property a{padding: 3px 15px;min-height: 40px; border: solid 2px transparent;border-radius: 5px;display:flex;align-items: center;background-color:rgba(0,0,0,.05);transition:all ease-in-out .2s;}
.property a.active{padding: 3px 15px;border: solid 2px #ff7318!important;}
.property a:hover{background-color:rgba(0,0,0,.1);}
.property .attribute{display:flex;align-items: center;flex-direction: column;justify-content: center;}
.property .property-img{position: relative;width: auto;height: 40px;padding:0px!important;align-items: center;background-color:rgba(0,0,0,.05);transition:all ease-in-out .2s;}
.property .property-img img{width: 36px;height: 36px;}
.property .property-img:hover{background-color:rgba(0,0,0,.1);}

.quantity .btn{background-color:#fff;color: #666;width: 35px;display: flex;justify-content: center;align-items: center;}
.quantity .btn:hover{background-color: #f2f2f2;}
.quantity .form-control{max-width: 100px;font-size: 14px;}
.remark .form-control{font-size: 14px;}
.buttons .btn{height: 40px;line-height: 1;}
.buttons .btn-outline-primary{background-color: rgba(255, 115, 24, .1);color: #ff7318;min-width:160px;}
.buttons .btn-outline-primary:hover{background-color: rgba(255, 115, 24, .18);}
.buttons .btn-outline-primary:disabled{background-color:#eef1f6;color: #8d93a8;border: solid 1px #c0c9d4;}
.buttons .btn-primary{min-width:180px;}
.buttons .btn-outline-gray-200{background-color: rgba(153, 153, 153, .1);color: #999;}
.buttons .btn-outline-gray-200:hover{background-color: rgba(153, 153, 153, .18);color: #666;}

@media (max-width: 991.98px){
  .product-gallery-thumblist{width: 3rem;flex-shrink: 0;}
  .product-detail-title{font-size: 14px;}
}
@media (max-width: 575.98px){
  .product-gallery-thumblist{width: 3rem;flex-shrink: 0;}
  .quantity .btn{width: 32px;}
  .list-group .text-small{font-size: 12px;}
}
.side-title{font-size: 14px;}
.side-card-title{font-size: 13px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.side-card-price{font-size: 14px;}


.side-banner__taobao{border-radius: 5px;background-color: #fff;position: relative;}
.side-banner__taobao img{border-radius: 5px;}
.side-banner__taobao-text-content{position: absolute;top:20px;left: 20px;color: #505050;}
.side-banner__taobao-title{font-size: 14px;}
.side-banner__taobao-secondly-text{font-size: 14px;font-weight: 700;}
.side-banner__taobao-text-content .btn{font-size: 13px;font-weight: 600;}
.side-banner__taobao-text-content .btn .ap-icon{font-size: 18px;font-weight: 400;}

.detail-content-tabbar{flex-wrap: nowrap;white-space: nowrap;}
@media (max-width: 575.98px){
  .detail-content-tabbar{gap: 20px;margin-right: -0.75rem;padding-right: 0.75rem;border-bottom: none;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .1);overflow-x: auto;overflow-y:hidden;}
  .detail-content-tabbar .nav-link{border: none;padding: 0.5rem 0;}
  .detail-content-tabbar .nav-link.active{border-bottom: solid 3px #ff7318;}
}
.detail-content-tabbar::-webkit-scrollbar{display: none;}
.detail-content-tabbar .nav-link{font-size: 14px;}
.detail-content-tabbar .nav-link.active{font-weight: 700;} 
.detail-tab-content{padding-top: .5rem;}
.detail-tab-content h4{margin-bottom: 1.5rem;}
.detail-tab-content p{margin-bottom: 1.5rem;display: block;}
.detail-tab-content ol{padding-left: 1.85rem;}
.detail-tab-content ol li{display: list-item;list-style:decimal;}
.detail-tab-content img{max-width:100%;}
@media (min-width: 992px){
  .navbar-expand-lg.attributes-list .navbar-collapse{display: block!important;}
}
.attributes-list{font-size: 13px;width: 100%;}
.attributes-list li{display: flex; gap: 8px;}
.attributes-list li label{display: inline-block;white-space: nowrap;}
.attributes-list li span{display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 100%;}
.attributes-list .navbar-toggler{font-size: 13px;}
.attributes-list .navbar-toggler .ap-icon{font-size: 13px;display: inline-block;transition: all .2s ease-in-out;}
.attributes-list .navbar-toggler[aria-expanded=true] .ap-icon{transform:rotate(-180deg);}
@media (max-width: 991.98px){
  .attributes-list li label{width: 30%;}
  .attributes-list li span{width: 70%;}
}
.tips-information{font-size: 14px;}
.popover{max-width: 460px;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}

/*详情页成本计算*/
.table-rounded{border-collapse:separate;border-spacing:0;border-radius: 5px;}
.table-fee .table-bordered > :not(caption) > * > * { border-width: 0px 1px 1px 0;padding: .5rem .75rem; }
.table-fee .table-bordered tr td:first-child{border-left: solid 1px #e5e5e5;}
.table-fee .table-bordered tr:first-child td{border-top: solid 1px #e5e5e5;}
.table-fee .table-bordered tbody tr:first-child td{border-top: solid 1px #e5e5e5;}
.table-fee .table-bordered tbody tr:last-child td{border-bottom: solid 1px #e5e5e5;}
.table-fee .table-rounded tbody tr:first-child td:first-child{border-radius: 5px 0 0 0;}
.table-fee .table-rounded tbody tr:first-child td:last-child{border-radius: 0 5px 0 0;}
.table-fee .table-rounded tbody tr:last-child td:first-child{border-radius: 0 0 0 5px;}
.table-fee .table-rounded tbody tr:last-child td:last-child{border-radius: 0 0 5px 0;}
.table-fee .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: #fff8f3; color:#ff7318; }
/*详情页成本计算  --END*/

/*详情页   --END*/


/*问卷*/
.qa__box{width:100%;background: #fff;font-size: 16px;line-height: 1.75;margin: 0 auto;}
.qa__form-group {margin-bottom: 30px;}
.qa__custom-control {position: relative;display: block;min-height: 1.5rem;padding-left: 34px;margin-bottom: 15px;}
.qa__custom-control-input {position: absolute;left: 0;z-index: -1;width:24px; height:24px;opacity: 0;}
.qa__custom-control-input:checked ~ .qa__custom-control-label::before {color: #fff;border-color: #626674;background-color: #626674;border-radius:3px;}
.qa__custom-control-input:focus ~ .qa__custom-control-label::before {box-shadow: none;}
.qa__custom-control-input:focus:not(:checked) ~ .qa__custom-control-label::before {border-color:#b0b2b9;}
.qa__custom-control-input:not(:disabled):active ~ .qa__custom-control-label::before {color: #fff;background-color:#b0b2b9;border-color:#b0b2b9;}
.qa__custom-control-input[disabled] ~ .qa__custom-control-label, 
.qa__custom-control-input:disabled ~ .qa__custom-control-label {color: #b0b2b9;}
.qa__custom-control-input[disabled] ~ .qa__custom-control-label::before, 
.qa__custom-control-input:disabled ~ .qa__custom-control-label::before {background-color: #e9ecef;}
.qa__custom-control-label {position: relative;font-size: 16px;color: #626674;cursor: pointer;}
.qa__custom-control-label::before {position: absolute;top:3px;left:-34px;display: block;width:24px;height:24px;pointer-events: none;content: "";border: solid 2px #aaa;cursor: pointer;}
.qa__custom-control-label::after {position: absolute;top: 3px;left:-34px;display: block;width:24px;height:24px;content: "";background: no-repeat 50% / 50% 50%;cursor: pointer;}
.qa__custom-checkbox .qa__custom-control-label::before {border-radius:3px;}
.qa__custom-checkbox .qa__custom-control-input:checked ~ .qa__custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.qa__custom-checkbox .qa__custom-control-input:disabled:checked ~ .qa__custom-control-label::before {background-color: rgba(98, 102, 106, 0.5);}
.qa__custom-control-label::before{transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.qa__btn-group{display: flex;align-items: center;}
.qa__btn-group .btn{border-radius:5px;padding: 10px 40px;margin-right: 15px; font-weight: 500!important;font-size: 14px;line-height: 1.5;text-shadow: none;}
.qa__btn-group .btn:focus,
.qa__btn-group .btn:active,
.qa__btn-group .btn:hover{box-shadow: none;}
.qa__btn-group .btn-grey{color: #626674;background: #eef1f6;border: solid 1px #ddd;}
.qa__btn-group .btn-grey:hover{background: #e4e6eb;border: solid 1px #ccc;}
.qa__message{text-align: center;}
.qa__message .icon-right-circle{font-size: 80px;}
.qa__message-title{font-size: 20px;font-weight: 600;margin-bottom: 50px;}
/*问卷  -END--*/


/*提示安装插件*/
.extension-info{background-color: #f7f9fa;}

.banner-img{display: flex;align-items: center;justify-content:flex-start;}
.banner-img img{width: 100%;max-width: 100%; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);border-radius:10px;}
.banner-text{}
.banner-text .inner-box{display: flex;flex-direction: column;}
.banner-text__title{margin-bottom: 24px;}
.banner-text__title p:last-child{margin-bottom: 0;}
.banner-text__title-t1{font-size: 26px;line-height: 1.5;font-weight:700;display:block;color: #333;}
.banner-text__title-t2{font-size: 20px;line-height: 1.5;font-weight:500;display:block;color: #333;}

.banner-text__browser{display: flex;align-items: center;margin-bottom:30px;}
.banner-text__browser-icon{width: 50px;height: 50px;}
.banner-text__browser-info{margin:0 1rem;}
.banner-text__browser-title{font-size: 16px;font-weight: 600;color: #333;}
.banner-text__browser-stars{color: #999;margin-top: 10px;line-height: 1;}
.banner-text__browser-stars .ap-icon{font-size: 14px;}
.banner-text__browser-stars .text-muted{margin: 0 1rem;}

.btn-download{height:50px;min-width: 200px;box-shadow: 0 10px 10px rgba(4,196,70,.2);}


.browser{text-align: center;}
.browser-title{display: block;padding-bottom:60; text-align: center;}
.browser-title h3{font-size:30px;color: #333; font-weight: 600;display: inline-block;}
.browser-link{display:flex;justify-content: center;align-items: center;flex-flow: column;padding:.75rem 2rem;}
.browser-link:hover{background-color: #f4f7fa;border-radius: 5px;}
.browser-link .browser-icon{width: 50px;}
.browser-link p{display: block;font-size:16px;margin-top: 20px;color: #999;text-decoration: none;white-space: nowrap;}
.browser-link:hover p{color: #ff7318;}
/*提示安装插件   --END*/




/*弹框提示样式*/
#add-to-cart-Modal .icon-right-fill{font-size: 50px;}
#add-to-cart-Modal .modal-footer .btn{font-size: 14px;}

/*弹框提示样式   --END*/


/*alert全局样式*/
.alert-global{width: 350px; max-width: 100%;z-index: 1060!important;}
.alert-global.bg-red{box-shadow: 0 0.5rem 1rem rgba(233, 97, 99, 0.3);}
.alert-global.bg-green{box-shadow: 0 0.5rem 1rem rgba(10, 187, 64, 0.3);}

.alert-primary {color: #e56815;background-color: #fff1e7;border-color: #ffb98b;}
.alert-primary .ap-icon{font-size: 14px;}
.alert-primary .alert-link {color: #f26202;}
/*alert全局样式   --END*/


/*购物车*/
.cart-header{font-size: 12px;border-radius: 10px;}
.cart-header .form-check{font-size: 1rem;padding-left: 1rem;}
.cart-header .form-check-label{font-size: 12px;}
.cart-header .form-check-input{font-size: 1rem;margin-left: -1rem;}
.cart-item-header .form-check,
.cart-item-body .form-check{padding-left: 1rem;}
.cart-item-header .form-check-input,
.cart-item-body .form-check-input{font-size: 1rem;margin-left: -1rem;}
.cart-item-header .form-check-label,
.cart-item-body .form-check-label{width: 2.5rem;height: 2.5rem;}
.cart-header .image{width: 100px;}
.cart-body{font-size: 12px;}
.cart-item{border:solid 1px #ddd;border-radius:10px;margin-bottom: 1rem;}
.cart-item-header{height: 40px; padding: .5rem 0;border-radius:10px 10px 0 0;}
.cart-item .cart-item-body{border-top: solid 1px #ddd;}
.cart-item .cart-item-body:first-child{border-top-width:0;}
.cart-item .item-title{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cart-item .image{width: 100px;}
.cart-body .icon-cart{font-size: calc(1.575rem + 3.9vw);}
@media (max-width: 991.98px){
  .cart-item .bg-md-f2f2f2{background-color: #f2f2f2;border-radius: 5px;}
}
.cart-item .input-group .btn{line-height: 1;width: 26px; height: 26px;padding: 0;display: flex; align-items: center; justify-content: center;}
.cart-item .input-group .btn:hover{background-color: #f2f2f2;}
.cart-item .input-group .form-control{font-size: 12px;line-height: 1;min-width:26px;max-width: 40px; padding: 0.2rem 0.1rem;}
.cart-item .custom-input-group .form-control{font-size: 12px;line-height: 1.5;min-width:52px;max-width: 100px; padding: 0.2rem 0.2rem;}
.operation .btn-link:hover{background-color: #f2f2f2;}
.cart-item-footer-list{background-color: #f5fbff;border-top: solid 1px #e9eef2;}
.cart-item-footer-list:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.cart-footer{font-size: 12px;border-radius: 10px;}
.cart-footer .form-check{font-size: 1rem;}
.cart-footer .form-check-label{font-size: 12px;}
.sticky-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 999; }
.divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.divider-vr { height: 100%; margin: 0; overflow: hidden; border-left: 1px solid rgba(0, 0, 0, 0.1);}
.divider-dotted{height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px dashed rgba(0, 0, 0, 0.1);}
@media (max-width: 991.98px){
  .cart-header{font-size: 12px;}
  .cart-item .image{width: 5rem;height: 5rem;}
}
/*购物车 --END*/


/*订单详情-物流信息*/

@media (max-width: 991.98px){
  .list-item-header + .list-item-body .package-detail-header{border-top-left-radius: 10px;border-top-right-radius: 10px;}
}
.package-detail{position: relative;}
.package-more-detail{cursor: pointer;}
.package-more-detail:hover ~ .package-detail-list{display: block;}
.package-detail-list:hover{display: block;}
.package-detail-list{position: absolute;left:-17px;top:100%;margin-right: -1px; padding:.75rem 1rem;line-height:2; background-color: #fff;border: 1px solid #ddd;border-radius: 10px; box-shadow: 0px 0px 10px #ececec; color: #999;cursor: default;z-index: 2;display:none;}
.package-detail-list li{display: flex;align-items: flex-start;}
.package-address{max-width: 500px;white-space: normal;}
.status-current{color: #ff7318;}
.status-done{color: #666;}

/*订单列表页-物流信息*/
.order-list-page__package-detail{position: relative;}
.package-more-detail:hover ~ .order-list-page__package-detail-list{display: flex;flex-direction: column;align-items: stretch;}
.order-list-page__package-detail-list:hover{display: flex;flex-direction: column;align-items: stretch;}
.order-list-page__package-detail-list{position:absolute;width: 400px; left:50%; top:100%;padding:.75rem 1rem;line-height:2; background-color: #fff;border: 1px solid #ddd;border-radius: 10px; box-shadow: 0px 0px 10px #ececec; color: #999;cursor: default;z-index: 1060;text-align: left; display:none;transform: translate(-50%,0%);}
.order-list-page__package-detail-list li{display: flex;align-items:flex-start;}
.order-list-page__package-detail-list .package-address{max-width:500px;white-space:normal;}
@media (max-width: 991.98px){
  .order-list-page__package-detail-list{width:280px;left:unset;right: 0; transform: translate(0%,0%);}
  .order-list-page__package-detail-list .list-unstyled{list-style-type:disc!important;padding-left: 20px;}
  .order-list-page__package-detail-list li{display: list-item;}
  .order-list-page__package-detail-list li span{display: block;}
}
/*订单列表页-物流信息  --END--*/

.item-status-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem;color: #666;border: 0; border-radius: 0; transition: all 0.15s ease-in-out;}
.item-status-button:not(.collapsed) { }
.item-status-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); }
.item-status-button::after { flex-shrink: 0; width: .875rem; height: .875rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: .875rem; transition: transform 0.2s ease-in-out; }

.item-status{position: relative;}
.item-status::before{width: 100%;height: 0px;border-top: 5px dotted #ddd;content: "";display: block;position: absolute;top:10.5px;left: 0;}
.item-status:last-child::before{display: none;}
.item-status .num{width: 26px;height: 26px;border-radius: 100rem;text-align: center;line-height: 26px;font-size: 13px;font-weight: 600;position: relative; background-color: #ddd; color: #666;}
.item-status.active::before{border-color:#ff7318;}
.item-status.active .num{background-color: #ff7318; color: #fff;}
/*订单详情-物流信息   --END--*/


/*付款页面*/
.form-check .icon-wallet{color: #037cd5;font-size: 30px;}
.form-check .icon-bank-card{color: #ff7318;font-size: 30px;}
.form-check-label-brand{width: 150px;height: 40px;}
.form-check-label-brand .brand-img{max-height:100%; max-width: 100%;height: 100%;width: auto;}
.payment-method .list-group-item{padding: 1rem 1.25rem;}

.list-item{border:solid 1px #ddd;border-radius:10px;margin-bottom: 1rem;font-size: 12px;}
.list-item-header{height: auto; border-radius:10px 10px 0 0;padding: .5rem 0;}
.list-item .item-title{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-item .form-select-sm{font-size: 12px;}
.list-item-body{border-top: solid 1px #ddd;}
.list-item-body:first-child{border-top: none;}
.list-item-header .image,
.list-item-body .image{width: 100px;}
.operation{width: 120px;}
.list-item-footer-list{background-color: #f5fbff;border-top: solid 1px #e9eef2;}
.list-item-footer-list:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
@media (max-width: 991.98px){
  .list-item-body .bg-md-f2f2f2{background-color: #f2f2f2;border-radius: 5px;}
  .operation{width: 100%;}
  .list-item-body .operation{gap:10px 10px;flex-wrap: wrap;}
  .list-item-body .operation a{padding: 1px 16px;border: solid 1px #e5e5e5;border-radius:100rem;}
  .list-item-footer-list .btn{border-radius: 100rem;}
}
.checkout-total.sticky-lg-top{top: 120px;}
.sub-payment-method{padding-left: calc(3rem + 30px);}
@media (max-width: 991.98px){
  .checkout-sticky-bottom{bottom: 0;position: sticky;position: -webkit-sticky;z-index: 1061;}
  .checkout-total{z-index: 11;position: relative;box-shadow: 0 -1px 1px rgba(0, 0, 0, .1);}
  .form-check-label-brand{width: 120px;height: 30px;}
  .form-check-label-brand .brand-img{height: 30px;}
  .payment-method .list-group-item{padding: 0.75rem;}
  .checkout-total.sticky-lg-top{top: unset!important;}
  .checkout-total .navbar-toggler{font-size: 13px;padding:0.5rem 0;}
  .checkout-total .navbar-toggler .icon-chevron-right{font-size: 12px;}
  .OrderSummary-backdrop { background:#000;transition: opacity .15s linear; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0;width: 100vw;height: 100vh;z-index:10;border-radius: 0!important;}
  .OrderSummaryOpen ~ .OrderSummary-backdrop.show{display: block;opacity: 0.5;}
  .sub-payment-method{padding-left: calc(1.5rem + 0px);}
}
/*付款页面 --END*/


/*线下汇款页面*/
.badge-num{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;padding: 0;font-size: 14px;}
.remit-money{font-size: 14px;}
.remit-money .form-select{font-size: 14px;}
.remit-money .table{background-color: #f8f8f8;border-collapse:separate;border-spacing:0;}
.remit-money .table-white{background-color: #fff;}
.remit-money .table-bordered td{padding: 1rem;}
.remit-money .table-bordered > :not(caption) > * > * { border-width: 0px 1px 1px 0; }
.remit-money .table-bordered tr td:first-child{border-left: solid 1px #ddd;}
.remit-money .table-bordered tr:first-child td{border-top: solid 1px #ddd;}
.remit-money .table-bordered tr:first-child td:first-child{border-radius: 10px 0 0 0;}
.remit-money .table-bordered tr:first-child td:last-child{border-radius: 0 10px 0 0;}
.remit-money .table-bordered tr:last-child td:first-child{border-radius: 0 0 0 10px;}
.remit-money .table-bordered tr:last-child td:last-child{border-radius: 0 0 10px 0;}
.remit-money .upload-img{width: 80px; height: 80px;overflow: hidden; background-color: #eef1f6; color: #c6c8cc;display: flex; justify-content: center;align-items: center;}
.remit-money .upload-img .icon-upload-pic{font-size: 40px;}
@media (max-width: 991.98px){
  .remit-money .table-bordered td{padding: .75rem;}
}
/*线下汇款页面 --END*/



/*aside左侧菜单*/
.aside{width: 300px;}
.account-menu{font-size: 14px;}
.account-menu h6.fs-sm{font-size: 14px;padding:0.5rem 0rem;}
.account-menu .icon-chevron-right{font-size: 14px;color: #999;transition:all .2s ease-in-out;}
.account-menu .nav-link{padding:0.5rem 0.625rem;border-radius: 5px;margin: 0 -0.5rem;color: #666;}
.account-menu .nav-link.active{background: #f2f2f2;color: #ff7318;}
.account-menu .nav-link.active .icon-chevron-right{color: #ff7318;}
.account-menu .nav-link:hover{background: #f2f2f2;}
.account-menu .divider{margin: 0.5rem -0.5rem;}
@media (max-width: 991.98px){
  .account-menu .border{border: none!important;}
  .aside,aside{width: 100%;}
}
/*aside左侧菜单 --END*/




/*用户中心*/
.profile .name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
@media (max-width: 991.98px){
  .profile .avatar img{width: 50px;height: 50px;}
}
.notice-item{border-bottom: dashed 1px #ccc;}
.notice-item:last-child{border-bottom: none;}
.notice-link{padding: 1rem 0;}
.status-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;}
.status-icon .ap-icon{font-size: 48px;}

.nav-status{gap: 40px;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;overflow-y: hidden;padding-right: 0.75rem;}
.nav-status.border-bottom{border-bottom: none!important;box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .1);}
.nav-status .active{border-bottom: solid 2px #ff7318;color: #ff7318;}
.nav-status::-webkit-scrollbar{display: none;}
@media (max-width: 991.98px){
  .nav-status{gap:20px;margin-right: -0.75rem;}
}
/*用户中心 --END*/



/*分页*/
.page-bar {display: block;text-align: center;}
.page-bar .e-page {border:#ddd 1px solid;height: 32px;font-size: 12px; padding:0px 10px;display: inline-flex;align-items: center; margin:2px;background: #fff;border-radius: 3px;}
.page-bar .e-page:hover {border:#ddd 1px solid; color: #666; background:#f2f2f2;}
.page-bar .e-page.border-0{background-color: transparent;}
.page-bar .page-current{background:#f2f2f2; color:#666;border:#ddd 1px solid;}
.page-bar .text-muted{height: 32px; padding:0px 12px;display: inline-flex;align-items: center; margin:0 2px;}
.page-bar .form-select{height: 32px;}
.page-bar .form-control{height: 32px;border-color: #ddd;margin:2px;border-radius: 3px;}
.page-bar .btn{height: 32px;border-color: #ddd;color:#666;display: inline-flex;align-items: center;}
/*分页 --END*/


/*loader*/
.loader-rotation {display:block;position:fixed;top: 0;left: 0;width:100%;height:100%;z-index:1060;}
.loader-rotation-container{width:100%;height:100%;background-color: rgba(255,255,255,.5); display:flex;align-items: center;justify-content: center;}
/*loader --END*/

.tips .icon-page-not-found{font-size: 5rem;}
.tips .icon-right-fill{font-size: 4rem;}

.address-item{margin-bottom: .625rem;}
.address-item a{background-color: #f5f5f5;border: solid 1px #f5f5f5;border-radius: 10px;}
.address-item a:hover{border: solid 1px #ff7318;}
.address-item a.active{background-color: #fff8f3;border: solid 1px #ff7318;}

.address-card .icon-exclamation{font-size:16px;}

.datepicker-dropdown{font-size: 14px;padding: 10px;border-radius: 5px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);}
.datepicker table tr td, .datepicker table tr th{width: 40px;height: 40px;}

/*充值*/
.add-money .btn.active{border:solid 2px #ff7318;color: #666;}
/*充值 --END*/
@media (max-width: 767.98px){
  .list-row-item:first-child{border-top: solid 1px #e5e5e5;}
}



/*帮助中心*/
.help-bg{background:#333 url(../img/help-bg.jpg) no-repeat center center;}
.help-search-box{width: 100%;height:60px;padding: 5px;}
.help-search-input{width:100%;height:100%;line-height:100%;border:none;padding: 0 1.25rem; color: #777;font-size: 16px;overflow: hidden; text-overflow: ellipsis;}
.help-search-input:focus{border:none;box-shadow:none;outline: none;}
.help-search-clean{background: #fff;display:none;width:30px;min-width: 30px;height: 100%;color: #ccc;transition: all .2s ease-in-out;}
.help-search-input:valid + .search-clean{display: flex;align-items: center;justify-content: center;}
.help-search-clean .icon-times-circle{font-size:16px;}
.help-search-clean:hover{color:#ff7318!important;text-decoration: none;}
.help-btn-search .icon-search{font-size: 26px;}


/*帮助中心左侧Nav*/
.aside-nav{font-size: 14px;}
.aside-nav .icon-chevron-right{font-size: 14px;color: #999;transition:all .2s ease-in-out;}
.aside-nav .nav-link{padding:0.5rem 1.25rem;margin: 0 -1rem;color: #666;}
.aside-nav .nav-link.active{background:rgba(255, 115, 24, .1);color: #ff7318;}
.aside-nav .nav-link.active .icon-chevron-right{color: #ff7318;}
.aside-nav .nav-link[aria-expanded=true]{background:rgba(255, 115, 24, .1);border-left: solid 2px #ff7318;}
.aside-nav .nav-link[aria-expanded=true] .icon-chevron-right{transform: rotate(90deg);}
.aside-nav .nav-collapse .nav-link{padding-left:1.5rem;}
.aside-nav .nav-collapse .nav-link.active,
.aside-nav .nav-collapse .nav-link:hover{background-color: transparent;color: #ff7318;}

.help-list a:hover{color: #ff7318;}
.help-content img{max-width: 100%!important;}

/*分享按钮*/
.btn-share{width: 30px;height: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;}
.btn-share:hover{color: #fff;}
.btn-share-facebook{background-color: #3b5998;}
.btn-share-vk{background-color: #6383a8;}
.btn-share-twitter{background-color: #1da1f2;}
.btn-share-pinterest{background-color: #cd1f28;}
.btn-share-odnoklassniki{background-color: #f68735;}
/*帮助中心  --END*/

.page-tips-icon .icon-info{font-size: 120px;}


/*联系我们*/
.contact-item{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: solid 1px #ddd;border-radius: 100rem;margin-right: 10px;transition: all .2s ease-in-out;}
.contact-item:hover{background-color: #f8f8f8;border: solid 1px #ccc;}
.contact-item .ap-icon{font-size: 20px;}
.contact-item .icon-vk{color: #0077ff;}
.contact-item .icon-facebook{color: #1278f3;}
.contact-item .icon-weixin{color: #02d668;}
.contact-item .icon-qq{color: #12b7f5;}
.contact-item .icon-aliwang-fill{color: #1996e6;}
.contact-upload-picture{display: flex;align-items:center;}
.contact-upload-picture-item{width: 80px;height: 80px;border: solid 1px #ced4da;margin-right: 10px; border-radius: 5px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.contact-upload-picture-item:last-child{margin-right: 0;}
.contact-upload-picture-item img{width: 100%;height: 100%;object-fit: cover;}
/*联系我们  --END*/


/*代购流程*/
.shop-guide-banner{ height: 360px; width: 100%;flex-shrink: 0; background: #101a2b url(../img/shop-guide-banner.jpg) center center no-repeat; background-size: cover;}
.shop-guide-banner h1{font-size: 36px;}
.viewport{width: 100%;}
.left-line{position: relative;width: 120px;flex-shrink: 0;}
.left-line::before{border-left: 4px dashed #ff7318;position:absolute;top: 50px;left: 50%;transform:translateX(-50%);content: "";display: block;width: 0;height:calc(100% - 50px);}
.step:last-child .left-line:before{display:none;}
.right-content{padding:0 1.5rem 0 3rem;width: 100%;max-width: 100%;}
.step-name{border: solid 2px #ff7318;background-color: #fff8f3;color: #ff7318;border-radius: 100rem;height: 50px;padding: 0 1.129rem;justify-content: center; display: flex;align-items: center;font-size: 16px;font-weight: 700;font-style: normal;white-space: nowrap;position:absolute;top: 0px;left: 50%;transform:translateX(-50%);}
.airplane{top: 80px; width: 135px;}
@media (max-width: 575.98px){
  .left-line{width: 100px;}
  .left-line::before{border-left: 3px dashed #ff7318;top: 44px;height:calc(100% - 44px);}
  .right-content{padding:0 0rem 0 1.2rem;}
  .right-content h2.fs-5{font-size: 17px!important;}
  .right-content h3.fs-6{font-size: 16px!important;}
  .step-name{width: 44px;height: 44px;font-size: 15px;}
  .right-content .bg-f2f2f2 .fs-6{font-size: 14px!important;}
}
/*代购流程  --END--*/

/*代购流程*/
.dropshipping-guide-banner{ height: 360px; width: 100%;flex-shrink: 0; background: #101a2b url(../img/dropshipping-guide-banner.jpg) center center no-repeat; background-size: cover;}
.dropshipping-guide-banner h1{font-size: 36px;}
.dropshipping-guide-steps .step:last-child .left-line:before{display:block;}

.dropshipping-guide-tabs .btn-dark{background-color: #000; font-size: 1rem;font-weight: bold;border-radius: 10px;height: 50px;display: flex;align-items: center;}
.dropshipping-guide-tabs .btn-dark.active{background-color: #ff7318;border-color: #ff7318;}
/*代购流程  --END--*/


/*聊天工具*/
.global-btn-chat{position: fixed;left: 20px;bottom: 70px;width: 70px;height: 70px;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);display: flex;padding: 0;align-items: center;justify-content: center;}
.global-btn-chat .ap-icon{font-size: 44px;}
@media (max-width: 991.98px){
  .global-btn-chat{display: none;}
}
@keyframes fade-right { 0% { opacity: 0; transform: translateX(-20px) } to { opacity: 1; transform: translateX(0) } }

.chat{display: none; position: fixed;left: 20px;bottom: 20px;animation: fade-right .3s ease-in-out;}
.chat.show{display: block;}
.chat-container{width: 880px;height: 730px;}
.chat-content{width: 100%;height: 100%; display: flex;flex-direction: column;outline: 0; background-clip: padding-box;}
.chat-header{width: 100%;background-color: #bea988;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.chat-header .icon-close{font-size: 24px;}
.chat-body{flex-grow: 1;border: solid 1px #ddd;border-top: none!important; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;}
.chat-left{border-right: solid 1px #ddd;flex-grow: 1;}
.chat-right{background-color: #f2f2f2;width: 330px;display: flex;flex-direction: column;}
.chat-right .nav-item{margin-right: 40px;}
.chat-right .nav-item:last-child{margin-right: 0px;}
.chat-right .nav-link{font-size: 14px;border:none;border-bottom: 2px solid transparent; border-radius: 0;padding: .5rem 0;color: #666;}
.chat-right .nav-link:hover{border:none;}
.chat-right .nav-link.active{background-color: transparent;border-bottom:2px solid #ff7318;color: #666;}
.chat-order-list{flex-grow: 1;}
.chat-order-item{margin-bottom: 10px;}
.chat-order-item-title{overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.chat-question-list li{padding: 5px 0;cursor: pointer;margin-bottom: .5rem;}
.chat-question-list li:hover{color: #ff7318;}
.chat-question-list li:last-child{margin-bottom: 0;}
.chat .icon-comment{font-size: 100px;}
.chat .icon-smiling-face{font-size: 60px;color: #bea988;}
/*聊天工具   --END--*/


/*博客首页*/
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}
.mb100{margin-bottom: 100px;}
.module-blog-title{font-size: 48px;font-weight: 700;text-align: center;}
.module-blog-list{display: grid;grid-template-columns: repeat(3,1fr);column-gap: 50px;list-style: none;}
.module-blog-item{margin-bottom: 3rem;}
.blog-cover-img{display: block;position: relative;width:100%;height: 244px;overflow: hidden;}
.blog-cover-img::after{background-color: rgb(0 0 0 / 0%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;transition: all .2s ease-in-out;}
.blog-cover-img:hover::after{background-color: rgb(0 0 0 / 10%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;}
.blog-title{display: block;margin-top: 1rem;}
.blog-title h5{font-size: 16px;font-weight:600;line-height: 1.75;color: #333;}
.blog-title:hover h5{color: #ff7318;}
.blog-summary{color: #999;font-size: 14px;line-height: 1.75;margin-top: .5rem;}
.blog-lable{display: flex;align-items: center;font-size: 14px;margin-top: .75rem;}
.blog-lable .text-blue{color: #218aed;}
.blog-lable .text-blue:hover{text-decoration: underline;}
.blog-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.blog-lable .text-grey{color: #999;}
/*博客首页  ---END*/

/*博客列表页*/
.list-page-title{display: flex;align-items: center;justify-content: center;}
.list-page-title .text-title{font-size: 48px;font-weight: bold;}
.article-list{padding-bottom: 3rem;max-width: 770px;margin: 50px auto;}
.article-list-item{margin-bottom: 3rem;align-items: flex-start;}
.list-article-title{font-size: 18px;font-weight: bold;line-height: 1.75;color: #333;}
.list-article-title:hover{text-decoration: underline;color: #ff7318;}
.list-article-desc{color: #999;font-size: 16px;line-height: 1.75;}
.article-list .picture{width: 200px;margin-left: 3rem;position: relative;}
.article-list .picture::after{background-color: rgb(0 0 0 / 0%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;transition: all .2s ease-in-out;}
.article-list .picture:hover::after{background-color: rgb(0 0 0 / 10%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;}
/*博客列表页  ---END*/

/*博客详情页*/
.article-lable{display: flex;align-items: center;font-size: 14px;}
.article-lable .text-blue{color: #218aed;}
.article-lable .text-blue:hover{text-decoration: underline;}
.article-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.article-lable .text-grey{color: #999;}

.article-detail-title{font-size: 36px;font-weight:600;width: 100%;text-align: center;}
.article figure{max-width: 100%;}
.article img{max-width: 100%!important;border: solid 1px #e5e5e5; border-radius: 5px;}
.article img:hover{cursor:zoom-in;}
.article-detail-content{font-size: 18px;line-height: 1.75;font-weight:400;}
.article-detail-content ul,
.article-detail-content li,
.article-detail-content ol{list-style: inherit;}
.article-detail-content ul,
.article-detail-content ol{padding-left: 2rem;margin-bottom: 1.5rem;}
.article-detail-content ol li{margin-bottom: 1rem;}
.article-detail-content h3{margin-bottom: 1.5rem;border-bottom: solid 2px #fd860e;color: #fd860e;padding-bottom: 1rem;font-size: 1.5rem; font-weight: 700;}
.article-detail-content h4{margin-bottom: 1.5rem;padding:5px 0 5px 15px;border-left: solid 5px #fd860e;font-size: 1.2rem;font-weight: 700;}
.article-detail-content p{margin-bottom: 1.5rem;}
.article-detail-content p a{color: #218aed;}
.article-detail-content p a:hover{text-decoration: underline;}
.article-detail-content li p{margin-bottom: 1rem;}
.article-detail-content strong{font-weight: 700;}
.article-detail-content table{margin-bottom: 2.35rem;margin-left: auto;margin-right: auto;}
.article-detail-content td{border: solid 1px #e5e5e5;padding: 6px 10px;}
.article-detail-content td p{display: inline-block;margin-bottom: 0;}
.article-detail-content blockquote span{display: block;padding: 10px 15px;border-radius: 5px;}
.article-detail-content blockquote p{margin-inline-start: 0px;margin-inline-end: 0px;margin-block-start: 1em;margin-block-end: 1em;margin-bottom: 1.5rem;font-size: 85%;}


.article-share-item{width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 8px;font-size: 18px;color: #fff;}
.article-share-item:hover{color: #fff;}
.article-share-item-facebook{background-color: #3b5998;}
.article-share-item-vk{background-color: #6383a8;}
.article-share-item-twitter{background-color: #1da1f2;}
.article-share-item-pinterest{background-color: #cd1f28;}
.article-share-item-odnoklassniki{background-color: #f68735;}


.article-relative{width: 100%; margin: 3rem auto;}
.article-relative-item{margin-bottom: 30px;}
.article-relative-item-title{font-size: 16px;font-weight: normal;line-height: 1.5;color: #333;margin-bottom:.5rem;}
.article-relative-item-title:hover{text-decoration: underline;}
.article-relative-item-title .badge{background-color: #f2f2f2; padding: 5px 10px;font-size: 14px; border-radius:10rem;font-weight: bold;margin-right: 10px;color: #333;}
.article-relative-article-lable{display: flex;align-items: center;font-size: 14px;}
.article-relative-article-lable .text-blue{color: #218aed;}
.article-relative-article-lable .text-blue:hover{text-decoration: underline;}
.article-relative-article-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.article-relative-article-lable .text-grey{color: #999;}
.article-relative .picture{margin-right:20px;max-width: 120px;width: 120px;flex-shrink: 0;}


.article-main{display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.article-detail{flex: 0 0 66.666667%;max-width: 66.666667%;padding-right: 15px;}
.article-side{overflow: visible;max-width: 33.333333%;flex: 0 0 33.333333%;padding-left: 15px;}
.article-side-title{font-size: 24px;font-weight: bold;margin-bottom: 20px;border-bottom: solid 1px #e5e5e5;padding-bottom: 15px;}
.article-side-list{width: 100%; margin: 0 auto;}
.article-side-list-item{margin-bottom: 20px;}
.article-side-list-item-title{font-size: 15px;font-weight: normal;line-height: 1.5;color: #333;}
.article-side-list-item-title:hover{text-decoration: underline;}
.article-side-article-lable{display: flex;align-items: center;font-size: 14px;}
.article-side-article-lable .text-blue{color: #218aed;}
.article-side-article-lable .text-blue:hover{text-decoration: underline;}
.article-side-article-lable .grey-line{color: #ccc;margin: 0 .5rem;}
.article-side-article-lable .text-grey{color: #999;}
.article-side-list .picture{margin-left:15px;max-width: 120px;width: 120px;flex-shrink: 0;}
.article-side .btn-outline-grey{border: solid 1px #e5e5e5;color: #333;font-size: 20px;padding: .5rem;}


/*幻灯片-图片放大*/
.pgwSlide-open{overflow: hidden;}
.pgwSlide{position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow-y:auto;background-color:rgb(0, 0, 0, .8);z-index: 1040;display: none;}
.pgwSlide.show{display: block;}
.pgwSlide-container{width: 100%;height: 100%;position: relative;}
.pgwSlide-showbox{width: 100%;height:100%;display: flex;align-items: center;flex-direction: column;position:relative;}
.closeSlider{padding: 1rem;outline: none;background-color: transparent;color: #fff;line-height: 1;position: absolute;right:0;top:0;z-index: 3;border: none;}
.closeSlider:focus{outline: none;}
.closeSlider .ap-icon{font-size: 24px;}
.pgwSlideshow{width: 100%;height: 100%;display:flex!important;align-items: center;justify-content: center;flex-direction: column;}
.pgwSlideshow .ps-current{position: relative;display: flex;align-items:center;justify-content: center;width: 100%; height: calc(100% - 120px)!important;overflow: hidden;padding:15px 80px;}
.pgwSlideshow .ps-current > ul{width: 100%;height: 100%;display: flex;align-items:center;justify-content: center;}
.pgwSlideshow .ps-current > ul  > li { width: 100%;height: 100%; z-index: 1; opacity: 0;display: flex;align-items:center;justify-content: center;}
.pgwSlideshow .ps-current > ul  > li img { display: block; max-width: 100%; margin: auto; }
.pgwSlideshow .ps-current .ps-prev { background: rgba(0, 0, 0, 0.5);color: #fff;border-radius:100rem; position: absolute; padding:1rem; left: 1rem; top: 45%; cursor: pointer;line-height: 1;}
.pgwSlideshow .ps-current .ps-next { background: rgba(0, 0, 0, 0.5);color: #fff;border-radius:100rem; position: absolute; padding:1rem; right: 1rem; top: 45%; cursor: pointer;line-height: 1;}
.pgwSlideshow .ps-current .ps-prev .ap-icon,
.pgwSlideshow .ps-current .ps-next .ap-icon{font-size: 20px;}
.pgwSlideshow .ps-caption {display: none;}

.pgwSlideshow .ps-list {overflow: hidden;position: relative;}
.pgwSlideshow .ps-list ul {position: relative;list-style: none;margin: 0;padding: 0;left: 0;}
.pgwSlideshow .ps-list li {float: left;}
.pgwSlideshow .ps-list li .ps-item {display: block;margin: 15px 8px;}
.pgwSlideshow .ps-list li img {display: block;border: 1px solid #777;width: 80px;height: 80px;}
.pgwSlideshow .ps-list li .ps-item.ps-selected {float: left;opacity: 1;border: 4px solid #fff;overflow: hidden;}
.pgwSlideshow .ps-list li .ps-item.ps-selected img {margin: -4px;}
.pgwSlideshow .ps-list .ps-prev { background: rgba(0, 0, 0, 0.5);color: #fff; border-radius:100rem; padding:12px; cursor: pointer; position: absolute; left:1rem; top: 35px; z-index: 1000; display: none;line-height: 1;}
.pgwSlideshow .ps-list .ps-next { background: rgba(0, 0, 0, 0.5);color: #fff; border-radius:100rem; padding:12px; cursor: pointer; position: absolute; right:1rem; top: 35px; z-index: 1000; display: none;line-height: 1;}
.pgwSlideshow .ps-list .ps-prev .ap-icon,
.pgwSlideshow .ps-list .ps-next .ap-icon{font-size: 20px;}



.comment-wrapper{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; width: 100%;border-radius: 10px;padding: 30px;background-color: #fff;border: solid 1px #e5e5e5;}
.comment-list{list-style: none;}
.comment-list-item{margin-bottom: 35px;}
.comment-list-item .rf-avatar{height: 50px; margin-right: 20px; min-height: 50px; min-width: 50px; width: 50px;display: flex;align-items: center;}
.comment-list-item .rf-avatar-img{border-radius: 50%; display: block; height: 100%; width: 100%;}
.comment-text-container{overflow: hidden;width: 100%;}
.comment-user-data-wraper{margin: 0 0 5px 0;display: flex; align-items: center;}
.comment-user-name{font-size: 15px;color: #333;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.comment-text-wrapper{margin-bottom: 5px;}
.comment-text{color: #333;font-size: 16px;line-height:1.5;}
.comment-list-view-more{padding:1rem;border-radius: 0 0 10px 10px;color: #218aed;margin:0 -30px -30px -30px;}
.comment-list-view-more:hover{background-color: #f2f2f2;color: #218aed;}

.comment-reply-covers{padding-left: 70px;padding-top: 15px;}
.comment-reply-container{background-color: #f4f4f4;border-radius: 5px;position: relative;}
.comment-reply-container::before { content: ""; display: block; border-top: none; border-right: 15px solid transparent; border-bottom: 15px solid #f4f4f4; border-left: 15px solid transparent; position: absolute; top: -12px; left: 15px; }
.comment-reply-list-covers{list-style: none;}
.comment-reply-list-item{padding:20px 30px;}
.comment-reply-at{margin: 0 10px;color: #a9a9a9;}
.comment-reply-view-more{padding:1rem;border-radius: 0 0 5px 5px;color: inherit;}
.comment-reply-view-more:hover{background-color: #f2f2f2;}

.signup-buttons-container{display: flex;align-items: center;}
.signup-buttons-container .btn-orange{background-color: #fd860e;color: #fff;font-size: 16px;font-weight: bold;border-radius:100rem;height: 40px; padding: 0 24px;display: flex;align-items: center;margin-right: 10px;white-space: nowrap;}
.signup-buttons-icon{width: 40px;height: 40px;border-radius: 50%;background-color: #fff;border: solid 1px #e5e5e5;margin-right: 10px;display: inline-flex; justify-content: center;align-items: center;transition: all .2s ease-in-out;flex-shrink: 0;}
.signup-buttons-icon:hover{border-color: #999;}
.signup-buttons-icon .ap-icon{font-size: 18px;}
.signup-buttons-facebook .ap-icon{color: #3b5998;}
.signup-buttons-vk .ap-icon{color: #6383a8;}
.signup-buttons-twitter .ap-icon{color: #1da1f2;}
.signup-buttons-apple .ap-icon{color: #000;}
.signup-buttons-google img{width: 20px;}
.signup-buttons-yandex .ap-icon{color: #fc3f1d;}
.signup-buttons-naver .ap-icon{color: #01c73c;}

.comment-signup-wrapper{border-bottom: solid 1px #e5e5e5;padding:0 30px 30px 30px;margin:0px -30px 30px;}
.comment-signup-prompt{width: 100%;}
.comment-signup-prompt-header{font-size: 24px; font-weight: 700; line-height: 1; margin-bottom:20px;}
.comment-date{ color: #999;font-size: 12px;}
.comment-action{padding:10px;line-height: 1;color: #999;font-size: 16px;}

.form-item-textarea{margin-bottom: 15px;}
.form-textarea{height: 100px!important;}
.form-buttons{display: flex;justify-content:flex-end;}
.form-buttons .btn-orange{background-color: #fd860e;color: #fff;font-size: 16px;font-weight: bold;border-radius:100rem;height: 40px; padding: 0 24px;display: flex;align-items: center;margin-left: 10px;white-space: nowrap;}
.form-buttons .btn-outline-grey{background-color: #fff;border: solid 1px #e5e5e5; color: #333;font-size: 16px;font-weight: bold;border-radius:100rem;height: 40px; padding: 0 24px;display: flex;align-items: center;margin-left: 10px;white-space: nowrap;}

.comment-reply-input{width: 100%;margin: 10px 0;}
.comment-reply-post-container{display: flex; align-items: flex-end;}
.comment-reply-textarea{height: auto;}
.form-auto-textarea{height: auto!important;font-size: 16px;}
.form-buttons .btn-orange.comment-reply-btn{background-color: #fd860e;color: #fff;font-size: 16px;font-weight: bold;border-radius:3px;height: auto; padding: .375rem 1rem;display: flex;align-items: center;margin-left: 10px;white-space: nowrap;flex-shrink: 0;white-space: nowrap;}

.side-guide{background-color: #fff;border: solid 1px #e5e5e5;border-radius: 10px;position:sticky;position: -webkit-sticky;top:130px;}
.side-guide-title{font-size: 18px;font-weight: 700;padding: 20px;margin-bottom: 0;}
.quick-guide-list{display: flex;flex-direction: column;line-height: 2rem;margin-bottom: 1rem;list-style: none;padding: 0;}
.quick-guide-item{padding: 0 20px;}
.quick-guide-item.active .quick-guide-link{color: #ff7318;border-left: solid 4px #ff7318;}
.quick-guide-link{font-size: 14px;font-weight: 500;color: #333;padding: 0 10px;border-left: solid 4px transparent;}

/*右侧推荐产品*/
.recommend{background: #fff;overflow: hidden;}
.recommend .title{display: block;}
.recommend .title .title-h3{font-size: 18px;line-height: 50px; font-weight: bold;color: #333;display: block;}
.recommend-items{display:flex;margin: 0 -10px;flex-wrap: wrap;}
.recommend-item{margin-bottom: 20px;flex: 0 0 50%;max-width: 50%;-ms-flex: 0 0 50%; height:100%;background: #fff; overflow:hidden;transition: all .2s ease-in-out;padding: 0 10px;}
.recommend-items .item-pic{width:100%;overflow: hidden;background: #fff;}
.recommend-items .img-link{display: block;}
.recommend-items .img-link img{width:100%; height: 100%;object-fit: cover;border-radius: 3px;}
.recommend-items .item-info{transition: all 0.08s ease-in-out;overflow: hidden;padding-top: 10px;}
.recommend-items .item-title{color: #666;display:block;overflow: hidden;line-height: 1.1; margin-bottom:10px;transition: all .2s ease-in-out;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;}
.recommend-items .item-title:hover{color: #ff7318;}
.recommend-items .item-price{margin-bottom: 10px;font-size: 14px;line-height: 1.1;color: #666;font-weight: bold;}
.recommend-items .website-info{display: flex;align-items: center;margin-top: 10px;}
.recommend-items .website{color: #999;font-size: 12px;transition: all .2s ease-in-out;display: flex;align-items: center;}
.recommend-items .icon-website-logo{width: 20px;height: 20px;margin-right:5px;display: inline-block;}
.recommend-items .website span{display: inline-block;color: #999;}
.recommend-items .website:hover{color: #ff7318;text-decoration:none;}

/*博客详情页 ---END*/




/*插件介绍页for-1688*/
.py6{padding: 6rem 0;}
.py-100{padding: 100px 0;}
.pt-100{padding-top: 100px;}

.bg-linear-gradient-light-yellow{background: linear-gradient(to right, #faf6f5, #f9f1ef);}


.module-example-image{max-width: 50%;}
.module-example-image img{width: 100%;border-radius: 10px;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);}
.module-text{max-width: 42%;width:100%;}
.module-text-layer{width: 100%;height: 100%;padding:20px 50px; display: flex;align-items:flex-start;flex-direction: column;justify-content: center;}
.module-text-layer__right{border-radius: 10px 10px 10px 100px;}
.module-text-layer__left{border-radius: 10px 10px 100px 10px;}
.module-text-layer .module-icon{width: 64px;height: 64px;background: #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;border: solid 2px #ddd;}
.module-text-layer .module-icon .ap-icon{font-size: 36px;color: #fd860e;font-weight: 600;}
.module-title{font-size: 30px;font-weight: 700;margin-top: 1.375rem;}
.module-desc{font-size: 18px;color: #666;margin-top: 1rem;}
.module-desc ol li{margin-bottom: 1rem;}
.module-desc ol li:last-child{margin-bottom: 1rem;}
.module-desc .ol-display-style{padding-left: 1.5rem;}
.module-desc .ol-display-style li{display: list-item;list-style:disc;}
.module-action{margin-top: .375rem;margin-bottom: 0;}
.module-action .text-link{display: flex;align-items: center;}
.module-action .text-link span{font-weight: 700;}
.module-action .text-link .icon-curve-parallel{font-size: 30px;}

@media (max-width: 575.98px){
  .py-100{padding: 50px 0;}
  .module-example-image{max-width: 100%;}
  .module-text{max-width:100%;width:100%;}
  .module-text-layer{width: 100%;height: 100%;padding:20px 20px;}
  .module-text-layer__right{border-radius: 10px;}
  .module-text-layer__left{border-radius: 10px;}
}

.divider-border{padding: 66px 0;}
@media (max-width: 575.98px){
  .divider-border{padding: 30px 0;}
}
.divider-border span{margin-left:1px;margin-right: 1px;}
.divider-border .border-left-bottom{width: 30%;height: 50px;border-bottom: dashed 1px #999;border-left: dashed 1px #999;border-bottom-left-radius: 40px;}
.divider-border .border-top-right{width: 30%;height: 50px;border-top: dashed 1px #999;border-right: dashed 1px #999;border-top-right-radius: 40px;margin-top: 49px;}
.divider-border .border-top-left{width: 30%;height: 50px;border-top: dashed 1px #999;border-left: dashed 1px #999;border-top-left-radius: 40px;margin-top: 49px;}
.divider-border .border-bottom-right{width: 30%;height: 50px;border-bottom: dashed 1px #999;border-right: dashed 1px #999;border-bottom-right-radius: 40px;}
/*插件介绍页for-1688   --END--*/


/*分类*/
.cate-bg-element{background:#fff;}
.categories-list-box {position: relative;}
.cl-item {margin: 0;}
.cl-item .cate-name { position: relative;font-weight: normal;}
.cl-item.cl-item-open .cate-name{background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, .15);}
.cl-item .cate-name span {display:block;position: relative;width: 100%; padding-left: 16px;padding-right: 16px; height: 36px; line-height: 34px; cursor: pointer;  border-top: 1px solid transparent; border-bottom:1px solid transparent;color: #999;}
.cl-item-open .cate-name span {background-color: #fff;border-color: #e5e5e5;z-index: 100;}
.cl-item .cate-name .ap-icon{font-size: 18px;vertical-align: middle;}
.cl-item .cate-name span a { color: #666;}
.cl-item .cate-name span a:hover { color: #ff7318;}
.cl-item .sub-cate { display: none; position: absolute; top: -10px; left: calc(100% - 1px);background-color: #fff; border: 1px solid #e9e9e9; z-index: 99;box-shadow: 0 3px 5px 0 rgb(51 51 51 / 10%);border-radius: 10px;}
.cl-item-open .sub-cate { display: block; min-height: 402px; }
.sub-cate-main { position: relative; width: auto; padding: 5px 0 10px 20px; white-space: nowrap; overflow: hidden; }
.sub-cate-content { display: inline-block; }
.sub-cate-items, 
.sub-cate-row{ display: inline-block; vertical-align: top; padding-right: 20px; width: 234px; }
.sub-cate-row .sub-cate-items { display: block; margin-bottom: 5px; }
.sub-cate-items dt { margin-bottom: 5px; font-weight: 700; line-height: 35px; height: 35px; border-bottom: 1px solid #e9e9e9; }
.sub-cate-main a { color: #666; }
.sub-cate-main a:hover { color: #ff7318; text-decoration: none; }
.sub-cate-items dt a { display: inline-block; }
.sub-cate-items dd { margin-left: 0;display: block; }
.sub-cate-items dd a { line-height: 26px; }
.sub-cate-items dd a, 
.sub-cate-items dt a { max-width: 190px; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; }
.sub-cate-items dd a { display: block; }

/*首页Banner*/
.shop-banner .carousel-indicators{margin-bottom: 10px;}
.shop-banner .carousel-control-next, 
.shop-banner .carousel-control-prev{width: 10%;}
.shop-banner .carousel-indicators [data-bs-target]{width: 10px;height: 10px;border-radius: 10px;border: none;background-color: #000;}
.shop-banner .carousel-indicators .active{background-color: #fff;}

/*首页用户信息与登录注册*/
.avatar-wrap{padding-top: 40px;background: linear-gradient(to bottom, #fff8f6, #ffffff);}

.tips .tip-item{margin-bottom: 1rem;}
.tips .tip-item:last-child{margin-bottom:0;}

/*首页产品*/
.headings .icon-crown{background: linear-gradient(to bottom, #fba980, #f7cb6b);-webkit-background-clip: text;color: transparent;}
.headings .icon-heart{background: linear-gradient(to bottom, #fba980, #f7cb6b);-webkit-background-clip: text;color: transparent;}

.product-item .img-wrap{width: 100%;height: 100%;padding-bottom: 100%;position:relative;}
.product-item .img-wrap img{width: 100%;height: 100%;position:absolute;object-fit: cover;}

.collapse-cate{height: 22px;overflow: hidden;gap: 10px 30px;transition: all .1s ease-in-out;}
.collapse-cate.expanded{height:100%;}
.collapse-cate-toggle .icon-chevron-down{transition: all .1s ease-in-out;display: inline-block;}
.collapse-cate-toggle.active .icon-chevron-down{transform: rotate(180deg);}
.collapse-cate .text-link.active{color: #ff7318;}


/*列表页分类*/
.headings-cate{gap: 10px 30px;}
.headings-cate .text-link.active{color: #ff7318;}
.breadcrumb-item a{color: #999;}
.sort-cate .text-link.active{color: #ff7318;}


/*页面头部分类*/
.header-category{width: 46px;height: 40px;margin:0 20px;position: relative;}
.category-arrow{background:url(../img/header-category.png) no-repeat 0px -50px;width: 46px;height: 40px;display: inline-block;font-size: 0;}
.header-category.show .category-arrow,
.category-arrow:hover{background:url(../img/header-category.png) no-repeat 0px 0px;}
.balloon-arrow{display: none;background:url(../img/header-category.png) no-repeat 0px -95px;width: 23px;height: 10px;font-size: 0;position: absolute;left: 13px;bottom: -6px;overflow: hidden;z-index: 1000;}
.header-category-main{display: none;box-shadow: 0 1px 4px rgba(0,0,0,.15);border: solid 1px #e5e5e5;width: 260px;position: absolute;top: 45px;right: 0;z-index: 999;}
.header-category.show .header-category-main{display: block;}
.header-category.show .balloon-arrow{display: block;}
.header-category-main .category-title{background: #f2f2f2;height: 40px;line-height: 40px;border-radius: 5px 5px 0 0;border-bottom: solid 1px #e5e5e5;}
.header-category-main .category-title span{padding: 0 20px;color: #666;font-weight: 600;}
.header-category .cl-item-open.cl-item:last-child .cate-name{background-color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.header-category .cl-item-open.cl-item:first-child .cate-name span {border-top-color: #fff;}
.header-category .cl-item-open.cl-item:last-child .cate-name span {border-bottom-color: transparent;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.header-category .sub-cate{max-height:calc(100vh - 120px);overflow-y: auto;overflow-x: hidden;}

@media (max-width: 575.98px){
  .header-category{width: 23px;height: 20px;margin:0 5px;}
  .category-arrow{width: 23px;height: 20px;background-size: 23px auto;background-position: 0 -25px;}
  .header-category.show .category-arrow,
  .category-arrow:hover{width: 23px;height: 20px;background-size: 23px auto;background-position: 0 0px;}
  .balloon-arrow{display: none;background:url(../img/header-category.png) no-repeat 0px -47.5px;width: 11.5px;height:5px;font-size: 0;position: absolute;left: 6px;bottom: -3px;overflow: hidden;z-index: 1000;}
  .header-category-main{top: 23px;right: unset;left: 0;}
}

/*论坛*/
.entry-item{background-color: #fff;padding-left: 30px;padding-right: 30px;}
.entry-item:hover{background-color: #fafafa;}
.entry-item .entry-content{border-bottom: solid 1px #e5e5e5;}
.entry-item:last-child .entry-content{border-bottom: none;}
.entry-item .icon-paper{color: #c0c9d4;font-size: 36px;}
.entry-item h6 a{color: #666;}
.entry-item h6 a:hover{color: #ff7318;}

/*论坛分类*/
.forum-cate .cate-link{color: #666;}
.forum-cate .cate-link.active{color: #ff7318;font-weight: bold;}
.forum-list .entry-item:last-child .entry-content{border-bottom: solid 1px #e5e5e5;}


/*论坛详情，评论回复*/
.forum-detail-heading{border-bottom: solid 1px #e5e5e5;}
.forum-detail-content img{max-width: 100%;}
.forum-detail-content a{word-wrap: break-word;}
.forum-comment-body{border-bottom: solid 1px #e5e5e5;padding: 30px 0;}
.forum-comment-list .avatar{height: 40px; margin-right: 20px; min-height: 40px; min-width: 40px; width: 40px;display: flex;align-items: center;}
.forum-comment-list .img-fluid{border-radius: 50%;}
.forum-comment-list-view-more{padding:1rem;border-radius: 0 0 10px 10px;color: #218aed;margin:0 -30px -30px -30px;}
.forum-comment-list-view-more:hover{background-color: #f2f2f2;color: #218aed;}

.forum-comment-header{border-bottom: solid 1px #e5e5e5;padding-bottom: 20px;}
.forum-comment-header .btn-gray{background-color: #f2f2f2;}
.forum-comment-header .btn-gray:hover{background-color: #e5e5e5;}
.forum-comment-header .text-link.active{color: #218aed;}
.tips .icon-comment{font-size: 80px;}

/*------放大图片样式-----*/
.imgViewDom {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999999;
  background: rgba(5, 1, 1, 0.8);
  overflow: auto;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}
.show_image {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.imgViewDom img {
  cursor: zoom-out;
}
/*------放大图片样式-----*/


/*Dropship*/
/*滚动条*/
.dr-aside::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; }
.dr-aside::-webkit-scrollbar-thumb{ background-color: rgba(153,153,153,.3); }
.dr-aside:hover::-webkit-scrollbar-thumb{ background-color: rgba(153,153,153,.5);}
/*滚动条  --END*/
.dr-aside-link{padding: 0 20px;height: 50px;font-size: 14px; background-color:transparent; color: #fff;display: flex; align-items: center;}
.dr-aside-link.accordion-button:not(.collapsed) {color: #fff;background-color:transparent; box-shadow:none;}
.dr-aside-link.accordion-button:not(.collapsed):hover {color: #fff;background-color:#313640; box-shadow:none;}
.dr-aside-link.accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.dr-aside-link.accordion-button::after{background-size: 1rem;width: 1rem;height: 1rem;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.dr-aside-sub-links .dr-aside-link{padding-left: 54px;background-color: transparent;}
.dr-aside-link.active,
.dr-aside-link.active:hover{background-color: #ff7318;}
.dr-aside-link:hover{color: #fff;background-color: #313640;}


/*按钮-收缩和展开侧边栏Mini*/
.button-toggle-menu{background-color:#f2f2f2;color: #888; border: solid 1px #ddd;margin-left: 20px;padding: 0;line-height: 38px; width: 40px;height:40px;border-radius:5px;text-align: center;}
.button-toggle-menu i{font-size: 20px;}
.button-toggle-menu .icon-left-bar-collapse{display: block;}
.button-toggle-menu .icon-left-bar-expand{display: none;}
.button-toggle-menu.active .icon-left-bar-expand{display: block;}
.button-toggle-menu.active .icon-left-bar-collapse{display: none;}

/*侧边栏Mini*/
html.sidebar-mini .dr-aside{width: 70px!important;overflow: visible;}
html.sidebar-mini .dr-aside-link{padding: 0;}
html.sidebar-mini .dr-aside-link i{width: 70px;text-align: center;margin: 0!important;font-size: 20px!important;}
html.sidebar-mini .dr-aside-link span{display: none;}
html.sidebar-mini .dr-aside-link.accordion-button{transition: none!important;}
html.sidebar-mini .dr-aside-link.accordion-button::after{display: none;}
html.sidebar-mini .dr-aside-sub-links{display: none;}

html.sidebar-mini .dr-aside-link.active{color: #fff;}
html.sidebar-mini .bg-white .dr-aside-link.active{color: #ff7318;background-color: #fff;}
html.sidebar-mini .dr-aside-item:hover{position: relative;width:270px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
html.sidebar-mini .dr-aside-item.active .dr-aside-link{background-color: inherit;}
html.sidebar-mini .dr-aside-item.active:hover .dr-aside-link{color: #fff;}
html.sidebar-mini .dr-aside-item:hover .dr-aside-link{padding: 0 20px 0 0;transition: none!important;background-color: #ff7318;}
html.sidebar-mini .dr-aside-item.active .dr-aside-link{color: #ff7318;}
html.sidebar-mini .dr-aside-item.active:hover .dr-aside-link.active{color: #fff;}
html.sidebar-mini .dr-aside-item .dr-aside-link.accordion-button:not(.collapsed){background-color: #3e4450;color: #ff7318;}
html.sidebar-mini .dr-aside-item .dr-aside-link.accordion-button:not(.collapsed):hover{background-color: #ff7318;color: #fff;}
html.sidebar-mini .dr-aside-item .dr-aside-link.accordion-button:has(.collapsed){background-color: #ff7318;color: #fff;}
html.sidebar-mini .dr-aside-item:hover .dr-aside-link.accordion-button:not(.collapsed){background-color: #ff7318;color: #fff;}
html.sidebar-mini .dr-aside-item:hover span{display: block;padding-left: 16px;}
html.sidebar-mini .dr-aside-item:hover .dr-aside-link.accordion-button::after{display: block;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
html.sidebar-mini .dr-aside-item:hover .dr-aside-link.accordion-button:not(.collapsed)::after{display: block;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform: rotate(0deg);}
html.sidebar-mini .dr-aside-item .collapse{display: none!important;transition: none!important;height: inherit!important;}
html.sidebar-mini .dr-aside-item:hover .collapse,
html.sidebar-mini .dr-aside-item:hover .collapsing{display: block!important;transition: none!important;height: inherit!important;}
html.sidebar-mini .dr-aside-item .collapsing>.dr-aside-sub-links,
html.sidebar-mini .dr-aside-item .collapse>.dr-aside-sub-links{display: none!important;}
html.sidebar-mini .dr-aside-item:hover .collapsing>.dr-aside-sub-links,
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links{display: block!important;position: absolute;left:70px;width: calc(270px - 70px);background-color:#313640;box-shadow: 0 0 10px rgba(0, 0, 0, .1);max-height: 350px;overflow-y: auto;}
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item:hover{width:100%;}
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link{background-color: inherit;color:#fff;}
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link.active{background-color: inherit;color:#ff7318;}
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link.active:hover{background-color:#363c47;color:#ff7318;}
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link:hover{background-color:#363c47;}
html.sidebar-mini .dr-aside-item:hover .collapse>.dr-aside-sub-links span{display: block;}




/*白色背景侧边栏*/
.dr-aside.bg-white{box-shadow:1px 0 0 0px rgba(0, 0, 0, .1);}
.dr-aside.bg-white .dr-aside-link{color: #666;}
.dr-aside.bg-white .dr-aside-link.accordion-button:not(.collapsed) {color: #666;background-color:transparent; box-shadow:none;}
.dr-aside.bg-white .dr-aside-link.accordion-button:not(.collapsed):hover {color: #666;background-color:#f2f2f2; box-shadow:none;}
.dr-aside.bg-white .dr-aside-link.accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.dr-aside.bg-white .dr-aside-link.accordion-button::after{background-size: 1rem;width: 1rem;height: 1rem;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.dr-aside.bg-white .dr-aside-link.active,
.dr-aside.bg-white .dr-aside-link.active:hover{background-color: #ff7318;color: #fff;}
.dr-aside.bg-white .dr-aside-link:hover{color: #666;background-color: #f2f2f2;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-link.active{color: #ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-link:hover{color: #fff;background-color: #ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item.active .dr-aside-link{color: #ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item.active:hover .dr-aside-link{color: #fff;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .dr-aside-link{color: #fff;background-color: #ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item .dr-aside-link.accordion-button:not(.collapsed){background-color: #fff;color: #666;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item.active .dr-aside-link.accordion-button:not(.collapsed){background-color: #fff;color: #ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item .dr-aside-link.accordion-button:not(.collapsed):hover{background-color: #ff7318;color: #fff;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .dr-aside-link.accordion-button:not(.collapsed){background-color: #ff7318;color: #fff;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .collapse>.dr-aside-sub-links{background-color:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link{background-color: inherit;color: inherit;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link.active{background-color: inherit;color:#ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link.active:hover{background-color:#f2f2f2;;color:#ff7318;}
html.sidebar-mini .dr-aside.bg-white .dr-aside-item:hover .collapse>.dr-aside-sub-links>.dr-aside-item>.dr-aside-link:hover{background-color:#f2f2f2;color: inherit;}



.dr-heading{display: flex;align-items: center;}
.dr-heading h4{font-size: 16px;}
.dr-heading .dr-balance{font-size: 24px;}

.dr-table.table>:not(caption)>*>*{padding: 1rem .5rem;}
.dr-table .border-danger{border:1px solid #e96163;position: relative;box-shadow: 0 0 8px rgba(233,97,99,.5);}
.dr-table .border-danger::after{border-top: solid 1px #e96163;content: "";display:table-cell;width: calc(100% + 2px);height: 1px;position: absolute;top: -1px;left: -1px;right: -1px;}

.dr-nav-status{overflow:visible;}

.dr-nav-tabs.nav-tabs{border-bottom: 1px solid #ddd;}
.dr-nav-tabs.nav-tabs .nav-link{border: 1px solid #ddd;border-radius: 0;padding: 7px 20px;color: #666;}
.dr-nav-tabs.nav-tabs .nav-link.active{border-color: #ddd #ddd #fff;color: var(--bs-primary);}
.dr-nav-tabs.nav-tabs .nav-link:not(:first-child){margin-left: -1px;}
.dr-nav-tabs.nav-tabs .nav-link:first-child{border-top-left-radius: 5px;}
.dr-nav-tabs.nav-tabs .nav-link:last-child{border-top-right-radius: 5px;}

.dr-upload-list--picture .dr-upload-list__item {width: 100%;height: 207px; overflow: hidden; z-index: 0; background-color: #fff; border: 3px solid #ddd; border-radius:6px; transition: all .5s cubic-bezier(.55,0,.1,1);position: relative;float: left;cursor: pointer;display:flex;justify-content: center;align-items: center;}
.dr-upload-list--picture .dr-upload-list__item img{max-width: 100%;max-height:100%;object-fit: contain;}
.dr-upload-list--picture .dr-upload-list__item .checkImg {position: absolute; right: -10px; bottom: -21px; width: 36px; height: 60px; background: #13ce66; text-align: center; -webkit-transform: rotate(225deg); transform: rotate(225deg);z-index: 999;display: flex;justify-content: center;align-items: center; }
.dr-upload-list--picture .dr-upload-list__item.checked{border: 3px solid rgb(19, 206, 102);}
.dr-upload-list--picture .dr-upload-list__item .icon-check {color: #fff;transform: rotate(130deg);margin-top:4px;margin-left: 10px;}

.dr-list-item{border-bottom: solid 1px #e5e5e5;padding: 1rem;}
.dr-list-item:last-child{border-bottom: solid 1px transparent;}

.dr-dropdown-address{width: 500px;transform:translate(-36.5%,5px)!important;left:50%!important;inset:unset!important;}

.dr-popover{position: relative;}
.dr-popover-toggle{cursor: pointer;}
.dr-popover.show .dr-popover-container{display: block;}
.dr-popover .dr-popover-container{display: none;position: absolute;top: 50%; left: 0; z-index: 1070; transform:translateY(-50%);}
.dr-popover .dr-popover-left{right: 100%;left: unset;padding-right: 1rem;}
.dr-popover-content{width: 560px;padding: 1rem;max-width: 560px; line-height: 1.5; font-size: 0.875rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3125rem;text-align: left;position: relative;}
.dr-popover .dr-popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem;top: 50%;margin-top: -0.5rem;z-index: 1070;}
.dr-popover .dr-popover-arrow::before, 
.dr-popover .dr-popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }
.dr-popover-left > .dr-popover-arrow { right: calc(.53rem - 1px); width: 0.5rem; height: 1rem; }
.dr-popover-left > .dr-popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }
.dr-popover-left > .dr-popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; }
.dr-popover-cell{padding: .875rem .5rem;}

.dr-status-process{display: flex;align-items: flex-start;justify-content: center;}
.dr-status{display: flex;flex-direction: column;align-items: center;width: 200px;position: relative;}
.dr-status .ap-icon{font-size: 30px;margin-bottom: 1rem;}
.dr-status.done{color: #0abb40;}
.dr-status::after{width: 120px;height: 1px;border-top: solid 1px #e5e5e5;content: "";display: block;position: absolute;left: -60px;top: 1.375rem;}
.dr-status:first-child:after{display: none;}
.dr-status.done::after{border-color:#0abb40;}

.dr-cart-footer{border: solid 1px #ffb98b;background-color: #fff1e7;}


.config-switch .form-switch-check{position: relative;-webkit-appearance: none;width:50px;height: 24px;line-height: 24px;background: #ddd;border-radius: 100rem;outline: none;}
.config-switch .form-switch-check:before{position: absolute;left: 4px;top: 4px;content: ''; width: 16px;height: 16px;border-radius: 50%;background: #fff;transition: all 0.2s linear; }
.config-switch .form-switch-check:checked{ background: #0abb40;}
.config-switch .form-switch-check:checked:before{background: #fff;left:30px; transition: all 0.2s linear;}


.dr-input-group { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.dr-input-group .dr-form-control-box{position: relative; flex: 1 1 auto; width: 1%; min-width: 4rem; display:flex;align-items: center;flex-direction: column;overflow: hidden;}
.dr-input-group .form-control{position: relative; flex: 1 1 auto; width: 100%; min-width: 4rem;}
.dr-input-group .form-control:focus{ z-index: 3; }
.dr-input-group-text { display: flex; align-items: center; padding: 0.3rem 0.75rem;font-weight: 400; line-height: 1.5;text-align: center; white-space: nowrap;z-index:4;margin:1px;border-radius:0 5px 5px 0;}
.dr-input-group:not(.has-validation) .form-control-box:not(:last-child) .form-control,
.dr-input-group:not(.has-validation) .form-control-box:nth-last-child(n+3) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.dr-input-group.has-validation  .form-control-box:nth-last-child(n+3) .form-control,
.dr-input-group.has-validation .form-control-box:nth-last-child(n+4) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.dr-input-group .form-control-box:not(:first-child) .form-control:not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.dr-edit-order{width: 300px;}

.erp-banner-bg{background: url(../img/erp-banner-bg.jpg) no-repeat;background-size: cover;height: 300px;}
.dr-feature-card{background-color: #f4f7fa;height: 100%;display: flex; flex-direction: column;align-items: center; border-radius: 5px;}

/*loader*/
.btn.spinner-show{position: relative;display: flex; align-items: center;justify-content: center; gap:.5rem;}
.btn.spinner-show i{display: none;}
.btn.spinner-show::before { content: ""; display: inline-block; width: 1rem; height: 1rem; vertical-align: -0.125em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; }

.btn-primary.stop-show,.btn-outline-primary.stop-show{position: relative;display: flex;justify-content: center; align-items: center; gap:.5rem;}
.btn-primary.stop-show i,.btn-outline-primary.stop-show i{display: none;}
.btn-primary.stop-show::before,.btn-outline-primary.stop-show::before{content: ""; display: inline-block; width: .875rem; height: .875rem;background-color: currentColor;border-radius: 3px;}


.dr-help-accordion .accordion-item{border-bottom: solid 1px #e5e5e5;font-size: 14px;}
.dr-help-accordion .accordion-item:first-child{border-top: solid 1px #e5e5e5;}
.dr-help-accordion .accordion-item:last-child{border-bottom: solid 1px #e5e5e5;}
.dr-help-accordion .accordion-button{list-style:disc;display: list-item;list-style-position: inside;margin-bottom: 0;line-height: 1.5;}
.dr-help-accordion .accordion-button::marker{color: #999;}
.dr-help-accordion .accordion-button{font-weight: 600; cursor: pointer;padding:1.25rem 1rem;transition: all .2s ease-in-out;font-size: 14px;}
.dr-help-accordion .accordion-button::after{content:"\002B";color:#666;float: right;font-weight: bold;font-size: 18px;line-height: 1; background-image: none;width: auto;height:auto;}
.dr-help-accordion .accordion-button:not(.collapsed)::after{content:"\2212";color:#666;background-image: none;transform: none;}
.dr-help-accordion .accordion-button:not(.collapsed) { color: currentColor; background-color: #fff; box-shadow: none }
.dr-help-accordion .accordion-button:hover{background:#f8f8f8;}
.dr-help-accordion .accordion-body{padding:.5rem 2.2rem;overflow: hidden;line-height: 1.5;}
.dr-help-accordion .accordion-body ol{padding-left:1rem;margin-bottom: 1rem;}
.dr-help-accordion .accordion-body ol li{list-style: decimal;}


/*图片翻译-选择图片弹框*/
.image-list-wrapper{position: relative;max-width: 100%;overflow: hidden;}
.image-list-container{}
.image-item{flex: 0 0 auto;}
.image-checkbox{ position: relative; display: block; min-height: 1.5rem;height:162px;width: 100%;}
.image-control-label{width: 100%;height:100%;padding: 0px;border: solid 3px #e5e5e5;border-radius: 3px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.image-control-label .checkbox-image{border-radius: 3px;max-width: 100%;height:auto;max-height: 100%;}
.image-control-input{ position: absolute; bottom: 0;right: 0; z-index: -1; width: 1.5rem; height: 1.5rem; opacity: 0; }
.image-control-input:checked ~ .image-control-label{border: solid 3px #ff7318;}
.image-control-input:checked ~ .image-control-label::before { color: #fff; border-color:transparent #ff7318 #ff7318 transparent;}
.image-control-input:focus ~ .image-control-label::before { box-shadow: none; }
.image-control-input:focus:not(:checked) ~ .image-control-label::before {border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent;}
.image-control-input:not(:disabled):active ~ .image-control-label::before { color: #fff;border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent;}
.image-control-input[disabled] ~ .image-control-label, 
.image-control-input:disabled ~ .image-control-label { color: #6c757d; }
.image-control-input[disabled] ~ .image-control-label::before, 
.image-control-input:disabled ~ .image-control-label::before {border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent;}
.image-control-label{ position: relative; margin-bottom: 0; vertical-align: top; }
.image-control-label::before { position: absolute; bottom: 0; right: 0; display: block; width: 0rem; height: 0rem; pointer-events: none; content: ""; border-style: solid;border-width:15px;border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent;}
.image-control-label::after { position: absolute; bottom: 0; right: 0; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 70% 70%; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
.image-checkbox .image-control-label::before { border-radius:0; }
.image-checkbox .image-control-input:checked ~ .image-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
.image-checkbox .image-control-input:indeterminate ~ .image-control-label::before { border-color: transparent #adb5bd #adb5bd transparent; }
.image-checkbox .image-control-input:indeterminate ~ .image-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.image-checkbox .image-control-input:disabled:checked ~ .image-control-label::before { border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent; }
.image-checkbox .image-control-input:disabled:indeterminate ~ .image-control-label::before { border-color:transparent rgba(255,115,24,.1) rgba(255,115,24,.1) transparent; }
.image-checkbox .text-label{height: 20px;display: flex; align-items: center;padding: 0 10px;background-color: rgb(0 0 0 / 50%);position: absolute;left: 3px;bottom: 3px;font-size: 12px;color: #fff;}


/*图片翻译*/
.section-left{width: calc(100% - 278px);border-right: solid 1px #e5e5e5;background-color: #fff;}
.section-right{width:278px;height: calc(100vh - 57px); flex-shrink: 0;background-color: #f7f8fb;position: sticky;top: 0;}
.layout-scroll{overflow-y: auto;width: 100%;height: 100%;}
.layout-scroll::-webkit-scrollbar{background-color: transparent;width: 8px;height: 1px;}
.layout-scroll::-webkit-scrollbar-thumb{border-radius: 10rem;width: 8px;height: 20px; background-color: rgba(0,0,0,.2);;}

.translate-detail-content{background-color: #fff;}
.translate-detail-content-tabbar{background-color: #f7f8fc;border-bottom: solid 1px #e5e5e5;display: flex;align-items: center;}
.translate-detail-content-tabbar .nav-link{padding: 15px 10px;border: none;background-color: none;margin: 0 1.5rem;font-size: 16px;color: #333;font-weight: 700;}
.translate-detail-content-tabbar .nav-link.active{border: none; border-bottom:solid 3px #595bd4;margin-bottom: -1px;position: relative;z-index: 13;color: #595bd4;background: transparent;}
.translate-detail-content-tabbar .nav-link.active:hover{border-bottom:solid 3px #595bd4;}
.translate-detail-content-tabbar .nav-link:hover{border: none;}

.translate-thumbnail-content{border-top: none;padding:1.5rem;}
.translate-thumbnail-wrapper{position: relative;max-width: 100%;overflow: hidden;}
.translate-thumbnail-container{display: flex;flex-direction: row;flex-wrap:wrap;margin: -5px;overflow: hidden;}
.translate-thumbnail-box{width: 100px;height: 100px;padding: 2px;border: solid 1px #e5e5e5;border-radius: 3px;overflow: hidden;margin: 5px;}
.translate-thumbnail-img{border-radius: 3px;max-width: 100%;max-height: 100%;min-width: 100%;min-height: 100%;object-fit: contain;}

.translate-thumbnail-operations{padding: 1rem 1.5rem;border-bottom: solid 1px #e5e5e5;border-top: solid 1px #e5e5e5;background-color: #f7f8fc; font-size: 14px;display: flex; align-items: center;}
.translate-thumbnail-operations .btn{font-size: 14px;padding: .375rem 1.25rem;}
.translate-thumbnail-operations .btn-outline-grey{border-color: #c4c6cf;color: #666;}
.translate-thumbnail-operations .btn-outline-grey:hover{border-color: #999;}
.translate-thumbnail-operations .icon-arrow-right{color: #999;}
.translate-thumbnail-operations .respond-text{font-size: 14px;color: #999;}
.translate-thumbnail-operations .respond-text .num{color: #595bd4;font-weight: 600;}
.translate-thumbnail-operations .dropdown-toggle::after{color: #999;vertical-align:.2em;margin-left: .5rem;}
.translate-thumbnail-operations .dropdown-menu{font-size: 14px;color: #666;border-color: #c4c6cf;padding:.5rem 0;background:#fff; border-radius: 3px; box-shadow: 0px 2px 7px rgba(0,0,0,.1);}
.dropdown-list-group{display: flex;flex-wrap:wrap;}
.translate-thumbnail-operations .dropdown-item{color: #666;padding: .25rem 1.25rem;}
.translate-thumbnail-operations .dropdown-item:hover,.translate-thumbnail-operations .dropdown-item:focus { color: #666; text-decoration: none; background-color: #f6f7fc; }
.translate-thumbnail-operations .dropdown-item.active,.translate-thumbnail-operations .dropdown-item:active { color: #666; text-decoration: none; background-color: #f6f7fc; }
.translate-thumbnail-operations .dropdown-menu.cols-2{width: 320px;}
.translate-thumbnail-operations .dropdown-menu.cols-2 .dropdown-item{width: 50%; flex: 0 0 50%;}

.layout-buttons{display: flex;flex-direction: column;margin-bottom: .5rem;}
.layout-buttons .btn{font-size: 14px;margin-bottom: 10px;padding: .15rem .75rem;}
.layout-buttons .btn .ap-icon{margin: 0 3px;}
.layout-buttons .btn .text{margin: 0 3px;}
.layout-card--sub{padding:1.5rem;border-bottom: solid 1px #e5e5e5;}
.layout-card--sub:last-child{border-bottom: none;}
.layout-label{font-weight: 600;font-size: 14px;color: #333;margin-bottom: 10px;}
.layout-images{margin: -5px;display: flex;display: -ms-flexbox;flex-flow: row wrap;-ms-flex-flow: row wrap;}
.layout-images .img-col{padding:5px;flex: 0 0 50%;-ms-flex:0 0 50%;max-width: 50%;}
.layout-images .img-content{border-radius: 3px;height: 110px;padding: 2px; align-items: center;justify-content: center; display: flex; background-color: #fff;border: solid 1px #e5e5e5;}
.layout-images .img-content img{max-width: 100%;max-height: 100%;border-radius: 3px;object-fit: contain;}


.dr-select{position: relative;}
.dr-select-selector{cursor: text;position: relative;background-color: #fff;border: 1px solid #ccc;transition: all .2s cubic-bezier(.645,.045,.355,1);display: flex;flex-wrap: wrap;align-items: center;padding: 2px 24px 2px 4px;border-radius:.3125rem;}
.dr-select:hover .dr-select-selector {border-color: #ff7318;}
.dr-select-multiple .dr-select-selection-overflow{position: relative;display: flex;flex: auto;flex-wrap: wrap;max-width: 100%;}

.dr-select .dr-select-clear { position: absolute; top: 50%; inset-inline-start: auto; inset-inline-end: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0,0,0,.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color .2s ease,opacity .3s ease; text-rendering: auto; }
.dr-select-multiple .dr-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; display: inline-flex; }
.dr-select-multiple .dr-select-selection-overflow-item-input{flex-grow: 1;align-self: center; max-width: 100%; display: inline-flex;}
.dr-select .dr-select-selection-item { flex: 1; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dr-select-multiple .dr-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: rgba(0,0,0,.06); border: 1px solid rgba(5,5,5,.06); border-radius: 4px; cursor: default; transition: font-size .3s,line-height .3s,height .3s; user-select: none; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; }
.dr-select-multiple .dr-select-selection-item-content { display: inline-block; margin-inline-end: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; }
.dr-select-multiple .dr-select-selection-item-remove { display: inline-block; align-items: center; color: rgba(0,0,0,.45); font-style: normal; line-height: inherit; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; font-size: 10px; cursor: pointer; }
.dr-select-multiple .dr-select-selection-item-remove:hover { color: rgba(0,0,0,.88); }
.dr-select-multiple .dr-select-selection-item-remove>.anticon { vertical-align: -0.2em; }
.dr-select-multiple .dr-select-selection-search { display: inline-flex; position: relative; max-width: 100%;width: 100%;margin-inline-start: 8px; }
.dr-select-multiple .dr-select-selection-overflow-item + .dr-select-selection-overflow-item-input .dr-select-selection-search { margin-inline-start: 0; }
.dr-select .dr-select-selector .dr-select-selection-search-input {height: 24px; cursor: auto; color: inherit;margin: 2px 0; padding: 0; background:#fff; border: none; outline: none; appearance: none;width: 100%; }
.dr-select .dr-select-selection-placeholder { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; color: rgba(0,0,0,.25); pointer-events: none; }
.dr-select-multiple .dr-select-selection-placeholder { position: absolute; top: 50%; inset-inline-start: 11px; inset-inline-end: 11px; transform: translateY(-50%); transition: all .3s; }
.dr-select .dr-select-clear { position: absolute; top: 50%; inset-inline-start: auto; inset-inline-end: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0,0,0,.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color .2s ease,opacity .3s ease; text-rendering: auto; }
.dr-select:hover .dr-select-clear { opacity: 1; }
.dr-select:hover .dr-select-clear:hover{color: rgba(0,0,0,.5);}
.dr-dropdown-select{max-height: 260px;overflow-y: auto;}
.dr-dropdown-select .dropdown-item .icon-right-linear{display:none;}
.dr-dropdown-select .dropdown-item.active{font-weight: 600;background-color: #f3fcf5;}
.dr-dropdown-select .dropdown-item.active .icon-right-linear{display:inline-block;color: #0abb40;}


/*top-banner*/
.top-banner{width: 100%;height: 100px; background-color: #29344f;color: #fff;position: relative;}
.banner-for-overseas-purchase{background:#29344f url(../img/top-banner/banner-for-overseas-purchase.jpg) no-repeat top center;color: #fff!important;}
.banner-for-overseas-purchase .top-banner-title{color: #fff;}
.top-banner-content{display: flex;width: 100%;height: 100px;align-items: center;}
.top-banner-title{height: 100px;align-items: center;color: #fbdd92;font-weight: bold;text-shadow: 0 1px 1px rgba(0,0,0,.1);}
.top-banner-close{background-color: rgba(0, 0, 0, 0.5); color: rgba(255,255,255,.5);transition: all .2s ease-in-out;padding: .2rem;line-height: 1;position: absolute;right: 20px;}
.top-banner-close:hover{color:#fddbbf;}
/*top-banner*/


/*Shopify店铺授权引导弹窗*/
.modal-step-viewport{width: 100%;}
.modal-left-line{position: relative;flex-shrink: 0;}
.modal-left-line::before{border-left: 2px dashed #ff7318;position:absolute;top: 30px;left: 50%;transform:translateX(-50%);content: "";display: block;width: 0;height:calc(100% - 30px);}
.modal-step:last-child .modal-left-line:before{display:none;}
.modal-right-content{padding-left:1rem;width: 100%;max-width: 100%;}
.modal-step-name{border: solid 2px #ff7318;background-color: #fff8f3;color: #ff7318;border-radius: 100rem;height: 30px;padding: 0 1.129rem;justify-content: center; display: flex;align-items: center;font-size: 14px;font-weight: 700;font-style: normal;white-space: nowrap;}
/*Shopify店铺授权引导弹窗  --END--*/


.config-account{padding: 0px 20px 0 20px;width: 700px;margin: 0 auto;}
.config-account__item{display: flex;align-items:flex-start;margin-bottom:1.75rem;padding-bottom: 1.75rem; border-bottom: dashed 1px #ddd;}
.config-account__item:last-child{border-bottom: none;}
.config-account__item-title{display: flex;align-items:center;color: #666;}
.config-account__item-title > .ap-icon{font-size: 18px;color: #777;}
.config-account__item-title .title{font-size: 14px;color: #666;margin: 0 10px;}
.config-account__item-title .title ~ .ap-icon{font-size: 16px;}
.config-account__item-title .icon-right-fill{color: #0abb40;}
.config-account__item-title .icon-exclamation-fill{color: #fd860e;}
.config-account__item-btn{margin-left: auto;flex-flow: 1;white-space: nowrap;}
.config-account__item-btn .text-link{color: #218aed;font-size: 14px;}

.config-account__alert{max-width: 880px;position: fixed;bottom: 50px;left: 50%;transform: translate(-50%,0%);border-radius: 10px;}
.config-account__alert .alert-icon{display: flex;justify-content: center;}
.config-account__alert .alert-icon .icon-exclamation{font-size: 20px;line-height: 1;}
.config-account__alert .alert-text{font-size: 16px;text-align: center;}