@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'Montserrat';
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
        url('/css/basic/cntruck/Montserrat-Regular.woff2') format('woff2'),
        url('/css/basic/cntruck/Montserrat-Regular.woff') format('woff'),
        url('/css/basic/cntruck/Montserrat-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat-Bold';
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('/css/basic/cntruck/Montserrat-Bold.woff2') format('woff2'),
        url('/css/basic/cntruck/Montserrat-Bold.woff') format('woff'),
        url('/css/basic/cntruck/Montserrat-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
html {font-size:10px;}
body {margin:0; padding:0; direction:rtl; background:#f5f5f5; color:#333; font-family:"Montserrat", sans-serif; font-weight:normal; font-size:1.6rem; line-height:2.4rem;}
input,button,label,textarea,select,option {font-family:"Montserrat", sans-serif; font-size:1.4rem; line-height:2.1rem;}
ul,ol,dl,p,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
ul {list-style:none;}
ol li {margin-right:2rem; padding-right:0.5rem;}
dt {font-family:"Montserrat-Bold"; font-weight:normal;}
dd {margin:0; padding:0;}
*,*:before,*:after {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
details summary {list-style:none;}
details summary:focus {outline:none;}
details summary::marker {content:"";}
details summary::-webkit-details-marker {display:none;}
h2 {font-size:3rem; font-weight:normal; text-transform:uppercase; margin:1.6rem auto; text-align:center; line-height:4.5rem;}
h3 {font-size:2.4rem; font-weight:normal; text-transform:uppercase; text-align:center;}
h4 {font-size:1.4rem; font-weight:normal; text-transform:inherit; text-align:right;}
button:hover,details summary:hover {cursor:pointer;}
button {outline:none;}
img {flex:0 1 auto; max-width:100%; max-height:100%; vertical-align:middle;}
.mt_05 {margin-top:0.8rem;}
.mt_1 {margin-top:1.6rem;}
.mt_2 {margin-top:3.2rem;}
.mb_1 {margin-bottom:1.6rem;}
.mb_2 {margin-bottom:3.2rem;}
.ml_1 {margin-right:1rem;}
.ml_2 {margin-right:2rem;}
.mr_1 {margin-left:1rem;}
.mr_2 {margin-left:2rem;}
.float_l {float:right;}
.float_r {float:left;}
.align_c {text-align:center;}
.vertical_m {display:flex; align-items:center;}
/*font style*/
a:link,a:visited {text-decoration:none; color:#333;}
a:hover,a:active {text-decoration:none; color:#0062b2; cursor:pointer;}
strong {font-family:"Montserrat-Bold"; font-weight:normal;}
.f24 {font-size:2.4rem;}
.f20 {font-size:2rem;}
.f18 {font-size:1.8rem;}
.f16 {font-size:1.6rem;}
.f14 {font-size:1.4rem;}
.f12 {font-size:1.2rem;}
.font_white a:link,.font_white a:visited {color:#fff;}
.font_white a:hover,.font_white a:active {color:#cce4ff;}
.font_blue,.font_blue a,.font_blue a:link,.font_blue a:visited {color:#ea5404;}
.font_blue a:hover,.font_blue a:active {text-decoration:underline; color:#ea5404;}
.font_black {color:#333;}
.font_gray {color:#666;}
.font_red {color:#bc0000;}
.font_green {color:#39823b;}
.original {font-size:1.4rem; color:#666; text-decoration:line-through;}
/* 容器 */
.wrap {width:100%; padding:0.5rem 0 1rem; background:#fff;}
.container {width:92%; display:flex; flex-wrap:wrap; margin:0 auto;}
.alert_warning {background:#fbf9e4; border:1px solid #ffc56f; color:#a94d2c; padding:1rem 1.6rem; border-radius:0.5rem;}
.alert_danger {background:#fef0f0; border:1px solid #f3b7b7; color:#900; padding:1rem 1.6rem; border-radius:0.5rem; font-size:1.4rem; line-height:2.1rem;}
.alert_danger p {margin:0 0 0.5rem;}
/* 下拉小菜单 */
.dropdown {position:relative; display:inline-block;}
.dropdown-content {display:none; position:absolute; top:calc(100% + 5px); right:50%; width:auto; min-width:160px;}
.dropdown:hover .dropdown-content {display:block;}
.dropdown-content section {width:100%; padding:2rem; background:#fff; color:#333; border-radius:5px; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); z-index:1001;}
.dropdown-content::before {content:""; position:absolute; top:-8px; left:calc(50% - 8px); border-top:none; border-right:8px solid transparent; border-bottom:8px solid #fff; border-left:8px solid transparent;}
.dropdown-content h3 {font-size:1.6rem; font-weight:700; text-transform:inherit;}
/* 通用表单元素 */
.form-label {display:block; text-align:right; margin:1.6rem 0 0.5rem; line-height:2.4rem;}
.must::before {content:"*"; color:#bc0000; margin-right:0.5rem;}
.form-text,.form-select,.form-textarea {padding:0.9rem 0.5rem; display:block; width:100%; border-radius:5px; border:1px solid #ccc; font-size:1.6rem;}
.form-inline {display:inline; width:auto;}
.form-text:focus,.form-select:focus,.form-textarea:focus {outline:1px solid #479bf8; box-shadow:0 0 3px 3px rgba(35,110,194,0.2);}
/* 评论传图片 */
button.layui-btn {background:#ffb400; line-height:32px; height:32px; padding:0 15px; border-radius:16px;}
button.layui-btn:hover {background-color:#ffa200;}
button.layui-btn-normal {background:#ffb400 url(/images/basic/cntruck/icon_addphotos.svg) no-repeat 12px center; background-size:17px;  padding:0 15px 0 36px;}
button.inquiry-delete {background:#fff; color:#333; border:1px solid #666;}
button.inquiry-delete:hover {background:#fff; color:#bc0000; border:1px solid #bc0000;}
button.inquiry-delete::after {content:"X"; margin:0 0 0 0.5rem;}
/* 浮动表单 */
.form-floating {position:relative; margin:0 0 1.6rem;}
.form-floating > label {position:absolute; top:0; right:0; height:100%; padding:1.5rem 0.75rem; pointer-events:none; border:1px solid transparent; transform-origin:0 0; transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out; color:#666;}
@media (prefers-reduced-motion:reduce) {.form-floating > label {transition:none;}}
.form-floating > .form-text {padding:0.75rem; height:5.2rem; line-height:2.4rem;}
.form-floating > .form-text::-moz-placeholder {color:transparent;}
.form-floating > .form-text::placeholder {color:transparent;}
.form-floating > .form-text:not(:-moz-placeholder-shown) {padding-top:2.25rem; padding-bottom:0.5rem;}
.form-floating > .form-text:focus, .form-floating > .form-text:not(:placeholder-shown) {padding-top:2.25rem; padding-bottom:0.5rem; text-align:right;}
.form-floating > .form-text:-webkit-autofill {padding-top:2.25rem; padding-bottom:0.5rem;}
.form-floating > .form-select {padding-top:2.25rem; padding-bottom:0.5rem; color:#666;}
.form-floating > .form-text:not(:-moz-placeholder-shown) ~ label {opacity:0.65; transform:scale(0.85) translateY(-1rem) translateX(0.15rem);}
.form-floating > .form-text:focus ~ label,.form-floating > .form-text:not(:placeholder-shown) ~ label,.form-floating > .form-select ~ label {opacity:0.65; transform:scale(0.85) translateY(-1rem) translateX(0.15rem);}
.form-floating > .form-text:-webkit-autofill ~ label {opacity:0.65; transform:scale(0.85) translateY(-1rem) translateX(0.15rem);}
.form-floating > label.error {position:inherit; padding:0;}
/* 通用按钮 */
.btn-block {align-self:center; width:100%;}

.btn-primary,a.btn-primary {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem; padding:0.9rem 2.4rem; border-radius:22px; background:#0062b2; border:1px solid #0062b2; color:#fff;}
.btn-primary:hover {background:#104990; border:1px solid #104990;}

.btn-dark,a.btn-dark {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem; padding:0.9rem 2.4rem; border-radius:22px; background:#ea5404; border:1px solid #ea5404; color:#fff;}
.btn-dark:hover {background:#d14900; border:1px solid #d14900;}

.btn-highlight,a.btn-highlight {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem; padding:0.9rem 2.4rem; border-radius:22px; background:#ffb400; border:1px solid #ffb400; color:#fff;}
.btn-highlight:hover {background:#ffa200; border:1px solid #ffa200;}

.btn-outline,a.btn-outline {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem; padding:0.9rem 2.4rem; border-radius:22px; background:#fff; border:1px solid #0062b2; color:#0062b2;}
.btn-outline:hover {background:#ebf2fa;}

.btn-outline-black,a.btn-outline-black {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem; padding:0.9rem 2.4rem; border-radius:22px; background:#fff; border:1px solid #666; color:#333;}
.btn-outline-black:hover {background:#efefef;}

/* 特殊按钮 */
.btn-downpdf,a.btn-downpdf,.btn-print,a.btn-print {display:inline-block; margin-top:1.6rem; text-align:center; font-size:1.6rem; font-family:"Montserrat-Bold"; font-weight:normal; line-height:2.4rem; padding:0.9rem 4.2rem 0.9rem 2rem; border-radius:22px; background:#fff url(/images/basic/cntruck/icon_downpdf.svg) no-repeat right 1rem center; background-size:2.6rem; border:1px solid #0062b2; color:#0062b2;}
.btn-downpdf:hover,.btn-print:hover {background-color:#ebf2fa;}
.btn-print,a.btn-print {background-image:url(/images/basic/cntruck/icon_print.svg);}
.btn-img {display:inline-block; margin-top:1.6rem; text-align:center; height:4.2rem; line-height:4.2rem;}

.btn-l,a.btn-l {font-size:1.8rem; font-family:"Montserrat-Bold"; font-weight:normal;}
.btn-s,a.btn-s {font-size:1.6rem; line-height:1.8rem; margin-top:1rem; padding:0.5rem 1.6rem;}
/* 头部 */
header {display:flex; flex-wrap:wrap; width:100%; background:#fff; color:#333; min-width:fit-content; position:relative;}
#header_main {width:92%; margin:0 auto; padding:15px 0; display:flex; justify-content:space-between; align-items:center;}
.logo {flex:0 0 340px; width:340px;}
.search {flex:1 1 auto; margin:0 30px;}
.search form {width:100%; height:46px; padding:0 15px 0 23px; background:#fff; border:1px solid #ccc; border-radius:23px; display:flex; align-items:center;}
.search #keywords_id {flex:1 1 200px; border:none; outline:none; font-size:1.6rem; color:#666;}
ul.advantage {display:flex; justify-content:center; text-align:center; margin:0 0 1.6rem;}
ul.advantage li {margin:0 1rem; font-size:1.6rem;}
.usertools {flex:0 0 200px; width:200px; display:flex; justify-content:space-around; text-align:center; z-index:1000;}
#user .dropdown-content {width:320px; right:calc(50% - 160px);}
#user .entered {width:240px; right:calc(50% - 120px); text-align:right;}
#user .entered h3 {text-align:right;}
#user .entered li {margin-top:0.6rem;}
#user .entered li span {color:#bc0000;}
#user .entered li:nth-last-child(1) {margin-top:1.6rem;}
#user p {font-size:1.2rem; line-height:2.1rem;}
#user p:nth-last-child(2) {margin-top:1.6rem;}
#cart .dropdown-content {width:360px; right:calc(100% - 320px);}
#cart .dropdown-content::before {right:292px;}
#cart .dropdown-content ul {max-height:26.4rem; overflow-y:auto;}
#cart .dropdown-content li {display:flex; border-bottom:1px solid #ddd; margin-bottom:1rem; padding:0 1rem 0.7rem 0;}
#cart .dropdown-content li .img {flex:0 0 6rem; margin:0.3rem 1rem 0 0;}
#cart .dropdown-content li article {flex:1 1 auto; font-size:1.4rem; line-height:2.1rem; text-align:right;}
#cart .dropdown-content li article h4 {width:100%; margin-bottom:0.4rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:clip; overflow:hidden;}
#cart .dropdown-content li article p {width:100%; display:flex; justify-content:space-between;}
#allnum {display:inline-block; position:absolute; top:-10px; left:12px; background:#ea5404; color:#fff; padding:0 0.6rem; font-size:1.2rem; line-height:2rem; height:2rem; border-radius:1rem;}
/* 导航 */
header nav {display:flex; justify-content:space-between; width:100%; padding:0 4%; height:4rem; line-height:4rem; background:#0062b2; color:#fff;}
#menu {display:inline-block; position:relative;}
#menu .btn {cursor:pointer; display:flex; align-items:center;}
#menu-content {display:none; width:1320px; height:40rem; position:absolute; top:100%; right:0; z-index:52; font-size:1.6rem; line-height:2.1rem; color:#0062b2; overflow:hidden;}
#menu:hover #menu-content {display:block;}
.menu_wrap {display:flex;}
.menu_wrap a:link,.menu_wrap a:visited {color:#0062b2;}
.menu_wrap {display:flex;}
#menu_first {flex:0 0 25%; padding:1rem; background:#f5f5f5; border:1px solid #ddd; border-top:none;}
#menu_first li {border-bottom:1px solid #ddd; padding:1rem; background:url(/images/basic/cntruck/menu_arrow_blue.png) no-repeat 0 12px;}
#menu_first li:hover,#menu_first li.active {background:#0062b2 url(/images/basic/cntruck/menu_arrow_white.png) no-repeat 0 12px; color:#fff;}
#menu_first li:hover a,#menu_first li.active a {color:#fff;}
#menu_first_con {padding:1rem; position:relative; flex:1 1 auto;}
.menu_second {display:flex; width:100%; position:absolute; top:0; left:0; z-index:0; overflow: hidden;}
.menu_second ul {flex:0 0 50%; width:50%; height:40rem; padding:1rem; overflow-y:auto; background:#fff; border:1px solid #ddd; border-top:none; border-right:none;}
.menu_second ul li {border-bottom:1px solid #ddd; padding:1rem;}
.menu_second ul li a:link,.menu_second ul li a:visited {color:#333;}
.menu_second ul li:hover {background-color:#f1f4f8;}
.menu_second ul li:hover a {color:#0062b2;}
.menu_second ul li.havethird {background:url(/images/basic/cntruck/menu_arrow_blue.png) no-repeat 0 12px;}
.menu_second ul li.havethird:hover {background:#f5f5f5 url(/images/basic/cntruck/menu_arrow_blue.png) no-repeat 0 12px;}
.menu_second ul li.active {background-color:#f5f5f5;}
.menu_second ul li.active a {color:#0062b2;}
.menu_third {flex:0 0 50%; width:50%; overflow-y:auto; background:#fff;}
.menu_third ul {width:100%;}
.menu_banner {padding:1rem; height:40rem; overflow-y:auto; background:#fff; border:1px solid #ddd; border-top:none; border-right:none;}
.menu_banner a {display:block; margin:0 0 1rem;}
.menu_banner a:nth-last-child(1) {margin:0;}
.menu_second ul li a:nth-child(1) {margin-right:0.5rem;}
.menu_second ul li span {font-size:1.4rem;}
.menu_second ul li span a:link,.menu_second ul li span a:visited {color:#bc0000;}
a.hot::after {content:"HOT"; display:inline-block; background:#bc0000; color:#fff; margin:0 0 0 0.5rem; padding:0.3rem; font-size:0.8rem; line-height:0.8rem; border-radius:0.25rem;}
a.new::after {content:"NEW"; display:inline-block; background:#55a83e; color:#fff; margin:0 0 0 0.5rem; padding:0.3rem; font-size:0.8rem; line-height:0.8rem; border-radius:0.25rem;}
.foreground {z-index:1;}
#quicknav {flex:1 0 auto; justify-content:left; text-align:left;}
#quicknav a {margin-left:40px;}
#onlinelive a:nth-child(1) {margin:0 3rem 0 0; background:url(/images/basic/cntruck/header_icon_livechat.png) no-repeat 0 center; padding:0.5rem 0 0.5rem 24px;}
#onlinelive span:nth-child(2) {background:url(/images/basic/cntruck/header_icon_tel.png) no-repeat 0 center; padding:0.5rem 0 0.5rem 24px;}
/* 面包屑 & banner */
.breadcrumbs {width:100%; background:#fff; font-size:1.2rem; line-height:2.1rem; padding:1rem 0; color:#666;}
.breadcrumbs ul {width:92%; margin:0 auto; display:flex;}
.breadcrumbs li {display:flex; gap:0.6rem;}
.breadcrumbs li::after {content:">"; margin:0 0 0 0.6rem;}
.breadcrumbs li:nth-last-child(1)::after {content:"";}
.banner {width:100%; line-height:1rem;}
/* 底部 */
.follow {width:100%; display:flex; justify-content:space-between; padding:2rem 10%; background:#fff; border-top:1px solid #ddd;}
.follow h3 {margin-bottom:1rem;}
.touch,.newsletter,.follow_us {width:31%; line-height:2.4rem; margin-bottom:0.6rem; padding:2rem 0; text-align:center;}
.touch {text-align:right;}
.touch p {padding:0.5rem 24px 0.5rem 0;}
.touch p:nth-child(2) {background:url(/images/basic/cntruck/footer_icon_add.png) no-repeat right 0.6rem;}
.touch p:nth-child(3) {background:url(/images/basic/cntruck/footer_icon_tel.png) no-repeat right 0.6rem;}
.touch p:nth-child(4) {background:url(/images/basic/cntruck/footer_icon_email.png) no-repeat right 0.6rem;}
.newsletter {width:38%; border:1px solid #ddd; padding:20px; border-top:none; border-bottom:none;}
.newsletter form {display:flex; width:100%; margin-top:10px; justify-content:center; height:36px;}
.newsletter_form #keywords,.newsletter_form button {height:36px; line-height:3.6rem; margin:0; padding:0 8px; outline:none;}
.newsletter_form input {border:1px solid #ccc; border-left:none; outline:none; border-radius:0 5px 5px 0; flex:1 1 auto; font-size:1.6rem; color:#666; padding:0 8px;}
.newsletter_form button {background:#ea5404; color:#fff; font-size:1.4rem; font-family:"Montserrat-Bold"; font-weight:normal; border:none; border-radius:5px 0 0 5px;}
.follow_us img {margin:10px 10px 0;}
footer {width:100%; background:#104990; color:#fff; font-size:1.4rem; line-height:2.1rem;}
.footer_container {display:flex; justify-content:space-between; margin:0 auto; padding:20px 10%;}
.footer_container dl {margin:20px 0 0; padding:0 10px 0 0;}
.footer_container dl dt {font-size:1.6rem;}
.footer_container dl dt,.footer_container dl dd {margin-bottom:3px;}
.footer_links {margin:0 10%; padding:10px 0 0; text-align:center; background:#fff; border-radius:10px;}
.footer_links img {margin:0 10px 10px;}
.footer_info {padding:20px 10%;}
.footer_copyright {margin:0 auto; padding:20px 10% 40px; text-align:center;}
/* 回顶部 */
.back_to_top {position:fixed; bottom:0; left:calc(50% - 68px); width:136px; height:30px; line-height:30px; text-align:center; background:#ea5404; color:#fff; font-size:14px; text-transform:uppercase; z-index:52;}
.back_to_top:hover {background:#d14900;}
.back_to_top a {padding:8px 26px 8px 12px;}
.back_to_top a:hover {text-decoration:none; color:#fff;}
.back_to_top a::after {content:""; position:absolute; right:12px; top:40%; width:0; height:0; border-top:none; border-right:5px solid transparent; border-bottom:5px solid #fff; border-left:5px solid transparent;}
/* 分页 */
.pagination {display:flex; flex-wrap:wrap; margin:3rem auto; justify-content:center; align-items:center; width:100%;}
.pagination a {float:left; margin:0 0.5rem; padding:0 1rem; height:3rem; line-height:3rem; border:1px solid #ccc; border-radius:1.5rem; transition:all 0.3s;}
.pagination a.active {background:#0062b2; border:1px solid #0062b2; color:#fff;}
.pagination a:hover:not(.active) {background:#efefef; color:#333;}

@media (max-width:600px) {
	html {font-size:7.5px;}
	.container {width:100%;}
	/* 头部 */
	#header_main {padding:20px 0; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
	.logo {flex:0 0 50%; width:50%;}
	.usertools {flex:0 0 50%; width:50%; justify-content:flex-end; position:absolute; top:15px; left:4%;}
	.usertools div {margin-left:10px;}
	.usertools span {display:none;}
	.usertools article span {display:block;}
	.search {flex:1 1 100%; width:100%; margin:10px auto 0;}
	#quicknav {display:none;}
	#onlinelive a:nth-child(1) {margin-right:1rem;}
	.usertools .dropdown:hover .dropdown-content {display:none;}
	/* #user .dropdown-content {width:260px; left:calc(100% - 210px);}
	#user .dropdown-content::before {left:172px;}
	#user .entered {width:200px; left:calc(100% - 150px); text-align:left;}
	#user .entered::before {left:112px;}
	#cart .dropdown-content {width:290px; left:calc(100% - 290px);}
	#cart .dropdown-content::before {left:250px;} */
	#menu-content {width:358px; font-size:1.4rem;}
	#menu_first {flex:0 0 100%; width:100%;}
	#menu_first li a {display:block;}
	#menu_first_con {display:none;}
	/* 底部 */
	.footer_container,.footer_info,.footer_copyright {flex-wrap:wrap; padding:2rem 5%;}
	.footer_container dl {width:50%;}
	.footer_links {margin:0 5%;}
	.footer_links img {margin:0 5px 5px;}
	.follow {flex-direction:column; padding:5px 5%;}
	.touch,.newsletter,.follow_us {width:100%; padding:15px 10px;}
	.newsletter {border:1px solid #ddd; border-left:none; border-right:none;}
	/* 评论传图片 */
	table.layui-table tr th:nth-child(2),table.layui-table tr th:nth-child(3),table.layui-table tr td:nth-child(2),table.layui-table tr td:nth-child(3) {display:none;}
}
@media (min-width:601px) and (max-width:820px) {
	html {font-size:8.75px;}
	.container {width:100%;}
	h2 {font-size:2.4rem; line-height:3rem;}
	/* 头部 */
	#header_main {display:-moz-box; display:-webkit-box; padding:20px 0; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
	.logo {flex:0 0 50%; width:50%;}
	.usertools {-moz-box-ordinal-group:2; -webkit-box-ordinal-group:2; flex:0 0 50%; width:50%; justify-content:flex-end;}
	.usertools div {margin-left:10px;}
	.usertools span {display:none;}
	.usertools article span {display:block;}
	.search {-moz-box-ordinal-group:3; -webkit-box-ordinal-group:3; flex:1 1 100%; width:100%; margin:10px auto 0;}
	#quicknav a {margin-left:1.5rem;}
	#onlinelive a:nth-child(1) {margin-right:1rem;}
	#user .dropdown-content {width:290px; left:calc(100% - 220px);}
	#user .dropdown-content::before {left:182px;}
	#user .entered {width:200px; left:calc(100% - 150px); text-align:left;}
	#user .entered::before {left:112px;}
	#cart .dropdown-content {width:290px; left:calc(100% - 290px);}
	#cart .dropdown-content::before {left:250px;}
	#menu-content {width:280px; font-size:1.4rem;}
	#menu_first {flex:0 0 100%; width:100%;}
	#menu_first li a {display:block;}
	#menu_first_con {display:none;}
	/* 底部 */
	.follow {padding:20px 5%;}
	.newsletter_form input {width:50%;}
}
@media (min-width:821px) and (max-width:1023px) {
	html {font-size:8.75px;}
	#quicknav a {margin-left:2rem;}
	#onlinelive a:nth-child(1) {margin-right:1.5rem;}
	#header_main {padding:1.5rem 0;}
	#user .dropdown-content {width:290px; left:calc(100% - 180px);}
	#user .dropdown-content::before {left:142px;}
	.logo {width:30%;}
	.usertools {width:150px;}
	#menu-content {width:755px; font-size:1.4rem;}
	#menu_first {flex:0 0 27%; width:27%;}
}
@media (min-width:1024px) {
	#menu-content {width:942px;}
	#menu_first {flex:0 0 25%; width:25%;}
}
@media (min-width:1025px) and (max-width:1179px) {
	#menu-content {width:942px; font-size:1.4rem;}
	#menu_first {flex:0 0 25%; width:25%;}
}
@media (min-width:1180px) {
	#menu-content {width:1085px;}
	#menu_first {flex:0 0 25%; width:25%;}
}
@media (min-width:1280px) {
	#menu-content {width:1177px;}
	#menu_first {flex:0 0 25%; width:25%;}
}
@media (min-width:1366px) {
	#menu-content {width:1256px;}
	#menu_first {flex:0 0 22%; width:22%;}
}
@media (min-width:1440px) {
	#menu-content {width:1320px;}
	#menu_first {flex:0 0 20%; width:20%;}
}
@media (min-width:1920px) {
	#menu-content {width:1766px;}
	#menu_first {flex:0 0 20%; width:20%;}
}
.discount {
    font-size: 1.8rem;
    color: #23a6c2;
}