* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
body { font: 16px/1.5 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', 'Helvetica', 'sans-serif'; }
table, th, td, tr { border-collapse: collapse; border-spacing: 0; font-size: 16px; }
ol, ul { list-style: none; }
li { list-style-type: none; }
img { max-width: 100%; border: 0; }
em { font-style: normal; }
.clear::after { content: ''; display: block; height: 0; overflow: hidden; clear: both; }
a { color: #000; text-decoration: none; }
a:visited, a:hover, a:active { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.icon { display: block; width: 100%; height: 100%; }
.cover, .cover1 { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.cover { width: 100%; height: 100%; object-fit: cover; }
.cover1 { max-width: 100%; max-height: 100%; margin: auto; }
.hide { display: none !important;}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 0;
}/* 滚动槽宽度 */
::-webkit-scrollbar-track {
background-color: #f6f6f6;
}/* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb {
background-color: #fb672b;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color: #fb672b;
}  /* 滚动条滑块点击状态 */
.w640 { width: 100%; max-width: 640px; margin: 0 auto; }

.lqContainer { overflow: hidden; position: relative; }
/*lyTop start*/
.lqTop { width: 100%; padding: 0 0 0 20px; background-color: #fff; position: relative; }
.lqTop a.lqLogo { display: -webkit-flex; display: flex; align-items: center; height: 60px; overflow: hidden; margin: 20px 0; float: left; }
.lqTop a.lqLogo img { max-height: 100%; }
.lqTop .lqNav { float: right; }
.lqNav .lqNav_list { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: -100%; z-index: 9999; }
.lqNav .lqNav_list.open { left: 0; }
.lqNav_list>ul { width: 50%; height: 100%; background-color: #fff; position: relative; z-index: 9999; display: block; align-items: inherit; justify-content: inherit; }
.lqNav_list>ul>li { position: relative; }
.lqNav_list>ul>li a { display: block; width: 100%; height: 60px; line-height: 60px; color: #111; font-size: 18px; text-align: left; padding: 0 60px 0 30px; border-bottom: 1px solid rgba(85, 87, 89, 0.1); }
.lqNav_list>ul>li:hover>a, .lqNav_list>ul>li:active>a, .lqNav_list>ul>li.active>a { color: #fb672b; border-bottom: 1px solid #fb672b; }
.lqNav_list>ul>li>a::after { height: 1px; bottom: -1px; }
.lqNav_list>ul>li i { display: block; width: 60px; height: 60px; margin: 0; padding: 22px; position: absolute; top: 0; right: 0; cursor: pointer; }
.lqNav_list>ul>li i.on { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }
.lqNav_list>ul>li:hover i svg path, .lqNav_list>ul>li:active i svg path, .lqNav_list>ul>li i.on svg path { fill: #fb672b; }
.lqNav_list>ul>li ul { display: none; width: 100%; padding: 10px 30px; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgba(85, 87, 89, 0.1); position: inherit; left: inherit; top: inherit; opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.lqNav_list>ul>li:hover ul, .lqNav_list>ul>li:active ul, .lqNav_list>ul>li.on ul { transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.lqNav_list>ul>li ul li a { height: 40px; line-height: 40px; color: #555; text-align: left; padding: 0 0 0 20px; border: 0; position: relative; text-transform:capitalize;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.lqNavBtn { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; background: #fb672b; padding: 25px; color: #fff; cursor: pointer; }
.lqNavBtn .lqNav_btn { display: block; width: 50px; height: 50px; padding: 12px 9px; background-color: #fb672b; margin-left: 10px; }
.lqNav_btn i { display: block; height: 2px; background-color: #fff; margin: 9px 0; }
.lqNav_btn::before, .lqNav_btn::after { content: ''; display: block; height: 2px; background-color: #fff; }
.lqNav_list .lqNav_mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 9998; }
.lqTop .lqSearch_btn { float: right; border-left: 1px solid #e6e6e6; padding: 0 20px; }
.lqSearch_btn a.open, .lqSearch_btn a.close { width: 50px; height: 50px; overflow: hidden; margin: 25px 0; padding: 12px; }
.lqTop .lqSearch_btn a.open { display: block; }
.lqTop .lqSearch_btn a.close { display: none; }
.lqTop#show .lqSearch_btn a.open { display: none; }
.lqTop#show .lqSearch_btn a.close { display: block; }
.lqTop .lqSearch { display: none; width: 100%; padding: 20px; background-color: #f8f8f8; position: absolute; left: 0; top: 100%; z-index: 9; }
.lqTop#show .lqSearch { display: block; }
.lqSearch form { width: 100%; height: 50px; overflow: hidden; margin: 0 auto; background-color: #fff; border-radius: 25px; }
.lqSearch .ipt { float: left; width: calc(100% - 50px); height: 50px; overflow: hidden; line-height: 50px; color: #111; font-size: 16px; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; padding: 0 0 0 22px; border: 0; outline: none; font-family:Arial, Helvetica, sans-serif; }
.lqSearch .ipt::placeholder {
color: #666;
}
.lqSearch .btn { float: right; width: 50px; height: 50px; overflow: hidden; font-size: 0; background-color: #fb672b; border-radius: 50%; border: 0; outline: none; cursor: pointer; }
.lqSearch .btn:hover { background-color: #222; }
.lqSearch .btn i { display: block; width: 100%; height: 100%; overflow: hidden; padding: 14px; }
.lqTop .lqLanguage { display: none; margin: 30px 0 30px 20px; float: right; position: relative; }
.lqLanguage a.lqLang_btn { display: block; height: 40px; padding: 0 20px; border-radius: 20px; border: 1px solid #bbb; }
.lqLanguage a.lqLang_btn:hover, .lqLanguage a.lqLang_btn:active { background-color: #fb672b; border: 1px solid #fb672b; }
.lqLanguage a.lqLang_btn span { display: block; height: 38px; line-height: 38px; color: #111; font-size: 16px; text-transform: capitalize; padding: 0 6px 0 0; float: left; }
.lqLanguage a.lqLang_btn:hover span, .lqLanguage a.lqLang_btn:active span { color: #fff; }
.lqLanguage a.lqLang_btn i { display: block; width: 18px; height: 18px; margin: 10px 0; padding: 4px; float: right; }
.lqLanguage a.lqLang_btn:hover i svg path, .lqLanguage a.lqLang_btn:active i svg path { fill: #fff; }
.lqLanguage ul { width: 100%; overflow: hidden; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 10px rgb(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); position: absolute; top: 100%; right: 0; opacity: 0; visibility: hidden; transform: translate(0, 20px); }
.lqLanguage:hover ul, .lqLanguage:active ul { opacity: 1; transform: translate(0, 0); visibility: visible; }
.lqLanguage ul li a { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 24px; color: #111; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; padding: 8px 10px 8px 40px; position: relative; }
.lqLanguage ul li a:hover, .lqLanguage ul li a:active { color: #fff; background-color: #fb672b; }
.lqLanguage ul li a img { display: block; width: 20px; height: 20px; border-radius: 50%; margin-top: -10px; position: absolute; left: 10px; top: 50%; }
/*lyTop end*/

/*lqFoot start*/
.lqFoot { background: url(../images/foot_bg.jpg) no-repeat top center; background-size: cover; padding: 60px 20px 0; overflow: hidden; border-bottom: 5px solid #fb672b; }
.lqFoot_Top { text-align: center; }
.lqFoot_Top span { display: block; font-size: 30px; color: #fff; text-transform:capitalize; }
.lqFoot_Top p { font-size: 16px; color: rgba(255,255,255,.45); line-height: 26px; margin: 10px 0 30px; }
.lqFoot_Top .lqFootT_Btn { display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; background: #fb672b; font-size: 18px; color: #fff; }
.lqFoot_Top .lqFootT_Btn i { display: inline-block; width: 20px; height: 20px; margin: 0 0 -2px 10px; }
.lqFoot_lxfs { overflow: hidden; padding: 40px 0; border-top: 1px solid rgba(255, 255, 255, .15); border-bottom: 1px solid rgba(255, 255, 255, .15); margin: 50px 0 0; }
.lqFoot_lxfs dl dd { overflow: hidden; line-height: 36px; color: rgba(255,255,255,.45); font-size: 18px; margin-bottom: 10px; }
.lqFoot_share { margin-top: 40px; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; }
.lqFoot_share b { font-size: 18px; color: #fff; margin: 0 20px 0 0; }
.lqFoot_share a { width: 40px; height: 40px; overflow: hidden; margin-right: 20px; padding: 10px; background: #fb672b; border-radius: 50%; }
.lqFoot_share a:nth-child(2) { background: #2dc457; }
.lqFoot_share a:nth-child(3) { background: #ff0000; }
.lqFoot_share a:nth-child(4) { background: #000; }
.lqFoot_share a:nth-child(5) { background: #009688; }
.lqFoot_share a:last-child { margin-right: 0; }
.lqFoot_share a:hover, .lqFoot_share a:active { background-color: #fb672b; }
.lqFoot_share a:hover svg path, .lqFoot_share a:active svg path { fill: #fff; }
.lqFoot_copy { overflow: hidden; padding: 20px 0; }
.lqFoot_copy p, .lqFoot_copy p a { line-height: 30px; color: rgba(255, 255, 255, .25); font-size: 16px; }
.lqFoot_copy p a:hover, .lqFoot_copy p a:active { color: #fff; }
.totop { width: 50px; height: 50px; padding: 14px; background-color: #fb672b; border-radius: 50%; position: fixed; bottom: 10%; right: 10px; z-index: 999; cursor: pointer; }
/*nybanner start*/
.nyBanner { height: 300px; overflow: hidden; position: relative; z-index: 1; }
.nyBanner .nyBa_text { position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #fff; font-size: 30px; text-transform: capitalize; }
.nyBanner .nyBa_text:before { content: ""; display: inline-block; width: 30px; height: 30px; background: #fb672b; border-radius: 50px; margin: 0 -20px 3px 0; }
/*nyTitle start*/
.nyTitle { line-height: 1; color: #222; font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 40px; padding-bottom: 20px; position: relative; text-transform:capitalize; }
.nyTitle::after { content: ''; display: block; width: 72px; height: 4px; background-color: #fb672b; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.nyTitle1 { padding-bottom: 0; }
.nyTitle1:after { display: none; }
.nyTitle2 { text-align: left; }
.nyTitle2::after { left: 0; transform: translateX(0); -webkit-transform: translateX(0); }
/*nyLocation start*/
.nyLocation { background: #f8f8f8; padding: 16px 20px 17px; overflow: hidden; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nyLocation1 { background: #fff; }
.nyLocation i { width: 20px; height: 20px; display: inline-block; margin: 0 10px -2px 0; }
.nyLocation a, .nyLocation span { font-size: 18px; color: #999; margin: 0 5px; }
.nyLocation a:hover { color: #fb672b; }
/*nyMore start*/
.nyMore a { display: inline-block; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; text-transform: capitalize; background-color: #fb672b; vertical-align: top; padding: 0 20px; }
.nyMore a i { display: inline-block; width: 16px; height: 16px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 6px; }
.nyMore a:hover i { margin: -2px 0 0 16px; }
/*nyPage start*/
.nyPage { display: flex; align-items: center; justify-content: center; gap: 15px; text-transform: capitalize; margin-top:20px;}
.nyPage span { display: block; line-height: 44px; color: #999; font-size: 18px;}
.nyPage a { display: block; width: auto; line-height: 44px; color: #222; font-size: 18px; margin: 0; padding:0 15px; background-color: #eee; border-radius: 4px;}
.nyPage1 a { background-color: #fff;}
.nyPage a:hover { color: #fff; background-color: #fb672b;}
/*nyPage end*/
.offlineM{ z-index:999 !important;}
@media (max-width:550px) {
.lqFoot_Top span { font-size: 28px; }
.nyTitle { font-size: 32px; margin-bottom: 30px; }
.nyMore a { height: 42px; line-height: 42px; font-size: 15px; }
}
 @media (max-width:480px) {
.lqTop a.lqLogo { height: 45px; margin: 12px 0; }
.lqNavBtn { font-size: 15px; padding: 12px; }
.lqNav_btn i { margin: 7px 0; }
.lqNavBtn .lqNav_btn { width: 45px; height: 45px; margin-left: 5px; }
.lqTop .lqNav, .lqShare { margin-left: 5px; }
.lqShare a, .lqSearch_btn a.open, .lqSearch_btn a.close { width: 45px; height: 45px; margin: 12px 0; padding: 12px; }
.lqNav_list>ul { width: 65%; }
.lqTop .lqSearch_btn { padding: 0 10px; }
.lqTop .lqSearch { padding: 10px 20px; }
.lqSearch form { height: 44px; }
.lqSearch .ipt { width: calc(100% - 44px); height: 44px; line-height: 44px; font-size: 15px; padding: 0 0 0 15px; }
.lqSearch .btn { width: 44px; height: 44px; }
.lqSearch .btn i { padding: 12px; }
.lqFoot { padding: 40px 20px 0; }
.totop { width: 44px; height: 44px; padding: 12px; bottom: 20%; }
.lqFoot_Top span { font-size: 26px; }
.lqFoot_Top p { font-size: 15px; line-height: 24px; margin: 10px 0 20px; }
.lqFoot_Top .lqFootT_Btn { font-size: 16px; padding: 0 25px; }
.lqFoot_lxfs { padding: 30px 0; margin: 40px 0 0; }
.lqFoot_lxfs dl dd { font-size: 16px; line-height: 32px; }
.lqFoot_share { margin-top: 30px; }
.lqFoot_share a { width: 35px; height: 35px; margin-right: 15px; padding: 9px; }
.lqFoot_share b { font-size: 15px; margin: 0 15px 0 0; }
.lqFoot_copy { padding: 15px 0; }
.lqFoot_copy p, .lqFoot_copy a { font-size: 15px; line-height: 28px; }
.nyBanner { height: 260px; }
.nyBanner .nyBa_text { font-size: 26px; }
.nyBanner .nyBa_text:before { width: 25px; height: 25px; margin: 0 -15px 3px 0; }
.nyTitle { font-size: 28px; }
.nyLocation { padding: 13px 20px; }
.nyLocation i { width: 18px; height: 18px; margin: 0 8px -2px 0; }
.nyLocation a, .nyLocation span { font-size: 16px; }
.nyMore a { height: 40px; line-height: 40px; font-size: 14px; }
.nyPage span, .nyPage a { line-height:40px; font-size:16px;}
}
 @media (max-width:414px) {
.lqTop a.lqLogo { height: 40px; }
.lqShare a, .lqSearch_btn a.open, .lqSearch_btn a.close { width: 40px; height: 40px; margin: 12px 0; padding: 10px; }
.lqNavBtn .lqNav_btn { width: 40px; height: 40px; }
.lqTop .lqNav, .lqShare { margin-left: 3px; }
.lqTop .lqSearch_btn { padding: 0 7px; }
.lqNav_btn i { margin: 5px 0; }
.lqNav_list>ul>li a { height: 50px; line-height: 50px; font-size: 16px; padding: 0 50px 0 20px; }
.lqNav_list>ul>li i { width: 50px; height: 50px; padding: 18px; }
.lqNav_list>ul>li ul { padding: 10px 20px; }
.lqNav_list>ul>li ul li a { height: 32px; line-height: 32px; font-size: 14px; padding: 0 0 0 10px; }
.totop { width: 40px; height: 40px; padding: 10px; }
.lqFoot_Top span { font-size: 24px; }
.lqFoot_Top .lqFootT_Btn { height: 45px; line-height: 45px; font-size: 15px; padding: 0 20px; }
.lqFoot_Top .lqFootT_Btn i { width: 15px; height: 20px; margin: 0 0 -4px 10px; }
.nyBanner { height: 240px; }
.nyBanner .nyBa_text { font-size: 22px; }
.nyTitle { font-size: 24px; margin-bottom: 20px; }
}
 @media (max-width:390px) {
.lqTop { padding: 0 0 0 3%; }
.lqSearch form { height: 40px; }
.lqSearch .ipt { width: calc(100% - 40px); height: 40px; line-height: 40px; font-size: 14px; }
.lqSearch .btn { width: 40px; height: 40px; }
.lqFoot { padding: 30px 3% 0; }
.lqFoot_Top span { font-size: 22px; }
.lqFoot_Top p { font-size: 14px; line-height: 22px; }
.lqFoot_Top .lqFootT_Btn { height: 40px; line-height: 40px; font-size: 14px; }
.lqFoot_lxfs { padding: 20px 0; margin: 30px 0 0; }
.lqFoot_lxfs dl dd { font-size: 14px; line-height: 26px; }
.lqFoot_share { margin-top: 20px; }
.lqFoot_share a { width: 30px; height: 30px; margin-right: 10px; padding: 7px; }
.lqFoot_share b { font-size: 14px; margin: 0 10px 0 0; }
.lqFoot_copy { padding: 10px 0; }
.lqFoot_copy p, .lqFoot_copy a { font-size: 14px; line-height: 24px; }
.nyBanner { height: 200px; }
.nyBanner .nyBa_text { font-size: 18px; }
.nyBanner .nyBa_text:before { width: 20px; height: 20px; margin: 0 -10px 2px 0; }
.nyTitle { font-size: 22px; }
.nyLocation { padding: 10px 3%; }
.nyLocation i { width: 16px; height: 16px; margin: 0 6px -2px 0; }
.nyLocation a, .nyLocation span { font-size: 14px; }
}
 @media (max-width:320px) {
.lqTop a.lqLogo { height: 35px; margin: 10px 0; }
.lqNavBtn .lqNav_btn { width: 35px; height: 35px; margin-left: 0; }
.lqNavBtn { font-size: 14px; padding: 10px; }
.lqShare a, .lqSearch_btn a.open, .lqSearch_btn a.close { width: 35px; height: 35px; margin: 10px 0; }
.lqNav_btn i { margin: 3px 0; }
.lqTop .lqSearch { padding: 10px; }
.lqTop .lqSearch_btn { padding: 0 5px; }
.lqFoot_Top span { font-size: 20px; }
.nyBanner { height: 180px; }
.nyPage span, .nyPage a { font-size:14px;}
}
/*cookie*/
.cookie-banner {position: fixed; bottom:0; left:50%; transform:translateX(-50%); background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(8px); padding: 30px 20px;display: flex; align-items: center;justify-content: space-between;gap: 32px;z-index:10000; display:none;}
.banner-content p { line-height: 1.5; color:#fff; font-size: 18px;}
.banner-content p a {color: #fb672b; text-decoration: underline;}
.banner-buttons { display: flex; gap: 20px; flex-shrink: 0; margin-top: 20px;}
.cookie-btn { padding: 10px 20px; border-radius: 4px; font-size: 18px; cursor: pointer; border: none;}
.btn-accept { background: #fb672b; color: #fff;}
.btn-customize { background: transparent; color: #fff; border: 1px solid #fff;}
.modal-overlay {position: fixed; top: 0; left: 0; right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7); display: none; z-index: 10001;}
.cookie-modal { position: absolute; top: 0; left: 0;width: 40%;height: 100vh;background: #fff;color: #000;padding: 14px 24px 24px;overflow-y: auto;display: flex; flex-direction: column;}
.modal-header img{ width:230px; max-width:70%;}
.modal-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;border-bottom: 1px solid #f1f3f5;padding: 0px 0 15px;}
.modal-close { background: #eee; border: none; width: 40px; height: 40px;border-radius: 4px;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.modal-intro { font-size: 14px;line-height: 1.6; margin-bottom: 24px;}
.modal-intro span{ font-size:16px;font-weight: bold;color:#2d4156;}
.modal-intro p{ margin-top:10px;color: #555;line-height: 1.7; font-size:14px;}
.modal-intro a { color: #fb672b;}
.cookie-item { background: #f5f5f5; border-radius: 6px;padding: 12px 16px;margin-bottom: 8px;display: flex; align-items: center;justify-content: space-between;cursor: pointer;}
.cookie-item-header { display: flex;align-items: center;gap: 8px;font-weight: 600;font-size: 16px;}
.cookie-item-header svg{ width:14px; height:14px; fill:#2d4156;}
.cookie-item-header span{ font-weight: bold;color:#2d4156;}
.toggle-switch { position: relative;width: 52px;height: 28px;}
.toggle-switch input { opacity: 0; width: 0; height: 0;}
.toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 999px; }
.toggle-slider:before { position: absolute; content: "✕" !important;display: flex !important;align-items: center !important;justify-content: center !important;height: 22px; width: 22px; left: 3px; bottom: 3px;background-color: white; border-radius: 50%;font-size: 12px;color: #999;}
input:checked + .toggle-slider {background-color: #fb672b;}
input:checked + .toggle-slider::before {content: "✓" !important; color: #fb672b !important;transform: translateX(24px) !important;}
input:disabled + .toggle-slider {opacity: 0.7;cursor: not-allowed;}
.contact-block {background: #fff; border: 1px solid #eee; border-radius: 6px; padding: 16px;margin: 20px 0;font-size: 14px; line-height: 1.6;}
.contact-block span{ font-size:16px;font-weight: bold;color:#2d4156;}
.contact-block p{ margin-top:10px;color: #555;line-height: 1.7; font-size:14px;}
.contact-block a { color: #fb672b;}
.modal-footer {display: flex; gap: 12px; padding-top: 30px;}
.modal-footer button {padding: 10px 20px; border-radius: 4px; font-size: 14px;font-weight: 600; cursor: pointer; border: none;}
.btn-accept-all { background: #fb672b; color: #fff;}
.btn-reject, .btn-save { background: #eee;color: #000;}
.btn-reject:hover, .btn-save:hover { background: #fb672b;color: #fff;}

/* 关键修复：确保所有按钮在移动端可点击 */
.cookie-btn, .modal-footer button, .modal-close, .cookie-item, .toggle-slider { pointer-events: auto !important; touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important;}

/* 修复移动端宽度溢出 */
@media (max-width: 550px) {
.cookie-modal{ width:50%;}
}
@media (max-width:480px) {
	.cookie-banner { padding:20px !important;}
	.cookie-banner p { line-height:1.6; font-size:16px;}
	.banner-buttons { justify-content:flex-start; margin-top:10px;}
	.cookie-btn { margin-left:0; font-weight:300; font-size:16px;padding: 8px 16px;}
	.cookie-modal{ width:60%;}
}
@media (max-width: 414px) {
	.cookie-banner p { line-height:1.5; font-size:14px;}
  .cookie-modal { width: 100%; padding:20px;}	
  .cookie-item { padding: 12px;}
  .modal-footer { padding: 0;}
  .modal-footer button { padding: 10px;}
  .cookie-btn { font-size: 14px; padding: 8px 12px;}
}
@media (max-width: 320px) {
  .cookie-banner { padding:20px 12px !important;}
  .cookie-modal { padding:20px 12px;}	
  .cookie-item { padding: 10px;}
  .modal-footer { gap: 6px;}
  .banner-buttons { gap: 12px;}
}
@media (max-width: 280px) {

}