﻿
/*.header-padding { padding-top: 104px; background-color: #a2d6d3 }*/
.header-padding { padding-top: 96px; }
.header { width: 100%; position: fixed; top: 0; right: 0; left: 0; z-index: 100; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.header .top_extend_bar { height: 0; width: 100%; position: relative; z-index: 30; background-color: #011522; transition: all 0.3s ease; }
.header.sticky .top_extend_bar { height: 10px; }

.header .middle { max-width: 1380px; margin: 0 auto }
.header .middle .header_top { position: relative; z-index: 30; display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 10px 0; }
.header .middle .logo_box {  }
.header .middle .logo_box img { max-height: 80px; }

.header .lang { padding: 15px 0; margin-left: 0px; font-size: 14px; position: relative; cursor: pointer; color: #444; display: flex; align-items: center; }
.header .lang .country { display: flex; align-items: center; }
.header .lang .icon-yuyan { font-size: 18px; }
.header .lang .icon { height: 18px }
.header .lang .lable { padding-left: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-wrap: break-word; color: rgb(41, 41, 41); overflow: hidden; }
.header .lang .icon_down { margin-left: 5px }


/*菜单*/
.open-menu .header .menuicon i { background-color: #000; }
.open-menu .header .menuicon i:first-child { transform: rotate(45deg); }
.open-menu .header .menuicon i:nth-child(2) { opacity: 0; }
.open-menu .header .menuicon i:last-child { transform: rotate(-45deg); }
/*展开*/
.open-menu .header .show { z-index: 15; height: 100%; overflow-y: scroll; }
.open-menu .header .show::-webkit-scrollbar { display: none; }
.open-menu .mask { position: fixed; width: 100%; height: 100%; left: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 998; }

.dropdown_menu { position: fixed; padding: 20px 15px; left: 0; right: 0; z-index: 20; overflow-y: auto; box-shadow: 0 4px 8px 1px rgba(0,0,0,.1); background-color: #ffffff; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; box-shadow: 0 4px 8px 1px rgba(0,0,0,.1); transform: translateY(-100%); opacity: 0; visibility: hidden; max-height: calc(100% - 72px); overflow-y: scroll; }
.dropdown_menu .m_box { position: relative; overflow: hidden; background-color: rgb(0 0 0 / 3%); }
.dropdown_menu .m_box ul { padding: 20px 16px; }
.dropdown_menu .m_box ul li { display: flex; }
.dropdown_menu .m_box ul li.group { display: block }
.dropdown_menu .m_box ul li .cover { position: relative; display: flex; cursor: pointer; margin-right: 8px; height: 40px; width: 40px }
.dropdown_menu .m_box ul li .cover img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }
.dropdown_menu .m_box ul li .lable { display: flex; flex: 1 1 0%; cursor: pointer; align-items: center; padding: 12px 0 }
.dropdown_menu .m_box ul li .lable .txt { font-size: 14px; color: #292929; opacity: 0.8; flex: 1 1 0%; display: flex; place-items: center }
.dropdown_menu .m_box ul li .lable .txt .icon { margin-right: 8px; font-size: 0; }

.open-menu .header .dropdown_menu { opacity: 100; visibility: visible; transform: translateY(0); }

.dropdown_menu .m_box ul li.group ul { padding: 0px 0px 0px 16px; }
.dropdown_menu .m_box ul li.group .drawer-next { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; transform: rotate(0) }
.dropdown_menu .m_box ul li.group .is-open .drawer-next { transform: rotate(90deg); }






.footer { background-color: #131218; color: #777; position: relative; /*border-bottom: 20px #1a86bf solid;*/ }
/*.footer:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/images/bg_2.jpg'); background-repeat: no-repeat;  opacity: 0.3;  }
*/


.footer .warp { max-width: 1200px; margin: 0 auto; padding: 0px 0px 20px 0px; position: relative; z-index: 2; }
/*.footer .warp .top_lay { display:flex; justify-items:center; align-items:center; padding-bottom:20px}
.footer .warp .top_lay .f_logo .img { width:120px}
.footer .warp .top_lay .app { display: flex; justify-items: center; align-items: center; margin-left: auto }
.footer .warp .top_lay .app .operate .download-button { box-sizing: border-box; display: inline-block; border-radius: 5px; padding: 6px 15px; margin-left: 12px; color: rgba(255,255,255,0.6); line-height: 1; background-color: #000; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; transition: color .3s linear; cursor: pointer; transform: translate3d(0, 0, 0); border: 1px solid #fff; box-shadow: 0 5px 5px -3px rgba(0,0,0,0.12), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12); }
.footer .warp .top_lay .app .operate .download-button svg { opacity: 0.6 }
.footer .warp .top_lay .app.operate .download-button:hover { color: rgba(255,255,255,1) }
.footer .warp .top_lay .app .operate .download-button:hover svg { opacity: 1 }
.footer .warp .top_lay .app .operate .download-button span { margin-right: 5px }*/


.footer .warp .list { display: flex; flex-wrap: wrap; /*border-top: 1px solid hsla(0,0%,100%,.2); */ padding: 60px 0 80px }
.footer a { color: #777; }
.footer .warp .list .box > h2 { font-weight: 700; font-size: 16px; color: #fff }
.footer .warp .list .box .sub_list { padding-top: 26px }
.footer .warp .list .box .sub_list .item { display: block; font-size: 14px; line-height: 2.2; transition: color 0.3s linear; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.footer .warp .list .box .sub_list .item:hover { color: #fff }


.footer .warp .list .single > h2 { font-weight: 700; font-size: 16px; color: #fff }
.footer .warp .list .single .grid_box { display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr); padding-top: 36px; width: 60%; }
.footer .warp .list .single .user .pay_icon { opacity: 0.7; transition: opacity 0.3s linear; cursor: pointer }
.footer .warp .list .single .user .pay_icon { width: 100%; }
.footer .warp .list .single .user .pay_icon:hover { opacity: 1 }
.footer .warp .list .single .adv_footer { display: block; margin-top: 0px }
.footer .warp .list .single .adv_footer img { width: 100% }
.footer .warp .list .i_box { min-width: 15%; max-width: 20%;  margin-right: 30px }

.footer .warp .list .contact_box {   margin-left: auto }
.footer .warp .list .box .contact { padding-top: 26px; }
.footer .warp .list .box .contact p { font-size: 16px; white-space: nowrap; }
.footer .warp .list .box .contact .f_social { padding-bottom: 10px }
.footer .warp .list .box .contact .f_social a { font-size: 16px; color: #777777; transition: all 0.3s linear; margin-right: 20px; }
.footer .warp .list .box .contact .f_social a:hover { color: #6610f2; }

.footer .warp .list .contact_box .widget-desc { font-size: 16px; margin-bottom: 16px;  color:#fff}
.footer .warp .list .contact_box .subscribe-widget .dreamit-form { position: relative; font-size:16px;}
.footer .warp .list .contact_box .subscribe-widget .dreamit-form.errmsg::before { content: ''; position: absolute; left: 20px; bottom: calc(100% - 6px); width: 0; height: 0; color: #fff; border: 6px solid transparent; border-top-color: white; z-index: 2; }
.footer .warp .list .contact_box .subscribe-widget .dreamit-form.errmsg::after { box-sizing: border-box; content: attr(errMsg); position: absolute; bottom: calc(100% + 6px); left: 0; line-height: 1.3; padding: 16px 20px; color: rgba(41, 41, 41, 0.6); background-color: white; border-radius: 4px; box-shadow: 0px 0px 8px 0px rgba(195,195,195,0.50); font-size: 14px; z-index: 1; }

.footer .warp .list .contact_box .subscribe-widget .src-input-box {  font-size: inherit; line-height: inherit; background: #fff; border-radius: 4px; padding: 8px 60px 8px 20px; border: none; color: #444; display: block; width: 100%; }
.footer .warp .list .contact_box .subscribe-widget .input-btn { cursor: pointer; transition: all 0.3s ease-out 0s; border: none; outline: none; position: absolute; top: 50%; transform: translateY(-50%); right: 7px; width: 36px; height: 36px; border: none; padding: 0 0; background: #000; border-radius: 3px; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.footer .warp .list .contact_box .subscribe-widget .input-btn .icon { width: 20px; fill: #fff }
.footer .warp .list .contact_box .subscribe-widget .input-btn:hover { opacity: 0.7; }


.footer .warp .list .contact_box .subscribe-widget .result_title { font-size: 18px; text-align: center; margin-bottom: 30px; color:#fff }
.footer .warp .list .contact_box .subscribe-widget .result_box { width: 100%; font-size: 14px; padding: 5px 10px; text-align: center; color: rgba(86,173,106,1); background-color: rgba(236,254,240,1); border: 1px rgba(86,173,106,1) solid; }
.footer .warp .list .contact_box .subscribe-widget .result_box .desc { margin-bottom: 10px }
.footer .warp .list .contact_box .subscribe-widget .result_box .rows { display: flex; place-items: center; place-content: center; }
.footer .warp .list .contact_box .subscribe-widget .result_box .rows .coupon_code { margin-left: 10px; padding: 4px 8px; line-height: 1; font-weight: 700; min-width: 90px; background: #f5f5f5; border: 1px dashed #363636; color: #c82a23; }
.footer .warp .list .contact_box .subscribe-widget .email_form.errmsg::after { font-size: 14px; }


.footer .warp .cpy { display: flex; place-items: center; place-content: space-between; padding-top: 25px; }
.footer .warp .cpy .tips { font-size: 14px; }
.footer .warp .single { padding-bottom: 25px; border-bottom: 1px solid #2A2A2A; }
.footer .warp  .single .grid_box { display: flex; gap:10px }
.footer .warp  .single .user .pay_icon { opacity: 0.7; transition: opacity 0.3s linear; cursor: pointer }
.footer .warp  .single .user .pay_icon { width: 40px; }
.footer .warp  .single .user .pay_icon:hover { opacity: 1 }
/*分页*/
.page-box span { flex: 1 }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px }
.pagination > li { display: inline }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: #eee }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #1f1e1d; border-color: #1f1e1d }
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none }
.pager:after, .pager:before { display: table; content: " " }
.pager:after { clear: both }
.pager:after, .pager:before { display: table; content: " " }
.pager:after { clear: both }
.pager li { display: inline }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px }
.pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee }
.pager .next > a, .pager .next > span { float: right }
.pager .previous > a, .pager .previous > span { float: left }
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #999; cursor: not-allowed; background-color: #fff }



/*layout.cshtml样式*/
.search-warp { background-color: rgba(31,30,29,0.88); position: fixed; z-index: 10; top: 0; bottom: 0; left: 0; right: 0; height: 100%; display: none; place-content: center; place-items: center; transition: all 350ms; }
.search-warp .search-content { width: 50% }
.search-warp .search-content .input-box { display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 10px; background-clip: padding-box; background-color: #fff; box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25); overflow: hidden }
.search-warp .search-content .input-box input { width: 100%; font-size: 19px; line-height: 31px; height: 60px; padding: 15px 22px 14px; }
.search-warp .search-content .input-box .search-btn { border-left: 1px #c1c1c1 solid; height: 60px; padding: 0 30px; display: flex; place-content: center; place-items: center; font-size: 30px; color: #333 }

.share_warp { opacity: 0; position: fixed; text-align: center; bottom: 20px; right: 30px; z-index: 5; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; cursor: pointer }
.share_warp .back { width: 54px; height: 54px; background-color: #848484; display: flex; place-items: center; place-content: center; border-radius: 3px; }
.share_warp .back i { font-size: 36px; color: #fff }
.langconfig { padding: 15px 0; display: flex; place-content: center; place-items: center; }
.langconfig .list { }
.langconfig .list .item { font-size: 14px; color: #666; margin: 0 5px; position: relative; display: inline-block; cursor: pointer }
.langconfig .list .item.selected::before { position: absolute; content: ""; top: 0px; left: 0px; height: 2px; width: 100%; background-color: #d01212; }
.langconfig .list .item:hover::before { position: absolute; content: ""; top: 0px; left: 0px; height: 2px; width: 100%; background-color: #d01212; }




/*.header .page_nav .list .lang.active .dropdown {
  transform: translate(0, 0px);
  opacity: 1;
  visibility: visible;
}*/

.header .lang .dropdown { position: absolute; top: 100%; left: 0; background: #FFFFFF; width: 200px; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); text-align: left; transition: 0.3s ease; padding: 10px 20px; }
.header .lang .dropdown:before { content: ""; position: absolute; top: -6px; left: 20px; width: 0; height: 0; box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.05); border-top: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-bottom: 6px solid transparent; border-left: 6px solid transparent; transform: rotate(-45deg); mix-blend-mode: multiple; }
.header .lang .dropdown li { z-index: 1; position: relative; background: #FFFFFF; display: flex; place-items: center; place-content: center; height: 42px; color: #666; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.header .lang .dropdown li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.header .lang .dropdown li .lable { flex: 1; flex-shrink: 0 }
.header .lang .dropdown li img { width: 26px; }
.header .lang .dropdown li.active { color: #5380F7; }


.header .btm .s_lang.active .dropdown { height: auto; display: block; }
.header .btm .s_lang .dropdown { background: #FFFFFF; width: 100%; height: 0; overflow: hidden; text-align: left; transition: height 0.3s ease; padding: 10px 20px; display: none }

.header .btm .s_lang .dropdown li { z-index: 1; position: relative; background: #FFFFFF; display: flex; place-items: center; place-content: center; height: 42px; color: #666; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.header .btm .s_lang .dropdown li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.header .btm .s_lang .dropdown li .lable { flex: 1; flex-shrink: 0 }
.header .btm .s_lang .dropdown li img { height: 26px; width: 26px; }
.header .btm .s_lang .dropdown li.active { color: #5380F7; }


.md-modal .messagebox .form_box .combine { border: 1px #ececec solid; display: flex; align-items: center; justify-content: flex-start; line-height: 1; background-color: #fafafa; }
.md-modal .messagebox .form_box .combine input { height: 46px; font-size: 16px; padding: 0 15px; width: 100%; background-color: unset; color: #666 }
.md-modal .messagebox .form_box .combine textarea { width: 100%; height: 100px; background-color: unset; color: #666; font-size: 16px; padding: 15px; }
.md-modal .messagebox .form_box .item { margin-bottom: 15px }
.md-modal .messagebox .form_box .item span { font-size: 14px; color: #666 }

.md-modal .messagebox .operate { }
.md-modal .messagebox .operate .btn { height: 46px; display: flex; place-content: center; place-items: center; padding: 0 25px; font-size: 18px; color: #fff; box-sizing: border-box; background: #132f58; cursor: pointer }
.md-modal .messagebox .operate .btn .icon { transform: rotate(-90deg); font-size: 18px; margin-left: 5px }

.search_warp { display: flex; width:40% }
.search_warp .search_form { display: flex; max-width: 476px; width: 100%; background-color: #0000000d; border-radius: 7px; }
.search_warp .search_input { height: 40px; padding-left: 14px; width: 100%; background-color: initial; }
.search_warp .search_form .search-icon { cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; background-color: transparent; border-style: none; height: 100%; display: flex; padding: 0 14px; align-items: center; }
.search_warp .search-close { display: none; outline: 2px solid transparent; outline-offset: 2px; color: rgba(51, 51, 51, 1); background-color: transparent; border-style: none; place-content: center; place-items: center; cursor: pointer; padding: 0 14px 0 14px }
.search-focus .search_warp .search-close { display: flex }

.header_icons { display: flex; align-items: center; justify-content: flex-end; }
.header_icons .box { display: flex; align-items: center; position: relative; margin-left: 30px }
.header_icons .box .icon { cursor: pointer }
.header_icons .box .menu_extras { font-size: 14px; margin-left: 3px; }
.header_icons .box .label { font-size: 14px; letter-spacing: 0.01em; text-transform: uppercase; padding-left: 5px; cursor: pointer; transition: all cubic-bezier(.4,0,.2,1) .2s; color: #333; }
.header_icons .header_popover { padding-top: 8px; visibility: hidden; position: absolute; left: 0; top: 100%; z-index: 1000; }
.header_icons .box:hover .header_popover { visibility: visible; }
.header_icons .box.header_account .header_popover ul { padding: 20px 15px; min-width: 125px; background-color: rgb(255 255 255); color: rgb(41 41 41); box-shadow: 0 4px 8px 1px rgba(0,0,0,.1); }
.header_icons .box.header_account .header_popover ul li { margin-top: 20px; font-size: 14px; color: #333; }
.header_icons .box.header_account .header_popover ul li:first-child { margin-top: 0 }
.header_icons .box.header_account .header_popover ul li a { color: currentColor; white-space: nowrap; }
.header_icons .box.header_account .header_popover ul li a:hover { text-decoration: underline; }
.header_icons .box.header_search { display: none; }


/*导航条*/
.header .page_nav .list { display: flex; align-items: center; }
.header .page_nav .list .item { margin-left: 30px; font-size: 14px; position: relative; display: flex; font-weight: 700; color: #333; }
.header .page_nav .list .item.full { position: unset }
.header .page_nav .list .item:first-child { margin-left: 0 }
.header .page_nav .list .item a.label { padding: 14px 0; color: #333; transition: all cubic-bezier(.4,0,.2,1) .2s; flex-shrink: 0 }
.header .page_nav .list .item .icon { width: 10px; margin-left: 5px; margin-top: 2px; flex-shrink: 0 }
.header .page_nav .list .item:hover > .group-list .icon { transform: rotate(180deg); }
.header .page_nav .list .item:hover a.label { box-shadow: inset 0 -2px 0 0 rgb(51 51 51); }
.header .page_nav .list .item .group-list { display: flex; place-items: center }


/*normal*/
.header .page_nav .list .item.normal .header_menu { display: none; padding: 10px 0; position: absolute; left: 0; top: 100%; z-index: -1; min-width: 20rem; border: 1px solid rgba(18,18,18, 0.1); transition: opacity .2s ease, transform .2s ease; opacity: 0; transform: translateY(-1.5rem); box-shadow: 0px 4px 5px rgba(18,18,18, 0.05); background-color: #fff }
.header .page_nav .list .item.normal:hover .header_menu { display: block; animation: animateMenuOpen 0.2s ease; animation-fill-mode: forwards; z-index: 1; }
.header .page_nav .list .item.normal .header_menu ul { color: rgb(41 41 41); }
.header .page_nav .list .item.normal .header_menu ul li { font-size: 14px; line-height: 2.6; }
.header .page_nav .list .item.normal .header_menu ul li:first-child { margin-top: 0 }
.header .page_nav .list .item.normal .header_menu ul li a { color: rgba(18,18,18, .75); white-space: nowrap; font-weight: normal; justify-content: space-between; padding: 0 10px; box-shadow: none; display: block; flex: 1 }
.header .page_nav .list .item.normal .header_menu ul li a:hover { text-decoration: underline; box-shadow: none; }
.header .page_nav .list .item.normal .header_menu-sub { padding: 8px 0; background-color: rgba(18,18,18, .03); display: none; transition: opacity .2s ease, transform .2s ease; opacity: 0; transform: translateY(-1.5rem); }
.header .page_nav .list .item.normal .group-list.active + .header_menu-sub { display: block; animation: animateMenuOpen 0.2s ease; animation-fill-mode: forwards; }
.header .page_nav .list .item.normal .group-list.active .icon { transform: rotate(180deg); }
.header .page_nav .list .item.normal .header_menu .group-list { padding: 0 10px; }
.header .page_nav .list .item.normal .header_menu .group-list a { padding: 0 }



/*card*/
.header .page_nav .list .item.card .header_menu .group-list .icon { width: 10px; margin-left: 5px; margin-top: 2px; color: #000; transform: rotate(-90deg); }
.header .page_nav .list .item.card .header_menu { display: none; padding: 10px 0; position: absolute; left: 0; top: 100%; z-index: -1; min-width: 20rem; border: 1px solid rgba(18,18,18, 0.1); transition: opacity .2s ease, transform .2s ease; opacity: 0; transform: translateY(15%); box-shadow: 0px 4px 5px rgba(18,18,18, 0.05); background-color: #fff }
.header .page_nav .list .item.card:hover .header_menu { display: block; animation: animateMenuOpen 0.2s ease; animation-fill-mode: forwards; z-index: 1; }
.header .page_nav .list .item.card .header_menu ul { color: rgb(41 41 41); }
.header .page_nav .list .item.card .header_menu ul li { font-size: 14px; line-height: 2.6; position: relative }
.header .page_nav .list .item.card .header_menu ul li:first-child { margin-top: 0 }
.header .page_nav .list .item.card .header_menu ul li a { color: rgba(18,18,18, .75); white-space: nowrap; font-weight: normal; justify-content: space-between; padding: 0 10px; box-shadow: none; display: block; flex: 1 }
.header .page_nav .list .item.card .header_menu ul li a:hover { text-decoration: underline; box-shadow: none; }
.header .page_nav .list .item.card .header_menu .header_menu-sub { position: absolute; top: 0; left: 100%; background-color: #fff; display: none; min-width: 20rem; border: 1px solid rgba(18,18,18, 0.1); }
.header .page_nav .list .item.card .header_menu ul li:hover .header_menu-sub { display: block; }
.header .page_nav .list .item.card .header_menu .group-list { padding: 0 10px; }
.header .page_nav .list .item.card .header_menu .group-list a { padding: 0 }

/*full*/
.navigation_full { display: none; position: absolute; opacity: 0; transform: translateY(-1.5rem); left: 0; top: 100%; z-index: -1; min-width: 100%; width: 20rem; transition: opacity .2s ease, transform .2s ease; box-shadow: 0px 4px 5px rgba(18,18,18, 0.05); background-color: #fff }
.header .page_nav .list .item:hover .navigation_full { display: block; animation: animateMenuOpen 0.2s ease; animation-fill-mode: forwards; z-index: 1; }
.navigation_full .container { max-width: 1260px; margin: 0 auto; }
.navigation_full .container .navigation_columns { padding-top: 15px; flex: 0 0 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; padding-left: 0; padding-right: 0; margin: 0 auto !important; }
.navigation_full .container .navigation_columns .navigation_item { width: 190px; font-weight: normal; }
.navigation_full .container .navigation_columns .navigation_item .navigation_column-title { padding: 0; letter-spacing: .75px; line-height: 30px; color: rgba(18,18,18, .75); }
.navigation_full .container .navigation_columns .navigation_item .navigation_child { padding-bottom: 30px; }
.navigation_full .container .navigation_columns .navigation_item .navigation_child .navigation_menu li { padding: 0; letter-spacing: .75px; line-height: 26px; }
.navigation_full .container .navigation_columns .navigation_item .navigation_child .navigation_menu li a { color: rgba(18,18,18, .75); font-size: 12px; }
@keyframes animateMenuOpen { 0% { opacity: 0; transform: translateY(-1.5rem); }

    100% { opacity: 1; transform: translateY(0);  }
}
/*css首页样式*/
.header .page_nav .list .item a.label { color: #333; }
.header .page_nav .list .lang { color: #333; }
.header .page_nav .list .register .lable { color: #333; }
.main {}
.main .box .wrap { position: relative; max-width: 1380px; margin: 0 auto; z-index: 1 }
.main .banner {  position: relative; }
.main .banner .box .right { position: relative; flex: 1; overflow: hidden;  }
.main .banner .box { margin: 0 auto; display: flex; z-index: 2; position: relative; }

.banner .banner-swiper { width: 100%; }
.banner .banner-swiper .swiper-slide img { width: 100% }
.banner .swiper-pagination { list-style: none; position: relative; line-height: 0 }
.banner .swiper-pagination span { display: inline-block; width: 14px; height: 14px; border: 2px #fff solid; border-radius: 14px; margin: 0 6px; cursor: pointer; color: #000 !important; transition: all 0.3s; }
.banner .swiper-pagination .swiper-pagination-bullet-active { padding: 0 14px; background-color: #000 !important }
.banner .controller { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 10000;  }
.banner .controller .warp_ctrl { display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto }
.banner .controller .prev_box { display: flex; align-items: center }
.banner .controller .prev_box .def-prev { width: 26px; height: 26px; cursor: pointer; margin-right: 20px; position: unset; margin-top: 0; outline: none }
.banner .controller .prev_box .def-prev:after { content: '' }
.banner .controller .prev_box .def-prev img { width: 100%; filter: brightness(0); }
.banner .controller .next_box { display: flex; align-items: center }
.banner .controller .next_box .def-next { width: 26px; height: 26px; cursor: pointer; margin-left: 20px; position: unset; margin-top: 0; outline: none }
.banner .controller .next_box .def-next:after { content: '' }
.banner .controller .next_box .def-next img { width: 100%; filter: brightness(0); }
.banner .controller .next_box .num { color: #000; font-weight: 700; font-size: 20px; }
.banner .controller .next_box .num .totalpage { font-size: 16px; }

.section-columns { padding: 80px 24px; }
.section-columns .container { width: 100%;  }
.section-columns .container .section-header { max-width: 1380px; margin: 0px auto; padding-bottom:50px;}
.section-columns .container .section-header h2 { font-size: 32px; color: #000; text-align: center; font-weight: 700; display: block; font-size: 36px; color: #000; line-height: 60px; position: relative; padding-top: 20px; }
.section-columns .container .section-header h2::after { width: 40px; height: 2px; content: ''; background: #132f58; position: absolute; left: calc(50% - 20px); top: 0; }
.section-columns .container .section-header p { text-align: center; font-size: 18px; color: #000; line-height: 26px; margin-top: 10px; }

.section-columns .container .section-footer { text-align: center; margin-top: 50px; padding: 0; }
.section-columns .container .section-footer .section-footer-btn { max-width: 368px; margin: auto; display: inline-block; height: 48px; line-height: 48px; width: 100%; background: none; text-align: center;  color: #171717; border: 1px solid #d8d9d9; text-transform: uppercase; cursor: pointer; }

.product-section { background: #f8f9fa; }
.product-section .container { max-width: 1400px; margin: 0px auto; }
.product-section .container .grid-view { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
.product-section .container .grid-view .grid__item { height: auto; overflow: hidden; }
.product-section .container .grid-view .grid__item .view_image { padding-bottom: var( --youjia-view-scale); overflow: hidden; width: 100%; display: flex; position: relative; }
.product-section .container .grid-view .grid__item .view_image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition-duration:0.5s; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1); }


.product-section .container .grid-view .grid__item .grid-view-item:hover .view_image img { transform: scale(1.1);  }
.product-section .container .grid-view .grid__item .view_image_link { display: block; white-space: nowrap; }
.product-section .container .grid-view .grid__item .view_image .product-labels { position: absolute; top: 10px; right: 10px; background-color: #b46e6f; padding: .2rem 1rem .3rem; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 700; }
.product-section .container .grid-view .grid__item .view_image .sold-out {position:absolute;bottom:10px;left:10px;  border: 1px solid transparent; border-radius: 50px; display: inline-block; font-size: 1.2rem; letter-spacing: .1rem; line-height: 1; padding: .5rem 1.3rem .6rem; text-align: center; background-color: rgb(36, 40, 51); border-color: rgba(255, 255, 255, 0.1); color: #fff; word-break: break-word; }

.product-section .container .grid-view .grid__item .sale-tag { position: absolute; top: 10px; left: 10px; background-color: #c82a23; border-radius: 3px; color: #fff; line-height: 1; padding: 6px; text-align: center }
.product-section .container .grid-view .grid__item .sale-tag .lable { display: block; margin-top: 2px; }
.product-section .container .grid-view .grid__item .product-detail { padding-top:10px;}
.product-section .container .grid-view .grid__item .product-detail .title { color: #555; }
.product-section .container .grid-view .grid__item .product-detail .title h4 { font-size: 1.6rem; color:#000;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-wrap: break-word; }
.product-section .container .grid-view .grid__item .product-detail .item__meta {  }
.product-section .container .grid-view .grid__item .product-detail .item__meta .price { font-size: 1.6rem;  font-weight: 500; }
.product-section .container .grid-view .grid__item .product-detail .item__meta .price .text { color: #555; }
.product-section .container .grid-view .grid__item .product-detail .item__meta .price .del { font-size: 14px; color: #999; padding-left: 5px; }
.product-section .container .grid-view .grid__item .product-detail .item__meta .sold { font-size: 1.4rem; color: #555; }

.product-section .container .grid-view .grid__item .product-detail p { font-size: 1.4rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; }

.blog-section .grid-view { display: flex; flex-wrap: wrap; gap: 30px; max-width: 1380px; margin: 0px auto; }
.blog-section .grid-view .blog-single-item { position: relative; flex: 1; border-radius: 3px; overflow: hidden; margin-bottom: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); -webkit-transition: 0.4s; transition: 0.4s; }
.blog-section .grid-view .blog-single-item .blog-image a { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden; }
.blog-section .grid-view .blog-single-item .blog-image a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1); }
.blog-section .grid-view .blog-single-item .blog-description { border-top: none; padding: 25px 25px; }
.blog-section .grid-view .blog-single-item .blog-description .blog-list { padding-left: 0; margin-bottom: 0; -webkit-transition: 0.4s; transition: 0.4s; }
.blog-section .grid-view .blog-single-item .blog-description .blog-list li { color: #78468b; font-size: 15px; font-weight: 500; display: inline-block; list-style-type: none; margin-right: 10px; }
.blog-section .grid-view .blog-single-item .blog-description .blog-list li:last-child { margin-right: 0; }
.blog-section .grid-view .blog-single-item .blog-description .blog-list a { color: #555; text-decoration: none; display: flex; place-items: center; }
.blog-section .grid-view .blog-single-item .blog-description .blog-content { -webkit-transition: 0.4s; transition: 0.4s; }
.blog-section .grid-view .blog-single-item .blog-description .blog-content h3 { color: #404040; font-size: 18px; font-weight: 600; line-height: 32px; margin: 10px 0px 10px 0; -webkit-transition: 0.4s; transition: 0.4s; }
.blog-section .grid-view .blog-single-item .blog-description .blog-content h3:hover { color: #78468b; -webkit-transition: .6s; transition: .6s; -webkit-transition: 0.5s; text-decoration: none; }
.blog-section .grid-view .blog-single-item .blog-description .blog-content p { color: #5f5f5f; font-size: 16px; margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: break-word; }
.blog-section .grid-view .blog-single-item .blog-description .blog-content a { text-decoration: none; }
.blog-section .grid-view .blog-single-item:hover .blog-image a img { transform: scale(1.1); }

.solutions-section .grid-view { display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr); max-width: 1380px; margin: 0px auto; }
.solutions-section .grid-view .solutions-single-item { position: relative; flex: 1; border-radius: 3px; overflow: hidden; margin-bottom: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); -webkit-transition: 0.4s; transition: 0.4s; }
.solutions-section .grid-view .solutions-single-item .solutions-image a { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden; }
.solutions-section .grid-view .solutions-single-item .solutions-image a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1); }
.solutions-section .grid-view .solutions-single-item .solutions-description { border-top: none; padding: 15px; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-list { padding-left: 0; margin-bottom: 0; -webkit-transition: 0.4s; transition: 0.4s; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-list li { color: #78468b; font-size: 15px; font-weight: 500; display: inline-block; list-style-type: none; margin-right: 10px; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-list li:last-child { margin-right: 0; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-list a { color: #555; text-decoration: none; display: flex; place-items: center; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-content { -webkit-transition: 0.4s; transition: 0.4s; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-content h3 { color: #404040; font-size: 18px; font-weight: 600; line-height: 32px; margin: 0px 0px 10px 0; -webkit-transition: 0.4s; transition: 0.4s; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-content h3:hover { color: #78468b; -webkit-transition: .6s; transition: .6s; -webkit-transition: 0.5s; text-decoration: none; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-content p { color: #5f5f5f; font-size: 16px; margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-wrap: break-word; }
.solutions-section .grid-view .solutions-single-item .solutions-description .solutions-content a { text-decoration: none; }
.solutions-section .grid-view .solutions-single-item:hover .solutions-image a img { transform: scale(1.1); }





.service-section .container { max-width: 1400px; margin: 0px auto; }
.service-section .container .section-view { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch;  }
.service-section .container .column { width: 50%; flex: 0 0 auto; }
.service-section .container .column img { max-width: 100% }
.service-section .container .column video { max-width: 100%; border-radius: 5px; }
.service-section .container .column.right { padding-left: 50px; }
.service-section .container .column.right .title { font-size: 24px; font-weight: 700; text-transform: uppercase;  line-height: 1.4; color: #274b7f;  }
.service-section .container .column.right .desc { font-size: 16px; line-height: 1.4; padding-bottom:15px; }
.service-section .container .column.right .spaced-row { margin-top: 10px; }
.service-section .container .column.right ul li { font-size: 18px; display: flex; place-items: start;padding:5px 0 }
.service-section .container .column.right ul li .icon {width:24px; height:24px;flex-shrink:0 }
.service-section .container .column.right ul li .icon path { fill: #274b7f }
.service-section .container .column.right ul li span { padding-left: 10px }
.service-section .container .column.right .spaced-row .btn { background: #132f58; border: 1.5px solid #132f58; color: #fff; font-size: 14px; line-height: 1em; height: auto; margin: 0; text-decoration: none !important; cursor: pointer; padding: 1em 25px; vertical-align: middle; text-align: center; border-radius: 3px; transition: background-color .1s,color .1s,border-color .1s,opacity .1s; display: inline-block; font-style: normal; letter-spacing: normal; text-transform: none; -webkit-tap-highlight-color: transparent; }



.advantages-section { background: #f8f9fa; }
.advantages-section .container { max-width: 1400px; margin: 0px auto; }
.advantages-section .container .section-view { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; padding-top: 50px; }
.advantages-section .container .section-view .list { flex: 1; display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
.advantages-section .container .section-view .list .item { background: #ffffff; border-radius: 5px; padding: 42px 10px; cursor: crosshair; position: relative; top: 0; transition: all ease-in-out 0.4s; text-align: center }
.advantages-section .container .section-view .list .item:nth-child(2) { background: #2b2b2b; top: -5px; }
.advantages-section .container .section-view .list .item:nth-child(2) .top_text span { color: #fff }
.advantages-section .container .section-view .list .item:nth-child(2) h4 { color: #fff }

.advantages-section .container .section-view .list .item .top_text span { color: #274b7f; font-size: 62px; text-align: center; margin-top: 32px; margin-bottom: 22px; }
.advantages-section .container .section-view .list .item .top_text em { font-size: 14px; color: #878787 }
.advantages-section .container .section-view .list .item h4 { color: #353535; font-size: 20px; padding-bottom: 10px }
.advantages-section .container .section-view .list .item p { color: #878787; font-size: 16px; font-weight: normal; line-height: 25px; letter-spacing: 0.2px; }

.advantages-section .container .section-view .list .item:hover { background: #2b2b2b; top: -5px; }
.advantages-section .container .section-view .list .item:hover .top_text span { color: #fff }
.advantages-section .container .section-view .list .item:hover h4 { color: #fff }

.process-section .container { max-width: 1400px; margin: 0px auto; }
.process-section .container .section-view { display: flex; gap:20px;place-content:center; }
.process-section .container .section-view .process-box { display: flex; place-items: center;  flex-direction: column; text-align: center; border: solid #f7f7f7 4px; padding: 28px 16px;flex:1; gap:10px; }
.process-section .container .section-view .process-box .img img { max-width:80px}
.process-section .container .section-view .process-box h4 { font-size: 24px;  }
.process-section .container .section-view .process-box p { font-size: 16px;  }
.process-section .container .section-view .process_arrow { display: flex; place-items: center; place-content: center; }
.process-section .container .section-view .process_arrow .icon { width: 50px; height: 50px; }
.process-section .container .section-view .process_arrow .icon path { fill: #274b7f }


.graphic-section { background: #f8f9fa; }
.graphic-section .container { max-width: 1400px; margin: 0px auto; }
.graphic-section .container .section-view { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
.graphic-section .container .column {   width: 50%; flex: 0 0 auto; }
.graphic-section .container .column img { max-width: 100% }
.graphic-section .container .column video { max-width: 100%; border-radius: 5px; }
.graphic-section .container .column.right { padding-right: 50px; }
.graphic-section .container .column.right .title { font-size: 30px; font-weight: 700; color: #202223; text-transform: uppercase; margin-bottom: 0px; line-height: 1.4; }
.graphic-section .container .column.right .desc { font-size: 16px; line-height: 1.4; }
.graphic-section .container .column.right .spaced-row { margin-top: 25px; }

.graphic-section .container .column.right ul li { font-size: 18px; display: flex; place-items: center; padding: 5px 0; }
.graphic-section .container .column.right ul li p { padding-left: 10px }
.graphic-section .container .column.right ul li::before {content:''; width: 6px; height: 6px;  border: solid #132f58 3px; border-radius: 50%;flex-shrink:0 }

.graphic-section .container .column.right .spaced-row .btn { background: #132f58; border: 1.5px solid #132f58; color: #fff; font-size: 14px; line-height: 1em; height: auto; margin: 0; text-decoration: none !important; cursor: pointer; padding: 1em 25px; vertical-align: middle; text-align: center; border-radius: 3px; transition: background-color .1s,color .1s,border-color .1s,opacity .1s; display: inline-block; font-style: normal; letter-spacing: normal; text-transform: none; -webkit-tap-highlight-color: transparent; }




.customized-section .container { max-width: 1400px; margin: 0px auto; }
.customized-section .container .section-view {  display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 15px; }
.customized-section .container .section-view .item { flex: 1;  }
.customized-section .container .section-view .item .view_image { box-shadow: 0px 5px 15px 0px rgb(68, 68, 68, 0.15); background-color: #ffffff; padding-bottom: var( --youjia-view-scale); overflow: hidden; width: 100%; display: flex; position: relative; }
.customized-section .container .section-view .item .view_image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1); }
.customized-section .container .section-view .item .info { text-align:center;padding-top:10px;}
.customized-section .container .section-view .item .info h4 { font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-wrap: break-word; }

.customized-section .container .section-view .item:hover .view_image img { transform: scale(1.1); }


.category-section { background: #f8f9fa; }
.category-section .container { max-width: 1400px; margin: 0px auto; }



.category-section .container .section-header .title-box { display: flex; place-items: center; cursor: pointer; place-content: center;}
.category-section .container .section-header .title-box svg { margin-top: 20px; position: relative; display: inline-block; height: 25px; width: 25px; margin-left: 8px; right: 0px; opacity: 0; transition: all .35s cubic-bezier(.645, .045, .355, 1); }
.category-section .container .section-header .title-box:hover svg { opacity: 1; right: -10px; }


.category-section .container .section-view .tab-group { margin-bottom:20px;}
.category-section .container .section-view .tab-group .item { background: #efefef; color:#000; border: 1.5px solid #efefef;  font-size: 18px; line-height: 1em; height: auto; margin: 0; text-decoration: none !important; cursor: pointer; padding: 1em 25px; vertical-align: middle; text-align: center; border-radius: 3px; transition: background-color .1s,color .1s,border-color .1s,opacity .1s; display: inline-block; font-style: normal; letter-spacing: normal; text-transform: none; -webkit-tap-highlight-color: transparent; }
.category-section .container .section-view .tab-group .item:hover { background: #132f58; color: #fff; border-color: #efefef; }
.category-section .container .section-view .tab-group .item.yjui-this { background: #132f58; color: #fff; border-color: #efefef; }


.category-section .container .grid-view { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.category-section .container .grid-view .grid__item {   }
.category-section .container .grid-view .grid__item .view_image { padding-bottom: var( --youjia-view-scale); overflow: hidden; width: 100%; display: flex; position: relative; }
.category-section .container .grid-view .grid__item .view_image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1); }


.category-section .container .grid-view .grid__item .grid-view-item:hover .view_image img { transform: scale(1.1); }
.category-section .container .grid-view .grid__item .view_image_link { display: block; white-space: nowrap; }
.category-section .container .grid-view .grid__item .view_image .product-labels { position: absolute; top: 10px; right: 10px; background-color: #b46e6f; padding: .2rem 1rem .3rem; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 700; }
.category-section .container .grid-view .grid__item .view_image .sold-out { position: absolute; bottom: 10px; left: 10px; border: 1px solid transparent; border-radius: 50px; display: inline-block; font-size: 1.2rem; letter-spacing: .1rem; line-height: 1; padding: .5rem 1.3rem .6rem; text-align: center; background-color: rgb(36, 40, 51); border-color: rgba(255, 255, 255, 0.1); color: #fff; word-break: break-word; }

.category-section .container .grid-view .grid__item .sale-tag { position: absolute; top: 10px; left: 10px; background-color: #c82a23; border-radius: 3px; color: #fff; line-height: 1; padding: 6px; text-align: center }
.category-section .container .grid-view .grid__item .sale-tag .lable { display: block; margin-top: 2px; }
.category-section .container .grid-view .grid__item .product-detail { padding-top: 10px; }
.category-section .container .grid-view .grid__item .product-detail .title { color: #555; }
.category-section .container .grid-view .grid__item .product-detail .title h4 { font-size: 1.6rem; color: #000; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-wrap: break-word; }
.category-section .container .grid-view .grid__item .product-detail .item__meta { }
.category-section .container .grid-view .grid__item .product-detail .item__meta .price { font-size: 1.6rem; font-weight: 500; }
.category-section .container .grid-view .grid__item .product-detail .item__meta .price .text { color: #555; }
.category-section .container .grid-view .grid__item .product-detail .item__meta .price .del { font-size: 14px; color: #999; padding-left: 5px; }
.category-section .container .grid-view .grid__item .product-detail .item__meta .sold { font-size: 1.4rem; color: #555; }

.category-section .container .grid-view .grid__item .product-detail p { font-size: 1.6rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; }



.quotebar-section { padding: 90px 0; background-color: #132f58 }
.quotebar-section .container { max-width: 1400px; margin: 0px auto; }
.quotebar-section .container .section-view { display: flex; place-content: space-between; place-items:center }
.quotebar-section .container .section-view .text { max-width: 630px; float: left; font-size: 46px;  line-height: 60px; color: #fff; }
.quotebar-section .container .section-view .btn-group .button a{ display: inline-block; line-height: 56px; padding: 0 28px; border: solid #fff 1px; font-size: 18px; border-radius: 10px; margin-left: 23px; color:#fff }
.quotebar-section .container .section-view .btn-group .button a:nth-child(1) { background: #fff; color: #132f58; margin-right:20px; color:#000 }





.article {  }
.article .wrap { max-width: 1380px; margin: 0 auto }
.article .wrap .content { display: flex; }
.article .box-main { flex: 1 }
.article .box-main .breadcrumb { font-size: 14px; margin: 20px 0; }
.article .box-main .breadcrumb .item + .item { padding-left: 8px; }
.article .box-main .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.article .box-main .breadcrumb .item a { opacity: 0.8; color: #292929 }
.article .box-main .breadcrumb .item a:hover { opacity: 0.8 }
.article .box-main .title { font-size: 36px; margin-top: 20px; line-height: 1.2; color: #292929 }
.article .box-main .other { margin-top: 20px; display: flex; place-items: center; color: #292929 }
.article .box-main .other .article_date { font-size: 14px; opacity: .65 }
.article .box-main .other .article_date:after { content: '·'; display: inline-block; width: 24px; text-align: center; }
.article .box-main .other .social_share { display: flex; place-items: center }
.article .box-main .other .social_share a { display: flex; place-items: center; color: #292929; opacity: .65; }
.article .box-main .other .social_share a + a { margin-left: 20px; }
.article .box-main .other .social_share a span { padding-left: 8px; font-size: 12px; }
.article .box-main .article_content { margin-top: 56px; font-size: 14px; padding-bottom: 30px; }
.article .box-main .article_content p { margin: 15px 0; color: #292929 }
.article .box-main .article_content h1 { font-size: 20px; font-weight: 700; }
.article .box-main .article_content h2 { font-size: 18px; font-weight: 700; }
.article .box-main .article_content h3 { font-size: 16px; font-weight: 700; }
.article .box-main .article_content .media video { max-width: 100% }
.article .box-main .article_content img { max-width: 100% }

.article .box-slide { padding-left: 45px; width: 33.333333%; margin-left: 45px; border-left: 1px #e8e8e1 solid; position: sticky; top: 170px; align-self: flex-start; }
.article .box-slide .s_title { font-size: 24px; font-weight: 700; margin-bottom: 20px; line-height: 1 }
.article .box-slide .blog-slide .item { display: flex; margin-bottom: 30px; }
.article .box-slide .blog-slide .item .cover { width: 40%; }
.article .box-slide .blog-slide .item .cover a { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden }
.article .box-slide .blog-slide .item .cover a img { position: absolute; width: 100%; }
.article .box-slide .blog-slide .item .info { flex: 1; padding-left: 10px; font-size: 15px; }
.article .box-slide .blog-slide .item .info a { min-height: 64px; color: #292929; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.article .box-slide .blog-slide .item .info .time { font-size: 12px; color: #999 }

.blog {  }
.blog .wrap { max-width: 1380px; margin: 0 auto }
.blog .wrap .content { display: flex; }
.blog .box-main { flex: 1 }

.blog .box-main .breadcrumb { font-size: 14px; margin: 20px 0; }
.blog .box-main .breadcrumb .item + .item { padding-left: 8px; }
.blog .box-main .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.blog .box-main .breadcrumb .item a { opacity: 0.8; color: #292929 }
.blog .box-main .breadcrumb .item a:hover { opacity: 0.8 }
.blog .box-main .title { font-size: 36px; margin-top: 20px; line-height: 1.2; color: #292929 }

.blog .box-main .blog-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; padding-bottom: 50px; }
.blog .box-main .blog-list .item:nth-child(1) { grid-column-start: 1; grid-column-end: 3; }
.blog .box-main .blog-list .item { margin-top: 40px; }
.blog .box-main .blog-list .item .cover a { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden }
.blog .box-main .blog-list .item .cover a img { position: absolute; width: 100%; }
.blog .box-main .blog-list .item .info { margin-top: 20px; text-align: center }
.blog .box-main .blog-list .item .info a { color: #292929; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.blog .box-main .blog-list .item .info .time { font-size: 12px; color: #999; margin-top: 5px; }


.blog .box-slide { padding-left: 45px; width: 33.333333%; margin-left: 45px; border-left: 1px #e8e8e1 solid; position: sticky; top: 170px; align-self: flex-start; }
.blog .box-slide .s_title { font-size: 24px; font-weight: 700; margin-bottom: 20px; line-height: 1 }
.blog .box-slide .blog-slide .item { display: flex; margin-bottom: 30px; }
.blog .box-slide .blog-slide .item .cover { width: 40%; }
.blog .box-slide .blog-slide .item .cover a { position: relative; display: block; padding-bottom: 56.25%; width: 100%; overflow: hidden }
.blog .box-slide .blog-slide .item .cover a img { position: absolute; width: 100%; }
.blog .box-slide .blog-slide .item .info { flex: 1; padding-left: 10px; font-size: 15px; }
.blog .box-slide .blog-slide .item .info a { min-height: 64px; color: #292929; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.blog .box-slide .blog-slide .item .info .time { font-size: 12px; color: #999 }



.sales-page { }
.sales-page .wrap { max-width: 1380px; margin: 0 auto }
.sales-page .wrap .content { display: flex; padding-top: 30px; gap: 30px }
.sales-page .box-main { flex: 1 }
.sales-page .breadcrumb { font-size: 14px; margin: 20px 0; }
.sales-page .breadcrumb .item + .item { padding-left: 8px; }
.sales-page .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.sales-page .breadcrumb .item a { opacity: 0.8; color: #292929 }
.sales-page .breadcrumb .item a:hover { opacity: 0.8 }
.sales-page .adv_container { padding-bottom: 35.714285714286%; position: relative; }
.sales-page .adv_container img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }

.sales-page .wrap .content .goods_box { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 0px; padding-bottom: 30px; grid-gap: 20px; }
.sales-page .wrap .content .goods_box.grid-cols-x2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sales-page .wrap .content .goods_box .item { background-color: #fff }
.sales-page .wrap .content .goods_box .item .product { padding-bottom: var( --youjia-view-scale); overflow: hidden; width: 100%; display: flex; position: relative; }
.sales-page .wrap .content .goods_box .item .product img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.sales-page .wrap .content .goods_box .item .product img.effect { opacity: 0; transition-duration: 150ms; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1.05); }
.sales-page .wrap .content .goods_box .item .product:hover img.effect { transform: scale(1); opacity: 1; }
.sales-page .wrap .content .goods_box .item .product:hover img.cover { opacity: 0; }
.sales-page .wrap .content .goods_box .item .product .product-labels { position: absolute; top: 10px; right: 10px; background-color: #b46e6f; padding: .2rem 1rem .3rem; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 700; }
.sales-page .wrap .content .goods_box .item .product .sold-out { position: absolute; bottom: 10px; left: 10px; border: 1px solid transparent; border-radius: 50px; display: inline-block; font-size: 1.2rem; letter-spacing: .1rem; line-height: 1; padding: .5rem 1.3rem .6rem; text-align: center; background-color: rgb(36, 40, 51); border-color: rgba(255, 255, 255, 0.1); color: #fff; word-break: break-word; }

.sales-page .wrap .content .goods_box .item .product .sale-tag { position: absolute; top: 10px; left: 10px; background-color: #c82a23; border-radius: 3px; color: #fff; line-height: 1; padding: 6px; text-align: center }
.sales-page .wrap .content .goods_box .item .product .sale-tag .lable { display: block; margin-top: 2px; }


.sales-page .wrap .content .goods_box .item .info { }
.sales-page .wrap .content .goods_box .item .info .g_title { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 1.4; font-style: normal; }
.sales-page .wrap .content .goods_box .item .info .g_title a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; color: #292929; }
.sales-page .wrap .content .goods_box .item .info .price { margin: 5px 0 }
.sales-page .wrap .content .goods_box .item .info .price .text { font-size: 16px; font-weight: 700; color: #c82a23 }
.sales-page .wrap .content .goods_box .item .info .price .del { font-size: 14px; color: #999; padding-left: 5px; }
.sales-page .wrap .content .goods_box .item .info .other .sales { font-size: 14px; color: #333 }

.goods {  }
.goods .wrap { max-width: 1380px; margin: 0 auto }
.goods .wrap .content { display: flex; padding-top: 30px; gap: 30px }
.goods .box-main { flex: 1 }
.goods .breadcrumb { font-size: 14px; margin: 20px 0; }
.goods .breadcrumb .item + .item { padding-left: 8px; }
.goods .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.goods .breadcrumb .item a { opacity: 0.8; color: #292929 }
.goods .breadcrumb .item a:hover { opacity: 0.8 }
.goods .adv_container { padding-bottom: 35.714285714286%; position: relative; }
.goods .adv_container img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.goods .box-slide { position: sticky; top: 170px; align-self: flex-start; width: 232px }
/*.goods .box-slide .list .item { margin-bottom: 15px; }
.goods .box-slide .list .item .c_header { display: flex; place-items: center; font-size: 16px; font-weight: 700; cursor: pointer }
.goods .box-slide .list .item .c_header span { margin-right: 20px; letter-spacing: 0.01em }
.goods .box-slide .list .item .c_header .arrow { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; transform: rotate(180deg) }
.goods .box-slide .list .item .c_header.is-open .arrow { transform: rotate(0) }
.goods .box-slide .list .item .where { padding: 8px 0 }
.goods .box-slide .list .item .where ul li { margin-bottom: 8px; font-size: 14px; line-height: 1.4; letter-spacing: 0.01em }
.goods .box-slide .list .item .where ul li a { color: #292929; opacity: .8 }
.goods .box-slide .list .item .where ul li.current { font-weight: 700 }
.goods .box-slide .list .item .where ul li a:hover { text-decoration: underline; }*/

.goods .box-slide .product-style { display: flex; justify-content: space-between; place-items: center; margin-bottom: 30px; line-height: 1 }

.goods .box-slide .product-style .grip-default { cursor: pointer }
.goods .box-slide .product-style .current { filter: invert(21%) sepia(3%) saturate(2870%) hue-rotate(346deg) brightness(92%) contrast(84%); }

.goods .box-slide .filter_status .product-filter_select { font-size: 12px; text-transform: none; -webkit-appearance: none; border: 1.5px solid #d9d9da; padding: 0.8em 15px; vertical-align: middle; max-width: 100%; font-weight: 400; font-style: normal; width: 100%; height: 48px; border-radius: 0; color: #000; margin-bottom: 20px; background: #0000 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' color='gray' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'>  <polyline points='6 9 12 15 18 9'></polyline>  </svg>") no-repeat; background-position-x: 95%; background-position-y: 11px; }
.goods .box-slide .filter_status .product__stock { display: flex; justify-content: space-between; margin-bottom: 30px; gap: 10px; }
.goods .box-slide .filter_status .product__stock .status-item { display: flex; border: 1px solid #d9d9da; width: 180px; height: 48px; align-items: center; justify-content: space-around; font-size: 12px; }
.goods .box-slide .filter_status .product__stock .status-item.active { border: 1px solid #000; }

.goods .box-slide .filter__menu { display: flex; justify-content: space-between; border-top: 1px solid #ccc; height: 50px; align-items: center; }
.goods .box-slide .filter__menu .filter-title { font-size: 14px }
.goods .box-slide .filter__menu .filter_menu-switch .icon-filter { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'  width='23' height='19'><path class='a'  d='M96.8,27.1H52.5a16.1,16.1,0,0,0-31.8,0H3.2a2.8,2.8,0,0,0,0,5.6H20.7a16.1,16.1,0,0,0,31.8,0H96.8a2.8,2.8,0,0,0,0-5.6ZM36.6,40.5a10.5,10.5,0,0,1-10.1-7.8,8.6,8.6,0,0,1-.4-2.8,8.6,8.6,0,0,1,.4-2.8,10.4,10.4,0,0,1,20.2,0,8.1,8.1,0,0,1,0,5.6A10.4,10.4,0,0,1,36.6,40.5Z' /><path class='a'  d='M96.8,67.2H85.9a16.1,16.1,0,0,0-31.8,0H3.2a2.8,2.8,0,0,0,0,5.6H54.1a16.1,16.1,0,0,0,31.8,0H96.8a2.8,2.8,0,0,0,0-5.6ZM70,80.6a10.6,10.6,0,0,1-10.1-7.8,12.6,12.6,0,0,1-.4-2.8,12.6,12.6,0,0,1,.4-2.8,10.5,10.5,0,0,1,20.3,0,12.6,12.6,0,0,1,.4,2.8,12.6,12.6,0,0,1-.4,2.8A10.6,10.6,0,0,1,70,80.6Z' /></svg> "); background-repeat: no-repeat; display: inline-block; width: 25px; height: 20px; filter: invert(60%) sepia(9%) saturate(152%) hue-rotate(321deg) brightness(92%) contrast(93%); vertical-align: middle; }
.goods .box-slide .filter__menu .filter_menu-switch.select .icon-filter { background-image: url("data:image/svg+xml,<svg width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M5.72 5.72a.75.75 0 011.06 0L12 10.94l5.22-5.22a.75.75 0 111.06 1.06L13.06 12l5.22 5.22a.75.75 0 11-1.06 1.06L12 13.06l-5.22 5.22a.75.75 0 01-1.06-1.06L10.94 12 5.72 6.78a.75.75 0 010-1.06z'/></svg>") }
.goods .box-slide .filter__where .filter-group .group-heading { display: flex; align-items: flex-start; justify-content: space-between; }
.goods .box-slide .filter__where .filter-group .group-heading .heading_text { display: block; color: #000; margin-bottom: 20px; font-weight: 700; }
.goods .box-slide .filter__where .filter-group .group-heading .indicator { margin-inline-end: -5px; transform-origin: center; transition: transform 250ms ease; }
.goods .box-slide .filter__where .filter-group .group-heading .indicator .icon-down { background-repeat: no-repeat; display: inline-block; width: 32px; height: 16px; filter: invert(60%) sepia(9%) saturate(152%) hue-rotate(321deg) brightness(92%) contrast(93%); background-image: url("data:image/svg+xml,<svg width='21px' height='21px' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'><path d='m5.5 10.5h10'/><path d='m10.5 5.5v10'/></g></svg>"); background-position-x: 4px; background-position-y: -4px; }
.goods .box-slide .filter__where .filter-group .group-heading.active .indicator { transform: rotate(180deg); }
.goods .box-slide .filter__where .filter-group .group-heading.active .indicator .icon-down { background-image: url("data:image/svg+xml,<svg width='21px' height='21px' viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'><path d='m5.5 10.5h10' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-position-x: 7px; background-position-y: 5px; }

.goods .box-slide .filter__where .filter-group { margin-bottom: 15px; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box { display: flex; height: 30px; flex-direction: column; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item { color: #66687c; display: inline-flex; justify-content: space-between; position: relative; padding-inline-start: 28px; font-size: 14px; line-height: 1.4em; cursor: pointer; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item .checkbox { position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden; margin: -0.1rem; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item .filter-group__item__text::before { content: ""; position: absolute; left: 0; top: 0.25em; width: 12px; height: 12px; border-radius: 3px; border: 1px solid currentColor; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item .filter-group__item__text::after { content: ""; position: absolute; left: -4px; top: 0.8em; width: 20px; height: 20px; margin-top: -10px; background-image: url("data:image/svg+xml,%3Csvg fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.315 13.859l-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'%3E%3C/path%3E%3C/svg%3E"); background-size: cover; transform: scale(0); transition: transform 100ms ease; }

.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item .checkbox:checked + .filter-group__item__text::before { background: currentColor; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item .checkbox:checked + .filter-group__item__text::after { transform: scale(1); }

.goods .box-slide .filter__where .filter-group__items .where-value .where-value { padding-left: 15px }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item .filter-group__item__text a { color: #66687c; font-size: 12px; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item:hover { color: #000; }
.goods .box-slide .filter__where .filter-group__items .where-value .filter-box .filter-group__item:hover .filter-group__item__text a { color: #000; }

.goods .box-slide .filter__where .price-range .price-range__input-row { margin: 12px 0; display: flex; gap: 15px }
.goods .box-slide .filter__where .price-range .price-range__input-row .range_input-box { display: flex; flex: 1; align-items: baseline; font-size: 16px; color: #676869; background: #ffffff; border: 1.5px solid #d9d9da; border-radius: 3px; padding-inline-start: 10px; }
.goods .box-slide .filter__where .price-range .price-range__input-row .range_input-box .currency-symbol { font-size: 16px; margin-right: 2px; }
.goods .box-slide .filter__where .price-range .price-range__input-row .range_input-box input { font-size: 16px; line-height: 14px; font-weight: 400; font-style: normal; background: #ffffff; color: #676869; border: none; padding: 0.8em 15px 0.8em 0; margin: 0; vertical-align: middle; max-width: 100%; border-radius: 3px; -webkit-appearance: none; box-sizing: border-box; width: 100% }

.goods .box-slide .filter__where .price-range .price-range__bar { position: relative; margin: 40px 15px 10px; }
.goods .box-slide .filter__where .price-range .price-range__bar .bar-inactive { height: 4px; background: #e6e6e6; border-radius: 4px; }
.goods .box-slide .filter__where .price-range .price-range__bar .bar-active { position: absolute; left: 0; top: 0; right: 0; height: 100%; background: #222222; border-radius: 4px; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-block { position: absolute; left: 0; top: -9px; margin-left: -11px; width: 22px; height: 22px; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-block::before { content: ""; position: absolute; display: block; top: calc(50% - 22px); width: 44px; height: 44px; cursor: pointer; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-block::after { box-sizing: border-box !important; content: ""; display: block; width: 22px; height: 22px; background: #ffffff; border: 2px solid #222222; border-radius: 22px; cursor: pointer; transition: 150ms transform ease-out; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-min { left: 0%; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-min::before { right: 0; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-min::after { }

.goods .box-slide .filter__where .price-range .price-range__bar .control-max { left: 100%; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-max::before { left: 0; }
.goods .box-slide .filter__where .price-range .price-range__bar .control-max::after { }
.goods .box-slide .filter__where .price-range .price-range__bar .control-block:hover::after, .filter__where .price-range .price-range__bar .control-block:focus::after { transform: scale(1.1); }

.goods .box-slide .filter-group .primary-btn { width: 100%; margin: 25px 0; outline: 0; cursor: pointer; font-size: 14px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.goods .box-slide .filter-group .primary-btn:hover { background-color: #3e4141; }




.goods .wrap .content .box-main .collection-header { margin-bottom: 24px; }
.goods .wrap .content .box-main .collection-header h1 { font-size: 36px; letter-spacing: 0.01em; line-height: 1.1 }
.goods .wrap .content .box-main .collection-header .description { font-size: 15px; margin-top: 20px; }
.goods .wrap .content .box-main .tool_bar_pc { margin-bottom: 24px; font-size: 14px; }
.goods .wrap .content .box-main .tool_bar_pc { display: flex; justify-content: space-between; align-items: center; }
.goods .wrap .content .box-main .tool_bar_pc .right_box .sort select { font-size: 14px; height: 42px; }
.goods .wrap .content .box-main .tool_bar_mobile { position: sticky; top: 77px; background-color: #fff; z-index: 20; }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch { display: flex; place-items: center; font-size: 12px; color: #292929; opacity: .8; cursor: pointer; }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch .icon { display: inline-flex; align-items: center; }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch .icon svg { fill: none !important; stroke-width: 4px; stroke: currentColor !important; stroke-linecap: miter; stroke-linejoin: miter; width: 24px; height: 24px; margin-right: 8px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .f_header .arrow { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; transform: rotate(180deg) }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .f_header.is-open .arrow { transform: rotate(0) }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch path { transition: all 0.3s cubic-bezier(0.18, 0.77, 0.58, 1); }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch.is-active path:nth-child(1) { opacity: 0 }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch.is-active path:nth-child(2) { opacity: 0 }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch.is-active path:nth-child(4) { opacity: 0 }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch.is-active path:nth-child(5) { opacity: 0 }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch.is-active path:nth-child(3) { transform: rotate(45deg); transform-origin: 70% 90%; }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .filter_switch.is-active path:nth-child(6) { transform: rotate(-45deg); transform-origin: 80% 44%; }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .view_layout { display: flex }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .view_layout .icon { display: flex; place-items: center }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .view_layout .icon + .icon { margin-left: 15px }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .view_layout .icon svg { opacity: .15 }
.goods .wrap .content .box-main .tool_bar_mobile .operate_bar .view_layout .icon.current svg { opacity: 1 }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .filter_box .item { padding: 12px 15px }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .f_header { display: flex; place-items: center }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .f_header .f_title { flex: 1; font-size: 14px; font-weight: 700; opacity: .8; color: #292929 }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .filter_sub { padding: 5px 0 }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .filter_sub ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 10px; column-gap: 25px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .filter_sub ul li a { font-size: 12px; opacity: .6 }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .filter_sub ul li.current { font-weight: 700 }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp { position: absolute; left: 0; top: 100%; max-height: 80vh; width: 100%; overflow: auto; background-color: #fff; box-shadow: 0px 4px 5px rgba(18,18,18, 0.05); border: 1px solid rgba(18,18,18, 0.1); }

.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_stock .product__stock { display: flex; justify-content: space-between; margin-top: 15px; gap: 10px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_stock .product__stock .status-item { display: flex; border: 1px solid #d9d9da; width: 180px; height: 48px; align-items: center; justify-content: space-around; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_stock .product__stock .status-item.active { border: 1px solid #000; }

.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .filter_sub {padding-top: 15px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box { display: flex; height: 30px; flex-direction: column; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item { color: #66687c; display: inline-flex; justify-content: space-between; position: relative; padding-inline-start: 28px; font-size: 14px; line-height: 1.4em; cursor: pointer; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item .checkbox { position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden; margin: -0.1rem; padding: 0; border: 0; clip: rect(0, 0, 0, 0); }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item .filter-group__item__text::before { content: ""; position: absolute; left: 0; top: 0.25em; width: 12px; height: 12px; border-radius: 3px; border: 1px solid currentColor; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item .filter-group__item__text::after { content: ""; position: absolute; left: -4px; top: 0.8em; width: 20px; height: 20px; margin-top: -10px; background-image: url("data:image/svg+xml,%3Csvg fill='rgb(255, 255, 255)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.315 13.859l-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'%3E%3C/path%3E%3C/svg%3E"); background-size: cover; transform: scale(0); transition: transform 100ms ease; }

.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item .checkbox:checked + .filter-group__item__text::before { background: currentColor; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item .checkbox:checked + .filter-group__item__text::after { transform: scale(1); }

.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .where-value { padding-left: 15px }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item .filter-group__item__text { color: #66687c; font-size: 12px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item:hover { color: #000; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_category .where-value .filter-box .filter-group__item:hover .filter-group__item__text  { color: #000; }

.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_price-range .filter_sub { padding-top: 15px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_price-range .price-range .price-range__input-row {  display: flex; gap: 15px }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_price-range .price-range .price-range__input-row .range_input-box { display: flex; flex: 1; align-items: baseline; font-size: 16px; color: #676869; background: #ffffff; border: 1.5px solid #d9d9da; border-radius: 3px; padding-inline-start: 10px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_price-range .price-range .price-range__input-row .range_input-box .currency-symbol { font-size: 16px; margin-right: 2px; }
.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_price-range .price-range .price-range__input-row .range_input-box input { font-size: 16px; line-height: 14px; font-weight: 400; font-style: normal; background: #ffffff; color: #676869; border: none; padding: 0.8em 15px 0.8em 0; margin: 0; vertical-align: middle; max-width: 100%; border-radius: 3px; -webkit-appearance: none; box-sizing: border-box; width: 100% }
            

.goods .wrap .content .box-main .tool_bar_mobile .filter_warp .w_submit .primary-btn { width: 100%;  outline: 0; cursor: pointer; font-size: 14px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }




.goods .wrap .content .goods_box { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 0px; padding-bottom: 30px; grid-gap: 20px; }
.goods .wrap .content .goods_box.grid-cols-x2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.goods .wrap .content .goods_box .item { background-color: #fff }
.goods .wrap .content .goods_box .item .product { padding-bottom: var( --youjia-view-scale); overflow: hidden; width: 100%; display: flex; position: relative; }
.goods .wrap .content .goods_box .item .product img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.goods .wrap .content .goods_box .item .product img.effect { opacity: 0; transition-duration: 150ms; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1.05); }
.goods .wrap .content .goods_box .item .product:hover img.effect { transform: scale(1); opacity: 1; }
.goods .wrap .content .goods_box .item .product:hover img.cover { opacity: 0; }
.goods .wrap .content .goods_box .item .product .product-labels { position: absolute; top: 10px; right: 10px; background-color: #b46e6f; padding: .2rem 1rem .3rem; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 700; }
.goods .wrap .content .goods_box .item .product .sold-out { position: absolute; bottom: 10px; left: 10px; border: 1px solid transparent; border-radius: 50px; display: inline-block; font-size: 1.2rem; letter-spacing: .1rem; line-height: 1; padding: .5rem 1.3rem .6rem; text-align: center; background-color: rgb(36, 40, 51); border-color: rgba(255, 255, 255, 0.1); color: #fff; word-break: break-word; }

.goods .wrap .content .goods_box .item .product .sale-tag { position: absolute; top: 10px; left: 10px; background-color: #c82a23; border-radius: 3px; color: #fff; line-height: 1; padding: 6px; text-align: center }
.goods .wrap .content .goods_box .item .product .sale-tag .lable { display: block; margin-top: 2px; }

.goods .wrap .content .goods_box .item .info { }
.goods .wrap .content .goods_box .item .info .g_title { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 1.4; font-style: normal; }
.goods .wrap .content .goods_box .item .info .g_title a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; color: #292929; }
.goods .wrap .content .goods_box .item .info .price { margin: 5px 0 }
.goods .wrap .content .goods_box .item .info .price .text { font-size: 16px; font-weight: 700; color: #c82a23 }
.goods .wrap .content .goods_box .item .info .price .del { font-size: 14px; color: #999; padding-left: 5px; }
.goods .wrap .content .goods_box .item .info .other .sales { font-size: 14px; color: #333 }


.goods_detail .wrap { max-width: 1380px; margin: 0 auto }
.goods_detail .wrap .content { }
.goods_detail .box-main .breadcrumb { font-size: 14px; margin: 20px 0; }
.goods_detail .box-main .breadcrumb .item + .item { padding-left: 8px; }
.goods_detail .box-main .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.goods_detail .box-main .breadcrumb .item a { opacity: 0.8; color: #292929 }
.goods_detail .box-main .breadcrumb .item a:hover { opacity: 0.8 }
.goods_detail .box-main .base_box {  margin-top: 20px;  display: grid; grid-gap: 0px; grid-template-columns: repeat(2, 50%); }
.goods_detail .box-main .effect_content { position: sticky; top: 170px; align-self: flex-start; flex-shrink: 0;  }
.goods_detail .box-main .effect_content .box_layout { display: flex; }
.goods_detail .box-main .effect_content .box_layout .goods_img { order: 1; border: 1px #e8e8e1 solid; position: relative; flex: 1; width: 0 }
.goods_detail .box-main .effect_content .box_layout .goods_img .large_box { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.goods_detail .box-main .effect_content .box_layout .goods_img .large_box .large_list { }
.goods_detail .box-main .effect_content .box_layout .goods_img .large_box .large_list .item { background-color: #f5f5f5; }
.goods_detail .box-main .effect_content .box_layout .goods_img .large_box .large_list .item .zoom_img { display: block; cursor: zoom-in; padding-bottom: var( --youjia-view-scale); position: relative }
.goods_detail .box-main .effect_content .box_layout .goods_img .large_box .large_list .item .zoom_img img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.goods_detail .box-main .effect_content .box_layout .goods_img .large_box .large_list .item .zoom_img .banner-video-preview {width:100%;  display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


.cc-animate-enabled { opacity:0}
.cc-animate-enabled .fade-in { transition: opacity 0.7s, transform 0.7s; opacity: 1; }


#thumbnail-container { margin-right: 20px; flex-shrink: 0; width: 76px; overflow: hidden; position: relative; }
#thumbnail-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: center; transition: transform 0.3s ease; /* 添加过渡效果 */ position: absolute; top: 0; left: 0; }
.goods_detail .box-main .effect_content .box_layout #thumbnail-list .item { width: 76px; cursor: pointer; margin-bottom: 20px; box-sizing: border-box; }
.goods_detail .box-main .effect_content .box_layout #thumbnail-list .item + .item { }
.goods_detail .box-main .effect_content .box_layout #thumbnail-list .item .s_img { position: relative; padding-bottom: 100%; overflow: hidden; }
.goods_detail .box-main .effect_content .box_layout #thumbnail-list .item .s_img img { object-fit: cover; width: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.goods_detail .box-main .effect_content .box_layout #thumbnail-list .item.current .s_img:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; box-shadow: inset 0px 0px 0px 2px rgba(41, 41, 41, 1),inset 0px 0px 0px 3px #fff; }
.goods_detail .box-main .effect_content .box_layout .arrow { height: 16px; cursor: pointer; font-size: 20px; position: absolute; z-index: 1000; display: flex; place-items: center; place-content: center; width: 100%; background-color: #fff }
.goods_detail .box-main .effect_content .box_layout .arrow-up { top: 0; }
.goods_detail .box-main .effect_content .box_layout .arrow-up svg { transform: rotate(180deg) }
.goods_detail .box-main .effect_content .box_layout .arrow-down { bottom: 0; }
.goods_detail .box-main .effect_content .box_layout .disabled { pointer-events: none; opacity: 0; }

.goods_detail .box-slide {  padding-left:60px }
.goods_detail .box-slide .goods_header .title { font-size: 30px; line-height: 1.1; color: #292929 }
.goods_detail .box-slide .goods_header .rating { font-size: 0; display: flex; place-items: center }
.goods_detail .box-slide .goods_header .rating .reviews span + span { margin-left: 3px; }
.goods_detail .box-slide .goods_header .comments { font-size: 16px; margin-left: 10px; }
.goods_detail .box-slide .goods_header .comments a { padding-left: 10px; opacity: 0.8; }

.goods_detail .box-slide .goods_info { margin: 8px 0 16px 0; font-size: 14px; color: #292929 }
.goods_detail .box-slide .goods_info pre {  white-space: pre-wrap; word-wrap: break-word; }
.goods_detail .box-slide .goods_price { display: flex; justify-content: space-between; align-items: center }
.goods_detail .box-slide .goods_price .price_box { display: flex; place-items: center }
.goods_detail .box-slide .goods_price .price_box .price { font-size: 25px; color: #c82a23; font-weight: 700 }
.goods_detail .box-slide .goods_price .price_box .del { font-size: 20px; color: #444; margin-left: 10px; }

.goods_detail .box-slide .goods_price .right_sm { display: flex; place-items: center }
.goods_detail .box-slide .goods_price .right_sm .like-btn { display: flex; place-items: center; cursor: pointer; box-shadow: 0px 0px 0px 1px #e7e7e9 inset; color: #0d0c22; height: auto; padding: 4px 8px; font-size: 12px; margin-right: 5px; margin-left: 5px; background: #f3f3f4; font-weight: 500; line-height: 20px; border-radius: 8px; }
.goods_detail .box-slide .goods_price .right_sm .like-btn svg { width: 13px; height: 13px; margin-right: 5px; fill: currentColor; vertical-align: middle; }
.goods_detail .box-slide .goods_price .right_sm .like-btn.yes svg { color: #ea4c89; }
.goods_detail .box-slide .goods_price .right_sm .like-btn .icon-loading { display: inline-block; border-radius: 50%; width: 13px; height: 13px; margin-right: 5px; animation: spin-animation 0.35s infinite linear; border: 1px solid #fff; border-color: #ea4c89; border-top-color: transparent; border-right-color: transparent; }
.goods_detail .box-slide .goods_header .sales { font-size: 16px; margin-left: 10px; }
.goods_detail .box-slide .goods_header .sales .lable { font-size: 14px; }

/*.goods_detail .box-slide .variants_wrapper { }
.goods_detail .box-slide .variants_wrapper .item { margin-top: 15px }
.goods_detail .box-slide .variants_wrapper .item .variants_title { font-size: 15px; }
.goods_detail .box-slide .variants_wrapper .item .variants_value { }
.goods_detail .box-slide .variants_wrapper .item .variants_value label { border: 1px rgb(88,88,88) solid; background-color: #fff; border-radius: 40px; color: rgb(88,88,88); display: inline-block; margin: 0.7rem 0.5rem 0.2rem 0; padding: 1rem 2rem; font-size: 1.4rem; letter-spacing: .1rem; line-height: 1; text-align: center; transition: border .1s ease; cursor: pointer; position: relative; }
.goods_detail .box-slide .variants_wrapper .item .variants_value label.checked { background-color: rgb(18,18,18); color: #fff; }
.goods_detail .box-slide .variants_wrapper .item .variants_value label.disabled { text-decoration: line-through; color: rgba(18,18,18,.6); border-color: rgba(18,18,18,.1); }
.goods_detail .box-slide .variants_wrapper .item .variants_value label.disabled.checked { color: rgba(255,255,255,.6) }


*/

.goods_detail .box-slide  .variants_wrapper { padding: 10px }
.goods_detail .box-slide .variants_wrapper .item { margin-top: 15px }
.goods_detail .box-slide .variants_wrapper .item .variants_title { font-size: 15px; }
.goods_detail .box-slide .variants_wrapper .item .variants_value { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt { display: flex; place-items: center; place-content: center; cursor:pointer }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt .img { display: block; width: 56px; height: 56px; position: relative; border-radius: 3px; overflow: hidden; opacity: .5; transition: opacity .2s ease 0s; }

.goods_detail .box-slide .variants_wrapper .item .variants_value .opt .img::before { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 0.2rem); height: calc(100% - 0.2rem); border-radius: 3px; border: 0.1rem solid #000; z-index: 1; opacity: 0; transition: opacity .2s ease 0s; }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.checked .img::before { opacity: 1 }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.checked .img { opacity: 1 }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.disabled .img::after { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; margin: auto; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='%23212a2f' stroke-width='1' /></svg>") center center no-repeat; transition: none 0s ease 0s; }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.disabled .img img { opacity: .3 }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.disabled.checked .img::before { opacity: .3 }


.goods_detail .box-slide .variants_wrapper .item .variants_value .opt .img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; padding: 0; border: none; margin: auto; display: block; width: 0; height: 0; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt label { border: 1px rgb(88,88,88) solid; background-color: #fff; border-radius: 40px; color: rgb(88,88,88); display: inline-block; margin: 0.7rem 0.5rem 0.2rem 0; padding: 1rem 2rem; font-size: 1.4rem; letter-spacing: .1rem; line-height: 1; text-align: center; transition: all .2s ease 0s; cursor: pointer; position: relative; }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.checked label { background-color: rgb(18,18,18); color: #fff; }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.disabled label { text-decoration: line-through; color: rgba(18,18,18,.6); border-color: rgba(18,18,18,.1); }
.goods_detail .box-slide .variants_wrapper .item .variants_value .opt.disabled.checked label { color: rgba(255,255,255,.6) }



@-webkit-keyframes spin-animation {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes spin-animation {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

.goods_detail .box-slide .goods_btn { display: flex; margin-top: 20px; }
.goods_detail .box-slide .goods_btn .add-to-cart { display: flex; place-content: center; place-items: center; border-radius: 5px; line-height: 1; outline: none; flex: 1; position: relative; font-size: 16px; height: 54px; font-weight: 700; cursor: pointer; border-width: 1px; border-style: solid; border-color: #292929; background-color: #ffffff; text-align: center; color: #292929; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .3s; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.goods_detail .box-slide .goods_btn .add-to-cart:hover { background: #fff; -webkit-box-shadow: 2px 3px 5px rgb(0 0 0 / 25%); box-shadow: 2px 3px 5px rgb(0 0 0 / 25%); }
.goods_detail .box-slide .goods_btn .primary-btn { display: flex; place-content: center; border-radius: 5px; place-items: center; line-height: 1; outline: none; margin-left: 20px; flex: 1; font-size: 16px; position: relative; height: 54px; font-weight: 700; cursor: pointer; border-width: 1px; border-style: solid; border-color: transparent; background-color: rgba(200, 42, 35, 1); color: #fff; text-align: center; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .3s; transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.goods_detail .box-slide .goods_btn .primary-btn:hover { filter: brightness(1.2); -webkit-filter: brightness(1.2); }
.goods_detail .box-slide .goods_btn .add-to-cart.disabled { color: rgba(18,18,18,.6); border-color: rgba(18,18,18,.1); cursor: not-allowed; opacity: .5; }
.goods_detail .box-slide .goods_btn .primary-btn.disabled { background-color: rgba(200, 42, 35, 1); cursor: not-allowed; opacity: .5; }

.goods_detail .box-slide .goods_btn .sold-out { width: 100%; display: flex; place-content: center; place-items: center;  height: 48px; text-align: center; padding: 0; font-size: 12px; cursor: default; background-color: #000; border: 1px solid #000; color: #fff }
.goods_detail .box-slide .goods_btn .sold-out:hover { color: #9f9688; }

.goods_detail .box-slide .delivery-time { display: flex; place-items: center; margin-top: 30px; }
.goods_detail .box-slide .delivery-time .time { font-size: 14px; word-break: break-all; margin-left: 5px; color: #292929; opacity: .85; }
.goods_detail .box-slide .delivery-time { }
.goods_detail .box-slide .share-wrapper { display: flex; place-items: center; margin: 16px 0; }
.goods_detail .box-slide .share-wrapper a { display: flex; place-items: center; font-size: 12px; opacity: .65 }
.goods_detail .box-slide .share-wrapper a:hover { opacity: .8 }
.goods_detail .box-slide .share-wrapper a + a { margin-left: 20px; }
.goods_detail .box-slide .share-wrapper a span { padding-left: 5px; }
.goods_detail .box-slide .faq_container { border-top: 1px solid #ddd; margin-top: 24px; padding: 24px 0 16px 0 }
.goods_detail .box-slide .faq_container .theme { font-size: 20px; color: #292929; font-weight: 700; opacity: .8; margin-bottom: 10px; }
.goods_detail .box-slide .faq_container .item { }
.goods_detail .box-slide .faq_container .item .question_label { cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .1s; padding: 8px 0; }
.goods_detail .box-slide .faq_container .item .question_label .title_text { font-size: 14px; color: #292929; opacity: .8 }
.goods_detail .box-slide .faq_container .item .question_label .arrow { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; transform: rotate(180deg) }
.goods_detail .box-slide .faq_container .item .question_label.is-open .arrow { transform: rotate(0) }
.goods_detail .box-slide .faq_container .item .question_content { position: relative; padding: 10px; background: rgba(0,0,0,.05); border-radius: 3px; margin-bottom: 10px; overflow-wrap: break-word; width: 100%; font-size: 14px; }
.goods_detail .box-slide .faq_container .item .question_content:before { position: absolute; left: 10px; top: -10px; content: ""; width: 0; height: 0; line-height: 0; border: 5px solid transparent; border-bottom-color: rgba(0,0,0,.05); }
.goods_detail .box-slide .faq_container .item .question_content p { margin: 10px; }
/*.goods_detail .goods_desc { padding-top: 80px; }
.goods_detail .goods_desc h2.title { position: relative; line-height: 44px; font-size: 2.8rem; padding-bottom: 15px; border-bottom: 1px solid #eaecee; }
.goods_detail .goods_desc h2.title:before { content: ''; position: absolute; left: 0; bottom: 18px; width: 65px; height: 15px; background: linear-gradient(to right, #f56761, #c82a23); background-color: #c82a23; z-index: -1; border-radius: 3px; }
.goods_detail .goods_desc h2.title span { color: #999 }*/
.goods_detail .goods_desc .textbox { padding-bottom: 30px; }
.goods_detail .goods_desc .textbox img { max-width: 100% }
.goods_detail .goods_desc .textbox p { font-size: 16px; }


/*评论窗口 */
.comment-modal { position: fixed; top: 45%; left: 50%; width: 640px; z-index: -1; transform: translate(-50%,-50%) scale(1.2); opacity: 0; }
.comment-modal.comment-show { animation-name: weixipopshow; animation-duration: 0.3s; animation-fill-mode: both; }
.comment-content { max-height: 80vh; overflow: auto; display: flex; flex-direction: column; background-color: #fff; position: relative; border-radius: 0; margin: 0 auto; box-shadow: 0 0 #0000, 0 0 #0000, 1px 4px 30px rgb(0 0 0 / 15%); }
.comment-content .title { height: 68px; flex-shrink: 0; display: flex; place-content: center; place-items: center; font-size: 16px; font-weight: 700; border-bottom: 1px solid rgba(238, 238, 238, 1); }
.comment-modal .close-modal { position: absolute; top: 15px; right: 15px; cursor: pointer }
.comment-content .content { padding: 20px; overflow: auto; }
.comment-content .content .notice { font-size: 16px; color: #999; line-height: 20px; }
.comment-content .content .form .item .rate { padding-left: 15px; }
.comment-content .content .form .item .rate i { font-size: 20px; color: #ccc; margin-right: 10px; transition: all 0.5s; display: inline-block; cursor: pointer }
.comment-content .content .form .item .rate .rate-solid { color: #FFB800; animation-name: example; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: ease; }
.comment-content .content .form .item label { font-size: 15px; color: #3a3a3a; margin-bottom: 15px; display: inline-block; }
.comment-content .content .form .item select { width: 100%; height: 44px; border-radius: 22px; background-color: #f6f6f6; border: none; margin-bottom: 15px; font-size: 14px; padding: 0px 15px; }
.comment-content .content .form .item input { width: 100%; height: 44px; border-radius: 22px; background-color: #f6f6f6; border: none; margin-bottom: 15px; font-size: 14px; padding: 0px 15px; }
.comment-content .content .form .item textarea { width: 100%; height: 150px; max-height: 180px; border-radius: 22px; background-color: #f6f6f6; border: none; font-size: 14px; padding: 15px 15px; }
.comment-content .content .form .item button { cursor: pointer; outline: none; background-color: #1e1e1e; height: 44px; border-radius: 22px; margin-top: 40px; padding: 0px 20px; color: #fff; border: none; font-size: 15px; font-weight: 500; transition: all .5s; }
.comment-content .content .form .item button:hover { background-color: #3e4141; }
.comment-content .content .form .item .horizontal { display: flex; place-items: center; margin: 20px 0; }
.comment-content .content .form .item .horizontal label { margin-bottom: 0; }

.comment-content .content .form .item .img-context { display: flex; flex-wrap: wrap; }
.comment-content .content .form .item .image { position: relative; border: 1px solid #eee; width: 100px; height: 100px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; margin-right: 10px; margin-bottom: 10px; }
.comment-content .content .form .item .image .image_upload { position: relative; margin: 0; width: 100px; height: 100px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.comment-content .content .form .item .image .image_upload::before { box-sizing: border-box; content: ""; width: 40px; position: absolute; border: 15px solid #bbb; border-radius: 4px; }
.comment-content .content .form .item .image .image_upload::after { box-sizing: border-box; content: ""; width: 20px; height: 20px; position: absolute; border: 3px solid #fff; border-radius: 50%; }
.comment-content .content .form .item .image img { max-width: 100%; max-height: 100%; vertical-align: middle; border-style: none; }
.comment-content .content .form .item .del { position: absolute; top: -5px; right: -5px }

/*详情评论tabs切换 */
.product-tabs { padding-top: 80px; }
.product-tabs .product-nav { display: flex; margin: 0 -15px; padding: 0 0 25px; }
.product-tabs .product-nav .tabs-nav__item { margin: 0 0 10px; padding: 0 15px; }
.product-tabs .product-nav .tabs-nav__item .tabs-nav__link { position: relative; font: 700 16px/24px Raleway,sans-serif; color: rgba(0,0,0,.5); height: 42px; display: flex; place-items: center }
.product-tabs .product-nav .tabs-nav__item.active .tabs-nav__link { color: #000; }
.product-tabs .product-nav .tabs-nav__item.active .tabs-nav__link::before { content: ''; height: 2px; position: absolute; bottom: 0; left: 0; width: 100%; background: #000; }


/*评论界面 */
.comment h4 { font-weight: bold; font-size: 26px; color: #000; line-height: 30px; padding: 15px 0; position: relative; text-transform: uppercase; }
.comment .score-layout { position: relative; display: flex; gap: 50px; border-bottom: 1px solid #f1f1f1; padding: 50px 0; margin-bottom: 50px; }
.comment .score-layout .left .total { line-height: 50px; font-size: 30px; font-weight: bold; color: #fd9700; }
.comment .score-layout .left .total span:nth-child(1) { font-size: 50px; }
.comment .score-layout .left .total span:nth-child(2) { font-weight: normal; }
.comment .score-layout .left p { font-size: 16px; color: #666 }
.comment .score-layout .comment__rating { margin: 0 0 5px; display: flex; place-items: center; gap: 0px; width: 100%; overflow: hidden; position: relative; }
.comment .score-layout .comment__rating .rated { width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; }
.comment .score-layout .comment__rating .rated.rated_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }

.comment .score-layout .right { display: flex; place-items: center; flex-direction: column; gap: 10px; width: 400px; }
.comment .score-layout .right .score-bar { width: 100%; display: flex; place-items: center; gap: 15px }
.comment .score-layout .right .progress { position: relative; background-color: #f1f1f1; height: 16px; overflow: hidden; border-radius: 8px; flex: 1 }
.comment .score-layout .right .progress .scale { height: 16px; float: left; background-color: #ffd316; transition: width 0.3s; }
.comment .score-layout .right .score-bar .lable { font-size: 12px; font-weight: 700; width: 10% }

.post-comment { position: absolute; right: 0; top: 50px }
.post-comment .btn-primary { width: 100%; outline: 0; cursor: pointer; font-size: 14px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 10px 18px; font-weight: 700; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.post-comment .btn-primary:hover { background-color: #3e4141; }

.comment .category-nav { width: 100% }
.comment .category-nav span { display: inline-block; background-color: #f2f2f2; border-radius: 20px; color: #333; line-height: 30px; border: 1px solid #fff; padding: 0 12px; margin: 10px 5px 0 0; font-size: 14px; cursor: pointer; }
.comment .category-nav span.active { background-color: rgba(200,42,34,0.1); color: #c82a23; font-weight: 600; }
.comment .comment-list { padding: 20px 0 }
.comment .comment-list .comment-list-box { display: flex; gap: 15px; margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px; }
.comment .comment-list .comment-list-box .avatar { flex-shrink: 0; height: 44px; width: 44px; border-radius: 22px; color: #666; background-color: #e9e9e9; line-height: 44px; text-align: center; font-size: 16px; }
.comment .comment-list .comment-list-box .context .top .name { font-size: 14px; font-weight: 700; color: #444 }
.comment .comment-list .comment-list-box .context .txt p { font-size: 14px; color: #333; padding-bottom: 10px }
.comment .comment-list .comment-list-box .context .txt .imglist { display: flex; gap: 10px; padding-bottom:10px}
.comment .comment-list .comment-list-box .context .txt .imglist .imgbox { display: block; width: 86px; height: 86px; border-radius: 5px; position: relative; overflow: hidden }
.comment .comment-list .comment-list-box .context .txt .imglist .imgbox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }

.comment .comment-list .comment-list-box .context .other { display: flex; place-items: center; padding-top: 20px; }
.comment .comment-list .comment-list-box .context .other .like { margin-right: 15px; display: flex; place-items: center }
.comment .comment-list .comment-list-box .context .other .like .icon { margin-right: 5px; width: 14px; height: 14px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAnRJREFUWAnFlstrE1EUxjuTmsSIj00jwYXmYSJKQchCwZX+By5E3LkTty4ENxKwCxfduXEhiFnqRlBBu2mlPhYSoYUohDwE40YXSUFa2zzG30maMjO5mbQZOnPhJPec79zzfffcyZ1MTbkciUTiDraGraZSqYt7LafvdYE5P5fL6YZhzGFHsNlut/sOIafNOePmgXEJTni9Xj8B8V1TToj50Waz+dIUc5y66gA7jimqX8tmswcUcWXIlQB2f0FR9WCj0TiliCtDrgRomnZVVRVh+y8gmUxeguiKSoCu621VXBWbuAOQP1AVlBidaY7C7PGJBLD76wi4bC828AOBwP4J4LI5C/mTAZn9m91vxWKxn/b4KF8bBajikM/w0/uAgLQK346t1Gq18w64Bdr1EcTj8eOQL44hl/P/ZGEY40wLnslkDrfb7ZMU3+kIhTYqlUpZcLly8/n8K/Bz4jsNcn5xHc865VDbCIfDP4rF4l+N5BskP2WhXKOWQeK9arX6MJ1On2m1Wt8toEuH2pvYzWmI56k1RC71wXpn2el0DrnkG1q+veF5eQaODaHeBYIi4I93fFYmuvBV5xx8EwD3Z187gIBl+Ufz29oYz7x1BHz0rQOQL5XL5U3enLovHUDAW+m1bx3gjfmmJ8CPZ0DOvlQqVX3rAAKeCbkMPRQKef0M/KPrz/v0CIhEIl5fRC94wa3tCCgUCus4Yp4M2v/ITCS/AhmeHAPky+z+S5+y/9kTAODJMXDnzJnJZT4QsGIHxEeYoYpPEqPWY26+BfvanoBgMHgf4D3WMSVsMH8tfjQa/UaBognb1ZQ1W9gqO79F62+rFv0HTa7RgTTLPI4AAAAASUVORK5CYII=) no-repeat; background-size: 100%; opacity: 0.4; cursor: pointer; }
.comment .comment-list .comment-list-box .context .other .like i { font-style: normal; font-size: 14px; color: #9f9f9f; }
.comment .comment-list .comment-list-box .context .other span { color: #9f9f9f; font-size: 12px; }
.comment .comment-list .r_footer { margin-top: 40px; display: flex; place-content: center }
.comment .comment-list .r_footer .load-complete { font-size: 14px; }
.comment .comment-list .r_footer .load-more { background: #f3f3f4; color: #0d0c22; margin-top: 15px; height: 40px; padding: 10px 60px; transition: color 200ms ease; border: none; border-radius: 8px; outline: none; text-decoration: none; cursor: pointer; appearance: none; font-size: 14px; font-weight: 700; display: flex; place-content: center; place-items: center }
.comment .comment-list .r_footer .load-more .icon-loading { display: inline-block; border-radius: 50%; width: 13px; height: 13px; margin-right: 10px; animation: spin-animation 0.35s infinite linear; border: 1px solid #fff; border-color: #ea4c89; border-top-color: transparent; border-right-color: transparent; }


.comment .comment-list .comment-list-box .context .top .comment__rating { margin: 0 0 5px; display: flex; place-items: center; gap: 0px; width: 100%; overflow: hidden; position: relative; }
.comment .comment-list .comment-list-box .context .top .comment__rating .rated { width: 18px; height: 18px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center; background-size: 76%; }
.comment .comment-list .comment-list-box .context .top .comment__rating .rated.rated_active { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e"); }


/*优惠券 */
.coupon-wrappers .coupon-bar { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 12px 0 24px; box-shadow: 0px 2px 10px 1px rgba(0,0,0,.06); border-radius: 4px; margin: 10px 0; cursor: pointer; }
.coupon-wrappers .coupon-bar .coupon-left { display: flex; align-items: center; padding: 12px 0; flex-shrink: 0; }
.coupon-wrappers .coupon-bar .coupon-left span { margin-left: 8px; color: #160505; font-size: 14px; }

.coupon-wrappers .coupon-bar .coupon-right { display: flex; place-content: flex-end; place-items: center; }
.coupon-wrappers .coupon-bar .coupon-right .coupon-items { display: flex; flex-wrap: wrap; justify-content: end; max-height: 49px; overflow: hidden; }
.coupon-wrappers .coupon-bar .coupon-right .coupon-items .coupon-s { white-space: nowrap; text-align: center; min-width: 50px; background-size: 100% 100%; padding: 2px 10px; color: #f94339; font-size: 12px; font-weight: 500; margin-top: 12px; margin-bottom: 12px; border: 1px solid; border-right: 4px; border-left: 4px; margin-left: 8px; line-height: 20px; }

/*优惠券窗口 */
.coupon-modal-layout { background: linear-gradient(90deg, rgb(255, 248, 231) 0%, rgb(255, 228, 167) 100%); display: flex; flex-direction: column; position: absolute; right: 0; z-index: 1; top: 50px; border-radius: 10px; max-height: 450px; box-shadow: 0px 4px 20px 1px rgba(0,0,0,.15), 0px 0px 3px 1px rgba(0,0,0,.1); width: 380px; cursor: default; }
.coupon-modal-layout::after { content: ""; display: block; border-width: 8px 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0) rgba(0,0,0,0) #ffe6ae rgba(0,0,0,0); position: absolute; right: 12px; top: -16px; }
.coupon-modal-layout .coupon-main { position: relative; display: flex; flex-direction: column; z-index: 1; height: 100%; overflow: hidden; padding: 0 16px; }
.coupon-modal-layout .coupon-main .coupon-modal-title { display: flex; justify-content: center; align-items: center; padding: 16px 0; font-size: 20px; font-weight: 600; }
.coupon-modal-layout .coupon-main .coupon-modal-title .coupon_modal_close_icon { position: absolute; right: 0; cursor: pointer; padding: 16px; line-height: 1; }

.coupon-modal-layout .coupon-main .coupon-list { padding-bottom: 8px; overflow-y: auto; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar { position: relative; overflow: hidden; padding: 4px; font-size: 12px; line-height: 1.2; border-radius: 12px; background-color: #ffefde; margin-bottom: 8px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect { background: linear-gradient(90deg, #F8A056, #F93E37); display: flex; justify-content: center; align-items: stretch; border-radius: 10px; min-height: 76px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc { display: flex; flex-grow: 3; justify-content: center; flex-direction: column-reverse; min-width: 168px; padding: 10px; padding-left: 20px; border-radius: 0 5px 5px 0; color: #fff; position: relative; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; right: -4px; bottom: -4px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc::before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #ffffff; right: -4px; top: -4px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc .coupon-divider-line { border-left: 2px dashed #fee7cd; width: 0; position: absolute; right: -1px; top: 3px; bottom: 3px; z-index: 9; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc .off { font-size: 20px; font-weight: 500; line-height: 27px; text-shadow: 0px 3px 3px rgba(171,98,41,.22); }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc .condition { font-weight: 400; line-height: 20px; font-size: 13px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-desc .condition .money { }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-get { display: flex; flex-grow: 0; flex-basis: 42%; justify-content: center; align-items: center; flex-direction: column-reverse; line-height: 1.5; border-radius: 5px 0 0 5px; position: relative; padding: 7px 10px; flex-shrink: 0; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-get .code_btn { display: flex; align-items: center; justify-content: center; border: 0; border-radius: 100px; cursor: pointer; min-width: 84px; box-shadow: 0px 3px 4px 1px rgba(183,41,32,.26); outline: none; font-weight: bold; position: relative; padding: 0 10px; font-size: 14px; max-width: 120px; height: max-content; min-height: 36px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-get .code_btn .notranslate { font-size: 12px; display: flex; align-items: center; word-break: break-all; text-align: center; line-height: 16px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-get .code_btn svg { flex-shrink: 0; margin-left: 6px; }
.coupon-modal-layout .coupon-main .coupon-list .coupon-item-bar .coupon-effect .coupon-get .coupon__copied { margin-bottom: 4px; line-height: 16px; font-size: 12px; display: block; color: #ffffff; }
.app-coupon-triangle { position: absolute; }
.app-coupon-triangle-0 { top: -78px; left: 16px; transform: rotateZ(146deg); }
.app-coupon-triangle-1 { bottom: -66px; left: 30%; transform: rotateZ(45deg); }
.app-coupon-triangle-2 { right: 26px; top: -82px; }


.header .page_nav .search_warp { padding-right: 0 }
.header .page_nav .list .item a { color: #333; }
.header .page_nav .list .lang { color: #333; }
.header .page_nav .list .register .lable { color: #333; }
.connect {background-color: #f8f8f8; padding-bottom:60px; min-height:60vh}
.connect .banner { background-color: #000; height: 360px; position: relative; }
.connect .banner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.connect .wrap { max-width: 1200px; margin: 0px auto 0px; padding: 60px 30px 60px; background-color: #fff }
.connect .wrap .title { font-size: 24px; line-height: 1; vertical-align: bottom; margin-bottom: 30px; }
.connect .wrap .title:before { content: ""; display: inline-block; width: 4px; height: 24px; background-color: #c82a23; margin-right: 15px; border-radius: 8px; vertical-align: bottom; }
.connect .wrap .content_box { padding: 50px 0 50px; }


.connect .wrap .content_box .box .s_title { border-bottom: 1px solid #999; font-size: 18px; padding-bottom: 10px; margin-bottom: 20px; color: #999 }


.connect .msgbox .form { margin: 0px 0; }
.connect .msgbox .form .form_input { display: flex; justify-content: center; align-items: center; gap:20px }
.connect .msgbox .form .msg_input { position: relative; outline: 0px; display: inline-block; vertical-align: middle; padding: 20px; margin: 10px 0; background-color: #fff; border: 1px solid #eaecee; /*box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);*/ text-align: left; font-size: 14px; }
.connect .msgbox .form .msg_name { flex: 1; }
.connect .msgbox .form .msg_tell { flex: 1; }
.connect .msgbox .form .msgcon { display: block; width: 100%; height: 100px; box-sizing: border-box; }
.connect .msgbox .subfooter { display: flex; justify-content: center; align-items: center ; margin-top:60px}
.connect .msgbox .subfooter .msg-primary { height: 46px; display: flex; place-content: center; place-items: center; padding: 0 25px; font-size: 18px; color: #fff; box-sizing: border-box; background: #000; cursor: pointer; }
.connect .msgbox .subfooter .msg-primary .icon { transform: rotate(-90deg); font-size: 18px; margin-left: 5px; margin-bottom: -4px; }

.faq {  }
.faq .wrap { max-width: 1200px; margin: 0 auto }
.faq .wrap .content { margin-top: 30px; padding: 50px 0 }

.faq .breadcrumb { font-size: 14px; margin: 20px 0; }
.faq .breadcrumb .item + .item { padding-left: 8px; }
.faq .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.faq .breadcrumb .item a { opacity: 0.8; color: #292929 }
.faq .breadcrumb .item a:hover { opacity: 0.8 }


.faq .content .s_title { font-size: 36px; text-align: center; margin-bottom: 30px }
.faq .content .list { width: 60%; margin: 0 auto }
.faq .content .list .item .b_title { font-size: 26px; padding: 20px 0 }
.faq .content .list .item .question_label { border-bottom: 1px solid #e8e8e1; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .1s; padding: 15px 0; }
.faq .content .list .item .question_label .title_text { font-size: 18px; color: #292929; opacity: .8; }
.faq .content .list .item .question_label .arrow { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; transition-duration: .2s; transform: rotate(90deg) }
/*.faq .content .list .item .question_label.is-open .arrow { transform: rotate(0) }*/

.faq .content .list .item .question_content p { font-size: 14px; color: #292929; opacity: .8 }

.help { }
.help .wrap { max-width: 1200px; margin: 0 auto }
.help .wrap .content { margin-top: 30px; padding: 50px 0 }

.help .breadcrumb { font-size: 14px; margin: 20px 0; }
.help .breadcrumb .item + .item { padding-left: 8px; }
.help .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.help .breadcrumb .item a { opacity: 0.8; color: #292929 }
.help .breadcrumb .item a:hover { opacity: 0.8 }


.help .content .s_title { font-size: 36px; letter-spacing: 0.01em; line-height: 1.1; text-align: center }
.help .content .description { width: 60%; margin: 0 auto; font-size: 15px; margin-top: 40px; }

.search {  }
.search .wrap { max-width: 1380px; margin: 0 auto }
.search .breadcrumb { font-size: 14px; margin: 20px 0; }
.search .breadcrumb .item + .item { padding-left: 8px; }
.search .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.search .breadcrumb .item a { opacity: 0.8; color: #292929 }
.search .breadcrumb .item a:hover { opacity: 0.8 }
.search .wrap .results { margin: 25px 0 }
.search .wrap .results h2 { font-size: 30px; font-weight: 700 }
.search .wrap .content .goods_box { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 20px; grid-gap: 15px; }
.search .wrap .content .goods_box .item { background-color: #fff }
.search .wrap .content .goods_box .item:first-child { margin-left: 0 }
.search .wrap .content .goods_box .item .product { padding-bottom: var( --youjia-view-scale); overflow: hidden; width: 100%; display: flex; position: relative; }
.search .wrap .content .goods_box .item .product img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; margin: auto; }
.search .wrap .content .goods_box .item .product img.effect { opacity: 0; transition-duration: 150ms; transition-property: all; transition-timing-function: cubic-bezier(0,0,.2,1); transform: scale(1.05); }
.search .wrap .content .goods_box .item .product:hover img.effect { transform: scale(1); opacity: 1; }
.search .wrap .content .goods_box .item .product:hover img.cover { opacity: 0; }

.search .wrap .content .goods_box .item .product .product-labels { position: absolute; top: 10px; right: 10px; background-color: #b46e6f; padding: .2rem 1rem .3rem; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 700; }
.search .wrap .content .goods_box .item .product .sold-out { position: absolute; bottom: 10px; left: 10px; border: 1px solid transparent; border-radius: 50px; display: inline-block; font-size: 1.2rem; letter-spacing: .1rem; line-height: 1; padding: .5rem 1.3rem .6rem; text-align: center; background-color: rgb(36, 40, 51); border-color: rgba(255, 255, 255, 0.1); color: #fff; word-break: break-word; }

.search .wrap .content .goods_box .item .product .sale-tag { position: absolute; top: 10px; left: 10px; background-color: #c82a23; border-radius: 3px; color: #fff; line-height: 1; padding: 6px; text-align: center }
.search .wrap .content .goods_box .item .product .sale-tag .lable { display: block; margin-top: 2px; }


.search .wrap .content .goods_box .item .info { }
.search .wrap .content .goods_box .item .info .g_title { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 1.4; font-style: normal; }
.search .wrap .content .goods_box .item .info .g_title a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; color: #292929; }
.search .wrap .content .goods_box .item .info .price { margin: 5px 0 }
.search .wrap .content .goods_box .item .info .price .text { font-size: 16px; font-weight: 700; color: #c82a23 }
.search .wrap .content .goods_box .item .info .price .del { font-size: 14px; color: #999; padding-left: 5px; }
.search .wrap .content .goods_box .item .info .other .sales { font-size: 14px; color: #333 }


.track {  }
.track .wrap { max-width: 1200px; margin: 0 auto }
.track .wrap .content { margin-top: 30px; padding: 50px 0 }
.track .breadcrumb { font-size: 14px; margin: 20px 0; }
.track .breadcrumb .item + .item { padding-left: 8px; }
.track .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.track .breadcrumb .item a { opacity: 0.8; color: #292929 }
.track .breadcrumb .item a:hover { opacity: 0.8 }
.track .content .s_title { font-size: 36px; letter-spacing: 0.01em; line-height: 1.1; text-align: center }
.track .content .description { width: 60%; margin: 0 auto; font-size: 15px; margin-top: 40px; }
.track .content .from_box .tracking { width: 50%; height: 42px; padding: 0 15px; border: 1px #e8e8e1 solid; }
.track .content .from_box { display: flex; flex-direction: column; align-items: center; margin-top: 45px }
.track .content .from_box .primary-btn { margin: 25px 0; outline: 0; cursor: pointer; font-size: 16px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; font-weight: 700; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.track .content .from_box .primary-btn :hover { background-color: #3e4141; }
.track .content .from_box .iframe_warp { width: 100% }

.account { }
.account .wrap { max-width: 1200px; margin: 0 auto }
.account .wrap .content { padding: 50px 0; max-width: 380px; margin: 0 auto }

.account .breadcrumb { font-size: 14px; margin: 20px 0; }
.account .breadcrumb .item + .item { padding-left: 8px; }
.account .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.account .breadcrumb .item a { opacity: 0.8; color: #292929 }
.account .breadcrumb .item a:hover { opacity: 0.8 }


.account .content h2 { font-size: 36px; font-weight: 700; color: #292929 }
.account .content .des { font-size: 14px; margin: 20px 0 }
.account .content .login_tip { position: relative; font-size: 14px; padding: 11px 12px 11px 24px; min-height: 46px; }
.account .content .login_tip.warning { color: #d95d57; background-color: rgba(255,246,246,1); border: 1px rgba(217,93,87,1) solid; }
.account .content .login_tip.warning::before { content: '·'; display: inline; position: absolute; font-size: 40px; left: 12px; top: -3px; line-height: 46px; }
.account .content .form_box .item { margin-top: 25px }
.account .content .form_box .item .top { display: flex; justify-content: space-between; align-items: center }
.account .content .form_box .item .top .lable { font-size: 15px; font-weight: 700; color: #292929 }
.account .content .form_box .item .top .form-resetpw { font-size: 12px; font-weight: 700; color: #292929 }
.account .content .form_box .item .input { margin-top: 12px; width: 100%; height: 42px; padding: 0 15px; border: 1px #e8e8e1 solid; }
.account .content .form_box .item p { font-size: 13px; padding-top: 5px }
.account .content .form_box .item p span { font-size: 12px; font-weight: 700; color: #292929; cursor: pointer }
.account .content .form_box .submit_box .primary-btn { width: 100%; margin: 25px 0; outline: 0; cursor: pointer; font-size: 16px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; font-weight: 700; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.account .content .form_box .submit_box .primary-btn:hover { background-color: #3e4141; }
.account .content .other { font-size: 14px; color: #292929 }
.account .content .other .register { margin-right: 5px }
.account .content .other .font-bold { font-weight: 700 }
.account .content .social_login img { width: 24px; height: 24px; margin: 23px 15px; cursor: pointer; }

.cart { }
.cart .wrap { max-width: 1200px; margin: 0 auto }
.cart .wrap .content .box { padding: 50px 0; max-width: 380px; margin: 0 auto }
.cart .breadcrumb { font-size: 14px; margin: 20px 0; }
.cart .breadcrumb .item + .item { padding-left: 8px; }
.cart .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.cart .breadcrumb .item a { opacity: 0.8; color: #292929 }
.cart .breadcrumb .item a:hover { opacity: 0.8 }
.cart .content .box { padding: 100px 0; display: flex; place-content: center; place-items: center; flex-direction: column }
.cart .content .box svg { margin-bottom: 16px }
.cart .content .box h2 { font-size: 30px; margin-bottom: 16px;  font-style: normal; font-weight: 600; }
.cart .content .box p { font-size: 14px; margin-bottom: 30px; }
.cart .content .box .primary-btn { width: 100%; outline: 0; cursor: pointer; font-size: 16px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; font-weight: 700; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.cart .content .box .primary-btn:hover { background-color: #3e4141; }

.complete {  }
.complete .wrap { max-width: 1200px; margin: 0 auto }
.complete .wrap .content { padding: 50px 0; max-width: 380px; margin: 0 auto }

.complete .breadcrumb { font-size: 14px; margin: 20px 0; }
.complete .breadcrumb .item + .item { padding-left: 8px; }
.complete .breadcrumb .item + .item:before { content: "/"; padding-right: 8px; color: #6c757d; }
.complete .breadcrumb .item a { opacity: 0.8; color: #292929 }
.complete .breadcrumb .item a:hover { opacity: 0.8 }
.complete .content .box { padding: 100px 0; display: flex; place-content: center; place-items: center; flex-direction: column }
.complete .content .box svg { margin-bottom: 16px }
.complete .content .box h2 { font-size: 30px; margin-bottom: 16px; font-style: normal; font-weight: 600; }
.complete .content .box p { font-size: 14px; margin-bottom: 30px; }
.complete .content .box .primary-btn { width: 100%; outline: 0; cursor: pointer; font-size: 16px; line-height: 1.4; border-radius: 0; border-width: 1px; border-style: solid; border-color: transparent; background-color: #1c1d1d; color: #fff; text-align: center; padding: 11px 18px; font-weight: 700; transition-duration: .3s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; }
.complete .content .box .primary-btn:hover { background-color: #3e4141; }


.whats_warp { position: fixed; z-index: 10; }
.whats_warp.right { right: 28px; }
.whats_warp.left { left: 28px; }
.whats_warp .whats_content .whats_button { width: 60px; height: 60px; border-radius: 50%; position: relative; z-index: 5; }
.whats_warp .whats_content .whats_button .whats_button_effect { cursor: pointer; outline: none; border: none; width: 100%; height: 100%; border-radius: 50%; fill: #fff }
.whats_window { will-change: opacity; position: absolute; bottom: 0; background: rgb(246, 246, 247); width: 360px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0.48px 2.41px -0.38px, rgba(0, 0, 0, 0.17) 0px 4px 20px -0.75px; overflow: hidden; }
.whats_warp.right .whats_window { right: 47px; }
.whats_warp.left .whats_window { left: 47px; }
.whats_window .whats_header { padding: 20px; background: linear-gradient(-61deg, rgb(255, 8, 68), rgb(255, 137, 101)); position: relative; z-index: 4; display: flex; flex: 0 0 auto; color: rgb(255, 255, 255); }
.whats_window .whats_header .close_window { position: absolute; top: 0px; right: 0px; width: 45px; height: 45px; fill: #fff; padding: 15px; cursor: pointer }
.whats_window .whats_header .user { width: 48px; height: 48px; position: relative }
.whats_window .whats_header .user img { width: 48px; height: 48px; border-radius: 50%; border: 2px #fff solid }
.whats_window .whats_header .user::before { content: ""; width: 10px; height: 10px; background-color: #4dc247; border-radius: 50%; position: absolute; bottom: 2px; box-shadow: rgba(0,0,0,0.1) 2px 2px 6px; right: 2px; }
.whats_window .whats_header .info { padding-left: 15px }
.whats_window .whats_header .info h2 { font-size: 16px; font-weight: 700; }
.whats_window .whats_header .info span { font-size: 14px; }
.whats_window .whats_body { }
.whats_window .whats_body .chat_msg { padding: 25px 15px 25px; min-height: 150px; display: flex; flex-direction: column; gap: 20px; max-height: 300px;  }
.whats_window .whats_body .chat_msg .item { display: flex; gap: 15px; }
.whats_window .whats_body .chat_msg .item .avatar { width: 25px; height: 25px; position: relative }
.whats_window .whats_body .chat_msg .item .avatar img { width: 25px; height: 25px; border-radius: 50%; }
.whats_window .whats_body .chat_msg .item .msg_box { display: inline-block; max-width: 280px; margin-bottom: 0.1em; box-shadow: rgba(0, 0, 0, 0.15) 0px 0.6px 0.54px -1.33px, rgba(0, 0, 0, 0.13) 0px 2.29px 2.06px -2.67px, rgba(0, 0, 0, 0.04) 0px 10px 9px -4px; border: 0px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); border-radius: 10px; }
.whats_window .whats_body .chat_msg .item .msg_box .text { overflow-wrap: anywhere; max-width: 100%; padding: 12px 18px 14px; font-size: 14px; }
.whats_window .whats_body .chat_msg .item .msg_box .text img { max-width:100%}

.whats_window .whats_body .chat_msg { overflow-y: scroll; }
.whats_window .whats_body .chat_msg::-webkit-scrollbar { width: 4px; }
.whats_window .whats_body .chat_msg::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.2); }
.whats_window .whats_body .chat_msg::-webkit-scrollbar-track { border-radius: 0; background: rgba(0,0,0,0.1); }


.whats_window .whats_body .chats_list { padding: 15px 15px 25px; background-color: #fff; }
.whats_window .whats_body .chats_list h2 { text-align: center; font-size: 14px; font-weight: 700 }
.whats_window .whats_body .grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 15px; margin-top: 15px; place-items: center; }
.whats_window .whats_body .grid a { height: 42px; width: 42px; border-radius: 50%; display: flex; place-content: center; }
.whats_window .whats_body .grid a svg { width: 32px; fill: white; }
.whats_window .whats_body .grid a svg.maps path { fill: red; }

.whats_window .whats_body .grid a svg.kakao_talk path:nth-child(1) { fill: #000; }
.whats_window .whats_body .grid a svg.kakao_talk path:nth-child(2) { fill: #FFE812; }

.whats_window.open { opacity: 1; transform: translate3d(0, 0, 0) scale(1); transition: transform 430ms cubic-bezier(0.33, 0, 0, 1) 0s, opacity 308ms ease 0s; }
.whats_warp.right .whats_window.close { opacity: 0; transform: translate3d(40%, 40%, 0) scale(0.1); transition: transform 430ms cubic-bezier(0.33, 0, 0, 1) 0s, opacity 308ms ease 0s; }
.whats_warp.left .whats_window.close { opacity: 0; transform: translate3d(-40%, 40%, 0) scale(0.1); transition: transform 430ms cubic-bezier(0.33, 0, 0, 1) 0s, opacity 308ms ease 0s; }


.model-popup-wrapper.active + .warp-container { background-color: rgba(0,0,0,.3); width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2002; }
.model-popup-wrapper { position: fixed; right: 0; top: 0; bottom: 0; min-height: 100%; background-color: #fff; transition: all 0.2s ease-in; height: 100%; width: 640px; z-index: 20000; transform: translateX(100%); box-shadow: 15px 0 20px 5px #181818; }
.model-popup-wrapper.active { transform: none; }

.model-popup-wrapper .popup-layout { background-color: #fff; display: flex; flex-direction: column; height: 100%; }
.model-popup-wrapper .popup-layout .popup-header { align-items: center; display: grid; grid-template-columns: 1fr auto; height: 64px; padding: 0 15px; border-bottom: 1px solid #ebebeb; }
.model-popup-wrapper .popup-layout .popup-header svg { width: 32px; height: 32px; display: block; }
.model-popup-wrapper .popup-layout .popup-header h4 { font-size: 26px; line-height: 1; color: #000; font-weight: normal; }

.model-popup-wrapper .popup-layout .popup-header .button { display: flex; place-items: center; place-content: center; font-size: 0; width: 38px; height: 38px; cursor: pointer; background-color: rgba(255, 255, 255, 0); border: none; outline: none; border-radius: 8px; fill: #444; transition: all 0.3s ease-out 0s; }
.model-popup-wrapper .popup-layout .popup-header .button:hover { background-color: #0000000f; }
.model-popup-wrapper .popup-layout .popup-body { flex: 1; overflow-y: auto }

.model-popup-wrapper .popup-layout .popup-footer { padding: 35px; border-top: 1px solid #ebebeb; }
.model-popup-wrapper .popup-layout .popup-footer .opt { display: flex; gap: 15px; flex-direction: column }
.model-popup-wrapper .popup-layout .popup-footer .opt button { position: relative; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #fff; text-align: center; color: #181818; line-height: 1; font-size: 14px; font-weight: 300; transition: background-color .2s ease; cursor: pointer; padding: 16px; }


.model-popup-wrapper .popup-layout .popup-footer .opt .ok { background-color: #181818; border-color: #181818; color: #fff; }
.model-popup-wrapper .popup-layout .popup-footer .opt .ok:hover { background-color: #323232; border-color: #323232; }

.model-popup-wrapper .popup-layout .popup-footer .cart-drawer .totals { display: flex; place-items: center; place-content: space-between }
.model-popup-wrapper .popup-layout .popup-footer .cart-drawer .totals .total-lable { font-size: 16px; font-weight: 700 }
.model-popup-wrapper .popup-layout .popup-footer .cart-drawer .totals .total-value { font-size: 16px; }
.model-popup-wrapper .popup-layout .popup-footer .cart-drawer .tax-note { display: block; color: #1b1b1b; font-size: 12px; margin: 10px 0; }

.model-popup-wrapper .popup-layout .popup-body .list_warp { flex: 1; padding: 15px; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item { display: flex; place-items: center; place-content: center; border-bottom: 1px #e8e8e1 solid; padding-bottom: 20px; margin-bottom: 20px; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item:last-child { border-bottom: none }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .imgbox { font-size: 0; flex-shrink: 0; width: 100px; height: 100px; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .imgbox img { object-fit: contain; width: 100%; height: 100%; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box { display: flex; flex-direction: column; padding-left: 15px; flex: 1 }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .title { font-size: 16px; color: #292929; margin-bottom: 8px; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .sku { font-size: 14px; color: rgba(41, 41, 41, 0.7); margin-bottom: 8px; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .sku .row span { font-weight: 700 }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .col { display: flex; place-content: center; place-items: center; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .col .ls_box { flex: 1 }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .col .ls_box .number_comp { margin-bottom: 8px; }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .col .ls_box .del { margin-top: 15px; font-size: 14px; color: #292929; cursor: pointer }
.model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .col .rs_box { flex-shrink: 1; font-size: 16px; color: #292929; font-weight: 700 }

@media(any-hover:hover) {
}

@media screen and (min-width: 1200px) {
    .hidden-xl { display: none !important; opacity: 0; visibility: hidden; }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .hidden-lg { display: none !important; opacity: 0; visibility: hidden; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md { display: none !important; opacity: 0; visibility: hidden; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm { display: none !important; opacity: 0; visibility: hidden; }
}

@media screen and (max-width: 575px) {
    .hidden-xs { display: none !important; opacity: 0; visibility: hidden; }
    body { padding-top: 127px; }
    .section-columns { padding: 20px 10px; }
    .section-columns .container .section-header { padding-bottom: 15px; }
    .section-columns .container .section-header h2 { font-size: 20px; line-height: 1.4; }
    .section-columns .container .section-header p { font-size: 14px; line-height: 1.2; margin-top: 5px; }
    .section-columns .container .section-footer { margin-top: 20px; }
    

    .footer .warp { padding: 30px 20px; height: unset }
    .footer .warp .list { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; padding: 30px 0 80px; }
    .footer .warp .list .i_box { max-width: unset }
    .footer .warp .list .single { text-align: left; border-top: 1px solid hsla(0,0%,100%,.2); padding-top: 30px; margin-left: 0; }
    .footer .warp .list .single .grid_box { grid-template-columns: repeat(5, 1fr); }
    .footer .warp .list .single .adv_footer img { width: 100% }
    .footer .warp .list .contact_box { margin-left: unset; text-align: left }
    .footer .warp .list .box .contact .f_social a { margin: 0 20px 0 0; }
    .footer .warp .list .box .sub_list { padding-top: 15px; }
    .footer .warp .top_lay .app { text-align: right }
    .footer .warp .top_lay .app .operate .download-button:first-child { margin-bottom: 15px }

    .header { padding: 0; box-shadow: none }
    .header .middle .header_top { padding: 10px 15px }
    .header .middle .logo_box { margin-right: 0; padding: 0; }
    .header .middle .logo_box img { height: 36px; }
    .header .page_nav { padding: 0 15px 15px; transition: transform 0.2s cubic-bezier(0.18, 0.77, 0.58, 1),background-color 0.2s cubic-bezier(0.18, 0.77, 0.58, 1); }
    .header .page_nav .search_warp { width:100%}
    .header.sticky { box-shadow: 0 4px 8px 1px rgba(0,0,0,.1); }
    .header.sticky .page_nav { position: absolute; left: 0; right: 0; transform: translateY(-100%); }

    .header .middle .header_top .header_icons .box { margin-left: 20px; }
    .header .middle .header_top .header_icons { margin-left: auto; }
    .header.sticky .header_icons .box.header_search { display: block; }
    .header.sticky .top_extend_bar { height: 5px; }



    .header .lang .dropdown:before { left: 80px !important }

    .header .lang.active .dropdown { left: -50px; }


    .header .menuicon { margin-left: 20px; align-self: center; position: relative; width: 24px; height: 24px; padding: 3px 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; z-index: 20 }
    .header .menuicon i { width: 100%; height: 2px; background-color: #333; opacity: 1; transform-origin: 10% 0%; }
    .header .menuicon i:nth-child(1) { transition: .36s ease; }
    .header .menuicon i:nth-child(2) { transition: opacity .2s linear; }
    .header .menuicon i:nth-child(3) { transition: .36s ease; }


    .main.layout .banner { padding: 0;  }
    .main.layout .banner .box { width: 100%; }
    .main.layout .banner .controller { bottom: 10px; }
    .main.layout .banner .controller .warp_ctrl { width: unset; justify-content: center; }
    .main.layout .banner .banner-swiper .swiper-pagination .swiper-pagination-bullet-active { padding: 0 10px; }
    .main.layout .banner .banner-swiper .swiper-pagination span { width: 10px; height: 10px; margin: 0 3px; }
    .main.layout .banner .box .right { padding-bottom: 0; }
    .main.layout .banner .banner-swiper { border-radius: 3px; }


    .page-section .container { padding-top: 18px; }
    .page-section .container .rows .feature-text-paired { width:100%}
    .page-section .container .rows .title { font-size: 20px; margin-bottom: 10px; }
    .page-section .container .rows .spaced-row { margin-top: 15px; }
    .page-section .full-screen-wrapper { height:auto}
    .page-section .full-screen-wrapper .cover { position: relative }




    .product-section .container .grid-view { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; }
    .product-section .container .grid-view .grid__item .heading-block .block__text { padding: 20px 5px; }
    .product-section .container .grid-view .grid__item .heading-block .block__text .overlay-text h2 { font-size: 22px }
    .product-section .container .grid-view .grid__item .heading-block .block__text .overlay-text p { font-size: 14px; line-height: 1.2; }
    .product-section .container .grid-view .grid__item .product-detail { padding: 5px 0; }
    .product-section .container .grid-view .grid__item .product-detail .title h4 { font-size: 1.4rem; line-height: 1.2; }
    .product-section .container .grid-view .grid__item .sale-tag { padding: 2px; top: 5px; left: 5px; }
    .product-section .container .grid-view .grid__item .sale-tag svg { width: 12px }
    .product-section .container .grid-view .grid__item .sale-tag .lable { font-size: 12px; margin-top: 0px; }
    .product-section .container .grid-view .grid__item .view_image .product-labels { padding: .1rem 0.5rem .2rem; top: 5px; right: 5px; }
    .product-section .container .grid-view .grid__item .view_image .sold-out { padding: .2rem 0.5rem .3rem; bottom: 5px; left: 5px; }

    .service-section .container .section-view { flex-direction: column; }
    .service-section .container .column { width:100%}
    .service-section .container .column.right { padding-left:0 }
    .service-section .container .column.right .title { font-size:18px;}
    .service-section .container .column.right ul li { place-items: start }
    .service-section .container .column.right ul li span { line-height: 1.2; }
    .service-section .container .column.right div.spaced-row { text-align:center}

    .advantages-section .container .section-view { padding-top: 15px; }
    .advantages-section .container .section-view .list { grid-template-columns: repeat(2, 1fr); margin: 0; grid-gap: 0px; }
    .advantages-section .container .section-view .list .item { border-left: none; padding: 20px; border-radius: 0; }
    .advantages-section .container .section-view .list .item.bg-grey { background: #fff; top: 0 }
    .advantages-section .container .section-view .list .item.bg-grey .top_text span { color: #7682cc; }
    .advantages-section .container .section-view .list .item.bg-grey h4 { color: #353535; }
    .advantages-section .container .section-view .list .item:nth-child(1) { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
    .advantages-section .container .section-view .list .item:nth-child(2) { border-bottom: 1px solid #eee; }
    .advantages-section .container .section-view .list .item:nth-child(3) { border-right: 1px solid #eee; }
    .advantages-section .container .section-view .list .item p { font-size: 14px; }
    .advantages-section .container .section-view .list .item h4 { font-size: 18px }
    .advantages-section .container .section-view .list .item .top_text span { font-size: 36px }
    .advantages-section .container .section-view .list .item .top_text em { font-size: 14px; }

    .process-section .container .section-view { flex-direction:column;gap:10px}
    .process-section .container .section-view .process_arrow .icon { transform: rotate(90deg); width:30px;height:30px}

    .graphic-section .container .section-view { flex-direction: column; }
    .graphic-section .container .column { width: 100%;order:1 }
    .graphic-section .container .column.right { padding-right: 0; order: 2 }
    .graphic-section .container .column.right .title { font-size: 18px; }
    .graphic-section .container .column.right ul li { place-items: start }
    .graphic-section .container .column.right ul li p { line-height: 1.2; }
    .graphic-section .container .column.right ul li::before { margin-top: 5px; }
    .graphic-section .container .column.right .spaced-row { margin-top: 15px; }
    .graphic-section .container .column.right div.spaced-row { text-align: center; }

    .customized-section .container .section-view { grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }
    .customized-section .container .section-view .item .info h4 { font-size: 16px; font-style: normal; font-weight: 100; }

    .quotebar-section .container .section-view { flex-direction: column; }
    .quotebar-section .container .section-view .text { font-size: 18px; line-height: 36px;  margin-bottom:15px}
    .quotebar-section .container .section-view .btn-group .button a:nth-child(1) { margin-right: 18px; }
    .quotebar-section .container .section-view .btn-group .button a { margin-left: 0px; display: inline-block; line-height: 40px; padding: 0 18px; }

    .category-section .container .section-view .tab-group { overflow: hidden; overflow-x: auto; white-space: nowrap; }
    .category-section .container .section-view .tab-group .item { font-size: 14px; padding: 1em 15px; }
    .category-section .container .grid-view { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; }
    .category-section .container .grid-view .grid__item .heading-block .block__text { padding: 20px 5px; }
    .category-section .container .grid-view .grid__item .heading-block .block__text .overlay-text h2 { font-size: 22px }
    .category-section .container .grid-view .grid__item .heading-block .block__text .overlay-text p { font-size: 14px; line-height: 1.2; }
    .category-section .container .grid-view .grid__item .product-detail { padding: 5px 0; }
    .category-section .container .grid-view .grid__item .product-detail .title h4 { font-size: 1.4rem; line-height: 1.2; }
    .category-section .container .grid-view .grid__item .sale-tag { padding: 2px; top: 5px; left: 5px; }
    .category-section .container .grid-view .grid__item .sale-tag svg { width: 12px }
    .category-section .container .grid-view .grid__item .sale-tag .lable { font-size: 12px; margin-top: 0px; }
    .category-section .container .grid-view .grid__item .view_image .product-labels { padding: .1rem 0.5rem .2rem; top: 5px; right: 5px; }
    .category-section .container .grid-view .grid__item .view_image .sold-out { padding: .2rem 0.5rem .3rem; bottom: 5px; left: 5px; }

    .blog-section .grid-view { flex-direction: column; }
    .blog-section .grid-view .blog-single-item { margin-bottom: 0px; }
    .blog-section .grid-view .blog-single-item .blog-description { padding: 15px 15px; }
    .blog-section .grid-view .blog-single-item .blog-description .blog-content h3 { margin: 0px 0px 0px 0; }


    .solutions-section .grid-view { grid-template-columns: repeat(1, 1fr); }




    .goods_detail.layout { }
    .goods_detail.layout .box-main .base_box {  margin-top: 0px; grid-template-columns: repeat(1, 100%); }
    .goods_detail.layout .box-main .effect_content { position: relative; top: 0; flex: none; flex-grow: 1; width: 100%; }
    .goods_detail.layout .box-slide { width: 100%; flex: none; margin-left: 0; padding: 20px 15px }
    .goods_detail.layout .box-main .effect_content .box_layout .goods_img { border: none }
    .goods_detail.layout .box-main .effect_content .box_layout .goods_img .large_box .swiper-navigation { display: none }
    .goods_detail.layout .box-main .effect_content .box_layout .goods_img .large_box .swiper-pagination { font-size: 16px; }
    .goods_detail.layout .box-main .effect_content .box_layout .goods_img .large_box .swiper-pagination .swiper-pagination-current { font-size: 20px; }
    .goods_detail.layout .box-slide .goods_price .price_box .price { font-size: 20px; }
    .goods_detail.layout .box-slide .goods_price .price_box .del { font-size: 16px }
    .goods_detail.layout .box-slide .goods_btn { flex-wrap: wrap; }
    .goods_detail.layout .box-slide .goods_btn .add-to-cart { width: 100%; flex: none }
    .goods_detail.layout .box-slide .goods_btn .primary-btn { margin-left: 0px; margin-top: 15px; width: 100%; flex: none }
    .goods_detail.layout .box-slide .goods_header .title { font-size: 22px; font-weight: 600 }
    .goods_detail.layout .goods_desc { padding: 0px }
    .goods_detail.layout .box-slide .faq_container .theme { font-size: 16px; }
    .goods_detail.layout .product-tabs { padding: 0px 15px; }

    .goods_detail.layout .product-tabs .comment .score-layout { flex-direction: column; padding: 0px 0 15px; gap: 20px; margin-bottom: 20px; }
    .goods_detail.layout .product-tabs .comment .score-layout .left { display: flex; place-items: center; gap: 15px; }
    .goods_detail.layout .product-tabs .comment .comment__rating .rated { width:22px;height:22px}
    .goods_detail.layout .product-tabs .comment .score-layout .left p { font-size:14px}
    .goods_detail.layout .comment .comment-list { padding: 0px 0 20px; }
    .goods_detail.layout .comment .comment-list .comment-list-box .context .txt .imglist { gap:5px}
    .goods_detail.layout .comment .comment-list .comment-list-box .context .txt .imglist .imgbox { width: 64px; height: 64px }
    .goods_detail.layout .comment .comment-list .comment-list-box .context .other { padding-top: 0px; }
    .goods_detail.layout .comment .comment-list .comment-list-box { margin-top: 15px; padding-bottom: 15px; gap:10px}
    .goods_detail.layout .post-comment { top: 0 }
    .goods_detail.layout .comment .score-layout .right { width: 100%; place-items: flex-start; }
    .goods_detail.layout .comment .score-layout .right .score-bar { width:80%}
    .goods_detail.layout .comment .score-layout .right .score-bar .lable { width:12%}

    .comment-modal { width: 100%; height: 100%; top: 0%; left: 0%; transform: none; }
    .comment-modal.comment-show { animation-name: none; opacity: 1; z-index: 1009; }
    .comment-modal.comment-show .comment-content { max-height: 100vh; }

    .sales-page.layout { }
    .sales-page.layout .wrap { padding: 0 15px }
    .sales-page.layout .adv_container { margin-top: 20px; }
    .sales-page.layout .wrap .content { flex-wrap: wrap; padding-bottom: 30px }
    .sales-page.layout .wrap .content .goods_box { grid-template-columns: repeat(2,minmax(0,1fr)); grid-gap: 10px; }
    .sales-page.layout .wrap .content .box-main .collection-header h1 { font-size: 22px }
    .sales-page.layout .wrap .content .box-main .collection-header .description { margin-top: 10px; font-size: 13px; line-height: 1.2; color: #292929; opacity: .8 }
    .sales-page.layout .wrap .content .box-main .tool_bar_pc {  margin-bottom: 10px; }
    .sales-page.layout .wrap .content .goods_box.grid-cols { grid-template-columns: repeat(1,minmax(0,1fr)); }
    .sales-page.layout .wrap .content .goods_box.grid-cols .item { display: flex }
    .sales-page.layout .wrap .content .goods_box.grid-cols .item .p_warp { flex-shrink: 0; width: 45%; max-width: 200px; }
    .sales-page.layout .wrap .content .goods_box.grid-cols .item .info { padding-left: 15px }

    .sales-page.layout .wrap .content .goods_box .item .product .sale-tag { padding: 2px; top: 5px; left: 5px; }
    .sales-page.layout .wrap .content .goods_box .item .product .sale-tag svg { width: 12px }
    .sales-page.layout .wrap .content .goods_box .item .product .sale-tag .lable { font-size: 12px; margin-top: 0px; }
    .sales-page.layout .wrap .content .goods_box .item .product  .product-labels { padding: .1rem 0.5rem .2rem; top: 5px; right: 5px; }
    .sales-page.layout .wrap .content .goods_box .item .product .sold-out { padding: .2rem 0.5rem .3rem; bottom: 5px; left: 5px; }



    .goods.layout {}
    .goods.layout .wrap { padding: 0 15px }
    .goods.layout .adv_container { margin-top: 20px; }
    .goods.layout .wrap .content { flex-wrap: wrap; padding-bottom: 30px }
    .goods.layout .wrap .content .goods_box { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .goods.layout .wrap .content .box-main .collection-header h1 { font-size: 22px }
    .goods.layout .wrap .content .box-main .collection-header .description { margin-top: 10px; font-size: 13px; line-height: 1.2; color: #292929; opacity: .8 }
    .goods.layout .wrap .content .box-main .tool_bar_pc { padding: 0 15px; margin-bottom: 0px; }
    .goods.layout .wrap .content .goods_box.grid-cols { grid-template-columns: repeat(1,minmax(0,1fr)); }
    .goods.layout .wrap .content .goods_box.grid-cols .item { display: flex }
    .goods.layout .wrap .content .goods_box.grid-cols .item .p_warp { flex-shrink: 0; width: 45%; max-width: 200px; }
    .goods.layout .wrap .content .goods_box.grid-cols .item .info { padding-left: 15px }
    .goods.layout .wrap .content .goods_box .item .product .sale-tag { padding: 2px; top: 5px; left: 5px; }
    .goods.layout .wrap .content .goods_box .item .product .sale-tag svg { width: 12px }
    .goods.layout .wrap .content .goods_box .item .product .sale-tag .lable { font-size: 12px; margin-top: 0px; }
    .goods.layout .wrap .content .goods_box .item .product .product-labels { padding: .1rem 0.5rem .2rem; top: 5px; right: 5px; }
    .goods.layout .wrap .content .goods_box .item .product .sold-out { padding: .2rem 0.5rem .3rem; bottom: 5px; left: 5px; }




    .blog.layout {  }
    .blog.layout .wrap .content { flex-direction: column; padding: 0 15px }
    .blog.layout .box-main .title { font-size: 30px; margin-bottom: 20px }
    .blog.layout .box-main .blog-list .item { margin-top: 0px; }
    .blog.layout .box-main .blog-list .item:nth-child(1) { grid-column-start: unset; grid-column-end: unset }
    .blog.layout .box-main .blog-list { grid-template-columns: repeat(1, 1fr); }
    .blog.layout .box-main .blog-list .item .info { margin-top: 10px; }
    .blog.layout .box-main .blog-list .item .info a { font-size: 14px; }
    .blog.layout .wrap .content .box-slide { position: relative; top: 0; border-left: none; margin-left: 0; padding-left: 0; width: 100% }
    .blog.layout .box-slide .s_title { font-size: 20px; }
    .blog.layout .box-slide .blog-slide .item .info a { font-size: 14px }


    .article.layout {  }
    .article.layout .wrap .content { flex-direction: column; padding: 0 15px }
    .article.layout .box-main .title { font-size: 30px }
    .article.layout .box-main .other { flex-direction: column; place-items: flex-start }
    .article.layout .box-main .other .article_date { font-size: 12px; margin-bottom: 10px }
    .article.layout .box-main .article_content { margin-top: 20px; }
    .article.layout .box-main .article_content img { max-width: 100% }
    .article.layout .box-main .article_content h1 { line-height: 1.2; font-size: 18px; font-weight: 700; }
    .article.layout .box-main .article_content h2 { line-height: 1.2; font-size: 16px; font-weight: 700; }
    .article.layout .box-main .article_content h3 { line-height: 1.2; font-size: 14px; font-weight: 700; }
    .article.layout .wrap .content .box-slide { position: relative; top: 0; border-left: none; margin-left: 0; padding-left: 0; width: 100% }
    .article.layout .box-slide .s_title { font-size: 20px; }
    .article.layout .box-slide .blog-slide .item .info a { font-size: 14px }

    .search.layout {}
    .search.layout .wrap { padding: 0 15px }
    .search.layout .wrap .content .goods_box { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .search.layout .wrap .results h2 { font-size: 20px }

    .search.layout .wrap .content .goods_box .item .product .sale-tag { padding: 2px; top: 5px; left: 5px; }
    .search.layout .wrap .content .goods_box .item .product .sale-tag svg { width: 12px }
    .search.layout .wrap .content .goods_box .item .product .sale-tag .lable { font-size: 12px; margin-top: 0px; }
    .search.layout .wrap .content .goods_box .item .product .product-labels { padding: .1rem 0.5rem .2rem; top: 5px; right: 5px; }
    .search.layout .wrap .content .goods_box .item .product .sold-out { padding: .2rem 0.5rem .3rem; bottom: 5px; left: 5px; }



    .faq.layout { }
    .faq.layout .wrap { padding: 0 15px }
    .faq.layout .wrap .content { margin-top: 0; padding: 30px 0; }
    .faq.layout .content .s_title { font-size: 28px; margin-bottom: 10px }
    .faq.layout .content .list { width: 100% }
    .faq.layout .content .list .item .b_title { font-size: 20px }
    .faq.layout .content .list .item .question_label .title_text { font-size: 14px }

    .help.layout { }
    .help.layout .wrap { padding: 0 15px }
    .help.layout .wrap .content { margin-top: 0; padding: 30px 0; }
    .help.layout .content .s_title { font-size: 28px; margin-bottom: 10px; text-align: left }
    .help.layout .content .description { width: 100% }
    .help.layout .content .description p { margin-bottom: 15px }

    .about.layout .banner { height: 160px; }
    .about.layout .breadcrumb { padding: 0 15px }
    .about.layout .content_box .section { padding: 0 15px 30px }



    .cart.layout { }
    .cart.layout .wrap { padding: 0 15px }
    .cart.layout .wrap .content { max-width: unset; padding: 50px 0 150px; }
    .cart.layout .content .box { padding: 0px 0; }

    .cart.layout .wrap .grid_layout { flex-direction: column }
    .cart.layout .wrap .content .list_warp { padding-right: 0 }
    .cart.layout .wrap .grid_layout .cart-summary { width: 100% }
    .cart.layout .wrap .grid_layout .cart-summary .s_box { padding: 10px; position: unset }






    .complete.layout { }
    .complete.layout .wrap { padding: 0 15px }
    .complete.layout .wrap .content { max-width: unset; padding: 50px 0 150px; }
    .complete.layout .content .box { padding: 0px 0; }


    .mine.layout {  }
    .mine.layout .wrap { padding: 0 15px }
    .mine.layout .wrap .content { max-width: unset; padding: 20px 0 50px; }
    .mine.layout .content .box { padding: 0px 0; }
    .mine.layout .content .box_layout { display: block }
    .mine.layout .content .box_layout .right { margin-left: 0; padding: 15px 10px; min-height: 320px }
    .mine.layout .content .box_layout .right .s_nav_lay .list { overflow: hidden; overflow-x: auto; height: 50px; white-space: nowrap; }
    .mine.layout .content .box_layout .right .s_nav_lay .list .item { padding: 5px 5px; }
    .mine.layout .content .box_layout .right .s_nav_lay .list .item + .item { margin-left: 10px }
    .mine.layout .content .box_layout .right .s_nav_lay .list .item .lable { font-size: 12px; }
    .mine.layout .content .box_layout .right .r_warp .empty { padding-top: 40px; }
    .mine.layout .content .box_layout .right .r_warp .empty img { width: 150px }
    .mine.layout .content .box_layout .right .r_warp .empty p { font-size: 14px }
    .mine.layout .content .box_layout .right .r_warp .empty .primary-btn { font-size: 14px; padding: 8px 12px; }

    .mine.layout .content .box_layout .right .r_warp .goods_box { grid-template-columns: repeat(1,minmax(0,1fr)); grid-gap: 15px 20px; margin-top: 0px; }
    .mine.layout .content .box_layout .right .r_warp .goods_box .item { background-color: #fff; border-radius: 10px; overflow: hidden; padding: 10px; }
    .mine.layout .content.favorite .box_layout .right { }

    .mine.layout .content.favorite .box_layout .right.fav_bg { background-color: unset; padding: 0px 0px; }
    .mine.layout .content.favorite .box_layout .right .r_warp .empty h2 { margin-bottom: 10px; font-size: 16px; }
    .mine.layout .content.favorite .box_layout .right .r_warp .empty p { margin-bottom: 10px; }

    .order_warp.layout {  }
    .order_warp.layout .wrap { padding: 0 15px }
    .order_warp.layout .wrap .content { max-width: unset; padding: 0px 0 50px; }


    .addressform.layout {  }
    .addressform.layout .wrap { padding: 0 15px }
    .addressform.layout .wrap .content { max-width: unset; padding: 20px 0 50px; }
    .addressform.layout .content .box_layout .right { margin-left: 0; padding: 15px 10px; min-height: 320px }
    .addressform.layout .content .box_layout .right .delivery_layout { padding: 30px 1%; }






    .connect.layout { background-color: #fff; }
    .connect.layout .breadcrumb { padding: 0 15px }
    .connect.layout .banner { height: 90px; }
    .connect.layout .wrap { width: unset; padding: 0; margin: 20px auto 0px; }
    .connect.layout .wrap .content_box .grid_box { grid-template-columns: repeat(1, 1fr); }
    .connect.layout .wrap .content_box { padding: 25px 15px 50px; }
    .connect.layout .wrap .content_box .grid_box .item .way { padding: 0 }
    .connect.layout .wrap .title { margin-bottom: 15px; padding: 0 15px }
    .connect.layout .msgbox { padding: 0 10px; }
    .connect.layout .msgbox .form .form_input { display: block; }
    .connect.layout .msgbox .form .msg_input { display: block; width: 100% }

    .account.layout {  }
    .account.layout .wrap { padding: 0 15px }
    .account.layout .wrap .content { max-width: unset; padding: 20px 0 50px; }
    .account.layout .content h2 { font-size: 30px; }

    .track.layout {  }
    .track.layout .wrap { padding: 0 15px }
    .track.layout .wrap .content { margin-top: 0; }
    .track.layout .content .s_title { font-size: 30px; }
    .track.layout .content .description { width: 100%; font-size: 13px; margin-top: 20px; }
    .track.layout .content .from_box .tracking { width: 100% }
    .track.layout .content .from_box .primary-btn { width: 100% }



    .yjui-page a, .yjui-page span { padding: 0 7px; font-size: 12px; }
    .yjui-page .yjui-page-prev { font-size: 14px }
    .yjui-page .yjui-page-next { font-size: 14px }
    .md-modal.md-show { width: 96%; }
    .md-modal.md-show .messagebox .title { line-height: 1.2; font-size: 20px; }
    .md-modal.md-show .messagebox { padding: 30px 20px; }
    .md-modal.md-show .messagebox .operate .btn { height: 42px; font-size: 16px; }

    .share_warp { bottom: 10px; right: 10px; }

    .subscribe-modal .messagebox { padding: 30px 20px; }
    .subscribe-modal .messagebox .title { font-size: 14px }
    .subscribe-modal .messagebox .result_title { font-size: 14px }
    .subscribe-modal .messagebox .result_box { font-size: 12px; }
    .subscribe-modal.subscribe-show { width: 96%; }
    .subscribe-modal .messagebox .email_form .email_input .input_email { width: 100% }
    .subscribe-modal .messagebox .email_form.errmsg::after { font-size: 12px; padding: 10px 15px; }



    .whats_window { width: auto; min-width: 300px }
    .whats_warp.right { right: 10px; }
    .whats_warp.left { left: 10px; }
    .whats_warp .whats_content .whats_button { width: 50px; height: 50px; }
    .whats_warp.right .whats_window { right: 37px; }
    .whats_warp.left .whats_window { left: 37px; }

    .model-popup-wrapper { width: 90%; }
    .model-popup-wrapper .popup-layout .popup-body .list_warp .item { padding-bottom: 10px; margin-bottom: 10px; }
    .model-popup-wrapper .popup-layout .popup-body .list_warp .item .imgbox { width: 80px; height: 80px; }
    .model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box .title { font-size: 14px; line-height: 1.4; }
    .model-popup-wrapper .popup-layout .popup-body .list_warp .item .r_box { padding-left: 10px; }
    .model-popup-wrapper .popup-layout .popup-header h4 { font-size: 18px; }
}
